body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*    background-color: rgb(237, 237, 237);*/
    margin: 0;
    padding: 0;
    direction: rtl;
    overflow: hidden;
	height:100%
}
html{
height:100%	
}
.EN body {
    direction: ltr;
}

body,
button,
textarea,
select,
input {
    font-size: 15px;
    font-family: "NarkisTam-Light_MFW";
    -webkit-appearance: none;
    -moz-appearance: none;
}

body.EN,
.EN button,
.EN textarea,
.EN select,
.EN input {
    font-size: 13px;
    font-family: "Open-Sans_Light";
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* Remove input blue border */

button:focus,
textarea:focus,
textarea:focus,
select:focus,
input:focus {
    outline: 0;
}

button {
    cursor: pointer;
}


/***************************/

a {
    cursor: pointer;
    Color: black;
}

a:link {
    text-decoration: none;
}

p,
div,
img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

img {
    -ms-interpolation-mode: nearest-neighbor;
}

p {
    pointer-events: none;
}

select::-ms-expand {
    display: none;
}

.background {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -2;
    background-size: cover;
    background-repeat: no-repeat;
}

.background.main {
    /*    background-image: url("../images/bg_login.gif");*/
}

.background.menu {
    background-image: url("../images/bg_menu.png");
}

.background.waitingroomservice {
    background-image: url("../images/bg_waitingRoom_service.png");
}

.background.category {
   /* background-image: url("../images/bg_category.png");*/
}

.background.doctors {
    background-image: url("../images/bg_doctors.png");
}

.background.summary {
    background-image: url("../images/bg_summary.png");
}

.windowContainer {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
	overflow: auto;
}

.windowContainer .intermediateHeader,
.windowContainer.chooseServicePage div.intermediateHeader {
    display: none;
}

.windowContainer.customerProfilePage div.intermediateHeader,
.windowContainer.appointmentHistoryPage div.intermediateHeader {
    display: block;
    width: 91%;
    height: 9%;
    position: absolute;
    background-color: white;
    left: 0;
    z-index: -1;
    border-bottom: 1px solid #f1f1f1;
}

.windowContainer.customerProfilePage div.intermediateHeader,
.windowContainer.appointmentHistoryPage div.intermediateHeader {
    display: none;
}

.windowContainer .windowFooter {
    position: absolute;
    height: 6%;
    width: 100%;
    background: rgba(155, 141, 255, 0.9);
    bottom: 0;
    z-index: -1;
}

.windowContainer .windowFooter.off {
    display: none;
}

.windowContainer .windowHeader {
    position: absolute;
    height: 10%;
    width: 100%;
    border-bottom: 2px solid #6748ff;
}

.windowContainer .windowHeader.off {
    display: none;
}

.applicationContainer {
    max-width: 1200px;
    margin: auto;
    width: 100%;
}

.masterPageContainer {
    width: 100%;
    height: 100%;
}

.masterPageWrapper {
    width: 44%;
    height: 100%;
    margin: 0 auto;
}

.chooseServicePage div.masterPageWrapper,
.immediateMedicalDetailsPage div.masterPageWrapper,
.immediateMedicalPaymentPage div.masterPageWrapper,
.immediateMedicalAdditionalDataPage div.masterPageWrapper,
.videoConferenceWaitingRoomPage div.masterPageWrapper,
.videoConferenceSummaryPage div.masterPageWrapper,
.expertiseMedicalDetailsPage div.masterPageWrapper,
.expertiseMedicalPaymentPage div.masterPageWrapper,
.expertiseMedicalAdditionalDataPage div.masterPageWrapper,
.expertiseMedicalCvViewerPage div.masterPageWrapper,
.expertiseMedicalSetDoctorAppointmentPage div.masterPageWrapper,
.expertiseMedicalAppointmetSummaryPage div.masterPageWrapper {
    width: 100%;
}

.expertiseMedicalChooseDoctorPage div.masterPageWrapper {
    width: 76%;
}

.loginPage div.headerContainer,
.chooseServicePage div.headerContainer,
.chooseServicePage div.windowHeader,
.chooseServicePage div.windowFooter,
.customerProfilePage div.headerContainer,
.customerProfilePage div.windowHeader,
.customerProfilePage div.windowFooter,
.appointmentHistoryPage div.headerContainer,
.appointmentHistoryPage div.windowHeader,
.appointmentHistoryPage div.windowFooter,
.immediateMedicalDetailsPage div.headerContainer,
.immediateMedicalDetailsPage div.windowHeader,
.immediateMedicalDetailsPage div.windowFooter,
.immediateMedicalPaymentPage div.headerContainer,
.immediateMedicalPaymentPage div.windowHeader,
.immediateMedicalPaymentPage div.windowFooter,
.immediateMedicalAdditionalDataPage div.headerContainer,
.immediateMedicalAdditionalDataPage div.windowHeader,
.immediateMedicalAdditionalDataPage div.windowFooter,
.videoConferenceWaitingRoomPage div.headerContainer,
.videoConferenceWaitingRoomPage div.windowHeader,
.videoConferenceWaitingRoomPage div.windowFooter,
.videoConferenceSummaryPage div.headerContainer,
.videoConferenceSummaryPage div.windowHeader,
.videoConferenceSummaryPage div.windowFooter,
.expertiseMedicalDetailsPage div.headerContainer,
.expertiseMedicalDetailsPage div.windowHeader,
.expertiseMedicalDetailsPage div.windowFooter,
.expertiseMedicalPaymentPage div.headerContainer,
.expertiseMedicalPaymentPage div.windowHeader,
.expertiseMedicalPaymentPage div.windowFooter,
.expertiseMedicalAdditionalDataPage div.headerContainer,
.expertiseMedicalAdditionalDataPage div.windowHeader,
.expertiseMedicalAdditionalDataPage div.windowFooter,
.expertiseMedicalCvViewerPage div.headerContainer,
.expertiseMedicalCvViewerPage div.windowHeader,
.expertiseMedicalCvViewerPage div.windowFooter,
.expertiseMedicalSetDoctorAppointmentPage div.headerContainer,
.expertiseMedicalSetDoctorAppointmentPage div.windowHeader,
.expertiseMedicalSetDoctorAppointmentPage div.windowFooter,
.expertiseMedicalAppointmetSummaryPage div.headerContainer,
.expertiseMedicalAppointmetSummaryPage div.windowHeader,
.expertiseMedicalAppointmetSummaryPage div.windowFooter {
    display: none;
}

.loginPage div.viewContainer,
.chooseServicePage div.viewContainer,
.customerProfilePage div.viewContainer,
.appointmentHistoryPage div.viewContainer,
.immediateMedicalDetailsPage div.viewContainer,
.immediateMedicalPaymentPage div.viewContainer,
.immediateMedicalAdditionalDataPage div.viewContainer,
.videoConferenceWaitingRoomPage div.viewContainer,
.videoConferenceSummaryPage div.viewContainer,
.expertiseMedicalDetailsPage div.viewContainer,
.expertiseMedicalPaymentPage div.viewContainer,
.expertiseMedicalAdditionalDataPage div.viewContainer,
.expertiseMedicalCvViewerPage div.viewContainer,
.expertiseMedicalSetDoctorAppointmentPage div.viewContainer,
.expertiseMedicalAppointmetSummaryPage div.viewContainer {
    height: 100%;
}

.headerContainer {
    width: 32%;
    height: 10.3%;
    margin: 0 auto;
}

.expertiseMedicalChooseDoctorPage div.headerContainer {
    width: 21%;
}

.logoContainer {
    width: 100%;
    height: 100%;
}

.headerSeperator {
    width: 25%;
    height: 100%;
}

.viewContainer {
    width: 100%;
    height: 89.7%;
}

.pageContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.pageContainer.videoConferenceChatPage {
    position: inherit;
}

.EN #modal,
.EN #videoConferenceWaitingRoomPage,
.EN #videoConferenceSummaryPage,
.EN #customerRegistrationPage {
    direction: ltr;
}

#loginPage,
#modal,
#customerVerificationPage,
#customerRegistrationPage,
#customerRegistrationTermsPage,
#chooseServicePage,
#customerProfilePage,
#appointmentHistoryPage,
#immediateMedicalDetailsPage,
#immediateMedicalPaymentPage,
#immediateMedicalAdditionalDataPage,
#videoConferenceWaitingRoomPage,
#videoConferenceSummaryPage,
#expertiseMedicalChooseDoctorPage,
#expertiseMedicalDetailsPage,
#expertiseMedicalPaymentPage,
#expertiseMedicalAdditionalDataPage,
#expertiseMedicalCvViewerPage,
#expertiseMedicalSetDoctorAppointmentPage,
#expertiseMedicalAppointmetSummaryPage {
    width: 100%;
    height: 100%;
}

.EN #expertiseMedicalChooseDoctorPage {
    direction: ltr;
}

#expertiseMedicalChooseDoctorPage {
    position: relative;
}

#modal .modalHeaderContainer {
    width: 100%;
    height: 15%;
    margin: 0 auto;
    text-align: center;
    display: table;
}

#modal .modalHeaderContainer.immediate {
    height: 7%;
    float: right;
    position: relative;
}

#modal .modalHeaderContainer p {
    width: 100%;
    height: 100%;
    font-family: "NarkisTam-Light_MFW";
    color: #3e4f58;
    display: table-cell;
    vertical-align: top;
}

.EN #modal .modalHeaderContainer p {
    font-family: "Open-Sans_Light";
}

#modal .modalHeaderContainer div.modalHeaderWrapper {
    width: 30%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/ic_dialog_error.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

#modal .errorPageContainer,
#modal .successPageContainer {
    width: 100%;
    height: auto;
    display: table;
    padding: 5%;
}

.EN #modal .successPageContainer.fix {
    margin-top: 5%;
}

#modal .successPageContainer.fix {
    margin-top: 7%;
}

#modal .errorPageContainer p,
#modal .successPageContainer p {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

#modal .successPageContainer.oncology p {
    display: block;
}

#modal .successPageContainer.rightFix {
    float: right;
    position: relative;
    height: 40%;
}

#modal .browsersContainer {
    width: 100%;
    height: 35%;
    float: right;
    position: relative;
}

#modal .browsersContainer .chromeContainer {
    width: 45%;
    height: 100%;
    float: right;
    position: relative;
}

#modal .browsersContainer .chromeContainer .chromeWrapper {
    width: 100%;
    height: 90%;
    position: relative;
    float: right;
    background-image: url("../images/btn_chrome.png");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    cursor: pointer;
}

#modal .browsersContainer .chromeContainer .chromeWrapper:hover {
    background-image: url("../images/btn_chrome_hover.png");
}

#modal .browsersContainer .chromeContainer .chromeText {
    width: 100%;
    height: 10%;
    position: relative;
    float: right;
    display: table;
}

#modal .browsersContainer .chromeContainer .chromeText p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}

#modal .browsersContainer .firefoxContainer {
    width: 45%;
    height: 100%;
    float: right;
    position: relative;
}

#modal .browsersContainer .firefoxContainer .firefoxWrapper {
    width: 100%;
    height: 90%;
    position: relative;
    float: right;
    background-image: url("../images/btn_firefox.png");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    cursor: pointer;
}

#modal .browsersContainer .firefoxContainer .firefoxWrapper:hover {
    background-image: url("../images/btn_firefox_hover.png");
}

#modal .browsersContainer .firefoxContainer .firefoxText {
    width: 100%;
    height: 10%;
    position: relative;
    float: right;
    display: table;
}

#modal .browsersContainer .firefoxContainer .firefoxText p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
}

#modal .browsersContainer .seperatorContainer {
    width: 10%;
    height: 100%;
    float: right;
    position: relative;
}

#modal .browsersContainer .seperatorContainer .seperatorWrapper {
    width: 100%;
    height: 100%;
    background-image: url("../images/divider_horizontal.png");
    background-size: 3%;
    background-position: center;
    background-repeat: no-repeat;
}

#modal .confirmErrorContainer {
    width: 100%;
    height: 25%;
    float: right;
    position: relative;
}

#modal .confirmErrorContainer .confirmErrorWrapper {
    width: 100%;
    height: 100%;
    background-image: url("../images/btn_yes.png");
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

#modal .confirmErrorContainer .confirmErrorWrapper:hover {
    background-image: url("../images/btn_yes_on.png");
}

#modal .acceptContainer {
    width: 100%;
    height: 35%;
    float: right;
    position: relative;
}

#modal .acceptWrapper {
    width: 15%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/btn_yes.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

#modal .acceptWrapper:hover {
    background-image: url("../images/btn_yes_on.png");
}

#modal .acceptButtonContainer,
#modal .futureButtonContainer {
    width: 50%;
    height: 35%;
    float: right;
    position: relative;
}

.EN #modal .acceptButtonContainer.fix,
.EN #modal .futureButtonContainer.fix,
#modal .acceptButtonContainer.fix,
#modal .futureButtonContainer.fix {
    margin-top: 3%;
}

#modal .acceptButtonWrapper,
#modal .acceptCallButtonWrapper,
#modal .futureButtonWrapper,
#modal .acceptErrorButtonWrapper {
    width: 20%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/btn_yes.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

#modal .acceptCallButtonWrapper.fix,
#modal .futureButtonWrapper.fix,
#modal .acceptErrorButtonWrapper.fix {
    float: right;
    position: relative;
    height: 50%;
    width: 100%;
    background-size: 25%;
}

#modal .acceptCallButtonWrapper.fix {
    background-image: url("../images/btn_contact.png");
}

#modal .futureButtonWrapper.fix {
    background-image: url("../images/btn_queue_future.png");
}

#modal .acceptCallButtonWrapper {
    background-image: url("../images/btn_yes.png");
}

#modal .acceptCallButtonTextWrapper,
#modal .futureButtonTextWrapper,
#modal .acceptErrorButtonTextWrapper {
    width: 100%;
    height: 60%;
    float: right;
    position: relative;
    display: table;
}

.EN #modal .acceptCallButtonTextWrapper p,
.EN #modal .nowButtonTextWrapper p,
.EN #modal .futureButtonTextWrapper p {
    line-height: 1.2em;
}

#modal .acceptCallButtonTextWrapper p,
#modal .futureButtonTextWrapper p,
#modal .acceptErrorButtonTextWrapper p {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    color: #9a8cff;
    font-size: 15px;
}

#modal .acceptCallButtonWrapper:hover {
    background-image: url("../images/btn_contact_on.png");
}

#modal .futureButtonWrapper:hover {
    background-image: url("../images/btn_queue_future_pressed.png");
}

#modal .acceptButtonWrapper:hover,
#modal .acceptErrorButtonWrapper:hover {
    background-image: url("../images/btn_yes_on.png");
}

#modal .cancelButtonContainer,
#modal .nowButtonContainer,
#modal .downloadButtonContainer {
    width: 50%;
    height: 35%;
    float: right;
    position: relative;
}

.EN #modal .cancelButtonContainer.fix,
.EN #modal .nowButtonContainer.fix {
    margin-top: 3%;
}

#modal .cancelButtonContainer.fix,
#modal .nowButtonContainer.fix,
#modal .downloadButtonContainer.fix {
    margin-top: 3%;
}

#modal .cancelButtonWrapper,
#modal .nowButtonWrapper,
#modal .downloadButtonWrapper {
    width: 20%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/btn_no.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

#modal .nowButtonWrapper {
    background-image: url("../images/btn_queue_now.png");
}

#modal .downloadButtonWrapper {
    background-image: url("../images/btn_appDownload.png");
}

#modal.harelIcon .downloadButtonWrapper {
    background-image: url("../images/icon_harel.png");
}

#modal .cancelButtonWrapper.fix,
#modal .nowButtonWrapper.fix,
#modal .downloadButtonWrapper.fix {
    float: right;
    position: relative;
    height: 50%;
    width: 100%;
    background-size: 25%;
}

#modal .cancelButtonWrapper:hover {
    background-image: url("../images/btn_no_on.png");
}

#modal .nowButtonWrapper:hover {
    background-image: url("../images/btn_queue_now_pressed.png");
}

#modal .downloadButtonWrapper:hover {
    background-image: url("../images/btn_appDownload_pressed.png");
}

#modal .cancelButtonTextWrapper,
#modal .nowButtonTextWrapper,
#modal .downloadButtonTextWrapper {
    width: 100%;
    height: 60%;
    float: right;
    position: relative;
    display: table;
}

#modal .cancelButtonTextWrapper p,
#modal .nowButtonTextWrapper p,
#modal .downloadButtonTextWrapper p {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    color: #9a8cff;
    font-size: 15px;
}

.EN #modal .modalPageContainer {
    margin-right: 0%;
    margin-left: 2.5%;
}

#modal .modalPageContainer {
    width: 100%;
    height: 85%;
    margin-right: 2.5%;
}

.EN #modal .modalPageContainer.immediate {
    direction: ltr;
}

#modal .modalPageContainer.immediate {
    height: 93%;
    width: 95%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .descriptionContainer {
    height: auto;
    width: 98%;
    margin-bottom: 5%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .descriptionContainer p {
    font-size: 16px;
    width: 90%;
    margin: 0 auto;
}

#modal .modalPageContainer.immediate .doctorsTitleContainer {
    height: 5%;
    width: 98%;
    display: table;
    float: right;
    position: relative;
    border-bottom: 1px solid #d6d6d6;
}

#modal .modalPageContainer.immediate .doctorsTitleContainer p {
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#modal .modalPageContainer.immediate .doctorRow {
    height: 23%;
    width: 98%;
    float: right;
    position: relative;
}

.EN #modal .modalPageContainer.immediate .doctorRow .rightSection {
    float: left;
}

#modal .modalPageContainer.immediate .doctorRow .rightSection {
    height: 100%;
    width: 25%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .doctorRow .rightSection .blankSection {
    height: 10%;
    width: 100%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .doctorRow .rightSection .middleSection {
    height: 80%;
    width: 100%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .doctorRow .rightSection .middleSection .doctorImageContainer {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.EN #modal .modalPageContainer.immediate .doctorRow .leftSection {
    float: left;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection {
    height: 100%;
    width: 75%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .blankSection {
    height: 20%;
    width: 100%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection {
    height: 60%;
    width: 100%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorNameContainer {
    height: 35%;
    width: 98%;
    margin-right: 2%;
    float: right;
    position: relative;
    display: table;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorNameContainer p {
    font-size: 21px;
    display: table-cell;
    vertical-align: middle;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer {
    height: 65%;
    width: 100%;
    float: right;
    position: relative;
}

.EN #modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityContainer {
    float: left;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityContainer {
    height: 55%;
    width: 35%;
    float: right;
    position: relative;
    margin-bottom: 1%;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityContainer.oneSpeciality {
    width: 100%;
}

.EN #modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer {
    float: left;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer {
    height: 100%;
    width: 30%;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer .specialityIconColorWrapper {
    height: 100%;
    width: 70%;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: 50%;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityContainer.oneSpeciality .specialityIconContainer {
    width: 10.5%;
}

.EN #modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityNameContainer {
    float: left;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityNameContainer {
    height: 100%;
    width: 70%;
    display: table;
    float: right;
    position: relative;
}

#modal .modalPageContainer.immediate .doctorRow .leftSection .middleSection .doctorSpecialitiesContainer .specialityNameContainer p {
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #1d3844;
}

#modal .modalScroll {
    /*    overflow: auto;*/
    width: 100%;
    height: 93%;
    margin-top: 7%;
    font-size: 13px;
}

#modal .modalScroll p {
    width: auto !important;
    height: auto !important;
}

#modal .modalScroll div {
    font-family: "NarkisTam-Light_MFW" !important;
}

.EN #modal .modalScroll div {
    font-family: "Open-Sans_Light" !important;
}

#modal .modalPageContainer form {
    height: 100%;
    width: 100%;
}

#modal .modalPageContainer form.spacer {
    margin-top: 13%;
}

#modal .modalFormRow {
    width: 95%;
    height: 25%;
}

#modal .modalFormRowDouble {
    width: 95%;
    height: 26%;
}

#modal .modalInputWrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.EN #modal .modalInputWrapper input {
    padding-right: 0;
    padding-left: 5%;
}

#modal .modalInputWrapper input {
    width: 100%;
    height: 67%;
    background: transparent;
    padding-right: 5%;
    border-radius: 4px;
    border: 1px solid #75878E;
    font-size: 19px;
}

#modal .modalAcceptBtnWrapper {
    width: 100%;
    height: 100%;
}

#modal .modalAcceptBtnWrapper button {
    border: none;
    border-radius: 4px;
    background-color: #9b8dff;
    color: white;
    width: 100%;
    height: 85%;
    font-size: 20px;
}

#modal .modalAcceptBtnWrapper button:hover {
    background-color: #6748FF;
}

#modal .modalPageContainer .familyMemberFormRow {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#modal .modalPageContainer .familyMemberFormRow .familyMemberFormBottomWrapper {
    width: 100%;
    height: 38%;
}

.EN #modal .modalPageContainer .familyMemberFormRowSmall,
.EN #modal .modalPageContainer .familyMemberFormRowToggle,
.EN #modal .modalPageContainer .familyMemberFormRowSmallToggle {
    float: left;
}

#modal .modalPageContainer .familyMemberFormRowSmall {
    width: 50%;
    height: 20%;
    float: right;
    position: relative;
}

#modal .modalPageContainer .familyMemberFormRowToggle {
    width: 62%;
    height: 20%;
    float: right;
    position: relative;
}

#modal .modalPageContainer .familyMemberFormRowSmallToggle {
    width: 38%;
    height: 20%;
    float: right;
    position: relative;
}

#modal .modalPageContainer .familyMemberFormRow .familyMemberFormTopWrapper,
#modal .modalPageContainer .familyMemberFormRowSmall .familyMemberFormTopWrapper,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormTopWrapper,
#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormTopWrapper {
    width: 100%;
    height: 32.4%;
    margin-bottom: 0.5%;
    display: table;
}

#modal .modalPageContainer .familyMemberFormRow .familyMemberFormTopWrapper p,
#modal .modalPageContainer .familyMemberFormRowSmall .familyMemberFormTopWrapper p,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormTopWrapper p,
#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormTopWrapper p {
    width: 100%;
    height: 100%;
    font-size: 19px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

#modal .modalPageContainer .familyMemberFormRowSmall .familyMemberFormBottomWrapper,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper,
#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper {
    width: 100%;
    height: 42%;
}

#modal .modalPageContainer .familyMemberFormRowSmall .familyMemberFormBottomWrapper .switchInput,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper .switchInput,
#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .switchInput {
    width: 100%;
    height: 100%;
}

#modal .modalPageContainer .familyMemberFormRowSmall .familyMemberFormBottomWrapper input,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper input {
    width: 90%;
    height: 91%;
    padding-right: 7%;
    padding-left: 7%;
    border-radius: 4px;
    border: 1px solid #75878E;
}

#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper input {
    width: 92%;
}

#modal .modalPageContainer .familyMemberFormRowSmall .familyMemberFormBottomWrapper input:focus,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper input:focus {
    border: 2px solid #00E1FF;
}

#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper {
    width: 96%;
    height: 100%;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.EN #modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper .rightLabel,
.EN #modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper .leftLabel {
    float: left;
}

#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper .rightLabel,
#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper .leftLabel {
    height: 94%;
    width: 46.8%;
    float: right;
    border: 2px solid #9b8dff;
    display: table;
    cursor: pointer;
}

#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper .rightLabel p,
#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper .leftLabel p {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper.on div.rightLabel,
#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper div.leftLabel {
    background-color: #9b8dff;
    color: white;
}

#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper div.rightLabel,
#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper.on div.leftLabel {
    background-color: white;
    color: #9b8dff;
}

.EN #modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper div.rightLabel {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper div.rightLabel {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.EN #modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper div.leftLabel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#modal .modalPageContainer .familyMemberFormRowSmallToggle .familyMemberFormBottomWrapper .toggleWrapper div.leftLabel {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#loginPage .topSectionContainer {
    width: 100%;
    height: 20%;
}

#loginPage .blankSeperator {
    width: 100%;
    height: 5%;
    float: right;
    position: relative;
}

#loginPage .middleSectionContainer {
    width: 100%;
    height: 89%;
    float: right;
    position: relative;
}

#loginPage .middleSectionContainer .logoContainer {
    width: 100%;
    height: 30%;
    float: right;
    position: relative;
}

#loginPage .middleSectionContainer .logoContainer .blank {
    width: 100%;
    height: 60%;
    float: right;
    position: relative;
}

#loginPage .middleSectionContainer .logoContainer .logoWrapper {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
    background-image: url("../images/ic_logo1.png");
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    /*    z-index: 10001;*/
}

.EN #loginPage .middleSectionContainer .logoContainer .logoWrapper {
    background-image: url("../images/ic_logo1_EN.png");
}

#loginPage .middleSectionContainer .logoContainer .logoWrapper.harel {
    background-image: url("../images/ic_logo1-harel.png");
    background-size: contain;
}

#loginPage .bottomSectionContainer {
    width: 100%;
    height: 6%;
    float: right;
    position: relative;
}

#loginPage .innerLogoContainer {
    width: 100%;
    height: 33.3%;
    display: table;
}

#loginPage .innerLogoContainer p {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    font-size: 16px;
    color: #9b8dff;
    font-weight: bold;
}

#loginPage .innerLogoWrapper {
    width: 100%;
    height: 100%;
    background-image: url("../images/ic_logo2.png");
    background-repeat: no-repeat;
    background-position: 50% 15%;
    background-size: 27%;
}

#loginPage .bottomSectionContainer .formRowHuge {
    padding-bottom: 0;
    height: 83%;
}

#loginPage .bottomSectionContainer .formRow {
    padding-bottom: 0;
    height: 17%;
}

#loginPage .bottomSectionContainer div.newUserTextContainer {
    width: 100%;
    height: 100%;
}

#loginPage .bottomSectionContainer div.newUserTextContainer .newUserTextWrapper {
    display: table;
}

#loginPage .bottomSectionContainer .newUserTextContainer .newUserTextWrapper a {
    display: table-cell;
    vertical-align: middle;
    /*    color: #6748ff;*/
    color: white;
    font-size: 22px;
}

.EN #loginPage .middleSectionContainer form {
    direction: ltr;
}

.EN #loginPage .forgetPasswordWrapper p {
    text-align: right;
}

#loginPage .middleSectionContainer form {
    height: 35%;
    width: 100%;
    float: right;
    position: relative;
}

#loginPage .formRow {
    width: 64%;
    height: 16%;
    padding-bottom: 2%;
    margin: 0 auto;
}

#loginPage .formRowDouble {
    height: 23%;
    padding-top: 3%;
    padding-bottom: 0;
    width: 64%;
    margin: 0 auto;
}

#loginPage .inputWrapper,
#loginPage .forgetPasswordWrapper {
    width: 100%;
    height: 100%;
}

#loginPage .forgetPasswordWrapper {
    display: table;
    margin-top: 2%;
}

#loginPage .forgetPasswordWrapper button {
    float: left;
    border: none;
    width: 32%;
    height: 100%;
    text-decoration: underline;
    /*    background-color: #83F6FF;*/
    background-color: transparent;
    color: #3e4f58;
    /*    border-radius: 4px;*/
    font-size: 19px;
    padding: 0;
    /*    margin-left: 0.5%;*/
}

#loginPage .forgetPasswordWrapper p {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    color: #3e4f58;
    font-size: 19px;
    cursor: pointer;
    text-decoration: underline;
}

#loginPage .inputWrapper input {
    width: 91%;
    height: 100%;
    padding-left: 4%;
    padding-right: 4%;
    border-radius: 4px;
    border: 1px solid #75878E;
}

#loginPage .inputWrapper input:focus {
    border: 2px solid #00E1FF;
}

#loginPage .loginBtnWrapper {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#loginPage .loginBtnWrapper button {
    border: none;
    border-radius: 4px;
    background-color: #9b8dff;
    color: white;
    width: 100%;
    height: 100%;
    font-size: 20px;
}

#loginPage .loginBtnWrapper button:hover {
    background-color: #6748FF;
}

#loginPage .newUserTextWrapper {
    width: 100%;
    height: 100%;
    text-align: center;
}

#loginPage .text_block_white {
    Color: #ffffff;
    text-shadow: 1px 1px black;
}

#loginPage form {
    direction: rtl;
}

#loginPage form.ltrTextDirection {
    direction: ltr;
}

#loginPage form.ltrTextDirection .forgetPasswordWrapper a {
    float: right;
}

#loginPage .newCustomerMessageConatiner {
    position: relative;
    float: right;
    width: 100%;
    height: 35%;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper {
    width: 64%;
    position: absolute;
    margin: 0px auto;
    height: 100%;
    max-height: 220px;
    right: 18%;
    bottom: 0px;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper {
    background-color: rgba(155, 141, 255, 0.9);
    border-radius: 10px;
    position: relative;
    float: right;
    width: 100%;
    height: 90%;
    text-align: center;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .closeBtnContainer {
    position: relative;
    float: right;
    width: 100%;
    height: 15%;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .closeBtnContainer .closeBtnWrapper {
    position: relative;
    float: right;
    width: 20%;
    height: 100%;
    background-image: url('../images/btn_popup_close.png');
    background-size: 30%;
    background-position: bottom;
    background-repeat: no-repeat;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .arrowConatiner {
    background-image: url('../images/img_popup_triangle.png');
    background-position: top center;
    background-size: contain;
    width: 100%;
    height: 10%;
    background-repeat: no-repeat;
    position: relative;
    float: right;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .msgTitle,
#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .msgBody {
    position: relative;
    float: right;
    width: 100%;
    color: #fff;
    display: table;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .msgTitle {
    height: 20%;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .msgTitle p {
    font-size: 25px;
    display: table-cell;
    vertical-align: middle;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .msgBody p {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    float: right;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .msgBody {
    height: 45%;
    line-height: 27px;
}

#loginPage .newCustomerMessageConatiner .newCustomerMessageWrapper .messageWrapper .arrowConatiner {
    height: 20%;
    background-image: url('../images/ic_popup_arrow.png');
    background-position: center;
    background-size: 10%;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    float: right;
}

.registrationHeaderContainer {
    width: 100%;
    height: 8%;
}

.headerRow {
    width: 100%;
    height: 45%;
}

.headerSmallRow {
    width: 100%;
    height: 10%;
}

.registrationRightHeaderSection {
    width: 20%;
    height: 100%;
    margin: 0 auto;
    float: right;
}

.registrationMiddleHeaderSection {
    width: 100%;
    height: 100%;
    display: table;
    float: right;
}

.registrationMiddleHeaderSection p {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 19px;
    color: #26403f;
}

.registrationLeftHeaderSection {
    width: 20%;
    height: 100%;
    margin: 0 auto;
    float: right;
}

.registrationLeftHeaderSection button {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    background-image: url("../images/btn_back1.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 8%;
    padding: 0;
}

.registrationLeftHeaderSection button:hover {
    background-image: url("../images/btn_back1_on.png");
}

#customerVerificationPage .verificationForm {
    width: 100%;
    height: 92%;
}

#customerRegistrationPage .registrationForm {
    width: 100%;
    height: 92%;
    overflow-y: auto;
    overflow-x: hidden;
}

#customerProfilePage .profilePageHeader {
    width: 100%;
    height: 5.5%;
}

.EN #customerProfilePage .profileForm {
    direction: ltr;
}

#customerProfilePage .profileForm {
    width: 100%;
    height: 91%;
}

#customerRegistrationTermsPage .registrationTermsForm {
    width: 100%;
    height: 92%;
    margin: 0 auto;
}


/*
#modal .modalPageContainer.immediate::-webkit-scrollbar,
#modal .modalScroll::-webkit-scrollbar,
#customerRegistrationPage .scrollable::-webkit-scrollbar,
#customerProfilePage .scrollable::-webkit-scrollbar,
#appointmentHistoryPage .scrollable::-webkit-scrollbar,
#immediateMedicalDetailsPage .scrollable::-webkit-scrollbar,
#immediateMedicalAdditionalDataPage .scrollable::-webkit-scrollbar,
#customerRegistrationTermsPage .registrationTermsForm::-webkit-scrollbar,
#customerRegistrationTermsPage .registrationTermsFormDoubleRow::-webkit-scrollbar,
#videoConferenceSummaryPage::-webkit-scrollbar,
#expertiseMedicalChooseDoctorPage .scrollable::-webkit-scrollbar,
#searchModal .scrollable::-webkit-scrollbar,
#expertiseMedicalDetailsPage .scrollable::-webkit-scrollbar,
#expertiseMedicalAdditionalDataPage .scrollable::-webkit-scrollbar,
#expertiseMedicalSetDoctorAppointmentPage .scrollable::-webkit-scrollbar,
#expertiseMedicalAppointmetSummaryPage .scrollable::-webkit-scrollbar {
    width: 5px !important;
}

#doctorInfoModal .scrollable::-webkit-scrollbar {
    width: 0 !important;
}

#modal .modalPageContainer.immediate::-webkit-scrollbar-thumb,
#modal .modalScroll::-webkit-scrollbar-thumb,
#customerRegistrationPage .scrollable::-webkit-scrollbar-thumb,
#customerProfilePage .scrollable::-webkit-scrollbar-thumb,
#appointmentHistoryPage .scrollable::-webkit-scrollbar-thumb,
#immediateMedicalDetailsPage .scrollable::-webkit-scrollbar-thumb,
#immediateMedicalAdditionalDataPage .scrollable::-webkit-scrollbar-thumb,
#customerRegistrationTermsPage .registrationTermsForm::-webkit-scrollbar-thumb,
#customerRegistrationTermsPage .registrationTermsFormDoubleRow::-webkit-scrollbar-thumb,
#videoConferenceSummaryPage .scrollable::-webkit-scrollbar-thumb,
#expertiseMedicalChooseDoctorPage .scrollable::-webkit-scrollbar-thumb,
#searchModal .scrollable::-webkit-scrollbar-thumb,
#expertiseMedicalDetailsPage .scrollable::-webkit-scrollbar-thumb,
#expertiseMedicalAdditionalDataPage .scrollable::-webkit-scrollbar-thumb,
#expertiseMedicalSetDoctorAppointmentPage .scrollable::-webkit-scrollbar-thumb,
#expertiseMedicalAppointmetSummaryPage .scrollable::-webkit-scrollbar-thumb {
    background-color: #75878E;
    border-radius: 10px;
}
*/

#customerVerificationPage .verificationForm form,
#customerRegistrationPage .registrationForm form,
#customerRegistrationTermsPage .registrationTermsForm form,
#customerProfilePage .profileForm form {
    width: 100%;
    height: 100%;
}

#customerProfilePage .profileForm form {
    min-height: 764px;
}

#customerVerificationPage .verificationFormRow {
    width: 100%;
    height: 33.3%;
}

#customerVerificationPage .verificationFormRow p {
    color: #9b8dff;
    font-size: 21px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
}

#customerVerificationPage .verificationFormRow .topSection {
    width: 100%;
    height: 50%;
}

#customerVerificationPage .verificationFormRow:last-of-type .topSection {
    width: 100%;
    height: 39%;
}

#customerVerificationPage .verificationFormRow div.verificationInputWrapper {
    width: 100%;
    height: 50%;
}

#customerVerificationPage .verificationFormRow div.verificationInputWrapper input {
    width: 64%;
    height: 85%;
    border: none;
    /*
    background-image: url("../images/inputDash.png");
    background-repeat: no-repeat;
    background-size: 100% 90%;
*/
    display: block;
    margin: 0 auto;
    padding-left: 5%;
    /*    text-align: left;*/
    text-align: center;
    font-size: 72px;
    font-family: sans-serif;
    /*    letter-spacing: 50px;*/
    letter-spacing: 35px;
    border-bottom: 2px solid #64757a;
    color: #9b8dff;
    background-color: transparent;
}

#customerVerificationPage .verificationFormRow .bottomSection {
    width: 100%;
    height: 50%;
}

#customerVerificationPage .verificationFormRow .sendAgainWrapper,
#customerVerificationPage .verificationFormRow .sendAgainTextWrapper {
    width: 100%;
    height: 35%;
}

.EN #customerRegistrationPage .registrationFormRowSmall,
.EN #customerProfilePage .profileFormRowSmall {
    float: left;
}

#customerRegistrationPage .registrationFormRowSmall,
#customerProfilePage .profileFormRowSmall {
    width: 49%;
    height: 16.7%;
    float: right;
    position: relative;
}

#customerProfilePage .profileFormRowSmall {
    display: block;
}

#customerProfilePage .profileFormRowSmall.hide {
    display: none;
}

.EN #customerRegistrationPage .registrationFormRow,
.EN #customerRegistrationPage .registrationFormErrorRow {
    float: left;
}

#customerRegistrationPage .registrationFormRow,
#customerRegistrationPage .registrationFormErrorRow,
#customerProfilePage .profileFormRow,
#customerProfilePage .profileFormErrorRow {
    width: 99%;
    height: 15.7%;
    float: right;
    position: relative;
}

.EN #customerProfilePage .profileFormRow,
.EN #customerProfilePage .profileFormErrorRow {
    float: left;
}

#customerProfilePage .profileFormRow,
#customerProfilePage .profileFormErrorRow {
    display: block;
}

#customerProfilePage .profileFormRow.hide,
#customerProfilePage .profileFormErrorRow.hide {
    display: none;
}

.EN #customerProfilePage .addFamilyMemberContainer,
.EN #immediateMedicalDetailsPage .addFamilyMemberContainer,
.EN #expertiseMedicalDetailsPage .addFamilyMemberContainer {
    float: left;
}

#customerProfilePage .addFamilyMemberContainer,
#immediateMedicalDetailsPage .addFamilyMemberContainer,
#expertiseMedicalDetailsPage .addFamilyMemberContainer {
    width: 99%;
    height: auto;
    display: block;
    float: right;
    margin-bottom: 3%;
}

#immediateMedicalDetailsPage .addFamilyMemberContainer,
#expertiseMedicalDetailsPage .addFamilyMemberContainer {
    width: 95%;
}

#customerProfilePage .addFamilyMemberContainer.hide,
#immediateMedicalDetailsPage .addFamilyMemberContainer.hide,
#expertiseMedicalDetailsPage .addFamilyMemberContainer.hide {
    display: none;
}

#customerProfilePage .addFamilyMemberContainer .addFamilyMemberSection {
    width: 95%;
}

#immediateMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection {
    width: 99%;
}

#customerProfilePage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberWrapper,
#immediateMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberWrapper,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberWrapper {
    width: 5%;
    height: 30%;
    background-image: url("../images/btn_add1.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    cursor: pointer;
}

#customerProfilePage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberWrapper:hover,
#immediateMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberWrapper:hover,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberWrapper:hover {
    background-image: url("../images/btn_add1_on.png");
}

#customerProfilePage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberTextWrapper,
#immediateMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberTextWrapper,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberTextWrapper {
    width: 100%;
    height: 40%;
    display: table;
    cursor: pointer;
}

#customerProfilePage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberTextWrapper p,
#immediateMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberTextWrapper p,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .addFamilyMemberSection .addFamilyMemberTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #9b8dff;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer,
#expertiseMedicalChooseDoctorPage .subSpecialitiesContainer,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer {
    width: 100%;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper {
    width: 94%;
    height: auto;
    background-color: white;
    border: 1px solid #97a5aa;
    border-top: none;
    cursor: pointer;
}

#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper {
    width: 98%;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper:first-of-type,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper:first-of-type,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper:first-of-type,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #97a5aa;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper:last-of-type,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper:last-of-type,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper:last-of-type,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.EN #immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer,
.EN #searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityChooseContainer,
.EN #expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer {
    float: left;
}

#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityChooseContainer,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer {
    width: 10%;
    height: 100%;
    float: right;
}

#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityChooseContainer {
    width: 12%;
}

#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer .blankSpace,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityChooseContainer .blankSpace,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer .blankSpace {
    width: 100%;
    height: 25%;
}

.EN #immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer .familyMemberChooseWrapper,
.EN #expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer .familyMemberChooseWrapper {
    background-position: right;
}

#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer .familyMemberChooseWrapper,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityChooseContainer .subSpecialityChooseWrapper,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer .familyMemberChooseWrapper {
    width: 100%;
    height: 50%;
    background-image: url("../images/btn_checkbox_agree_off.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer .familyMemberChooseWrapper.on,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityChooseContainer .subSpecialityChooseWrapper.on,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberChooseContainer .familyMemberChooseWrapper.on {
    background-image: url("../images/btn_checkbox_agree_on.png");
}

.EN #immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper,
.EN #expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrappe,
.EN #expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper {
    float: left;
    padding-right: 0;
    padding-left: 5%;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityTextWrapper,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper {
    width: 75%;
    height: 100%;
    display: table;
    float: right;
    padding-right: 5%;
}

.EN #customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper {
    padding-right: 0;
    float: left;
    padding-left: 6%;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper {
    width: 84%;
    padding-right: 6%;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper p,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper p,
#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityTextWrapper p,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    color: #808080;
    font-size: 18px;
}

#searchModal .subSpecialitiesContainer .subSpecialitiesWrapper .subSpecialityTextWrapper p {
    color: black;
    font-size: 16px;
}

.EN #customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection {
    float: left;
}

.EN #immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection,
.EN #expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection {
    float: left;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection {
    width: 10%;
    height: 100%;
    float: right;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .blankSection,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .blankSection,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .blankSection {
    width: 100%;
    height: 32%;
}

.EN #customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper,
.EN #immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper,
.EN #expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper {
    width: 36%;
    height: 36%;
    margin: 0 auto;
    background-image: url("../images/btn_back1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#customerProfilePage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper:hover,
#immediateMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper:hover,
#expertiseMedicalDetailsPage .addFamilyMemberContainer .familyMembersContainer .familyMembersWrapper .familyMemberArrowSection .familyMemberArrowWrapper:hover {
    background-image: url("../images/btn_back1_on.png");
}

#customerRegistrationPage .registrationFormErrorRow,
#customerProfilePage .profileFormErrorRow {
    height: 5%;
}

.EN #customerRegistrationPage .registrationFormToggleRow,
.EN #customerProfilePage .profileFormToggleRow {
    float: left;
}

#customerRegistrationPage .registrationFormToggleRow,
#customerProfilePage .profileFormToggleRow {
    width: 99%;
    height: 10%;
    float: right;
    position: relative;
}

#customerProfilePage .profileFormToggleRow {
    height: 15%;
}

#customerRegistrationPage .registrationFormToggleRow .toggleWrapperTitle,
#customerProfilePage .profileFormToggleRow .toggleWrapperTitle {
    width: 100%;
    height: 33%;
    float: right;
    display: table;
}

#customerRegistrationPage .registrationFormToggleRow .toggleWrapperTitle p,
#customerProfilePage .profileFormToggleRow .toggleWrapperTitle p {
    display: table-cell;
    vertical-align: middle;
    font-size: 19px;
}

#customerRegistrationPage .registrationFormRow .rightToggle,
#customerRegistrationPage .registrationFormRow .leftToggle,
#customerProfilePage .profileFormRow .rightToggle,
#customerProfilePage .profileFormRow .leftToggle {
    width: 50%;
    height: 100%;
    background: red;
    border: 1px solid black;
    float: right;
}

#customerRegistrationPage .registrationFormDoubleRow,
#customerProfilePage .profileFormDoubleRow {
    width: 100%;
    height: 25%;
}

#customerRegistrationPage .registrationFormInlineRow,
#customerProfilePage .profileFormInlineRow {
    width: 100%;
    height: 33%;
}

#customerRegistrationPage .registrationFormInlineRow:last-child,
#customerProfilePage .profileFormInlineRow:last-child {
    border-bottom: 1px solid rgb(200, 200, 200);
}

#customerRegistrationPage .registrationFormRightSection,
#customerProfilePage .profileFormRightSection {
    width: 50%;
    height: 100%;
    float: right;
}

#customerRegistrationPage .registrationFormTopWrapper p:before {
    color: #9b8dff;
    content: "*";
}

#customerRegistrationPage .registrationFormTopWrapper,
#customerProfilePage .profileFormTopWrapper {
    width: 100%;
    height: 32.4%;
    margin-bottom: 0.5%;
    display: table;
}

#customerRegistrationPage .registrationFormTopWrapper p,
#customerProfilePage .profileFormTopWrapper p {
    width: 100%;
    height: 100%;
    font-size: 19px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

#customerRegistrationPage .registrationFormTopWrapper .hideAsterix,
#customerProfilePage .profileFormTopWrapper .hideAsterix {
    width: 100%;
    height: 100%;
    display: table;
}

#customerRegistrationPage .registrationFormTopWrapper .hideAsterix p,
#customerProfilePage .profileFormTopWrapper .hideAsterix p {
    width: 100%;
    height: 100%;
    font-size: 19px;
    padding-right: 0;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

#customerProfilePage .profileFormTopWrapper .hideAsterix p {
    padding-right: 0;
}

#customerRegistrationPage .registrationFormTopWrapper .hideAsterix p:before {
    content: "";
}

#customerRegistrationPage .registrationFormBottomWrapper,
#customerProfilePage .profileFormBottomWrapper {
    width: 100%;
    height: 42%;
}

#customerRegistrationPage .registrationFormBottomWrapper input,
#customerProfilePage .profileFormBottomWrapper input {
    width: 80.5%;
    height: 91%;
    padding-right: 7%;
    padding-left: 7%;
    border-radius: 4px;
    border: 1px solid #75878E;
}

#customerRegistrationPage .registrationFormRowSmall div.registrationFormBottomWrapper input,
#customerProfilePage .profileFormRowSmall div.profileFormBottomWrapper input {
    width: 77%;
    height: 91%;
    padding-right: 7%;
    padding-left: 7%;
    border-radius: 4px;
    border: 1px solid #75878E;
}

#customerRegistrationPage .registrationFormRightSection .registrationFormBottomWrapper p,
#customerRegistrationPage .registrationFormLeftSection .registrationFormBottomWrapper p,
#customerRegistrationPage .switchInput p,
#customerRegistrationPage .registrationFormBottomWrapper p,
#customerRegistrationPage .registrationFormRowSmall div.registrationFormBottomWrapper p,
#customerProfilePage .profileFormRightSection .profileFormBottomWrapper p,
#customerProfilePage .profileFormLeftSection .profileFormBottomWrapper p,
#customerProfilePage .switchInput p,
#customerProfilePage .profileFormBottomWrapper p,
#customerProfilePage .profileFormRowSmall div.profileFormBottomWrapper p,
#modal .modalPageContainer .familyMemberFormRowSmall .familyMemberFormBottomWrapper p,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper p {
    margin: 0 auto;
    width: 95%;
    text-align: center;
    font-size: 16px;
    color: #f74660;
    float: right
}

.EN #customerRegistrationPage .registrationFormRowSmall div.registrationFormBottomWrapper p,
.EN #customerProfilePage .profileFormRowSmall div.profileFormBottomWrapper p {
    float: left;
}

#customerRegistrationPage .registrationFormRowSmall div.registrationFormBottomWrapper p,
#customerProfilePage .profileFormRowSmall div.profileFormBottomWrapper p {
    width: 90%;
    float: right;
}

#customerRegistrationPage .registrationFormRightSection .registrationFormBottomWrapper input,
select,
#customerRegistrationPage .profileFormRightSection .profileFormBottomWrapper input,
select {
    width: 82.5%;
    height: 91%;
    padding-right: 7%;
    padding-left: 7%;
    border-radius: 4px;
    border: 1px solid #75878E;
}

#customerRegistrationPage .registrationFormLeftSection .registrationFormBottomWrapper input,
select,
#customerProfilePage .profileFormLeftSection .profileFormBottomWrapper input,
select {
    width: 82.5%;
    height: 91%;
    padding-right: 7%;
    padding-left: 7%;
    border-radius: 4px;
    border: 1px solid #75878E;
    float: left;
}

.EN #customerRegistrationPage select.genderSelect,
.EN #customerRegistrationPage select.insurerSelect,
.EN #customerProfilePage select.genderSelect,
.EN #customerProfilePage select.insurerSelect,
.EN #immediateMedicalDetailsPage select,
.EN #expertiseMedicalDetailsPage select,
.EN #modal select.genderSelect,
.EN #immediateMedicalAdditionalDataPage select,
.EN #expertiseMedicalAdditionalDataPage select {
    background-position: 90% 50% !important;
    float: left;
}

#customerRegistrationPage select.genderSelect,
#customerRegistrationPage select.insurerSelect,
#customerProfilePage select.genderSelect,
#customerProfilePage select.insurerSelect,
#modal select.genderSelect,
#immediateMedicalDetailsPage select,
#immediateMedicalPaymentPage select,
#immediateMedicalAdditionalDataPage select,
#expertiseMedicalDetailsPage select,
#expertiseMedicalAdditionalDataPage select {
    width: 95%;
    height: 96%;
    background-position: 5% 50% !important;
    background-size: 3% !important;
    float: right;
}

#customerRegistrationPage select.genderSelect,
#customerRegistrationPage select.insurerSelect {
    height: 100%;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .selectWrapper select,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .selectWrapper select {
    background-size: 6% !important;
    background-position: 10% 50% !important;
}

.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .selectWrapper select,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .selectWrapper select {
    background-position: 90% 50% !important;
}

#immediateMedicalDetailsPage select,
#immediateMedicalPaymentPage select,
#expertiseMedicalDetailsPage select {
    width: 99%;
}

#customerRegistrationPage .combodate,
#customerProfilePage .combodate,
#modal .combodate,
#immediateMedicalPaymentPage .combodate {
    height: 100%;
    width: 94%;
    border-radius: 4px;
    border: 1px solid #75878E;
    background-color: white;
}

#immediateMedicalPaymentPage .combodate {
    height: 91%;
}

#modal .combodate {
    width: 95%;
}

.EN #customerRegistrationPage .combodate select,
.EN #customerProfilePage .combodate select,
.EN #modal .combodate select,
.EN #immediateMedicalPaymentPage .combodate select {
    border-right: none;
    border-left: 1px solid #75878E;
    float: right;
    background-position: 16% 50% !important;
}

#customerRegistrationPage .combodate select,
#customerProfilePage .combodate select,
#modal .combodate select,
#immediateMedicalPaymentPage .combodate select {
    margin-top: 1.5%;
    height: 60%;
    border: none;
    border-radius: 0;
    border-right: 1px solid #75878E;
    width: 32% !important;
    padding-right: 13.5%;
    background-position: 84% 50% !important;
    background-size: 9% !important;
    direction: rtl;
}

#immediateMedicalPaymentPage .combodate select {
    height: 75%;
    width: auto !important;
    background-size: 13% !important;
    margin-top: 3.5%;
    border-right: none;
    border-left: 1px solid #75878E;
}

#customerRegistrationPage .combodate select:last-of-type,
#customerProfilePage .combodate select:last-of-type,
#modal .combodate select:last-of-type,
#immediateMedicalPaymentPage .combodate select:last-of-type {
    border: none;
}

#customerRegistrationPage .registrationFormBottomWrapper select,
#customerProfilePage .profileFormBottomWrapper select,
#modal .familyMemberFormBottomWrapper select,
#immediateMedicalDetailsPage select,
#immediateMedicalPaymentPage select,
#immediateMedicalAdditionalDataPage select,
#expertiseMedicalDetailsPage select,
#expertiseMedicalAdditionalDataPage select {
    background-color: white;
    background-image: url("../images/btn_arrow2.png");
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 13%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#customerRegistrationPage .registrationFormBottomWrapper select:hover,
#customerProfilePage .profileFormBottomWrapper select:hover,
#modal .familyMemberFormBottomWrapper select:hover,
#immediateMedicalDetailsPage select:hover,
#immediateMedicalPaymentPage select:hover,
#immediateMedicalAdditionalDataPage select:hover,
#expertiseMedicalDetailsPage select:hover,
#expertiseMedicalAdditionalDataPage select:hover {
    background-image: url("../images/btn_arrow2_on.png");
}

#modal .familyMemberFormBottomWrapper select.disabled:hover {
    background-image: url("../images/btn_arrow2.png");
}

#customerRegistrationPage .registrationFormBottomWrapper input:focus,
#customerRegistrationPage .registrationFormRowSmall div.registrationFormBottomWrapper input:focus,
#customerProfilePage .profileFormBottomWrapper input:focus,
#customerProfilePage .profileFormRowSmall div.profileFormBottomWrapper input:focus,
#immediateMedicalDetailsPage input:focus,
#immediateMedicalPaymentPage input:focus,
#expertiseMedicalDetailsPage input:focus {
    border: 2px solid #00E1FF;
}

#customerRegistrationPage .registrationFormBottomWrapper .ng-invalid.has-error,
#customerRegistrationPage .registrationFormRowSmall div.registrationFormBottomWrapper .ng-invalid.has-error,
#modal .modalPageContainer .familyMemberFormRowSmall .familyMemberFormBottomWrapper .ng-invalid.has-error,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper .ng-invalid.has-error,
#modal .familyMemberFormBottomWrapper .ng-invalid.has-error,
#modal .combodate.has-error,
#customerProfilePage .profileFormBottomWrapper .ng-invalid.has-error,
#customerProfilePage .profileFormRowSmall div.profileFormBottomWrapper .ng-invalid.has-error,
#immediateMedicalDetailsPage .summaryEmailContainer .inputSection .bottomSection .ng-invalid.has-error,
#immediateMedicalDetailsPage form .ng-invalid.has-error,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection .ng-invalid.has-error,
#immediateMedicalDetailsPage form .summaryPostalRow .bottomSection .ng-invalid.has-error,
#immediateMedicalDetailsPage form .summaryPostalRowSmall .bottomSection .ng-invalid.has-error,
#immediateMedicalPaymentPage form .formRow .bottomSection .ng-invalid.has-error,
#immediateMedicalPaymentPage form .formRowSmall .bottomSection .switchInputDiv .inputContainer .ng-invalid.has-error,
#immediateMedicalPaymentPage form .formRowSmall .bottomSection .switchInputDiv .inputContainer input.has-error,
#immediateMedicalPaymentPage form .formRowHalf .bottomSection .ng-invalid.has-error,
#immediateMedicalPaymentPage .combodate.has-error,
#immediateMedicalPaymentPage form .formRowHalf .bottomSection .ng-invalid-pattern.has-error,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection .ng-invalid.has-error,
#immediateMedicalAdditionalDataPage form .formRow .ng-invalid.has-error,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection .ng-invalid-pattern.has-error,
#immediateMedicalAdditionalDataPage form .formRow textarea .ng-invalid.has-error,
#expertiseMedicalDetailsPage form .ng-invalid.has-error,
#expertiseMedicalDetailsPage .summaryEmailContainer .inputSection .bottomSection .ng-invalid.has-error,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection .ng-invalid.has-error,
#expertiseMedicalDetailsPage form .summaryPostalRow .bottomSection .ng-invalid.has-error,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .bottomSection .ng-invalid.has-error,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection .ng-invalid.has-error,
#expertiseMedicalAdditionalDataPage form .formRow .ng-invalid.has-error,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection .ng-invalid-pattern.has-error,
#expertiseMedicalAdditionalDataPage form .formRow textarea .ng-invalid.has-error {
    border: 2px solid #f74660;
}

#customerRegistrationPage .registrationFormLeftSection,
#customerProfilePage .profileFormLeftSection {
    width: 50%;
    height: 100%;
    float: right;
}

#customerRegistrationPage .registrationFormLeftSectionWrapper,
#customerProfilePage .profileFormLeftSectionWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#customerRegistrationPage .registrationFormLeftSection select,
#customerProfilePage .profileFormLeftSection select {
    float: left;
    background-color: transparent;
    border: none;
}

#customerRegistrationPage .datePickerWrapper,
#customerProfilePage .datePickerWrapper {
    float: left;
}

#customerRegistrationPage .registrationFormContinueBtn,
#customerProfilePage .profileFormContinueBtn {
    width: 100%;
    height: 100%;
}

#customerRegistrationPage .registrationFormContinueBtn button,
#customerProfilePage .profileFormContinueBtn button {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    background-image: url("../images/btn_next.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18%;
    padding: 0;
    ;
}

#customerRegistrationPage .registrationFormContinueBtn button:hover,
#customerProfilePage .profileFormContinueBtn button:hover {
    background-image: url("../images/btn_next_on.png");
}

.EN #customerRegistrationPage .formRowDouble,
.EN #customerProfilePage .formRowDouble,
.EN #immediateMedicalDetailsPage .formRowDouble,
.EN #immediateMedicalAdditionalDataPage .formRowDouble,
.EN #expertiseMedicalDetailsPage .formRowDouble,
.EN #expertiseMedicalAdditionalDataPage .formRowDouble {
    float: left;
}

#customerRegistrationPage .formRowDouble,
#customerProfilePage .formRowDouble,
#immediateMedicalDetailsPage .formRowDouble,
#immediateMedicalPaymentPage .formRowDouble,
#immediateMedicalAdditionalDataPage .formRowDouble,
#expertiseMedicalDetailsPage .formRowDouble,
#expertiseMedicalAdditionalDataPage .formRowDouble {
    width: 94%;
    height: 12%;
    float: right;
    position: relative;
}

#customerRegistrationPage .formRowDouble {
    margin-top: 3%;
}

#immediateMedicalDetailsPage .formRowDouble,
#immediateMedicalPaymentPage .formRowDouble,
#immediateMedicalAdditionalDataPage .formRowDouble,
#expertiseMedicalDetailsPage .formRowDouble,
#expertiseMedicalAdditionalDataPage .formRowDouble {
    width: 95%;
}

.EN #modal .formRowDouble {
    float: left;
}

#modal .formRowDouble {
    width: 95%;
    height: 20%;
    float: right;
    position: relative;
    display: table;
}

#customerRegistrationPage .continueBtnWrapper,
#customerProfilePage .continueBtnWrapper,
#modal .continueBtnWrapper,
#immediateMedicalDetailsPage .continueBtnWrapper,
#immediateMedicalPaymentPage .continueBtnWrapper,
#immediateMedicalAdditionalDataPage .continueBtnWrapper,
#videoConferenceSummaryPage .continueBtnWrapper,
#expertiseMedicalDetailsPage .continueBtnWrapper,
#expertiseMedicalAdditionalDataPage .continueBtnWrapper {
    width: 100%;
    height: 100%;
}

#customerRegistrationPage .continueBtnWrapper button,
#customerProfilePage .continueBtnWrapper button,
#modal .continueBtnWrapper button,
#immediateMedicalDetailsPage .continueBtnWrapper button,
#immediateMedicalPaymentPage .continueBtnWrapper button,
#immediateMedicalAdditionalDataPage .continueBtnWrapper button,
#videoConferenceSummaryPage .continueBtnWrapper button,
#expertiseMedicalDetailsPage .continueBtnWrapper button,
#expertiseMedicalAdditionalDataPage .continueBtnWrapper button {
    border: none;
    border-radius: 4px;
    background-color: #9b8dff;
    color: white;
    width: 100%;
    height: 56%;
}

#videoConferenceSummaryPage .continueBtnWrapper button {
    height: 70%;
}

#immediateMedicalDetailsPage .continueBtnWrapper button,
#immediateMedicalPaymentPage .continueBtnWrapper button,
#immediateMedicalAdditionalDataPage .continueBtnWrapper button,
#expertiseMedicalDetailsPage .continueBtnWrapper button,
#expertiseMedicalAdditionalDataPage .continueBtnWrapper button {
    width: 99%;
    cursor: pointer;
}

#modal .continueBtnWrapper button {
    font-size: 21px;
}

#customerRegistrationPage .continueBtnWrapper button:hover,
#customerProfilePage .continueBtnWrapper button:hover,
#modal .continueBtnWrapper button:hover,
#immediateMedicalDetailsPage .continueBtnWrapper button:hover,
#immediateMedicalPaymentPage .continueBtnWrapper button:hover,
#immediateMedicalAdditionalDataPage .continueBtnWrapper button:hover,
#videoConferenceSummaryPage .continueBtnWrapper button:hover,
#expertiseMedicalDetailsPage .continueBtnWrapper button:hover,
#expertiseMedicalAdditionalDataPage .continueBtnWrapper button:hover {
    background-color: #6748FF;
}

#customerRegistrationPage .switchDiv,
#customerProfilePage .switchDiv,
#immediateMedicalDetailsPage .switchDiv,
#expertiseMedicalDetailsPage .switchDiv {
    width: 100%;
    height: 100%;
    /*    display: table;*/
}

#customerRegistrationPage .switchDiv p,
#customerProfilePage .switchDiv p {
    width: 100%;
    height: 100%;
    font-size: 19px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

#customerRegistrationPage .switchInput,
#customerProfilePage .switchInput {
    width: 100%;
    height: 100%;
}

#customerRegistrationPage .angucomplete input {
    height: 92%;
}

#immediateMedicalDetailsPage .angucomplete input,
#expertiseMedicalDetailsPage .angucomplete input {
    height: 100%;
}

#customerRegistrationPage .toggleWrapper,
#customerProfilePage .toggleWrapper,
#immediateMedicalDetailsPage .toggleWrapper,
#immediateMedicalPaymentPage .toggleWrapper,
#immediateMedicalAdditionalDataPage .toggleWrapper,
#expertiseMedicalDetailsPage .toggleWrapper,
#expertiseMedicalAdditionalDataPage .toggleWrapper {
    width: 100%;
    height: 75%;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

#customerProfilePage .toggleWrapper {
    float: right;
    height: 50%;
}

#immediateMedicalDetailsPage .toggleWrapper,
#immediateMedicalPaymentPage .toggleWrapper,
#expertiseMedicalDetailsPage .toggleWrapper {
    height: 55%;
}

#immediateMedicalDetailsPage .toggleWrapper,
#expertiseMedicalDetailsPage .toggleWrapper {
    height: 80%;
}

#immediateMedicalAdditionalDataPage .toggleWrapper,
#expertiseMedicalAdditionalDataPage .toggleWrapper {
    height: 61%;
    float: right;
    position: relative;
    cursor: pointer;
}

#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection .toggleWrapper input[type="checkbox"],
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection .toggleWrapper input[type="checkbox"] {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.EN #customerRegistrationPage .toggleWrapper div.rightLabel,
.EN #customerRegistrationPage .toggleWrapper div.leftLabel,
.EN #customerProfilePage .toggleWrapper div.rightLabel,
.EN #customerProfilePage .toggleWrapper div.leftLabel,
.EN #immediateMedicalDetailsPage .toggleWrapper div.rightLabel,
.EN #immediateMedicalDetailsPage .toggleWrapper div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapper div.leftLabel,
.EN #expertiseMedicalDetailsPage .toggleWrapper div.rightLabel,
.EN #expertiseMedicalDetailsPage .toggleWrapper div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel {
    float: left;
}

#customerRegistrationPage .toggleWrapper div.rightLabel,
#customerRegistrationPage .toggleWrapper div.leftLabel,
#customerProfilePage .toggleWrapper div.rightLabel,
#customerProfilePage .toggleWrapper div.leftLabel,
#immediateMedicalDetailsPage .toggleWrapper div.rightLabel,
#immediateMedicalDetailsPage .toggleWrapper div.leftLabel,
#immediateMedicalPaymentPage .toggleWrapper div.rightLabel,
#immediateMedicalPaymentPage .toggleWrapper div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.leftLabel,
#expertiseMedicalDetailsPage .toggleWrapper div.rightLabel,
#expertiseMedicalDetailsPage .toggleWrapper div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel {
    height: 90%;
    width: 46.8%;
    float: right;
    border: 2px solid #9b8dff;
    display: table;
    cursor: pointer;
}

#immediateMedicalPaymentPage .toggleWrapper div.rightLabel,
#immediateMedicalPaymentPage .toggleWrapper div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel {
    height: 100%;
    width: 45%;
}

#immediateMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel {
    width: 47%;
}

#expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel.fix,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel.fix {
    width: 45.3%;
}

#immediateMedicalDetailsPage .toggleWrapper div.rightLabel,
#immediateMedicalDetailsPage .toggleWrapper div.leftLabel,
#expertiseMedicalDetailsPage .toggleWrapper div.rightLabel,
#expertiseMedicalDetailsPage .toggleWrapper div.leftLabel {
    width: 48.7%;
}

#customerRegistrationPage .toggleWrapper div.rightLabel p,
#customerRegistrationPage .toggleWrapper div.leftLabel p,
#customerProfilePage .toggleWrapper div.rightLabel p,
#customerProfilePage .toggleWrapper div.leftLabel p,
#immediateMedicalDetailsPage .toggleWrapper div.rightLabel p,
#immediateMedicalDetailsPage .toggleWrapper div.leftLabel p,
#immediateMedicalPaymentPage .toggleWrapper div.rightLabel p,
#immediateMedicalPaymentPage .toggleWrapper div.leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapper div.rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapper div.leftLabel p,
#expertiseMedicalDetailsPage .toggleWrapper div.rightLabel p,
#expertiseMedicalDetailsPage .toggleWrapper div.leftLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel p {
    display: table-cell;
    vertical-align: middle;
}

.EN #customerRegistrationPage .toggleWrapper div.rightLabel,
.EN #customerProfilePage .toggleWrapper div.rightLabel,
.EN #immediateMedicalDetailsPage .toggleWrapper div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
.EN #expertiseMedicalDetailsPage .toggleWrapper div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#customerRegistrationPage .toggleWrapper div.rightLabel,
#customerProfilePage .toggleWrapper div.rightLabel,
#immediateMedicalDetailsPage .toggleWrapper div.rightLabel,
#immediateMedicalPaymentPage .toggleWrapper div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#expertiseMedicalDetailsPage .toggleWrapper div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.EN #customerRegistrationPage .toggleWrapper div.leftLabel,
.EN #customerProfilePage .toggleWrapper div.leftLabel,
.EN #immediateMedicalDetailsPage .toggleWrapper div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapper div.leftLabel,
.EN #expertiseMedicalDetailsPage .toggleWrapper div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#customerRegistrationPage .toggleWrapper div.leftLabel,
#customerProfilePage .toggleWrapper div.leftLabel,
#immediateMedicalDetailsPage .toggleWrapper div.leftLabel,
#immediateMedicalPaymentPage .toggleWrapper div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.leftLabel,
#expertiseMedicalDetailsPage .toggleWrapper div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#customerRegistrationPage .toggleWrapper.on div.rightLabel,
#customerRegistrationPage .toggleWrapper div.leftLabel,
#customerProfilePage .toggleWrapper.on div.rightLabel,
#customerProfilePage .toggleWrapper div.leftLabel,
#immediateMedicalDetailsPage .toggleWrapper.on div.rightLabel,
#immediateMedicalDetailsPage .toggleWrapper div.leftLabel,
#immediateMedicalPaymentPage .toggleWrapper.on div.rightLabel,
#immediateMedicalPaymentPage .toggleWrapper div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.leftLabel,
#expertiseMedicalDetailsPage .toggleWrapper.on div.rightLabel,
#expertiseMedicalDetailsPage .toggleWrapper div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.leftLabel {
    background-color: #9b8dff;
    color: white;
}

#customerRegistrationPage .toggleWrapper div.rightLabel,
#customerRegistrationPage .toggleWrapper.on div.leftLabel,
#customerProfilePage .toggleWrapper div.rightLabel,
#customerProfilePage .toggleWrapper.on div.leftLabel,
#immediateMedicalDetailsPage .toggleWrapper div.rightLabel,
#immediateMedicalDetailsPage .toggleWrapper.on div.leftLabel,
#immediateMedicalPaymentPage .toggleWrapper div.rightLabel,
#immediateMedicalPaymentPage .toggleWrapper.on div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapper.on div.leftLabel,
#expertiseMedicalDetailsPage .toggleWrapper div.rightLabel,
#expertiseMedicalDetailsPage .toggleWrapper.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapper.on div.leftLabel {
    background-color: white;
    color: #9b8dff
}

#customerVerificationPage .btn_sendAgain {
    width: 15%;
    height: 100%;
    margin: 0 auto;
}

#customerVerificationPage .btn_sendAgain button {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    background-image: url("../images/btn_sendAgain.png");
    background-repeat: no-repeat;
    background-position: 50% 80%;
    background-size: contain;
    padding: 0;
    ;
}

#customerVerificationPage .btn_sendAgain button:hover {
    background-image: url("../images/btn_sendAgain_on.png");
}

#customerVerificationPage .btn_Accept {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#customerVerificationPage .btn_Accept button {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    background-image: url("../images/btn_accept1.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 25%;
    padding: 0;
    ;
}

#customerVerificationPage .btn_Accept button:hover {
    background-image: url("../images/btn_accept1_on.png");
}

#customerVerificationPage .verificationFormRowRightSection {
    width: 20%;
    height: 100%;
    margin: 0 auto;
    float: right;
}

#customerVerificationPage .verificationFormRowLeftSection {
    width: 20%;
    height: 100%;
    margin: 0 auto;
    float: right;
}

#customerVerificationPage .verificationFormRowMiddleSection {
    width: 60%;
    height: 100%;
    margin: 0 auto;
    float: right;
}

#customerVerificationPage .verificationFormRowMiddleSection input {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 36px;
    letter-spacing: 25px;
    color: rgb(70, 125, 255);
    background-color: transparent;
    border: 1px solid rgb(70, 125, 255);
}

#customerVerificationPage .smsNoteImageWrapper {
    width: 10%;
    height: 30%;
    margin: 0 auto;
}

#customerVerificationPage .smsNoteImageWrapper div.smsNoteImage {
    width: 100%;
    height: 100%;
    background-image: url("../images/ic_sms_note.png");
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center;
}

#customerVerificationPage .smsNoteTextWrapper .smsNoteText {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#customerVerificationPage .smsNoteTextWrapper .smsNoteText p {
    font-size: 18px;
    color: rgb(38, 64, 63);
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#customerRegistrationTermsPage .registrationTermsFormRow {
    width: 100%;
    height: 15%;
}

#customerRegistrationTermsPage .registrationTermsFormDoubleRow {
    width: 100%;
    height: 85%;
}

#customerRegistrationTermsPage .registrationTermsFormDoubleRow .registrationTermsTextWrapper {
    width: 90%;
    margin: 0 auto;
}

.EN #customerRegistrationTermsPage .registrationTermsFormDoubleRow .registrationTermsTextWrapper {
    direction: ltr;
}

#customerRegistrationTermsPage .registrationTermsFormDoubleRow .registrationTermsTextWrapper div {
    font-family: "NarkisTam-Light_MFW" !important;
}

.EN #customerRegistrationTermsPage .registrationTermsFormDoubleRow .registrationTermsTextWrapper div {
    font-family: "Open-Sans_Light" !important;
}

#customerRegistrationTermsPage .registrationTermsFormDoubleRow .topSection {
    width: 100%;
    height: 70%;
}

#customerRegistrationTermsPage .registrationTermsFormDoubleRow .bottomSection {
    width: 100%;
    height: 30%;
}

#customerRegistrationTermsPage .registrationTermsFormBottomSection {
    width: 100%;
    height: 90%;
}

#customerRegistrationTermsPage .registrationTermsFormDoubleRow .topSection div.registrationTermsTextWrapper {
    width: 100%;
    height: 100%;
}

#customerRegistrationTermsPage .registrationTermsFormDoubleRow .bottomSection div.bottomInnerSection {
    width: 100%;
    height: 50%;
}

#customerRegistrationTermsPage .registrationTermsAgreementWrapper {
    width: 20%;
    height: 100%;
    margin: 0 auto;
}

#customerRegistrationTermsPage .registrationTermsAgreementWrapper div.registrationTermsAgreementTop {
    width: 100%;
    padding-bottom: 28%;
}

#customerRegistrationTermsPage .registrationTermsAgreementWrapper div.registrationTermsAgreementMiddle {
    width: 100%;
    height: 44%;
}

#customerRegistrationTermsPage .registrationTermsAgreementWrapper div.registrationTermsAgreementMiddle .registrationTermsAgreementImg {
    width: 100%;
    height: 100%;
    background-image: url("../images/ic_agreement.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

#customerRegistrationTermsPage .registrationTermsAgreementWrapper div.registrationTermsAgreementBottom {
    width: 100%;
    padding-bottom: 28%;
}

#customerRegistrationTermsPage .registrationTermsFormFatRow {
    width: 100%;
    height: 60%;
    overflow-y: auto;
}

#customerRegistrationTermsPage .registrationTermsFormRegisterBtnContainer {
    width: 100%;
    height: 8%;
    margin-bottom: 7%;
}

#customerRegistrationTermsPage .registrationTermsFormRegisterBtn {
    width: 75%;
    height: 100%;
    margin: 0 auto;
}

#customerRegistrationTermsPage .registrationTermsFormRegisterBtn button {
    border: none;
    border-radius: 4px;
    background-color: #9b8dff;
    color: white;
    width: 100%;
    height: 100%;
    padding: 0;
    ;
}

#customerRegistrationTermsPage .registrationTermsFormRegisterBtn button:hover {
    background-color: #6748FF;
}

#customerRegistrationTermsPage .registrationTermsFormRightSection {
    width: 15%;
    height: 100%;
    margin: 0 auto;
    float: right;
}

#customerRegistrationTermsPage .registrationTermsFormMiddleSection {
    width: 70%;
    height: 100%;
    border-bottom: 2px solid rgb(200, 200, 200);
    margin: 0 auto;
    float: right;
    text-align: center;
}

#customerRegistrationTermsPage .registrationTermsFormLeftSection {
    width: 15%;
    height: 100%;
    margin: 0 auto;
    float: right;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper {
    width: 100%;
    height: 8%;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper div {
    height: 100%;
    width: 10%;
    text-align: center;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper input[type='checkbox'] {
    margin: 0 auto;
    width: 0;
    height: 0;
    opacity: 0;
}

.EN #customerRegistrationTermsPage .agreementCheckboxWrapper.agreementCheckbox div {
    float: left;
    background-position: right;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper.agreementCheckbox div {
    float: right;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper div.agreementCheckboxImage {
    background-image: url("../images/btn_checkbox_agree_off.png");
    background-repeat: no-repeat;
    /*    background-size: contain;*/
    background-size: 20%;
    background-position: left;
    width: 27%;
    /*    height: 65%;*/
    height: 100%;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper.on div.agreementCheckboxImage {
    background-image: url("../images/btn_checkbox_agree_on.png");
}

#customerRegistrationTermsPage .agreementCheckboxWrapper div.agreementCheckboxText {
    height: 100%;
    width: 50%;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper div.agreementCheckboxText p {
    /*    font-size: 18px;*/
    font-size: 12px;
    margin: 0 auto;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper div.agreementCheckboxText .agreementCheckboxTextTop {
    height: 14%;
    width: 100%;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper div.agreementCheckboxText .agreementCheckboxTextMiddle {
    height: 100%;
    width: 100%;
    display: table;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper div.agreementCheckboxText .agreementCheckboxTextMiddle p {
    vertical-align: middle;
    display: table-cell;
}

#customerRegistrationTermsPage .agreementCheckboxWrapper div.agreementCheckboxText .agreementCheckboxTextBottom {
    height: 10%;
    width: 100%;
}


/* INPUT PLACEHOLDER*/

#customerRegistrationPage input::-webkit-input-placeholder,
#customerProfilePage input::-webkit-input-placeholder,
#modal .modalInputWrapper input::-webkit-input-placeholder,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper .switchInput input::-webkit-input-placeholder,
#immediateMedicalPaymentPage input::-webkit-input-placeholder,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection input::-webkit-input-placeholder,
#expertiseMedicalChooseDoctorPage input::-webkit-input-placeholder,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection input::-webkit-input-placeholder,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection input::-webkit-input-placeholder,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection input::-webkit-input-placeholder {
    color: #808080;
}

#customerRegistrationPage input:-moz-placeholder,
#customerProfilePage input:-moz-placeholder,
#modal .modalInputWrapper input::-moz-placeholder,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper .switchInput input:-moz-placeholder,
#immediateMedicalPaymentPage input:-moz-placeholder,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection input:-moz-placeholder,
#expertiseMedicalChooseDoctorPage input:-moz-placeholder,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection input:-moz-placeholder,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection input:-moz-placeholder,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection input:-moz-placeholder {
    /* Firefox 18- */
    color: #808080;
}

#customerRegistrationPage input::-moz-placeholder,
#customerProfilePage input::-moz-placeholder,
#modal .modalInputWrapper input::-moz-placeholder,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper .switchInput input::-moz-placeholder,
#immediateMedicalPaymentPage input::-moz-placeholder,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection input::-moz-placeholder,
#expertiseMedicalChooseDoctorPage input::-moz-placeholder,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection input::-moz-placeholder,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection input::-moz-placeholder,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection input::-moz-placeholder {
    /* Firefox 19+ */
    color: #808080;
}

#customerRegistrationPage input:-ms-input-placeholder,
#customerProfilePage input:-ms-input-placeholder,
#modal .modalInputWrapper input:-ms-input-placeholder,
#modal .modalPageContainer .familyMemberFormRowToggle .familyMemberFormBottomWrapper .switchInput input:-ms-input-placeholder,
#immediateMedicalPaymentPage input:-ms-input-placeholder,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection input:-ms-input-placeholder,
#expertiseMedicalChooseDoctorPage input:-ms-input-placeholder,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection input:-ms-input-placeholder,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection input:-ms-input-placeholder,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection input:-ms-input-placeholder {
    color: #808080;
}

.windowContainer.chooseServicePage div.menuWrapper,
.windowContainer.customerProfilePage div.menuWrapper,
.windowContainer.appointmentHistoryPage div.menuWrapper {
    display: block;
}

.EN .menuWrapper {
    right: initial;
    left: 0;
}

.menuWrapper {
    background-color: rgba(255, 255, 255, 0.4);
    width: 8%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #efefef;
    display: none;
    z-index: 3;
}

.menuWrapper .controlSection {
    width: 100%;
    height: 11%;
}

.menuWrapper div.logoSection {
    width: 100%;
    height: 100%;
}

.menuWrapper div.logoSection .logoTopSection {
    width: 100%;
    height: 13%;
}

.menuWrapper div.logoSection .logoBottomSection {
    width: 100%;
    height: 87%;
}

.menuWrapper div.logoSection .logoBottomSection div.logoWrapper {
    width: 90%;
    height: 100%;
    background-image: url("../images/ic_logo1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    margin: 0 auto;
}

.EN .menuWrapper div.logoSection .logoBottomSection div.logoWrapper {
    background-image: url("../images/ic_logo1_EN.png");
}

.menuWrapper div.logoSection .logoBottomSection div.logoWrapper.harel {
    background-image: url("../images/ic_logo1-harel.png");
}

.menuWrapper div.itemSection {
    width: 100%;
    height: 14%;
    border-bottom: 1px solid #cdcdcd;
    cursor: pointer;
}

.menuWrapper div.itemSection:last-of-type {
    border-bottom: none;
}

.menuWrapper div.itemSection .itemTopSection {
    width: 100%;
    height: 5%;
}

.menuWrapper div.itemSection .itemMiddleSection {
    width: 100%;
    height: 55%;
}

.menuWrapper div.itemSection .itemBottomSection {
    width: 100%;
    height: 40%;
    display: table;
}

.menuWrapper div.itemSection .itemBottomSection p {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    color: #9b8dff;
    margin: 0 auto;
}

.EN .menuWrapper div.itemSection .itemBottomSection p {
    font-size: 14px;
}

.EN .menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper {
    float: left;
}

.menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper {
    width: 20%;
    height: 100%;
    float: right;
}

.EN .menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper div.indicatorSpace {
    float: left;
}

.menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper div.indicatorSpace {
    width: 67%;
    height: 100%;
    float: right;
}

.EN .menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper div.indicatorCircleContainer {
    float: left;
}

.menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper div.indicatorCircleContainer {
    width: 33%;
    height: 100%;
    float: right;
}

.menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper div.indicatorCircleContainer .topSection,
.menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper div.indicatorCircleContainer .bottomSection {
    width: 100%;
    height: 44%;
}

.menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper div.indicatorCircleContainer .middleSection {
    width: 100%;
    height: 12%;
}

.menuWrapper div.itemSection .itemMiddleSection .indicatorWrapper div.indicatorCircleContainer .middleSection div.indicatorActive {
    height: 100%;
    width: 100%;
    background-image: url("../images/ic_on_indicator.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.EN .menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper {
    float: left;
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper {
    width: 60%;
    height: 100%;
    float: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideTreatment {
    background-image: url("../images/ic_side_treatment.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideProfile {
    background-image: url("../images/ic_side_profile.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideHistory {
    background-image: url("../images/ic_side_history.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideTerms {
    background-image: url("../images/ic_side_terms.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideExit {
    background-image: url("../images/ic_side_exit.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideInfo {
    background-image: url("../images/ic_side_info.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideTreatment:hover {
    background-image: url("../images/ic_side_treatment_on.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideProfile:hover {
    background-image: url("../images/ic_side_profile_on.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideHistory:hover {
    background-image: url("../images/ic_side_history_on.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideTerms:hover {
    background-image: url("../images/ic_side_terms_on.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideExit:hover {
    background-image: url("../images/ic_side_exit_on.png");
}

.menuWrapper div.itemSection .itemMiddleSection .itemIconWrapper.sideInfo:hover {
    background-image: url("../images/ic_side_info_on.png");
}

.EN .menuWrapper div.itemSection .itemMiddleSection .blankSpace {
    float: left;
}

.menuWrapper div.itemSection .itemMiddleSection .blankSpace {
    width: 20%;
    height: 100%;
    float: right;
}

.pageWrapper {
    width: 87%;
    height: 100%;
    margin: 0 auto;
}

#chooseServicePage .servicesWrapper {
    width: 94%;
    height: 100%;
    margin: 0 auto;
    min-height: 764px;
}

#chooseServicePage .servicesWrapper div.pageHeaderSection,
#customerProfilePage .pageHeaderSection,
#appointmentHistoryPage .pageHeaderSection {
    width: 100%;
    height: 9%;
    margin: 0 auto;
    display: table;
}

#chooseServicePage .servicesWrapper div.pageHeaderSection p {
    font-size: 44px;
    color: #7865ff;
    /*    display: table-cell;*/
    vertical-align: middle;
    text-align: right;
    display: none;
}

#chooseServicePage .servicesWrapper div.pageHeaderSection .mobileTitleContainer div.mobileTitleWrapper p {
    display: none;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer {
    width: 100%;
    height: 27%;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer {
    width: 100%;
    height: 34%;
    border-bottom: 1px solid #ccc;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryItemsContainer {
    width: 100%;
    height: 66%;
    position: relative;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryItemsContainer div.scrollRightContainer {
    width: 3%;
    height: 100%;
    position: absolute;
    background-image: url("../images/btn_scroll_right.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 2;
    right: 0;
    cursor: pointer;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryItemsContainer div.scrollLeftContainer {
    width: 3%;
    height: 100%;
    position: absolute;
    background-image: url("../images/btn_scroll_left.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 2;
    left: 0;
    cursor: pointer;
}

.EN #chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.categoryTitle {
    float: left;
}

.EN #chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.categoryTitle p {
    text-align: left;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.categoryTitle {
    width: 82%;
    height: 100%;
    display: table;
    float: right;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.categoryTitle p {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 24px;
    color: #1d3844;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection {
    width: 18%;
    height: 100%;
    float: left;
}

.EN #chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection {
    /*    width: 18%;*/
    height: 100%;
    float: right;
}

.EN #chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer,
.EN #chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .infoContainer {
    float: left;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer,
#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .infoContainer {
    width: 45%;
    height: 100%;
    float: right;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .infoContainer div.infoBlankSection {
    width: 100%;
    height: 20%;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .infoContainer div.infoWrapper {
    width: 100%;
    height: 70%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/btn_info.png");
    cursor: pointer;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .infoContainer div.infoWrapper:hover {
    background-image: url("../images/btn_info_on.png");
}

.EN #chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .seperatorContainer {
    float: left;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .seperatorContainer {
    width: 10%;
    height: 100%;
    float: right;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .seperatorContainer div.topSection,
#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .seperatorContainer div.middleSection,
#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .seperatorContainer div.bottomSection {
    width: 100%;
    height: 33.3%;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .seperatorContainer div.middleSection {
    border-left: 1px solid #d5d5d5;
}

.EN #chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer div.allDocsBlankSection {
    height: 25%;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer div.allDocsBlankSection {
    width: 100%;
    height: 35%;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer div.allDocsWrapper {
    width: 100%;
    height: 34%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/btn_alldocs.png");
    background-position: 50%;
    cursor: pointer;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer div.allDocsWrapper:hover {
    background-image: url("../images/btn_alldocs_on.png");
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer div.allDocsText {
    width: 100%;
    height: 31%;
    display: table;
}

#chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer div.allDocsText p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #7865ff;
    font-size: 16px;
}

.EN #chooseServicePage .servicesWrapper div.primaryCategoriesContainer .categoryHeaderContainer div.leftSection .allDocsContainer div.allDocsText p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #7865ff;
    font-size: 12px;
}

::-webkit-input-placeholder {
    color: black;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: black;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: black;
}

:-ms-input-placeholder {
    color: black;
}


/**/

.progressContainer {
    width: 15%;
    height: 100%;
    margin: 0 auto;
}

.progressContainerSection {
    width: 33%;
    height: 100%;
    margin: 0 auto;
    float: right;
}

.progress,
.progressActive {
    width: 33.3%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 38% 48%;
    float: right;
    background-position: top;
}

.progress:first-of-type,
.progressActive:first-of-type {
    background-position: 10% 0%;
}

.progress:last-of-type,
.progressActive:last-of-type {
    background-position: 100% 0%;
}

.progress {
    background-image: url("../images/ic_progress.png");
}

.progressActive {
    background-image: url("../images/ic_progress_on.png");
}


/*Input spinner buttons hide*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}


/******************/

.registration.ng-enter {
    -webkit-animation: fadeInUp 1s;
    -moz-animation: fadeInUp 1s;
    -ms-animation: fadeInUp 1s;
    animation: fadeInUp 1s;
}

.registration.ng-leave {
    -webkit-animation: fadeInDown 1s;
    -moz-animation: fadeInDown 1s;
    -ms-animation: fadeInDown 1s;
    animation: fadeInDown 1s;
}

.registration.ng-leave.ng-leave-active {
    display: none;
}

#chooseServicePage .categoryItemsWrapper {
    width: 92.5%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    direction: ltr;
}

.scroller {
    height: 100%;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer {
    position: relative;
    float: right;
    height: 80%;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemColorSection {
    width: 15%;
    height: 100%;
    position: relative;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemColorSection .blankContainer {
    width: 100%;
    height: 85%;
    position: relative;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemColorSection .categoryItemColorContainer {
    width: 100%;
    height: 15%;
    position: relative;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemColorSection .categoryItemColorContainer .categoryItemColorWrapper {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection {
    width: 95%;
    height: 100%;
    position: relative;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoImageWrapper {
    width: 100%;
    height: 85%;
    position: relative;
    float: right;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center;
    cursor: pointer;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoTextWrapper {
    width: 100%;
    height: 15%;
    position: relative;
    float: right;
    display: table;
}

.EN #chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoTextWrapper .categoryItemTextSpan {
    direction: ltr;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoTextWrapper .categoryItemTextSpan {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 100%;
    height: 100%;
    direction: rtl;
    line-height: 15px;
    max-height: 20px;
}


/*.EN #chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoTextWrapper .categoryItemTextSpan {
    text-align: inherit;
}*/

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoTextWrapper .categoryItemTextSpan .categoryItemColorSpan {
    display: inline-block;
    height: 80%;
    min-height: 15px;
    width: 12.5%;
    border-radius: 100%;
    /*    margin-right: 1px;*/
}


/*.EN #chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoTextWrapper .categoryItemTextSpan .categoryItemColorSpan {
    float: left;
}

.EN #chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoTextWrapper .categoryItemTextSpan span.textSpan{
    float: left;
}*/

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .categoryItemInfoSection .categoryItemInfoTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .blankSection {
    width: 15%;
    height: 100%;
    position: relative;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .seperatorSection {
    width: 5%;
    height: 100%;
    position: relative;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer .seperatorSection .seperatorWrapper {
    width: 100%;
    height: 100%;
    background: linear-gradient( rgba(204, 204, 204, 0.45), rgba(204, 204, 204, 0.45)), url("../images/divider_horizontal.png");
    background-repeat: no-repeat;
    background-size: 20% 35%;
    background-position: center;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemTopSection {
    width: 100%;
    height: 25%;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemMiddleSection {
    width: 100%;
    height: 46%;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemBottomSection {
    width: 100%;
    height: 29%;
    cursor: pointer;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemMiddleSection .categoryItemBlankSpace {
    width: 15%;
    height: 100%;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemMiddleSection .categoryItemSeperatorContainer {
    width: 13.5%;
    height: 100%;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemMiddleSection .categoryItemSeperatorContainer div.categoryItemSeperatorBlank {
    width: 100%;
    height: 25%;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemMiddleSection .categoryItemSeperatorLine {
    width: 100%;
    height: 50%;
    float: right;
    border-left: 2px solid #ccc;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemMiddleSection .categoryItemImageContainer {
    width: 70%;
    height: 75%;
    float: right;
    cursor: pointer;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemMiddleSection .categoryItemImageContainer div.categoryItemImageWrapper {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemMiddleSection .categoryItemImageContainer div.categoryItemImageWrapper img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemBottomSection .categoryItemTextBlankSpace {
    width: 14%;
    height: 36%;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemBottomSection .categoryItemColorContainer {
    width: 13%;
    height: 36%;
    float: right;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemBottomSection .categoryItemColorContainer div.categoryItemColorWrapper {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemBottomSection .categoryItemTextContainer {
    width: 67%;
    height: 36%;
    display: table;
    float: right;
    margin-right: 6%;
}

#chooseServicePage div.categoryItemsContainer .categoryItemContainer div.categoryItemBottomSection .categoryItemTextContainer p {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 15px;
    color: #1f3743;
}

.scrollable {
    overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

#customerRegistrationPage .registrationFormRightSection .registrationFormBottomWrapper .has-error,
#customerRegistrationPage .registrationFormLeftSection .registrationFormBottomWrapper .has-error,
#customerRegistrationPage .registrationFormBottomWrapper .switchInput .has-error,
#customerRegistrationPage .registrationFormBottomWrapper .has-error,
#customerRegistrationPage .registrationFormRowSmall div.registrationFormBottomWrapper .has-error,
#customerRegistrationPage .registrationFormRightSection .registrationFormBottomWrapper input.has-error,
#customerProfilePage .profileFormRightSection .profileFormBottomWrapper .has-error,
#customerProfilePage .profileFormLeftSection .profileFormBottomWrapper .has-error,
#customerProfilePage .profileFormBottomWrapper .switchInput .has-error,
#customerProfilePage .profileFormBottomWrapper .has-error,
#customerProfilePage .profileFormRowSmall div.profileFormBottomWrapper .has-error,
#customerProfilePage .profileFormRightSection .profileFormBottomWrapper input.has-error {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #f74660;
}

#customerRegistrationPage .registrationFormBottomWrapper select.test,
#customerProfilePage .profileFormBottomWrapper select.test {
    border-radius: 4px;
    border: 1px solid #75878E;
}

#customerRegistrationPage form.ng-invalid-autocomplete-required.firstRun #autocompleteWrapper input,
#customerProfilePage form.ng-invalid-autocomplete-required.firstRun #autocompleteWrapper input,
#immediateMedicalDetailsPage form.ng-invalid-autocomplete-required.firstRun #autocompleteWrapper input,
#expertiseMedicalDetailsPage form.ng-invalid-autocomplete-required.firstRun #autocompleteWrapper input {
    border-radius: 4px;
    border: 1px solid #75878E;
}

#customerRegistrationPage form.ng-invalid-autocomplete-required #autocompleteWrapper input,
#customerProfilePage form.ng-invalid-autocomplete-required #autocompleteWrapper input,
#immediateMedicalDetailsPage form.ng-invalid-autocomplete-required #autocompleteWrapper input,
#expertiseMedicalDetailsPage form.ng-invalid-autocomplete-required #autocompleteWrapper input {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #f74660;
}

#modal form .errorText p,
#loginPage form .errorText p {
    margin: 0;
}

.EN #loginPage form.serverError .errorText.server {
    direction: rtl;
}

#modal form.formError .errorText.form,
#loginPage form.formError .errorText.form,
#loginPage form.serverError .errorText.server,
#customerRegistrationTermsPage form.formError .errorText.form,
#customerRegistrationTermsPage form.serverError .errorText.server {
    color: #f74660;
    text-align: center;
    transition-property: height;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    height: 50%;
    display: block;
    font-size: 17px;
}

#loginPage form.formError .errorText.form,
#loginPage form.serverError .errorText.server {
    height: 85%;
}

#modal form .errorText.form,
#modal form.ng-valid .errorText.form,
#loginPage form .errorText.form,
#loginPage form.ng-valid .errorText.form,
#loginPage form .errorText.server,
#loginPage form.ng-dirty .errorText.server,
#customerRegistrationTermsPage form .errorText.form,
#customerRegistrationTermsPage form.ng-valid .errorText.form,
#customerRegistrationTermsPage form .errorText.server,
#customerRegistrationTermsPage form.ng-dirty .errorText.server {
    color: #f74660;
    text-align: center;
    transition-property: height;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    height: 0%;
    display: block;
    font-size: 0;
}

#loginPage form.formError .inputWrapper input.has-error,
#loginPage .inputWrapper input.has-error,
#modal .modalInputWrapper input.has-error {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #f74660;
}

#modal .recoverPasswordServer {
    color: #9b8dff;
    font-size: 17px;
    text-align: center;
    margin: 0;
}

#customerVerificationPage .verificationFormRow p.error {
    color: #f74660;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader,
#videoConferenceSummaryPage .videoConferenceSummaryHeader,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader,
#expertiseMedicalCvViewerPage .expertiseMedicalCvViewerHeader,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader {
    width: 100%;
    height: 20%;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader {
    height: 15%;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .topSection,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .topSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .topSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .topSection,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .topSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .topSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .topSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .topSection,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .topSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .topSection {
    width: 100%;
    height: 29%;
    float: right;
    position: relative;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .topSection {
    background-color: #f8f8f8;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .bottomSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection {
    width: 100%;
    height: 71%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection {
    width: 100%;
    height: 71%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection,
.EN #expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection,
.EN #expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection {
    float: left;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .paymentSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .paymentSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .paymentSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .paymentSection {
    width: 33.3%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .blankSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .blankSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .blankSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .blankSection {
    width: 20%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer {
    width: 80%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer .drNameWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer .drNameWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer .drNameWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer .drNameWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer .drNameWrapper p,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer .drNameWrapper p,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer .drNameWrapper p,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .drNameSection .drNameContainer .drNameWrapper p {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer .dateWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer .dateWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer .dateWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer .dateWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer .dateWrapper p,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer .dateWrapper p,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer .dateWrapper p,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .dateContainer .dateWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 50px;
    color: #9b8dff;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer {
    width: 100%;
    height: 30%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer .hourWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer .hourWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer .hourWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer .hourWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer .hourWrapper p,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer .hourWrapper p,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer .hourWrapper p,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .hourContainer .hourWrapper p {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    font-size: 18px;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer {
    width: 25%;
    height: 100%;
    margin: 0 auto;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer {
    width: 25%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer.totalFix,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer.totalFix,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer.totalFix,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer.totalFix {
    width: 33.3%;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper {
    width: 100%;
    height: 100%;
    background-image: url("../images/ic_progress.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper.active,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper.active,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper.active,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper.active {
    background-image: url("../images/ic_progress_on.png");
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .blankRow,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .blankRow,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .blankRow,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection .blankRow {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .doctorInfoSection,
.EN #expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .blankSection,
.EN #expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .doctorInfoSection,
.EN #expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .blankSection,
.EN #expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .doctorInfoSection,
.EN #expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .doctorInfoSection,
.EN #expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .detailsSection,
.EN #expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .blankSection {
    float: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .doctorInfoSection,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .blankSection,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .doctorInfoSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .blankSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .doctorInfoSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .blankSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .doctorInfoSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .blankSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .doctorInfoSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .blankSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection {
    width: 33.3%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .doctorInfoSection .drNameWrapper,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper {
    width: 85%;
    height: 100%;
    display: table;
    margin: 0 auto;
}

.EN #expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper p,
.EN #expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper p,
.EN #expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper p,
.EN #expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper p {
    text-align: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .doctorInfoSection .drNameWrapper p,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper p,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper p,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper p,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .doctorInfoSection .drNameWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 21px;
    color: #3e4f58;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .topSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .topSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .topSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .topSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .topSection {
    width: 100%;
    height: 80%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .topSection .blank,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .topSection .blank,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .topSection .blank,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .topSection .blank {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer {
    width: 100%;
    height: 55%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer .dateWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer .dateWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer .dateWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer .dateWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer .dateWrapper p,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer .dateWrapper p,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer .dateWrapper p,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .topSection .dateContainer .dateWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #9b8dff;
    font-size: 50px;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer {
    width: 100%;
    height: 35%;
    float: right;
    position: relative;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer .hoursWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer .hoursWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer .hoursWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer .hoursWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer .hoursWrapper p,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer .hoursWrapper p,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer .hoursWrapper p,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .topSection .hoursContainer .hoursWrapper p {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    color: #26403f;
    font-size: 18px;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .topSection .drNameWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .topSection .drNameWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 23px;
    color: #3e4f58;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .indicatorsSection {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .indicatorsSection .indicatorsContainer {
    width: 25%;
    height: 100%;
    margin: 0 auto;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer {
    width: 25%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer.totalFix {
    width: 33.3%;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/ic_progress.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .indicatorsSection .indicatorsContainer .indicatorContainer .indicatorWrapper.active {
    background-image: url("../images/ic_progress_on.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .detailsSection .blankSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .detailsSection .blankSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .detailsSection .blankSection,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .detailsSection .blankSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .detailsSection .blankSection {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .topSection {
    height: 39%;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .topSection .logoContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .topSection .logoContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .topSection .logoContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .topSection .logoContainer,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .topSection .logoContainer,
#expertiseMedicalDetailsPage .immediateMedicalDetailsHeader .topSection .logoContainer,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .topSection .logoContainer,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .topSection .logoContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .topSection .logoContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .topSection .logoContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .topSection .logoContainer {
    width: 11%;
    height: 100%;
    margin: 0 auto;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .topSection .logoContainer .logoWrapper,
#expertiseMedicalDetailsPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .topSection .logoContainer .logoWrapper,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/ic_logo1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
.EN .EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
.EN #videoConferenceSummaryPage .videoConferenceSummaryHeader .topSection .logoContainer .logoWrapper,
.EN #expertiseMedicalDetailsPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .topSection .logoContainer .logoWrapper,
.EN #expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
.EN #expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
.EN #expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper,
.EN #expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper {
    background-image: url("../images/ic_logo1_EN.png");
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .topSection .logoContainer .logoWrapper.harel,
#expertiseMedicalDetailsPage .immediateMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentHeader .topSection .logoContainer .logoWrapper.harel,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel,
#expertiseMedicalAdditionalDataPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .topSection .logoContainer .logoWrapper.harel {
    background-image: url("../images/ic_logo1-harel.png");
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection {
    width: 100%;
    height: 71%;
    float: right;
    position: relative;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection,
.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection,
.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .blankSection,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection,
.EN #videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection {
    float: left;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection,
#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection,
#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .blankSection,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection {
    width: 33.3%;
    height: 100%;
    float: right;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .rightSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .rightSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection .rightSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .rightSection {
    width: 20%;
    height: 100%;
    float: right;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection {
    width: 80%;
    height: 100%;
    float: right;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .topSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .topSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .topSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .topSection {
    width: 100%;
    height: 21%;
    float: right;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection {
    width: 100%;
    height: 50%;
    float: right;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection {
    display: none;
}

.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection,
.EN #expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection {
    float: left;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection {
    width: 20%;
    height: 100%;
    float: right;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection {
    width: 40%;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer {
    width: 100%;
    height: 40%;
    display: table;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer {
    height: 100%;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer p,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer p,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer p,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .textContainer p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer {
    width: 100%;
    height: 50%;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer {
    width: 100%;
    height: 50%;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer .confirmedWrapper,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer .confirmedWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .titleSection .confirmedContainer .confirmedWrapper {
    width: 100%;
    height: 100%;
}

.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .sumSection,
.EN #expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .sumSection {
    float: left;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .sumSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .sumSection,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .sumSection {
    width: 40%;
    height: 100%;
    float: right;
    display: table;
}

#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .sumSection p,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .sumSection p,
#expertiseMedicalPaymentPage .expertiseMedicalDetailsHeader .bottomSection .blankSection .leftSection .middleSection .sumSection p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 50px;
    color: #9b8dff;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection {
    direction: ltr;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .blankSection,
#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .blankSection,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .blankSection,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .blankSection,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .blankSection,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection {
    width: 100%;
    height: 27%;
    float: right;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .blankSection {
    height: 30%;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection {
    height: 70%;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .blankContainer,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .blankContainer,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .blankContainer,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .blankContainer,
.EN #videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .blankContainer {
    float: left;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .blankContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .blankContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .blankContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .blankContainer,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .blankContainer {
    width: 11%;
    height: 100%;
    float: right;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .blankContainer {
    height: 50%;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer,
.EN #videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryIconContainer {
    float: left;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryIconContainer {
    width: 13%;
    height: 100%;
    float: right;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryIconContainer {
    height: 50%;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryIconContainer {
    width: 8.5%;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer .categoryIconWrapper,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer .categoryIconWrapper,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer .categoryIconWrapper,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer .categoryIconWrapper,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryIconContainer .categoryIconWrapper {
    width: 70%;
    height: 100%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 100%;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryIconContainer .categoryIconWrapper {
    background-size: 100%;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryIconContainer .categoryIconWrapper {
    background-image: url("../images/ic_summary_v.png");
}

#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryIconContainer .categoryIconWrapper {
    background-image: url("../images/ic_clock1.png");
    background-size: contain;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
.EN #videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
.EN #videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryDurationTextContainer {
    float: left;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryTextContainer {
    width: 50%;
    height: 100%;
    display: table;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryTextContainer {
    height: 30%;
    float: right;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryDurationTextContainer {
    width: 50%;
    height: 20%;
    display: table;
    float: right;
}

#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryDurationTextContainer p {
    display: table-cell;
    vertical-align: middle;
    color: #00e1ff;
    font-size: 16px;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer p,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer p,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer p,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .categorySection .middleSection .categoryTextContainer p,
#videoConferenceSummaryPage .videoConferenceSummaryHeader .bottomSection .categorySection .middleSection .categoryTextContainer p {
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer {
    width: 60%;
    height: 100%;
    margin: 0 auto;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .blankContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .blankContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .blankContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .blankContainer {
    width: 100%;
    height: 5%;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer,
#immediateMedicalDetailsPage .formRow.time .timeContainer,
#immediateMedicalPaymentPage .formRow.time .timeContainer,
#immediateMedicalAdditionalDataPage .formRow.time .timeContainer,
#expertiseMedicalDetailsPage .formRow.time .timeContainer,
#expertiseMedicalPaymentPage .formRow.time .timeContainer,
#expertiseMedicalAdditionalDataPage .formRow.time .timeContainer,
#expertiseMedicalAppointmetSummaryPage .formRow.time .timeContainer {
    width: 100%;
    height: 36%;
    display: table;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer p,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer p,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer p,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer p,
#immediateMedicalDetailsPage .formRow.time .timeContainer p,
#immediateMedicalPaymentPage .formRow.time .timeContainer p,
#immediateMedicalAdditionalDataPage .formRow.time .timeContainer p,
#expertiseMedicalDetailsPage .formRow.time .timeContainer p,
#expertiseMedicalPaymentPage .formRow.time .timeContainer p,
#expertiseMedicalAdditionalDataPage .formRow.time .timeContainer p,
#expertiseMedicalAppointmetSummaryPage .formRow.time .timeContainer p {
    font-size: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #9b8dff;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer p,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer p,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer p,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeContainer p,
.EN #immediateMedicalDetailsPage .formRow.time .timeContainer p,
.EN #immediateMedicalPaymentPage .formRow.time .timeContainer p,
.EN #immediateMedicalAdditionalDataPage .formRow.time .timeContainer p,
.EN #expertiseMedicalDetailsPage .formRow.time .timeContainer p,
.EN #expertiseMedicalPaymentPage .formRow.time .timeContainer p,
.EN #expertiseMedicalAdditionalDataPage .formRow.time .timeContainer p,
.EN #expertiseMedicalAppointmetSummaryPage .formRow.time .timeContainer p {
    font-size: 38px;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer,
#immediateMedicalDetailsPage .formRow.time .timeTextContainer,
#immediateMedicalPaymentPage .formRow.time .timeTextContainer,
#immediateMedicalAdditionalDataPage .formRow.time .timeTextContainer,
#expertiseMedicalDetailsPage .formRow.time .timeTextContainer,
#expertiseMedicalPaymentPage .formRow.time .timeTextContainer,
#expertiseMedicalAdditionalDataPage .formRow.time .timeTextContainer,
#expertiseMedicalAppointmetSummaryPage .formRow.time .timeTextContainer {
    width: 100%;
    height: 23%;
    display: table;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer p,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer p,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer p,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer p,
#immediateMedicalDetailsPage .formRow.time .timeTextContainer p,
#immediateMedicalPaymentPage .formRow.time .timeTextContainer p,
#immediateMedicalAdditionalDataPage .formRow.time .timeTextContainer p,
#expertiseMedicalDetailsPage .formRow.time .timeTextContainer p,
#expertiseMedicalPaymentPage .formRow.time .timeTextContainer p,
#expertiseMedicalAdditionalDataPage .formRow.time .timeTextContainer p,
#expertiseMedicalAppointmetSummaryPage .formRow.time .timeTextContainer p {
    font-size: 16px;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    color: #26403f;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer p,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer p,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer p,
.EN #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .timeTextContainer p,
.EN #immediateMedicalDetailsPage .formRow.time .timeTextContainer p,
.EN #immediateMedicalPaymentPage .formRow.time .timeTextContainer p,
.EN #immediateMedicalAdditionalDataPage .formRow.time .timeTextContainer p,
.EN #expertiseMedicalDetailsPage .formRow.time .timeTextContainer p,
.EN #expertiseMedicalPaymentPage .formRow.time .timeTextContainer p,
.EN #expertiseMedicalAdditionalDataPage .formRow.time .timeTextContainer p,
.EN #expertiseMedicalAppointmetSummaryPage .formRow.time .timeTextContainer p {
    font-size: 14px;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer {
    width: 100%;
    height: 20%;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorsWrapper,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorsWrapper,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorsWrapper,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorsWrapper {
    width: 25%;
    height: 46%;
    margin: 0 auto;
}

#videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorsWrapper {
    background-image: url("../images/ic_wait_v.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 8%;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer {
    width: 33.3%;
    height: 100%;
    float: right;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer.totalFix,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer.totalFix,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer.totalFix {
    width: 50%;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer .indicatorWrapper,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer .indicatorWrapper,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer .indicatorWrapper {
    width: 100%;
    height: 100%;
    background-image: url("../images/ic_progress.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer .indicatorWrapper.active,
#immediateMedicalPaymentPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer .indicatorWrapper.active,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsHeader .bottomSection .detailsSection .detailsContainer .indicatorsContainer .indicatorContainer .indicatorWrapper.active {
    background-image: url("../images/ic_progress_on.png");
}

#immediateMedicalDetailsPage .immediateMedicalDetailsPageContainer,
#immediateMedicalPaymentPage .immediateMedicalDetailsPageContainer,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsPageContainer,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsPageContainer,
#videoConferenceSummaryPage .videoConferenceSummaryPageContainer,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsPageContainer,
#expertiseMedicalPaymentPage .expertiseMedicalPaymentPageContainer,
#expertiseMedicalAdditionalDataPage .expertiseMedicalAdditionalDataPageContainer,
#expertiseMedicalCvViewerPage .expertiseMedicalCvViewerPageContainer,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalAppointmetSummaryPageContainer {
    width: 100%;
    height: 80%;
}

#videoConferenceSummaryPage .videoConferenceSummaryPageContainer {
    height: 85%;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper,
.EN #expertiseMedicalDetailsPage .expertiseMedicalDetailsPageContainer .expertiseMedicalDetailsPageWrapper,
.EN #expertiseMedicalPaymentPage .expertiseMedicalPaymentPageContainer .expertiseMedicalPaymentPageWrapper,
.EN #expertiseMedicalAdditionalDataPage .expertiseMedicalAdditionalDataPageContainer .expertiseMedicalAdditionalDataPageWrapper,
.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper,
.EN #expertiseMedicalAppointmetSummaryPage .expertiseMedicalAppointmetSummaryPageContainer .expertiseMedicalAppointmetSummaryPageWrapper {
    direction: ltr;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper,
#immediateMedicalPaymentPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper,
#videoConferenceWaitingRoomPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper,
#videoConferenceSummaryPage .videoConferenceSummaryPageContainer .videoConferenceSummaryPageWrapper,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsPageContainer .expertiseMedicalDetailsPageWrapper,
#expertiseMedicalPaymentPage .expertiseMedicalPaymentPageContainer .expertiseMedicalPaymentPageWrapper,
#expertiseMedicalAdditionalDataPage .expertiseMedicalAdditionalDataPageContainer .expertiseMedicalAdditionalDataPageWrapper,
#expertiseMedicalCvViewerPage .expertiseMedicalCvViewerPageContainer .expertiseMedicalCvViewerPageWrapper,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper,
#expertiseMedicalAppointmetSummaryPage .expertiseMedicalAppointmetSummaryPageContainer .expertiseMedicalAppointmetSummaryPageWrapper {
    width: 50%;
    height: 100%;
    margin: 0 auto;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .seperatorSection {
    width: 100%;
    height: 2%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection {
    width: 100%;
    height: 7%;
    margin-bottom: 7%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .rightSection {
    float: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .rightSection {
    width: 15%;
    height: 100%;
    float: right;
    position: relative;
    cursor: pointer;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .rightSection .blankSection {
    width: 100%;
    height: 15%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .rightSection .todayContainer {
    width: 100%;
    height: 70%;
    float: right;
    position: relative;
    display: table;
    background-color: #00e1ff;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .rightSection .todayContainer p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 18px;
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection {
    float: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection {
    width: 70%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .rightArrowContainer {
    width: 22.5%;
    height: 100%;
    float: right;
    position: relative;
    cursor: pointer;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .rightArrowContainer .blankWrapper {
    width: 100%;
    height: 25%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .rightArrowContainer .rightArrowWrapper {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
    background-image: url("../images/btn_date_year_next.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .rightArrowContainer .rightArrowWrapper:hover {
    background-image: url("../images/btn_date_year_next_on.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .dateContainer {
    width: 55%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .dateContainer p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 50px;
    color: #9b8dff;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .leftArrowContainer {
    width: 22.5%;
    height: 100%;
    float: right;
    position: relative;
    cursor: pointer;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .leftArrowContainer .blankWrapper {
    width: 100%;
    height: 25%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .leftArrowContainer .leftArrowWrapper {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
    background-image: url("../images/btn_date_year_previous.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .dateSection .middleSectionSection .leftArrowContainer .leftArrowWrapper:hover {
    background-image: url("../images/btn_date_year_previous_on.png");
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .leftSection {
    float: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .leftSection {
    width: 15%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection {
    width: 100%;
    height: 15%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .scrollRightContainer {
    width: 7%;
    height: 100%;
    position: absolute;
    background-image: url("../images/btn_date_days_next.png");
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    right: 0;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .scrollRightContainer:hover {
    background-image: url("../images/btn_date_days_next_on.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .scrollLeftContainer {
    width: 7%;
    height: 100%;
    position: absolute;
    background-image: url("../images/btn_date_days_previous.png");
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    left: 0;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .scrollLeftContainer:hover {
    background-image: url("../images/btn_date_days_previous_on.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper {
    width: 86%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    direction: ltr;
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer {
    float: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer {
    position: relative;
    float: right;
    height: 100%;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper {
    width: 75%;
    height: 100%;
    margin: 0 auto;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .topSection {
    width: 100%;
    height: 30%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .topSection .dayTextWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .topSection .dayTextWrapper p {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    color: black;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection {
    width: 100%;
    height: 54%;
    float: right;
    position: relative;
    cursor: pointer;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper {
    width: 100%;
    height: 100%;
    display: table;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.currentDay {
    border-radius: 100%;
    background-image: url("../images/ic_date_today.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.notAvailable {
    cursor: not-allowed;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.notAvailableCurrentDay p {
    color: #ccc;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.notAvailableCurrentDay {
    background-image: url("../images/ic_date_today_busy.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.notAvailableSelected {
    background-image: url("../images/ic_date_busy_on.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.selected {
    background-image: url("../images/ic_date_default_on.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper p {
    display: table-cell;
    font-size: 21px;
    vertical-align: middle;
    text-align: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.notAvailable p {
    color: #808080;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.notAvailableSelected p,
#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .dayInMonthWrapper.selected p {
    color: white;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .availabilityContainer {
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .availabilityContainer .availabilityWrapper {
    height: 100%;
    width: 18%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .daysSection .daysWrapper .dayContainer .dayWrapper .bottomSection .dayInMonthContainer .availabilityContainer .availabilityWrapper.notAvailable {
    background-image: url("../images/ic_date_dot.png");
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection {
    width: 100%;
    height: 74%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper {
    width: 99%;
    height: 100%;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hoursError {
    width: 100%;
    height: 15%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hoursError .hoursErrorIconContainer {
    width: 100%;
    height: 55%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hoursError .hoursErrorIconContainer .hoursErrorIconWrapper {
    width: 4%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/ic_note2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hoursError .hoursErrorTextContainer {
    width: 100%;
    height: 45%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hoursError .hoursErrorTextContainer .hoursErrorTextWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hoursError .hoursErrorTextContainer .hoursErrorTextWrapper p {
    display: table-cell;
    font-size: 18px;
    vertical-align: middle;
    text-align: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow {
    width: 100%;
    float: right;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow:last-of-type {
    border-bottom: none;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow.notAvailable {
    cursor: not-allowed;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .blankSpace {
    width: 100%;
    height: 31%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer {
    width: 100%;
    height: 38%;
    float: right;
    position: relative;
    cursor: pointer;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer.notAvailable {
    cursor: not-allowed;
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .indicatorSection {
    float: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .indicatorSection {
    width: 5%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .indicatorSection .blank {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .indicatorSection .indicatorContainer {
    width: 100%;
    height: 60%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .indicatorSection .indicatorContainer .indicatorWrapper {
    background-position: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .indicatorSection .indicatorContainer .indicatorWrapper {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
    background-image: url("../images/ic_indicator_red.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .indicatorSection .indicatorContainer .indicatorWrapper.available {
    background-image: url("../images/ic_indicator_green.png");
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .hoursTextWrapper {
    float: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .hoursTextWrapper {
    width: 75%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .hoursTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .hoursTextWrapper.notAvailable p {
    color: #808080;
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .stateContainer {
    float: left;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .stateContainer {
    width: 15%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .stateContainer .stateTextWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .stateContainer .stateTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #808080;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .stateContainer .stateIconContainer {
    width: 100%;
    height: 100%;
}

.EN #expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .stateContainer .stateIconContainer .stateIconWrapper {
    float: right;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .stateContainer .stateIconContainer .stateIconWrapper {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
    margin-left: 25%;
    background-image: url("../images/btn_arrow3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#expertiseMedicalSetDoctorAppointmentPage .expertiseMedicalSetDoctorAppointmentPageContainer .expertiseMedicalSetDoctorAppointmentPageWrapper .hoursSection .hoursWrapper .hourRow .hourContainer .stateContainer .stateIconContainer .stateIconWrapper:hover {
    background-image: url("../images/btn_arrow3_on.png");
}

#expertiseMedicalCvViewerPage .expertiseMedicalCvViewerPageContainer .expertiseMedicalCvViewerPageWrapper {
    width: 100%;
    overflow: hidden;
}

#videoConferenceWaitingRoomPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper {
    width: 65%;
}

#videoConferenceWaitingRoomPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper .commercialsContainer {
    width: 100%;
    height: 75%;
    float: right;
    position: relative;
}

#videoConferenceWaitingRoomPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper .footerTextContainer {
    width: 100%;
    height: 25%;
    float: right;
    position: relative;
    background-color: #afa4ff;
}

#videoConferenceWaitingRoomPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper .footerTextContainer .footerTextWrapper {
    width: 70%;
    height: 100%;
    margin: 0 auto;
    display: table;
}

#videoConferenceWaitingRoomPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper .footerTextContainer .footerTextWrapper p {
    display: table-cell;
    font-size: 20px;
    color: white;
    vertical-align: middle;
    text-align: center;
}

.EN #immediateMedicalDetailsPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper form,
.EN #immediateMedicalPaymentPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper form,
.EN #immediateMedicalAdditionalDataPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper form,
.EN #expertiseMedicalDetailsPage .expertiseMedicalDetailsPageContainer .expertiseMedicalDetailsPageWrapper form,
.EN #expertiseMedicalAdditionalDataPage .expertiseMedicalAdditionalDataPageContainer .expertiseMedicalAdditionalDataPageWrapper form {
    direction: ltr;
}

#immediateMedicalDetailsPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper form,
#immediateMedicalPaymentPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper form,
#immediateMedicalAdditionalDataPage .immediateMedicalDetailsPageContainer .immediateMedicalDetailsPageWrapper form,
#expertiseMedicalDetailsPage .expertiseMedicalDetailsPageContainer .expertiseMedicalDetailsPageWrapper form,
#expertiseMedicalAdditionalDataPage .expertiseMedicalAdditionalDataPageContainer .expertiseMedicalAdditionalDataPageWrapper form {
    width: 100%;
    height: 100%;
    min-height: 764px;
}

#videoConferenceSummaryPage .videoConferenceSummaryPageContainer .videoConferenceSummaryPageWrapper form {
    height: 98%;
    width: 100%;
}

#videoConferenceSummaryPage form .questionRow,
#videoConferenceSummaryPage form .buttonRow {
    min-height: 69px;
}

#videoConferenceSummaryPage form .questionRowNote {
    min-height: 153px;
}

.EN #immediateMedicalDetailsPage form .formRow,
.EN #immediateMedicalDetailsPage form .summaryEmailContainer,
.EN #immediateMedicalDetailsPage form .summaryFaxContainer,
.EN #immediateMedicalDetailsPage form .summaryPostalContainer,
.EN #immediateMedicalDetailsPage form .summaryPostalRow,
.EN #expertiseMedicalDetailsPage form .formRow,
.EN #immediateMedicalAdditionalDataPage form .formRow,
.EN #immediateMedicalAdditionalDataPage form .formRowToggle,
.EN #immediateMedicalAdditionalDataPage form .formRowSmall,
.EN #immediateMedicalAdditionalDataPage form .formRowHalf,
.EN #expertiseMedicalDetailsPage form .summaryEmailContainer,
.EN #expertiseMedicalDetailsPage form .summaryFaxContainer,
.EN #expertiseMedicalDetailsPage form .summaryPostalContainer,
.EN #expertiseMedicalDetailsPage form .summaryPostalRow,
.EN #expertiseMedicalAdditionalDataPage form .formRow,
.EN #expertiseMedicalAdditionalDataPage form .formRowToggle,
.EN #expertiseMedicalAdditionalDataPage form .formRowSmall,
.EN #expertiseMedicalAdditionalDataPage form .formRowHalf {
    float: left;
}

#immediateMedicalDetailsPage form .formRow,
#immediateMedicalDetailsPage form .summaryEmailContainer,
#immediateMedicalDetailsPage form .summaryFaxContainer,
#immediateMedicalDetailsPage form .summaryPostalContainer,
#immediateMedicalDetailsPage form .summaryPostalRow,
#immediateMedicalPaymentPage form .formRow,
#immediateMedicalPaymentPage form .formRowToggle,
#immediateMedicalPaymentPage form .formRowSmall,
#immediateMedicalPaymentPage form .formRowHalf,
#immediateMedicalAdditionalDataPage form .formRow,
#immediateMedicalAdditionalDataPage form .formRowToggle,
#immediateMedicalAdditionalDataPage form .formRowSmall,
#immediateMedicalAdditionalDataPage form .formRowHalf,
#immediateMedicalAdditionalDataPage form .formRowDropZone,
#expertiseMedicalDetailsPage form .formRow,
#expertiseMedicalDetailsPage form .summaryEmailContainer,
#expertiseMedicalDetailsPage form .summaryFaxContainer,
#expertiseMedicalDetailsPage form .summaryPostalContainer,
#expertiseMedicalDetailsPage form .summaryPostalRow,
#expertiseMedicalAdditionalDataPage form .formRow,
#expertiseMedicalAdditionalDataPage form .formRowToggle,
#expertiseMedicalAdditionalDataPage form .formRowSmall,
#expertiseMedicalAdditionalDataPage form .formRowHalf,
#expertiseMedicalAdditionalDataPage form .formRowDropZone {
    width: 95%;
    height: 14%;
    float: right;
    position: relative;
}

#immediateMedicalDetailsPage .formRow.time,
#immediateMedicalPaymentPage .formRow.time,
#immediateMedicalAdditionalDataPage .formRow.time,
#immediateMedicalDetailsPage .formRow.total,
#immediateMedicalPaymentPage .formRow.total,
#immediateMedicalAdditionalDataPage .formRow.total,
#expertiseMedicalDetailsPage .formRow.time,
#expertiseMedicalPaymentPage .formRow.time,
#expertiseMedicalAdditionalDataPage .formRow.time,
#expertiseMedicalDetailsPage .formRow.total,
#expertiseMedicalPaymentPage .formRow.total,
#expertiseMedicalAdditionalDataPage .formRow.total,
#expertiseMedicalAppointmetSummaryPage .formRow.time,
#expertiseMedicalAppointmetSummaryPage .formRow.total {
    display: none;
}

#immediateMedicalDetailsPage form .formRow.half,
#expertiseMedicalDetailsPage form .formRow.half {
    height: 15%;
}

#videoConferenceSummaryPage form .questionRow,
#videoConferenceSummaryPage form .questionRowNote,
#videoConferenceSummaryPage form .questionRowSelect,
#videoConferenceSummaryPage form .buttonRow {
    width: 90%;
    height: 9%;
    float: right;
    position: relative;
    margin-right: 1%;
}

#videoConferenceSummaryPage form .infoTextContainer {
    position: relative;
    float: right;
    display: table;
    width: 90%;
    height: 15%;
}

#videoConferenceSummaryPage form .infoTextContainer p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#videoConferenceSummaryPage form .questionRowNote {
    height: 20%;
}

#videoConferenceSummaryPage form .questionRowNote .topSection,
#videoConferenceSummaryPage form .questionRowSelect .topSection {
    width: 100%;
    height: 20%;
}

#videoConferenceSummaryPage form .questionRowSelect .topSection {
    height: 45%;
}

#videoConferenceSummaryPage form .questionRowNote .topSection .textWrapper,
#videoConferenceSummaryPage form .questionRowSelect .topSection .textWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#videoConferenceSummaryPage form .questionRowNote .topSection .textWrapper p,
#videoConferenceSummaryPage form .questionRowSelect .topSection .textWrapper p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#videoConferenceSummaryPage form .questionRowNote .bottomSection .textAreaWrapper,
#videoConferenceSummaryPage form .questionRowSelect .bottomSection .selectAreaWrapper {
    width: 100%;
    height: 100%;
}

#videoConferenceSummaryPage form .questionRowSelect .bottomSection .selectAreaWrapper select {
    width: 99.5%;
    height: 100%;
    padding-right: 7%;
    padding-left: 7%;
    border-radius: 4px;
    border: 1px solid #75878E;
    float: right;
    background-color: white;
    background-image: url("../images/btn_arrow2.png");
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 3%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#videoConferenceSummaryPage form .questionRowSelect .bottomSection .selectAreaWrapper select:hover {
    background-image: url("../images/btn_arrow2_on.png");
}

#videoConferenceSummaryPage form .questionRowNote .bottomSection .textAreaWrapper textarea {
    height: 60%;
    width: 93%;
    resize: none;
    padding: 3%;
    border-radius: 4px;
    border: 1px solid #75878E;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#videoConferenceSummaryPage form .questionRowNote .bottomSection,
#videoConferenceSummaryPage form .questionRowSelect .bottomSection {
    width: 100%;
    height: 80%;
}

#videoConferenceSummaryPage form .questionRowSelect .bottomSection {
    height: 55%;
}

#videoConferenceSummaryPage form .questionRow .blankSection {
    width: 100%;
    height: 27%;
    float: right;
    position: relative;
}

#videoConferenceSummaryPage form .questionRow .middleSection {
    width: 100%;
    height: 46%;
    float: right;
    position: relative;
}

.EN #videoConferenceSummaryPage form .questionRow .middleSection .rightSection {
    float: left;
}

#videoConferenceSummaryPage form .questionRow .middleSection .rightSection {
    width: 55%;
    height: 100%;
    float: right;
    position: relative;
}

#videoConferenceSummaryPage form .questionRow .middleSection .rightSection .questionTextWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#videoConferenceSummaryPage form .questionRow .middleSection .rightSection .questionTextWrapper p {
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
}

.EN #videoConferenceSummaryPage form .questionRow .middleSection .leftSection {
    float: left;
}

#videoConferenceSummaryPage form .questionRow .middleSection .leftSection {
    width: 45%;
    height: 100%;
    float: right;
    position: relative;
}

#videoConferenceSummaryPage form .questionRow .middleSection .leftSection .rateContainer {
    width: 100%;
    height: 100%;
}

#videoConferenceSummaryPage form .questionRow .middleSection .leftSection .rateContainer .rateWrapper {
    width: 100%;
    height: 100%;
    direction: ltr;
}

#videoConferenceSummaryPage form .questionRow .middleSection .leftSection .rateContainer .rateWrapper img {
    width: 17%;
    height: 100%;
}

.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerA,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerB,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerC,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerD,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerA,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerB,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerC,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerD {
    float: left;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerD,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD {
    width: 94%;
    height: 60%;
    float: right;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerD,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD {
    height: 12%;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC {
    height: auto;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow {
    width: 100%;
    float: right;
}

.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .selectWrapper,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .selectWrapper,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .selectWrapper,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .selectWrapper {
    float: left;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .selectWrapper,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .selectWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .selectWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .selectWrapper {
    width: 98.5%;
    margin-bottom: 3%;
    height: auto;
    float: right;
    position: relative;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .selectWrapper,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .selectWrapper {
    margin-bottom: 0;
    width: 98.7%;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .selectWrapper select,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .selectWrapper select,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .selectWrapper select,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .selectWrapper select {
    width: 100%;
    height: 100%;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper {
    width: 100%;
    float: right;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper .textareatitle,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper .textareatitle {
    float: right;
    position: relative;
    width: 100%;
    height: 23%;
    display: table;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper .textareatitle p,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper .textareatitle p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper textarea,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper textarea,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper textarea,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper textarea {
    width: 92%;
    height: 78%;
    resize: none;
    padding: 3%;
    border-radius: 4px;
    border: 1px solid #75878E;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper textarea,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper textarea {
    float: right;
    position: relative;
    height: 60%;
}

#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper textarea,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper textarea {
    width: 92%;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow {
    width: 100%;
    height: 16.65%;
    float: right;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow {
    height: 84%;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow {
    height: 100%;
}

.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection {
    float: left;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection {
    width: 52%;
    height: 100%;
    float: right;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection .blankSpace,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection .blankSpace,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection .blankSpace,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection .blankSpace,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection .blankSpace,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection .blankSpace,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection .blankSpace,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection .blankSpace {
    width: 100%;
    height: 19.5%;
    float: right;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection .textWrapper,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection .textWrapper,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection .textWrapper,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection .textWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection .textWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection .textWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection .textWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection .textWrapper {
    width: 100%;
    height: 61%;
    float: right;
    display: table;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection .textWrapper p,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection .textWrapper p,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection .textWrapper p,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection .textWrapper p,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection .textWrapper p,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .rightSection .textWrapper p,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .rightSection .textWrapper p,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .rightSection .textWrapper p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection .textWrapper.fix p:before,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .rightSection .textWrapper.fix p:before {
    color: #9b8dff;
    content: "*";
}

.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .leftSection,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .leftSection,
.EN #immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .leftSection,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .leftSection,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .leftSection,
.EN #expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .leftSection {
    float: left;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .leftSection,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .leftSection,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .leftSection,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .leftSection,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .leftSection,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .leftSection {
    width: 47%;
    height: 100%;
    float: right;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .blankSpace,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .leftSection .blankSpace,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .leftSection .blankSpace,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .leftSection .blankSpace,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .blankSpace,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .leftSection .blankSpace,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .leftSection .blankSpace,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerD .adultQuestionRow .leftSection .blankSpace {
    width: 100%;
    height: 19.5%;
    float: right;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .selectWrapper,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .leftSection .selectWrapper,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .leftSection .selectWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .selectWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionRow .leftSection .selectWrapper,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionRow .leftSection .selectWrapper {
    width: 100%;
    height: 61%;
    float: right;
}

#immediateMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .selectWrapper select,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerA .adultQuestionRow .leftSection .selectWrapper select {
    width: 100%;
    height: 100%;
}

#immediateMedicalAdditionalDataPage .toggleWrapperA,
#immediateMedicalAdditionalDataPage .toggleWrapperB,
#immediateMedicalAdditionalDataPage .toggleWrapperC,
#immediateMedicalAdditionalDataPage .toggleWrapperD,
#immediateMedicalAdditionalDataPage .toggleWrapperE,
#immediateMedicalAdditionalDataPage .toggleWrapperF,
#immediateMedicalAdditionalDataPage .toggleWrapperG,
#immediateMedicalAdditionalDataPage .toggleWrapperH,
#expertiseMedicalAdditionalDataPage .toggleWrapperA,
#expertiseMedicalAdditionalDataPage .toggleWrapperB,
#expertiseMedicalAdditionalDataPage .toggleWrapperC,
#expertiseMedicalAdditionalDataPage .toggleWrapperD,
#expertiseMedicalAdditionalDataPage .toggleWrapperE,
#expertiseMedicalAdditionalDataPage .toggleWrapperF,
#expertiseMedicalAdditionalDataPage .toggleWrapperG,
#expertiseMedicalAdditionalDataPage .toggleWrapperH {
    width: 100%;
    height: 61%;
    float: right;
    text-align: center;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

#expertiseMedicalAdditionalDataPage .toggleWrapperG {
    height: 64%;
}

#immediateMedicalAdditionalDataPage .toggleWrapper input,
#immediateMedicalAdditionalDataPage .toggleWrapperA input,
#immediateMedicalAdditionalDataPage .toggleWrapperB input,
#immediateMedicalAdditionalDataPage .toggleWrapperC input,
#immediateMedicalAdditionalDataPage .toggleWrapperD input,
#immediateMedicalAdditionalDataPage .toggleWrapperE input,
#immediateMedicalAdditionalDataPage .toggleWrapperF input,
#immediateMedicalAdditionalDataPage .toggleWrapperG input,
#immediateMedicalAdditionalDataPage .toggleWrapperH input,
#expertiseMedicalAdditionalDataPage .toggleWrapper input,
#expertiseMedicalAdditionalDataPage .toggleWrapperA input,
#expertiseMedicalAdditionalDataPage .toggleWrapperB input,
#expertiseMedicalAdditionalDataPage .toggleWrapperC input,
#expertiseMedicalAdditionalDataPage .toggleWrapperD input,
#expertiseMedicalAdditionalDataPage .toggleWrapperE input,
#expertiseMedicalAdditionalDataPage .toggleWrapperF input,
#expertiseMedicalAdditionalDataPage .toggleWrapperG input,
#expertiseMedicalAdditionalDataPage .toggleWrapperH input {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
}

.EN #immediateMedicalAdditionalDataPage .toggleWrapperA .rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperA .leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperB .rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperB .leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperC .rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperC .leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperD .rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperD .leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperE .rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperE .leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperF .rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperF .leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperG .rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperG .leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperH .rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperH .leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperA .rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperA .leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperB .rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperB .leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperC .rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperC .leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperD .rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperD .leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperE .rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperE .leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperF .rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperF .leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperG .rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperG .leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperH .rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperH .leftLabel {
    float: left;
}

#immediateMedicalAdditionalDataPage .toggleWrapperA .rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperA .leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperB .rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperB .leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperC .rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperC .leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperD .rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperD .leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperE .rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperE .leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperF .rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperF .leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperG .rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperG .leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperH .rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperH .leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperA .rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperA .leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperB .rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperB .leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperC .rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperC .leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperD .rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperD .leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperE .rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperE .leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperF .rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperF .leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperG .rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperG .leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperH .rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperH .leftLabel {
    height: 100%;
    width: 48%;
    float: right;
    border: 2px solid #9b8dff;
    display: table;
    cursor: pointer;
}

#immediateMedicalAdditionalDataPage .toggleWrapperA .rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperA .leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperB .rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperB .leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperC .rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperC .leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperD .rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperD .leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperE .rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperE .leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperF .rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperF .leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperG .rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperG .leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperH .rightLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperH .leftLabel p,
#immediateMedicalAdditionalDataPage .toggleWrapperA .rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperA .leftLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperB .rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperB .leftLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperC .rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperC .leftLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperD .rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperD .leftLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperE .rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperE .leftLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperF .rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperF .leftLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperG .rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperG .leftLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperH .rightLabel p,
#expertiseMedicalAdditionalDataPage .toggleWrapperH .leftLabel p {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

#immediateMedicalAdditionalDataPage .toggleWrapperA.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperA div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperB.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperB div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperC.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperC div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperD.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperD div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperE.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperE div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperF.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperF div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperG.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperG div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperH.on div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperH div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperA.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperA div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperB.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperB div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperC.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperC div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperD.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperD div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperE.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperE div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperF.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperF div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperG.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperG div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperH.on div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperH div.leftLabel {
    background-color: #9b8dff;
    color: white;
}

#immediateMedicalAdditionalDataPage .toggleWrapperA div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperA.on div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperB div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperB.on div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperC div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperC.on div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperD div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperD.on div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperE div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperE.on div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperF div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperF.on div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperG div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperG.on div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperH div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperH.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperA div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperA.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperB div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperB.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperC div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperC.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperD div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperD.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperE div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperE.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperF div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperF.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperG div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperG.on div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperH div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperH.on div.leftLabel {
    background-color: white;
    color: #9b8dff;
}

.EN #immediateMedicalAdditionalDataPage .toggleWrapperA div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperB div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperC div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperD div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperE div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperF div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperG div.rightLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperH div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperA div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperB div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperC div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperD div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperE div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperF div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperG div.rightLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperH div.rightLabel {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#immediateMedicalAdditionalDataPage .toggleWrapperA div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperB div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperC div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperD div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperE div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperF div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperG div.rightLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperH div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperA div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperB div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperC div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperD div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperE div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperF div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperG div.rightLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperH div.rightLabel {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.EN #immediateMedicalAdditionalDataPage .toggleWrapperA div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperB div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperC div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperD div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperE div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperF div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperG div.leftLabel,
.EN #immediateMedicalAdditionalDataPage .toggleWrapperH div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperA div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperB div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperC div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperD div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperE div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperF div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperG div.leftLabel,
.EN #expertiseMedicalAdditionalDataPage .toggleWrapperH div.leftLabel {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#immediateMedicalAdditionalDataPage .toggleWrapperA div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperB div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperC div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperD div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperE div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperF div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperG div.leftLabel,
#immediateMedicalAdditionalDataPage .toggleWrapperH div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperA div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperB div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperC div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperD div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperE div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperF div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperG div.leftLabel,
#expertiseMedicalAdditionalDataPage .toggleWrapperH div.leftLabel {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#immediateMedicalAdditionalDataPage form .formRow.dropZone,
#expertiseMedicalAdditionalDataPage form .formRow.dropZone {
    height: 12%;
}

.EN #immediateMedicalAdditionalDataPage form .formRowDropZone,
.EN #expertiseMedicalAdditionalDataPage form .formRowDropZone {
    float: left;
}

#immediateMedicalAdditionalDataPage form .formRowDropZone,
#expertiseMedicalAdditionalDataPage form .formRowDropZone {
    width: 93%;
    height: auto;
    margin-bottom: 5%;
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #75878e;
    border-style: dashed;
}

#immediateMedicalPaymentPage form .formRowHalf {
    width: 31.8%;
}

#immediateMedicalPaymentPage form .formRowToggle .topSection,
#immediateMedicalPaymentPage form .formRowSmall .topSection {
    width: 100%;
    height: 20%;
    float: right;
}

#immediateMedicalPaymentPage form .formRowToggle .bottomSection,
#immediateMedicalPaymentPage form .formRowSmall .bottomSection,
#immediateMedicalPaymentPage form .formRowHalf .bottomSection {
    width: 100%;
    height: 80%;
    float: right;
}

#immediateMedicalPaymentPage form .formRowToggle {
    width: 30%;
}

#immediateMedicalPaymentPage form .formRowSmall {
    width: 65%;
}

#immediateMedicalPaymentPage form .formRowSmall .bottomSection .switchInputDiv {
    width: 100%;
    height: 100%;
}

#immediateMedicalPaymentPage form .formRowSmall .bottomSection .switchInputDiv .inputContainer {
    width: 100%;
    height: 100%;
}

#immediateMedicalPaymentPage form .formRowSmall .bottomSection .switchInputDiv .inputContainer input {
    width: 98%;
    height: 50%;
}

#immediateMedicalDetailsPage form .summaryEmailContainer,
#expertiseMedicalDetailsPage form .summaryEmailContainer {
    height: 28%;
}

#immediateMedicalDetailsPage form .summaryPostalContainer,
#expertiseMedicalDetailsPage form .summaryPostalContainer {
    height: 56%;
}

#immediateMedicalDetailsPage form .summaryEmailContainer,
#immediateMedicalDetailsPage form .summaryFaxContainer,
#immediateMedicalDetailsPage form .summaryPostalContainer,
#expertiseMedicalDetailsPage form .summaryEmailContainer,
#expertiseMedicalDetailsPage form .summaryFaxContainer,
#expertiseMedicalDetailsPage form .summaryPostalContainer {
    display: block;
}

#immediateMedicalDetailsPage form .summaryEmailContainer.hide,
#immediateMedicalDetailsPage form .summaryFaxContainer.hide,
#immediateMedicalDetailsPage form .summaryPostalContainer.hide,
#expertiseMedicalDetailsPage form .summaryEmailContainer.hide,
#expertiseMedicalDetailsPage form .summaryFaxContainer.hide,
#expertiseMedicalDetailsPage form .summaryPostalContainer.hide {
    display: none;
}

#immediateMedicalDetailsPage form .formRow .toggleTopSection,
#expertiseMedicalDetailsPage form .formRow .toggleTopSection {
    width: 100%;
    height: 37%;
    display: table;
}

#immediateMedicalDetailsPage form .formRow .toggleTopSection p,
#expertiseMedicalDetailsPage form .formRow .toggleTopSection p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#immediateMedicalDetailsPage form .formRow .toggleBottomSection,
#expertiseMedicalDetailsPage form .formRow .toggleBottomSection {
    width: 100%;
    height: 63%;
}

#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection,
#immediateMedicalDetailsPage form .summaryEmailContainer .infoSection,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection,
#expertiseMedicalDetailsPage form .summaryEmailContainer .infoSection {
    width: 100%;
    height: 50%;
    float: right;
}

#immediateMedicalDetailsPage form .summaryEmailContainer .infoSection .iconSection,
#expertiseMedicalDetailsPage form .summaryEmailContainer .infoSection .iconSection {
    height: 40%;
    width: 4%;
    margin: 0 auto;
}

#immediateMedicalDetailsPage form .summaryEmailContainer .infoSection .iconSection .iconWrapper,
#expertiseMedicalDetailsPage form .summaryEmailContainer .infoSection .iconSection .iconWrapper {
    height: 100%;
    width: 100%;
    background-image: url("../images/ic_note2.png");
    background-repeat: no-repeat;
    background-size: contain;
}

#immediateMedicalDetailsPage form .summaryEmailContainer .infoSection .infoTextSection,
#expertiseMedicalDetailsPage form .summaryEmailContainer .infoSection .infoTextSection {
    height: 50%;
    width: 100%;
    display: table;
}

#immediateMedicalDetailsPage form .summaryEmailContainer .infoSection .infoTextSection p,
#expertiseMedicalDetailsPage form .summaryEmailContainer .infoSection .infoTextSection p {
    text-align: center;
    vertical-align: top;
    font-size: 15px;
    display: table-cell;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#immediateMedicalDetailsPage form .formRow .topSection,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection,
#immediateMedicalDetailsPage form .summaryFaxContainer .topSection,
#immediateMedicalDetailsPage form .summaryPostalRow .topSection,
#immediateMedicalPaymentPage form .formRow .topSection,
#immediateMedicalPaymentPage form .formRowHalf .topSection,
#immediateMedicalAdditionalDataPage form .formRow .topSection,
#expertiseMedicalDetailsPage form .formRow .topSection,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection,
#expertiseMedicalDetailsPage form .summaryFaxContainer .topSection,
#expertiseMedicalDetailsPage form .summaryPostalRow .topSection,
#expertiseMedicalAdditionalDataPage form .formRow .topSection {
    width: 100%;
    height: 37%;
    display: table;
    float: right;
    position: relative;
}

#immediateMedicalAdditionalDataPage form .formRow .topSection.dropZone,
#expertiseMedicalAdditionalDataPage form .formRow .topSection.dropZone {
    height: 60%;
}

#immediateMedicalDetailsPage form .formRow .topSection p,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection p,
#immediateMedicalDetailsPage form .summaryFaxContainer .topSection p,
#immediateMedicalDetailsPage form .summaryPostalRow .topSection p,
#immediateMedicalPaymentPage form .formRow .topSection p,
#immediateMedicalPaymentPage form .formRowHalf .topSection p,
#immediateMedicalAdditionalDataPage form .formRow .topSection p,
#expertiseMedicalDetailsPage form .formRow .topSection p,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection p,
#expertiseMedicalDetailsPage form .summaryFaxContainer .topSection p,
#expertiseMedicalDetailsPage form .summaryPostalRow .topSection p,
#expertiseMedicalAdditionalDataPage form .formRow .topSection p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#immediateMedicalAdditionalDataPage form .formRow .topSection p:before,
#expertiseMedicalAdditionalDataPage form .formRow .topSection p:before {
    color: #9b8dff;
    content: "*";
}

#immediateMedicalAdditionalDataPage form .formRow .topSection.noAsterix p:before,
#expertiseMedicalAdditionalDataPage form .formRow .topSection.noAsterix p:before {
    content: "";
}

#immediateMedicalAdditionalDataPage form .formRow .topSection.fixWidth,
#expertiseMedicalAdditionalDataPage form .formRow .topSection.fixWidth {
    width: 37%;
}

#immediateMedicalAdditionalDataPage form .formRow .dropZoneTutorialContainer,
#expertiseMedicalAdditionalDataPage form .formRow .dropZoneTutorialContainer {
    width: 63%;
    height: 60%;
    float: right;
    position: relative;
}

#immediateMedicalAdditionalDataPage form .formRow .dropZoneTutorialContainer .dropZoneTutorialWrapper,
#expertiseMedicalAdditionalDataPage form .formRow .dropZoneTutorialContainer .dropZoneTutorialWrapper {
    width: 11%;
    height: 100%;
    float: right;
    position: relative;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-image: url("../images/btn_info.png");
    cursor: pointer;
}

.EN #immediateMedicalDetailsPage form .formRow .topSection,
.EN #immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection,
.EN #immediateMedicalDetailsPage form .summaryFaxContainer .topSection,
.EN #immediateMedicalDetailsPage form .summaryPostalRow .topSection,
.EN #immediateMedicalPaymentPage form .formRow .topSection,
.EN #immediateMedicalPaymentPage form .formRowHalf .topSection,
.EN #immediateMedicalAdditionalDataPage form .formRow .topSection,
.EN #expertiseMedicalDetailsPage form .formRow .topSection,
.EN #expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection,
.EN #expertiseMedicalDetailsPage form .summaryFaxContainer .topSection,
.EN #expertiseMedicalDetailsPage form .summaryPostalRow .topSection,
.EN #expertiseMedicalAdditionalDataPage form .formRow .topSection {
    float: left;
}

.EN #immediateMedicalAdditionalDataPage form .formRow .dropZoneTutorialContainer .dropZoneTutorialWrapper,
.EN #expertiseMedicalAdditionalDataPage form .formRow .dropZoneTutorialContainer .dropZoneTutorialWrapper {
    float: left;
}

#immediateMedicalAdditionalDataPage form .formRow .dropZoneTutorialContainer .dropZoneTutorialWrapper:hover,
#expertiseMedicalAdditionalDataPage form .formRow .dropZoneTutorialContainer .dropZoneTutorialWrapper:hover {
    background-image: url("../images/btn_info_on.png");
}

#immediateMedicalDetailsPage form .formRow .topSection p:before,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection p:before,
#immediateMedicalDetailsPage form .summaryFaxContainer .topSection p:before,
#immediateMedicalDetailsPage form .summaryPostalRow .topSection p:before,
#immediateMedicalPaymentPage form .formRow .topSection p:before,
#immediateMedicalPaymentPage form .formRowHalf p:before,
#expertiseMedicalDetailsPage form .formRow .topSection p:before,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection p:before,
#expertiseMedicalDetailsPage form .summaryFaxContainer .topSection p:before,
#expertiseMedicalDetailsPage form .summaryPostalRow .topSection p:before {
    color: #9b8dff;
    content: "*";
}

#immediateMedicalDetailsPage form .formRow .topSection .hideAsterix,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection .hideAsterix,
#immediateMedicalDetailsPage form .summaryFaxContainer .topSection .hideAsterix,
#immediateMedicalDetailsPage form .summaryPostalRowSmall .topSection .hideAsterix,
#expertiseMedicalDetailsPage form .formRow .topSection .hideAsterix,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection .hideAsterix,
#expertiseMedicalDetailsPage form .summaryFaxContainer .topSection .hideAsterix,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .topSection .hideAsterix {
    width: 100%;
    height: 37%;
    display: table;
}

#immediateMedicalDetailsPage form .formRow .topSection .hideAsterix p,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection .hideAsterix p,
#immediateMedicalDetailsPage form .summaryFaxContainer .topSection .hideAsterix p,
#immediateMedicalDetailsPage form .summaryPostalRowSmall .topSection .hideAsterix p,
#expertiseMedicalDetailsPage form .formRow .topSection .hideAsterix p,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection .hideAsterix p,
#expertiseMedicalDetailsPage form .summaryFaxContainer .topSection .hideAsterix p,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .topSection .hideAsterix p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#immediateMedicalDetailsPage form .formRow .topSection .hideAsterix p:before,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection .hideAsterix p:before,
#immediateMedicalDetailsPage form .summaryFaxContainer .topSection .hideAsterix p:before,
#immediateMedicalDetailsPage form .summaryPostalRowSmall .topSection .hideAsterix p:before,
#expertiseMedicalDetailsPage form .formRow .topSection .hideAsterix p:before,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .topSection .hideAsterix p:before,
#expertiseMedicalDetailsPage form .summaryFaxContainer .topSection .hideAsterix p:before,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .topSection .hideAsterix p:before {
    content: "";
}

#immediateMedicalDetailsPage form .formRow .bottomSection,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection,
#immediateMedicalDetailsPage form .summaryPostalRow .bottomSection,
#immediateMedicalPaymentPage form .formRow .bottomSection,
#immediateMedicalPaymentPage form .formRowHalf .bottomSection,
#immediateMedicalAdditionalDataPage form .formRow .bottomSection,
#expertiseMedicalDetailsPage form .formRow .bottomSection,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection,
#expertiseMedicalDetailsPage form .summaryPostalRow .bottomSection,
#expertiseMedicalAdditionalDataPage form .formRow .bottomSection {
    width: 100%;
    height: 46%;
}

#immediateMedicalAdditionalDataPage form .formRow .bottomSection.dropZone,
#expertiseMedicalAdditionalDataPage form .formRow .bottomSection.dropZone {
    height: 35%;
    width: 98%;
}

#immediateMedicalAdditionalDataPage form .formRow .bottomSection,
#expertiseMedicalAdditionalDataPage form .formRow .bottomSection {
    display: table;
    float: right;
    position: relative;
}

.EN #immediateMedicalAdditionalDataPage form .formRow .bottomSection p,
.EN #expertiseMedicalAdditionalDataPage form .formRow .bottomSection p {
    text-align: left;
}

#immediateMedicalAdditionalDataPage form .formRow .bottomSection p,
#expertiseMedicalAdditionalDataPage form .formRow .bottomSection p {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
    font-size: 13px;
    color: #808080;
}

#immediateMedicalAdditionalDataPage form .formRow .bottomSection p:after,
#expertiseMedicalAdditionalDataPage form .formRow .bottomSection p:after {
    /*    color: #00e1ff;*/
    color: #808080;
    content: "*";
}

#immediateMedicalDetailsPage form .formRow .bottomSection input,
#immediateMedicalDetailsPage form .formRow .bottomSection select,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection input,
#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection select,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection input,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection select,
#immediateMedicalDetailsPage form .summaryPostalRow .bottomSection input,
#immediateMedicalPaymentPage form .formRow .bottomSection input,
#immediateMedicalPaymentPage form .formRowHalf .bottomSection input,
#immediateMedicalAdditionalDataPage form .formRow input,
#immediateMedicalAdditionalDataPage form .formRow select,
#expertiseMedicalDetailsPage form .formRow .bottomSection input,
#expertiseMedicalDetailsPage form .formRow .bottomSection select,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection input,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection select,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection input,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection select,
#expertiseMedicalDetailsPage form .summaryPostalRow .bottomSection input,
#expertiseMedicalAdditionalDataPage form .formRow input,
#expertiseMedicalAdditionalDataPage form .formRow select {
    width: 99%;
    height: 87%;
}

#immediateMedicalDetailsPage form .formRow .bottomSection select,
#expertiseMedicalDetailsPage form .formRow .bottomSection select {
    height: 95%;
}

#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection input,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection input,
#immediateMedicalDetailsPage form .summaryPostalRow .bottomSection input,
#immediateMedicalPaymentPage form .formRow .bottomSection input,
#immediateMedicalPaymentPage form .formRowSmall .bottomSection .switchInputDiv .inputContainer input,
#immediateMedicalPaymentPage form .formRowHalf .bottomSection input,
#immediateMedicalAdditionalDataPage form .formRow input,
#immediateMedicalAdditionalDataPage form .formRow select,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection input,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection input,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection input,
#expertiseMedicalDetailsPage form .summaryPostalRow .bottomSection input,
#expertiseMedicalAdditionalDataPage form .formRow input,
#expertiseMedicalAdditionalDataPage form .formRow select,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection input {
    padding-right: 7%;
    padding-left: 7%;
    border-radius: 4px;
    border: 1px solid #75878E;
    width: 84.5%;
}

.EN #expertiseMedicalAdditionalDataPage .formRowTitle {
    float: left;
}

#expertiseMedicalAdditionalDataPage .formRowTitle {
    width: 93%;
    height: 6%;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalAdditionalDataPage .formRowTitle p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: rgb(91, 91, 91);
}

#expertiseMedicalAdditionalDataPage .textareaContainer {
    width: 91.7%;
    height: 100%;
    float: right;
    position: relative;
    display: none;
}

#expertiseMedicalAdditionalDataPage .textareaContainer.on {
    display: block;
}

#expertiseMedicalAdditionalDataPage .textareaContainer textarea {
    width: 100%;
    height: 100%;
    resize: none;
    padding: 3%;
    border-radius: 4px;
    border: 1px solid #75878E;
}

#expertiseMedicalAdditionalDataPage .textareaContainer textarea:focus {
    border: 2px solid #00E1FF;
}

.EN #immediateMedicalAdditionalDataPage .formRowQuestion,
.EN #expertiseMedicalAdditionalDataPage .formRowQuestion {
    float: left;
}

#immediateMedicalAdditionalDataPage .formRowQuestion,
#expertiseMedicalAdditionalDataPage .formRowQuestion {
    width: 95%;
    height: 10.5%;
    float: right;
    position: relative;
}

.EN #immediateMedicalAdditionalDataPage .formRowQuestion .rightSection,
.EN #expertiseMedicalAdditionalDataPage .formRowQuestion .rightSection {
    float: left;
}

#immediateMedicalAdditionalDataPage .formRowQuestion .rightSection,
#expertiseMedicalAdditionalDataPage .formRowQuestion .rightSection {
    width: 51.6%;
    height: 100%;
    float: right;
}

#expertiseMedicalAdditionalDataPage .formRowQuestion .rightSection.fix {
    width: 60%;
}

#immediateMedicalAdditionalDataPage .formRowQuestion .rightSection .blankSpace,
#expertiseMedicalAdditionalDataPage .formRowQuestion .rightSection .blankSpace {
    width: 100%;
    height: 19.5%;
    float: right;
}

#immediateMedicalAdditionalDataPage .formRowQuestion .rightSection .textWrapper,
#expertiseMedicalAdditionalDataPage .formRowQuestion .rightSection .textWrapper {
    width: 100%;
    height: 61%;
    float: right;
    display: table;
}

#immediateMedicalAdditionalDataPage .formRowQuestion .rightSection .textWrapper p,
#expertiseMedicalAdditionalDataPage .formRowQuestion .rightSection .textWrapper p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

.EN #immediateMedicalAdditionalDataPage .formRowQuestion .leftSection,
.EN #expertiseMedicalAdditionalDataPage .formRowQuestion .leftSection {
    float: left;
}

#immediateMedicalAdditionalDataPage .formRowQuestion .leftSection,
#expertiseMedicalAdditionalDataPage .formRowQuestion .leftSection {
    width: 47.5%;
    height: 100%;
    float: right;
}

#expertiseMedicalAdditionalDataPage .formRowQuestion .leftSection.fix {
    width: 40%;
}

#immediateMedicalAdditionalDataPage .formRowQuestion .leftSection .blankSpace,
#expertiseMedicalAdditionalDataPage .formRowQuestion .leftSection .blankSpace {
    width: 100%;
    height: 19.5%;
    float: right;
}

#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection input,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection input {
    width: 75%;
    height: 87%;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#immediateMedicalAdditionalDataPage form .formRowSmall,
#expertiseMedicalAdditionalDataPage form .formRowSmall {
    width: 49%;
    height: 14%;
    float: right;
}

#immediateMedicalAdditionalDataPage form .formRowSmall .topSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .topSection {
    width: 50%;
    height: 100%;
    float: right;
}

#immediateMedicalAdditionalDataPage form .formRowSmall .rightSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .rightSection {
    width: 50%;
    height: 100%;
    float: right;
}

#immediateMedicalAdditionalDataPage form .formRowSmall .leftSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .leftSection {
    width: 50%;
    height: 100%;
    float: right;
}

#immediateMedicalAdditionalDataPage form .formRowSmall .topSection,
#immediateMedicalAdditionalDataPage form .formRowSmall .rightSection .topSection,
#immediateMedicalAdditionalDataPage form .formRowSmall .leftSection .topSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .topSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .rightSection .topSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .leftSection .topSection {
    width: 100%;
    height: 37%;
    float: right;
    display: table;
}

#immediateMedicalAdditionalDataPage form .formRowSmall .topSection p,
#immediateMedicalAdditionalDataPage form .formRowSmall .rightSection .topSection p,
#immediateMedicalAdditionalDataPage form .formRowSmall .leftSection .topSection p,
#expertiseMedicalAdditionalDataPage form .formRowSmall .topSection p,
#expertiseMedicalAdditionalDataPage form .formRowSmall .rightSection .topSection p,
#expertiseMedicalAdditionalDataPage form .formRowSmall .leftSection .topSection p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#immediateMedicalAdditionalDataPage form .formRowSmall .topSection p:before {
    color: #9b8dff;
    content: "*";
}

#immediateMedicalAdditionalDataPage form .formRowSmall .topSection p.hideAsterix:before {
    content: "";
}

#immediateMedicalAdditionalDataPage form .formRowSmall .rightSection .bottomSection,
#immediateMedicalAdditionalDataPage form .formRowSmall .leftSection .bottomSection,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .rightSection .bottomSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .leftSection .bottomSection,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection {
    width: 100%;
    height: 46%;
    float: right;
}

.EN #immediateMedicalAdditionalDataPage form .formRow select,
.EN #expertiseMedicalAdditionalDataPage form .formRow select {
    float: left;
}

#immediateMedicalAdditionalDataPage form .formRow select,
#expertiseMedicalAdditionalDataPage form .formRow select {
    width: 99%;
    height: 95%;
}

#immediateMedicalAdditionalDataPage form .formRow textarea,
#expertiseMedicalAdditionalDataPage form .formRow textarea {
    width: 92%;
    height: 100%;
    resize: none;
    padding: 3%;
    border-radius: 4px;
    border: 1px solid #75878E;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#immediateMedicalPaymentPage form .formRowSmall .bottomSection .switchInputDiv .inputContainer input {
    width: 83.9%;
}

#immediateMedicalPaymentPage form .formRowHalf .bottomSection input {
    width: 80%;
}

#immediateMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection input:focus,
#immediateMedicalDetailsPage form .summaryFaxContainer .bottomSection input:focus,
#immediateMedicalDetailsPage form .summaryPostalRow .bottomSection input:focus,
#immediateMedicalDetailsPage form .summaryPostalRowSmall .bottomSection input:focus,
#immediateMedicalPaymentPage form .formRow .bottomSection input:focus,
#immediateMedicalPaymentPage form .formRowSmall .bottomSection .switchInputDiv .inputContainer input:focus,
#immediateMedicalPaymentPage form .formRowHalf .bottomSection input:focus,
#immediateMedicalAdditionalDataPage form .formRow input:focus,
#immediateMedicalAdditionalDataPage form .formRowSmall .bottomSection input:focus,
#immediateMedicalAdditionalDataPage form .formRow textarea:focus,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper textarea:focus,
#immediateMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper textarea:focus,
#videoConferenceSummaryPage form .questionRowNote .bottomSection .textAreaWrapper textarea:focus,
#expertiseMedicalDetailsPage form .summaryEmailContainer .inputSection .bottomSection input:focus,
#expertiseMedicalDetailsPage form .summaryFaxContainer .bottomSection input:focus,
#expertiseMedicalDetailsPage form .summaryPostalRow .bottomSection input:focus,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .bottomSection input:focus,
#expertiseMedicalAdditionalDataPage form .formRow input:focus,
#expertiseMedicalAdditionalDataPage form .formRowSmall .bottomSection input:focus,
#expertiseMedicalAdditionalDataPage form .formRow textarea:focus,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerB .adultQuestionFullRow .textareaWrapper textarea:focus,
#expertiseMedicalAdditionalDataPage .adultQuestionsContainerC .adultQuestionFullRow .textareaWrapper textarea:focus {
    border: 2px solid #00E1FF;
}

#immediateMedicalDetailsPage .switchDiv input,
#expertiseMedicalDetailsPage .switchDiv input {
    /*    height: 96% !important;*/
    height: 87% !important;
}

#immediateMedicalDetailsPage .summaryToggleWrapper,
#expertiseMedicalDetailsPage .summaryToggleWrapper {
    width: 99.5%;
    height: 92%;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper .rightLabel,
.EN #immediateMedicalDetailsPage .summaryToggleWrapper .middleLabel,
.EN #immediateMedicalDetailsPage .summaryToggleWrapper .leftLabel,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .rightLabel,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .middleLabel,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .leftLabel {
    float: left;
    border-right: 0;
}

#immediateMedicalDetailsPage .summaryToggleWrapper .rightLabel,
#immediateMedicalDetailsPage .summaryToggleWrapper .middleLabel,
#immediateMedicalDetailsPage .summaryToggleWrapper .leftLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper .rightLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper .middleLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper .leftLabel {
    height: 98%;
    width: 32.8%;
    float: right;
    cursor: pointer;
    background-color: white;
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper .rightLabel,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .rightLabel {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper .rightLabel,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .rightLabel {
    border-top: 1px solid #9b8dff;
    border-bottom: 1px solid #9b8dff;
    border-left: 1px solid #9b8dff;
}

#immediateMedicalDetailsPage .summaryToggleWrapper .rightLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper .rightLabel {
    border: 1px solid #9b8dff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#immediateMedicalDetailsPage .summaryToggleWrapper .middleLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper .middleLabel {
    border-top: 1px solid #9b8dff;
    border-bottom: 1px solid #9b8dff;
    border-left: 1px solid #9b8dff;
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper .leftLabel,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .leftLabel {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper .leftLabel,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .leftLabel {
    border: 1px solid #9b8dff;
}

#immediateMedicalDetailsPage .summaryToggleWrapper .leftLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper .leftLabel {
    border-top: 1px solid #9b8dff;
    border-bottom: 1px solid #9b8dff;
    border-left: 1px solid #9b8dff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#immediateMedicalDetailsPage .summaryToggleWrapper .iconWrapper,
#expertiseMedicalDetailsPage .summaryToggleWrapper .iconWrapper {
    height: 100%;
    width: 20%;
    margin: 0 auto;
}

#immediateMedicalDetailsPage .summaryToggleWrapper .iconWrapper .blankSpace,
#expertiseMedicalDetailsPage .summaryToggleWrapper .iconWrapper .blankSpace {
    height: 22.5%;
    width: 100%;
    margin: 0 auto;
}

#immediateMedicalDetailsPage .summaryToggleWrapper .iconWrapper .mailIcon,
#expertiseMedicalDetailsPage .summaryToggleWrapper .iconWrapper .mailIcon {
    height: 100%;
    width: 100%;
    background-image: url("../images/ic_segmented_email.png");
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper .iconWrapper .mailIcon,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .iconWrapper .mailIcon {
    background-image: url("../images/ic_segmented_email_EN.png");
}

#immediateMedicalDetailsPage .summaryToggleWrapper .iconWrapper .faxIcon,
#expertiseMedicalDetailsPage .summaryToggleWrapper .iconWrapper .faxIcon {
    height: 100%;
    width: 100%;
    background-image: url("../images/ic_segmented_fax.png");
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper .iconWrapper .faxIcon,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .iconWrapper .faxIcon {
    background-image: url("../images/ic_segmented_fax_EN.png");
}

#immediateMedicalDetailsPage .summaryToggleWrapper .iconWrapper .postalIcon,
#expertiseMedicalDetailsPage .summaryToggleWrapper .iconWrapper .postalIcon {
    height: 100%;
    width: 100%;
    background-image: url("../images/ic_segmented_mail.png");
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center;
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper .iconWrapper .postalIcon,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper .iconWrapper .postalIcon {
    background-image: url("../images/ic_segmented_mail_EN.png");
}

#immediateMedicalDetailsPage .summaryToggleWrapper.onRight div.rightLabel .iconWrapper .mailIcon,
#expertiseMedicalDetailsPage .summaryToggleWrapper.onRight div.rightLabel .iconWrapper .mailIcon {
    background-image: url("../images/ic_segmented_email_on.png");
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper.onRight div.rightLabel .iconWrapper .mailIcon,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper.onRight div.rightLabel .iconWrapper .mailIcon {
    background-image: url("../images/ic_segmented_email_on_EN.png");
}

#immediateMedicalDetailsPage .summaryToggleWrapper.onMiddle div.middleLabel .iconWrapper .faxIcon,
#expertiseMedicalDetailsPage .summaryToggleWrapper.onMiddle div.middleLabel .iconWrapper .faxIcon {
    background-image: url("../images/ic_segmented_fax_on.png");
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper.onMiddle div.middleLabel .iconWrapper .faxIcon,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper.onMiddle div.middleLabel .iconWrapper .faxIcon {
    background-image: url("../images/ic_segmented_fax_on_EN.png");
}

#immediateMedicalDetailsPage .summaryToggleWrapper.onLeft div.leftLabel .iconWrapper .postalIcon,
#expertiseMedicalDetailsPage .summaryToggleWrapper.onLeft div.leftLabel .iconWrapper .postalIcon {
    background-image: url("../images/ic_segmented_mail_on.png");
}

.EN #immediateMedicalDetailsPage .summaryToggleWrapper.onLeft div.leftLabel .iconWrapper .postalIcon,
.EN #expertiseMedicalDetailsPage .summaryToggleWrapper.onLeft div.leftLabel .iconWrapper .postalIcon {
    background-image: url("../images/ic_segmented_mail_on_EN.png");
}

#immediateMedicalDetailsPage .summaryToggleWrapper.onRight div.rightLabel,
#immediateMedicalDetailsPage .summaryToggleWrapper.onMiddle div.middleLabel,
#immediateMedicalDetailsPage .summaryToggleWrapper.onLeft div.leftLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper.onRight div.rightLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper.onMiddle div.middleLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper.onLeft div.leftLabel {
    background-color: #9b8dff;
}


/*
#immediateMedicalDetailsPage .summaryToggleWrapper.onLeft div.leftLabel,
#expertiseMedicalDetailsPage .summaryToggleWrapper.onLeft div.leftLabel {
    width: 33.3%;
}
*/

#immediateMedicalDetailsPage .summaryPostalContainer,
#expertiseMedicalDetailsPage .summaryPostalContainer {
    height: 75%;
}

#immediateMedicalDetailsPage .summaryPostalContainer .summaryPostalRow,
#expertiseMedicalDetailsPage .summaryPostalContainer .summaryPostalRow {
    width: 100%;
    height: 25%;
}

#immediateMedicalDetailsPage .summaryPostalContainer .summaryPostalRow .topSection,
#expertiseMedicalDetailsPage .summaryPostalContainer .summaryPostalRow .topSection {
    width: 100%;
    height: 37%;
    display: table;
}

#immediateMedicalDetailsPage .summaryPostalContainer .summaryPostalRow .topSection p,
#expertiseMedicalDetailsPage .summaryPostalContainer .summaryPostalRow .topSection p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#immediateMedicalDetailsPage .summaryPostalContainer .summaryPostalRow .topSection p:before,
#expertiseMedicalDetailsPage .summaryPostalContainer .summaryPostalRow .topSection p:before {
    color: #9b8dff;
    content: "*";
}

#immediateMedicalDetailsPage .summaryPostalContainer .summaryPostalRow .bottomSection,
#expertiseMedicalDetailsPage .summaryPostalContainer .summaryPostalRow .bottomSection {
    width: 100%;
    height: 46%;
}

#immediateMedicalDetailsPage form .summaryPostalRowSmall,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall {
    width: 50%;
    height: 25%;
    float: right;
}

#immediateMedicalDetailsPage form .summaryPostalRowSmall .topSection,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .topSection {
    width: 100%;
    height: 37%;
    display: table;
}

#immediateMedicalDetailsPage form .summaryPostalRowSmall .topSection p,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .topSection p {
    font-size: 18px;
    display: table-cell;
}

#immediateMedicalDetailsPage form .summaryPostalRowSmall .topSection p:before,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .topSection p:before {
    color: #9b8dff;
    content: "*";
}

#immediateMedicalDetailsPage form .summaryPostalRowSmall .topSection.fix p:before,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .topSection.fix p:before,
#immediateMedicalDetailsPage form .summaryPostalRow .topSection.fix p:before,
#expertiseMedicalDetailsPage form .summaryPostalRow .topSection.fix p:before {
    content: "";
}

#immediateMedicalDetailsPage form .summaryPostalRowSmall .bottomSection,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .bottomSection {
    width: 100%;
    height: 46%;
}

#immediateMedicalDetailsPage form .summaryPostalRowSmall .bottomSection input,
#expertiseMedicalDetailsPage form .summaryPostalRowSmall .bottomSection input {
    padding-right: 7%;
    padding-left: 7%;
    border-radius: 4px;
    border: 1px solid #75878E;
    width: 82%;
    height: 90%;
}

#immediateMedicalDetailsPage .angucomplete-dropdown,
#expertiseMedicalDetailsPage .angucomplete-dropdown {
    width: 96%;
}

#expertiseMedicalChooseDoctorPage .searchFilterContainer.on {
    display: block;
}

.EN #searchModal .searchFilterContainer {
    direction: ltr;
}

#searchModal .searchFilterContainer {
    width: 100%;
    height: 100%;
}

#searchModal .searchFilterContainer .blankSection {
    width: 100%;
    height: 4%;
    float: right;
    position: relative;
}

#searchModal .searchFilterContainer .topSection {
    width: 100%;
    height: 12%;
    float: right;
    position: relative;
    background-color: #f8f8f8;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#searchModal .searchFilterContainer .topSection .rightSection {
    width: 20%;
    height: 100%;
    float: right;
    position: relative;
}

#searchModal .searchFilterContainer .topSection .middleSection {
    width: 60%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

#searchModal .searchFilterContainer .topSection .middleSection p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 19px;
    color: #45565e;
}

#searchModal .searchFilterContainer .topSection .leftSection {
    width: 20%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
    cursor: pointer;
}

#searchModal .searchFilterContainer .topSection .leftSection p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 21px;
    color: #f74c65;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

#searchModal .searchFilterContainer .bottomSection {
    width: 100%;
    height: 88%;
    float: right;
    position: relative;
    background-color: rgba(255, 255, 255, 0.96);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow,
#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow {
    height: 35%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow.smallRow {
    height: 15%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow.largeRow {
    height: 54%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper,
#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper {
    width: 90%;
    height: 100%;
    margin: 0 auto;
}

#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper {
    width: 96%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper.largeRowWrapper {
    width: 95%;
    margin-left: 0;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .titleSection {
    width: 100%;
    height: 40%;
    float: right;
    position: relative;
    display: table;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .titleSection p {
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .titleSection.smallTitle {
    height: 13%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .titleSection.largeTitle {
    height: 50%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection,
#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper .inputSection {
    width: 100%;
    height: 42%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper .inputSection {
    height: 100%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection.largeInput {
    height: 56%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection.veryLargeInput {
    height: 87%;
}

.EN #expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper .inputSection input {
    background-position: 98% 50%;
    padding-left: 3%;
    width: 94%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection input,
#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper .inputSection input {
    border: 1px solid #a7b2b8;
    border-radius: 4px;
    padding: 5%;
    width: 100%;
    height: 100%;
    background-image: url("../images/btn_search1.png");
    background-size: 6%;
    background-repeat: no-repeat;
    background-position: 5% 50%;
}

#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper .inputSection input {
    border: 1px solid #a7b2b8;
    border-radius: 4px;
    padding-right: 3%;
    padding-top: 0;
    padding-bottom: 0;
    width: 92%;
    height: 99%;
    background-image: url("../images/btn_search1.png");
    background-size: 2.7%;
    background-repeat: no-repeat;
    background-position: 2% 50%;
}

#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper .inputSection input:focus {
    border: 2px solid #00E1FF;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection input:hover,
#expertiseMedicalChooseDoctorPage .topSection .searchFilterRow .searchFilterRowWrapper .inputSection input:hover {
    background-image: url("../images/btn_search1_on.png");
}

.EN #searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection select {
    background-position: 95%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection select {
    border: 1px solid #a7b2b8;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background-image: url(../images/btn_arrow2.png);
    background-repeat: no-repeat;
    background-size: 3%;
    background-position: 5%;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection select:hover {
    background-image: url(../images/btn_arrow2_on.png);
}

.EN #searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection .dayContainer {
    float: left;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection .dayContainer {
    width: 14.28%;
    height: 100%;
    float: right;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection .dayContainer .dayWrapper {
    width: 63%;
    height: 65%;
    margin: 0 auto;
    position: relative;
    display: table;
    /*
    border: 1px solid #32e5fe;
    border-radius: 100%;
*/
    background-image: url("../images/ic_date_today.png");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    cursor: pointer;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection .dayContainer .dayWrapper.on {
    /*    background-color: #32e5fe;*/
    background-image: url("../images/ic_date_default_on.png");
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection .dayContainer .dayWrapper.on p {
    color: white;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection .dayContainer .dayWrapper input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: none;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection .dayContainer .dayWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
}

#searchModal .searchFilterContainer .bottomSection .searchFilterRow .searchFilterRowWrapper .inputSection {
    width: 100%;
    height: 42%;
    float: right;
    position: relative;
}

#searchModal .searchFilterContainer .bottomSection .filterButtonContainer {
    position: absolute;
    bottom: 0;
    /*    left: 0;*/
    cursor: pointer;
    height: 11%;
    width: 100%;
    display: table;
    background-color: #32e5fe;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#searchModal .searchFilterContainer .bottomSection .filterButtonContainer:hover {
    background-color: #00dfff;
}

#searchModal .searchFilterContainer .bottomSection .filterButtonContainer p {
    font-size: 18px;
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#expertiseMedicalChooseDoctorPage .topSection {
    width: 100%;
    height: 16%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection:first-of-type {
    margin-bottom: 1.9%;
}

#expertiseMedicalChooseDoctorPage .topSection .blankSection {
    width: 100%;
    height: 15%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection {
    width: 100%;
    height: 35%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection {
    float: left;
    margin-right: 0;
    margin-left: 1.5%;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection {
    width: 81.6%;
    margin-right: 1.5%;
    height: 100%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection .categoryIconContainer {
    float: left;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection .categoryIconContainer {
    width: 6%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection .categoryIconContainer .blankSpace {
    width: 100%;
    height: 15%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection .categoryIconContainer .categoryIconOuterWrapper {
    width: 100%;
    height: 70%;
    float: right;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection .categoryIconContainer .categoryIconOuterWrapper .categoryIconInnerWrapper {
    width: 75%;
    height: 100%;
    position: relative;
    background-position: 50%;
    background-size: 85%;
    background-repeat: no-repeat;
    border-radius: 100%;
}

.EN #expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection .categoryTitleContainer {
    float: left;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection .categoryTitleContainer {
    width: 92%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .rightSection .categoryTitleContainer p {
    display: table-cell;
    vertical-align: middle;
    font-size: 21px;
}

.EN #expertiseMedicalChooseDoctorPage .topSection .middleSection .leftSection {
    float: left;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .leftSection {
    width: 15%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .leftSection .searchButtonContainer {
    width: 100%;
    height: 100%;
    background-color: #9b8dff;
    border-radius: 3px;
    cursor: pointer;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .leftSection .searchButtonContainer:hover {
    background-color: #806eff;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .leftSection .searchButtonContainer .blankSection {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .leftSection .searchButtonContainer .middleSection {
    width: 100%;
    height: 60%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .leftSection .searchButtonContainer .middleSection .textSection {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalChooseDoctorPage .topSection .middleSection .leftSection .searchButtonContainer .middleSection .textSection p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#expertiseMedicalChooseDoctorPage .bottomSection {
    width: 100%;
    height: 82%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .bottomSection .noDoctorsWrapper {
    width: 100%;
    height: 50%;
    display: table;
}

#expertiseMedicalChooseDoctorPage .bottomSection .noDoctorsWrapper p {
    font-size: 21px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall {
    float: left;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall {
    width: 50%;
    height: 30%;
    float: right;
    position: relative;
    min-height: 200px;
}

#doctorInfoModal .topSection {
    width: 100%;
    height: 24%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection {
    width: 100%;
    height: 76%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer {
    width: 88%;
    height: 100%;
    margin: 0 auto;
}

#doctorInfoModal .bottomSection .detailsContainer .buttonContainer {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .buttonContainer .blankSection {
    width: 100%;
    height: 24%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .buttonContainer .buttonWrapper {
    width: 100%;
    height: 52%;
    float: right;
    position: relative;
    /*    display: table;*/
    background-color: #9b8dff;
    border-radius: 4px;
    cursor: pointer;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .buttonContainer .buttonWrapper .iconWrapper {
    float: left;
    background-position: 95% 50%;
    width: 35%;
    background-size: 20%;
}

#doctorInfoModal .bottomSection .detailsContainer .buttonContainer .buttonWrapper .iconWrapper {
    width: 45%;
    height: 100%;
    float: right;
    position: relative;
    background-image: url("../images/btn_book.png");
    background-size: 15%;
    background-position: 5% 50%;
    background-repeat: no-repeat;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .buttonContainer .buttonWrapper .textWrapper {
    float: left;
}

#doctorInfoModal .bottomSection .detailsContainer .buttonContainer .buttonWrapper .textWrapper {
    width: 55%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .buttonContainer .buttonWrapper .textWrapper p {
    text-align: left;
    font-size: 14px;
}

#doctorInfoModal .bottomSection .detailsContainer .buttonContainer .buttonWrapper .textWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    color: white;
    font-size: 18px;
}

#doctorInfoModal .bottomSection .detailsContainer .buttonContainer .buttonWrapper:hover {
    background-color: #8574ff;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainerScroller {
    width: 100%;
    height: 70%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainerScroller.fixHeight {
    height: 80%;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer {
    width: 90%;
    height: 100%;
    margin: 0 auto;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer {
    width: 100%;
    height: auto;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper {
    width: 100%;
    height: auto;
    float: right;
    position: relative;
    margin-bottom: 5%;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper .rightSection {
    float: left;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper .rightSection {
    width: 65%;
    height: 100%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper .rightSection .specialityNameWrapper {
    width: 100%;
    display: table;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper .rightSection .specialityNameWrapper p {
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper .leftSection {
    float: left;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper .leftSection {
    width: 35%;
    height: auto;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper .leftSection .subSpecialityNameWrapper {
    width: 100%;
    display: table;
    direction: ltr;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .specialitiesDetailsContainer .specialityWrapper .leftSection .subSpecialityNameWrapper p {
    display: table-cell;
    font-size: 14px;
    color: #878787;
    font-weight: bold;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursTitleWrapper {
    width: 100%;
    height: 7%;
    float: right;
    position: relative;
    display: table;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 5%;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursTitleWrapper p {
    font-size: 14px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer,
#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer {
    width: 100%;
    height: 8%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper,
#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper {
    width: 100%;
    height: 100%;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper .rightSection,
.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper .rightSection {
    float: left;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper .rightSection,
#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper .rightSection {
    width: 40%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper .rightSection p,
.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper .rightSection p {
    text-align: left;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper .rightSection p,
#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper .rightSection p {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper .leftSection,
.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper .leftSection {
    float: left;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper .leftSection,
#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper .leftSection {
    width: 60%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
    direction: ltr;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper .leftSection p,
.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper .leftSection p {
    text-align: right;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorLanguagesContainer .doctorLanguagesWrapper .leftSection p,
#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorWorkPlaceContainer .doctorWorkPlaceWrapper .leftSection p {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #878787;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer {
    width: 100%;
    height: auto;
    float: right;
    position: relative;
    border-bottom: 2px solid #d4d4d4;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper {
    width: 100%;
    height: auto;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .rightSection {
    float: left;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .rightSection {
    width: 65%;
    height: 100%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .rightSection .doctorDayWrapper {
    width: 100%;
    height: 100%;
    display: table;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .rightSection .doctorDayWrapper p {
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .leftsection {
    float: left;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .leftsection {
    width: 35%;
    height: auto;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .leftsection .doctorHoursInnerWrapper {
    width: 100%;
    display: table;
    direction: ltr;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .leftsection .doctorHoursInnerWrapper p {
    text-align: right;
}

#doctorInfoModal .bottomSection .detailsContainer .extraDetailsContainer .doctorHoursContainer .doctorHoursOuterWrapper .leftsection .doctorHoursInnerWrapper p {
    display: table-cell;
    font-size: 14px;
    color: #878787;
    font-weight: bold;
}

#doctorInfoModal .bottomSection .detailsContainer .cvContainer {
    width: 100%;
    height: 10%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgb(249, 249, 249);
    border-top: 1px solid rgb(178, 178, 178);
    cursor: pointer;
}

#doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper {
    width: 50%;
    height: 100%;
    margin: 0 auto;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper .cvIconContainer {
    float: left;
    margin-right: 0;
    margin-left: 30%;
}

#doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper .cvIconContainer {
    width: 11%;
    height: 100%;
    float: right;
    position: relative;
    margin-right: 25%;
}

#doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper .cvIconContainer .blankSectionTop {
    width: 100%;
    height: 30%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper .cvIconContainer .blankSectionBottom {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
}

#doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper .cvIconContainer .cvIconWrapper {
    width: 100%;
    height: 60%;
    background-image: url("../images/btn_cv.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
    position: relative;
}

.EN #doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper .cvTextWrapper {
    float: left;
    width: 25%;
}

#doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper .cvTextWrapper {
    width: 45%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

#doctorInfoModal .bottomSection .detailsContainer .cvContainer .cvWrapper .cvTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #9b8dff;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer {
    width: 92%;
    height: 90%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
}

#doctorInfoModal .doctorItemContainer {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .blankSection,
#doctorInfoModal .doctorItemContainer .blankSection {
    width: 100%;
    height: 51%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .blankSection,
.EN #doctorInfoModal .doctorItemContainer .blankSection {
    height: 44%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection,
#doctorInfoModal .doctorItemContainer .doctorRateSection {
    width: 100%;
    height: 26%;
    float: right;
    position: relative;
}


/*
.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .rightSection,
.EN #doctorInfoModal .doctorItemContainer .doctorRateSection .rightSection {
    float: left;
}
*/

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .rightSection,
#doctorInfoModal .doctorItemContainer .doctorRateSection .rightSection {
    width: 55%;
    height: 100%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .leftSection,
.EN #doctorInfoModal .doctorItemContainer .doctorRateSection .leftSection {
    float: right;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .leftSection,
#doctorInfoModal .doctorItemContainer .doctorRateSection .leftSection {
    width: 40%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .leftSection .topSection,
#doctorInfoModal .doctorItemContainer .doctorRateSection .leftSection .topSection {
    width: 100%;
    height: 52%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .leftSection .bottomSection,
#doctorInfoModal .doctorItemContainer .doctorRateSection .leftSection .bottomSection {
    width: 100%;
    height: 45%;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .leftSection .bottomSection p,
#doctorInfoModal .doctorItemContainer .doctorRateSection .leftSection .bottomSection p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    padding-right: 12%;
}

#doctorInfoModal .doctorItemContainer .doctorRateSection .leftSection .bottomSection p {
    padding-right: 12.5%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection {
    width: 100%;
    height: 21%;
    float: right;
    position: relative;
    background-color: rgba(247, 247, 247, 0.9);
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection {
    height: 30%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .bottomBlankSection {
    width: 100%;
    height: 3%;
    float: right;
    background-color: rgba(247, 247, 247, 0.9);
}

#doctorInfoModal .doctorItemContainer .doctorDetailsSection {
    height: 23%;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .rightSection,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .rightSection {
    float: left;
    width: 4%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .rightSection,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .rightSection {
    width: 5%;
    height: 100%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection {
    float: left;
    width: 60%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection {
    width: 60%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorNameContainer,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorNameContainer {
    width: 98%;
    margin-right: 2%;
    height: 50%;
    float: right;
    position: relative;
    display: table;
    text-align: right;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorNameContainer,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorNameContainer {
    text-align: left;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorNameContainer p,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorNameContainer p {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorNameContainer p,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorNameContainer p {
    font-size: 13px;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer {
    float: left;
    height: 50%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer {
    /*    width: 75%;*/
    width: 47.5%;
    /*    width: 80%;*/
    /*    width: 95%;*/
    height: 100%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer {
    float: left;
    width: 20%;
    height: 100%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer {
    /*    width: 15%;*/
    width: 25%;
    height: 90%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer .specialityIconWrapper,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityIconContainer .specialityIconWrapper {
    width: 70%;
    /*    width: 100%;*/
    height: 100%;
    border-radius: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 85%;
    background-position: 50%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer {
    width: 75%;
    /*    width: 85%;*/
    height: 100%;
    float: right;
    position: relative;
    display: table;
    text-align: right;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer {
    text-align: left;
    width: 79%;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer p,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer p {
    font-size: 11px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 5%;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer p,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer p {
    padding-right: 0%;
    /*    padding-left: 5%;*/
    font-size: 9px;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .extraSpecialitiesContainer,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .extraSpecialitiesContainer {
    width: 5%;
    height: 100%;
    float: right;
    position: relative;
    background-color: red;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection {
    width: 25%;
    height: 100%;
    float: right;
    position: relative;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection {
    width: 36%;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection .availableIndicatorContainer,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection .availableIndicatorContainer {
    float: left;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection .availableIndicatorContainer,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection .availableIndicatorContainer {
    width: 20%;
    height: 100%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection .availableIndicatorContainer .blankSpace,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection .availableIndicatorContainer .blankSpace {
    width: 100%;
    height: 36%;
    float: right;
    position: relative;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection .availableIndicatorContainer .availableIndicatorWrapper,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection .availableIndicatorContainer .availableIndicatorWrapper {
    width: 100%;
    height: 100%;
    float: right;
    position: relative;
    background-image: url("../images/ic_on_indicator.png");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: right center;
}

.EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection .availableTextContainer,
.EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection .availableTextContainer {
    float: left;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection .availableTextContainer,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection .availableTextContainer {
    width: 80%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .leftSection .availableTextContainer p,
#doctorInfoModal .doctorItemContainer .doctorDetailsSection .leftSection .availableTextContainer p {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #0fea68;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection.availableToday .leftSection .availableTextContainer p {
    color: #3A64FE;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection.availableToday .leftSection .availableIndicatorContainer .availableIndicatorWrapper {
    background-image: url("../images/ic_blue_indicator.png");
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .leftSection .topSection .rateWrapper,
#doctorInfoModal .doctorItemContainer .doctorRateSection .leftSection .topSection .rateWrapper {
    width: 100%;
    height: 100%;
    direction: ltr;
    float: left;
}

#expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorRateSection .leftSection .topSection .rateWrapper img,
#doctorInfoModal .doctorItemContainer .doctorRateSection .leftSection .topSection .rateWrapper img {
    width: 15%;
    height: 100%;
}

#searchModal {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.EN #doctorInfoModal {
    direction: ltr;
}

#doctorInfoModal {
    width: 100%;
    height: 100%;
}

.EN #appointmentHistoryPage .pageWrapper {
    direction: ltr;
}

#appointmentHistoryPage .pageWrapper {
    width: 100%;
    height: 91%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .appointmentHistoryContainer {
    width: 95%;
    height: 100%;
    margin: 0 auto
}

#appointmentHistoryPage .appointmentHistoryContainer .noAppointmentsContainer {
    width: 100%;
    height: 100%;
}

#appointmentHistoryPage .appointmentHistoryContainer .noAppointmentsContainer .blankSpace {
    width: 100%;
    height: 33.3%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .appointmentHistoryContainer .noAppointmentsContainer .noAppointmentsWrapper {
    width: 100%;
    height: 65%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .appointmentHistoryContainer .noAppointmentsContainer .noAppointmentsWrapper .iconWrapper {
    width: 100%;
    height: 7%;
    float: right;
    position: relative;
    background-image: url("../images/ic_note2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#appointmentHistoryPage .appointmentHistoryContainer .noAppointmentsContainer .noAppointmentsWrapper .textWrapper {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
    display: table;
}

#appointmentHistoryPage .appointmentHistoryContainer .noAppointmentsContainer .noAppointmentsWrapper .textWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 21px;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow {
    width: 100%;
    float: right;
    position: relative;
    border-bottom: 1px solid #d5d5d5;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow:last-of-type {
    border-bottom: none;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .blankSpace {
    width: 100%;
    height: 10%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper {
    width: 100%;
    height: 80%;
    float: right;
    position: relative;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .indicatorSection {
    float: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .indicatorSection {
    width: 2%;
    height: 100%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .indicatorSection .blankSection {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .indicatorSection .indicatorWrapper {
    width: 100%;
    height: 80%;
    float: right;
    position: relative;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow.future .historyWrapper .indicatorSection .indicatorWrapper {
    background-image: url("../images/ic_indicator_turquoise.png");
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow.canceled .historyWrapper .indicatorSection .indicatorWrapper {
    background-image: url("../images/ic_indicator_red.png");
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow.tookplace .historyWrapper .indicatorSection .indicatorWrapper {
    background-image: url("../images/ic_indicator_green.png");
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorPicSection {
    float: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorPicSection {
    width: 25%;
    height: 100%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorPicSection .blankSection {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorPicSection .doctorPicContainer {
    width: 100%;
    height: 80%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorPicSection .doctorPicContainer .doctorPicWrapper {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-position: 80%;
    background-repeat: no-repeat;
    border-radius: 100%;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorPicSection .doctorPicContainer .doctorPicWrapper.kids {
    background-image: url("../images/ic_profile_emergency_1.png") !important;
    border-radius: none;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorPicSection .doctorPicContainer .doctorPicWrapper.family {
    background-image: url("../images/ic_profile_emergency_2.png") !important;
    border-radius: none;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection {
    float: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection {
    width: 50%;
    height: 100%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer {
    width: 100%;
    height: 40%;
    float: right;
    position: relative;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer .dateWrapper {
    float: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer .dateWrapper {
    width: 45%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer .dateWrapper p {
    text-align: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer .dateWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 26px;
    color: #999;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer .hourWrapper {
    float: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer .hourWrapper {
    width: 50%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer .hourWrapper p {
    text-align: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .scheduleContainer .hourWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 26px;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer {
    width: 100%;
    height: 60%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .blankSpace {
    width: 100%;
    height: 25%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper {
    width: 100%;
    height: 75%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorNameWrapper {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
    display: table;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorNameWrapper p {
    text-align: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorNameWrapper p {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    font-size: 23px;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper .doctorSpecialityContainer {
    float: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper .doctorSpecialityContainer {
    width: 50%;
    height: 100%;
    float: right;
    position: relative;
    margin-bottom: 2%;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper .doctorSpecialityContainer .specialityIconContainer {
    width: 30%;
    height: 100%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper .doctorSpecialityContainer .specialityIconContainer .specialityIconWrapper {
    width: 75%;
    height: 100%;
    float: right;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 85%;
    background-color: red;
    border-radius: 100%;
}

.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper .doctorSpecialityContainer .specialityIconContainer,
.EN #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper .doctorSpecialityContainer .specialityTextWrapper {
    float: left;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper .doctorSpecialityContainer .specialityTextWrapper {
    width: 70%;
    height: 100%;
    float: right;
    position: relative;
    display: table;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorInfoSection .doctorInfoContainer .doctorInfoWrapper .doctorSpecialitiesWrapper .doctorSpecialityContainer .specialityTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 15px;
    color: #1d3844;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .historyInfoSection {
    width: 23%;
    height: 100%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .historyInfoSection .cancelIconContainer {
    width: 100%;
    height: 40%;
    float: right;
    position: relative;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow.canceled .historyWrapper .historyInfoSection .cancelIconContainer .cancelIconWrapper,
#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow.tookplace .historyWrapper .historyInfoSection .cancelIconContainer .cancelIconWrapper {
    display: none;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .historyInfoSection .cancelIconContainer .cancelIconWrapper {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/btn_cancel.png");
    cursor: pointer;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .historyInfoSection .cancelIconContainer .cancelIconWrapper:hover {
    background-image: url("../images/btn_cancel_on.png");
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .historyInfoSection .historyInfoTextWrapper {
    width: 100%;
    height: 55%;
    float: right;
    position: relative;
    display: table;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .historyInfoSection .historyInfoTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow.future .historyWrapper .historyInfoSection .historyInfoTextWrapper p {
    color: #00e1ff;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow.tookplace .historyWrapper .historyInfoSection .historyInfoTextWrapper p {
    color: #3bf486;
}

#appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow.canceled .historyWrapper .historyInfoSection .historyInfoTextWrapper p {
    color: #f74660;
}

.windowContainer.immediateMedicalDetailsPage .windowHeader,
.windowContainer.immediateMedicalPaymentPage .windowHeader,
.windowContainer.immediateMedicalAdditionalDataPage .windowHeader,
.windowContainer.videoConferenceWaitingRoomPage .windowHeader,
.windowContainer.videoConferenceSummaryPage .windowHeader,
.windowContainer.expertiseMedicalDetailsPage .windowHeader,
.windowContainer.expertiseMedicalPaymentPage .windowHeader,
.windowContainer.expertiseMedicalAdditionalDataPage .windowHeader,
.windowContainer.expertiseMedicalSetDoctorAppointmentPage .windowHeader,
.windowContainer.expertiseMedicalAppointmetSummaryPage .windowHeader {
    display: block;
    height: 5.7%;
}

.windowContainer.videoConferenceSummaryPage .windowHeader {
    height: 6%;
    background-color: #f8f8f8;
}

.windowContainer .immediateMedicalHeaderBackground,
.windowContainer .immediateMedicalPageBackground,
.windowContainer .videoConferencePageFooter {
    display: none;
}

.windowContainer.immediateMedicalDetailsPage .immediateMedicalHeaderBackground,
.windowContainer.immediateMedicalDetailsPage .immediateMedicalPageBackground,
.windowContainer.immediateMedicalPaymentPage .immediateMedicalHeaderBackground,
.windowContainer.immediateMedicalPaymentPage .immediateMedicalPageBackground,
.windowContainer.immediateMedicalAdditionalDataPage .immediateMedicalHeaderBackground,
.windowContainer.immediateMedicalAdditionalDataPage .immediateMedicalPageBackground,
.windowContainer.videoConferenceWaitingRoomPage .immediateMedicalHeaderBackground,
.windowContainer.videoConferenceWaitingRoomPage .immediateMedicalPageBackground,
.windowContainer.videoConferenceWaitingRoomPage .videoConferencePageFooter,
.windowContainer.expertiseMedicalDetailsPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalDetailsPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalPaymentPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalPaymentPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalAdditionalDataPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalAdditionalDataPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalCvViewerPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalCvViewerPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalSetDoctorAppointmentPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalSetDoctorAppointmentPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalAppointmetSummaryPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalAppointmetSummaryPage .immediateMedicalPageBackground {
    position: absolute;
    z-index: -1;
    display: block;
}

.windowContainer.immediateMedicalDetailsPage .immediateMedicalHeaderBackground,
.windowContainer.immediateMedicalPaymentPage .immediateMedicalHeaderBackground,
.windowContainer.immediateMedicalAdditionalDataPage .immediateMedicalHeaderBackground,
.windowContainer.videoConferenceWaitingRoomPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalDetailsPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalPaymentPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalAdditionalDataPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalCvViewerPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalSetDoctorAppointmentPage .immediateMedicalHeaderBackground,
.windowContainer.expertiseMedicalAppointmetSummaryPage .immediateMedicalHeaderBackground {
    width: 100%;
    height: 20%;
    background-color: rgba(248, 248, 248, 0.8);
    top: 0;
}


/*
.windowContainer.expertiseMedicalSetDoctorAppointmentPage .immediateMedicalHeaderBackground {
    background-color: #f1f1f1;
}
*/

.windowContainer.videoConferenceWaitingRoomPage .videoConferencePageFooter {
    width: 100%;
    height: 20%;
    background-color: #afa4ff;
    bottom: 0;
}

.windowContainer.immediateMedicalDetailsPage .immediateMedicalPageBackground,
.windowContainer.immediateMedicalPaymentPage .immediateMedicalPageBackground,
.windowContainer.immediateMedicalAdditionalDataPage .immediateMedicalPageBackground,
.windowContainer.videoConferenceWaitingRoomPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalDetailsPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalPaymentPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalAdditionalDataPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalCvViewerPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalSetDoctorAppointmentPage .immediateMedicalPageBackground,
.windowContainer.expertiseMedicalAppointmetSummaryPage .immediateMedicalPageBackground {
    width: 100%;
    height: 80%;
    /*    background-color: white;*/
    background-color: transparent;
    top: 20%;
}


/*
.windowContainer.expertiseMedicalSetDoctorAppointmentPage .immediateMedicalPageBackground {
    background-color: white;
}
*/

.requireLoad {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: wait;
    background-color: rgba(255, 255, 255, 0.9);
}

.requireLoad .busyIndicatorContainer,
.busyIndicatorContainer {
    width: 100%;
    height: 100%;
}

.requireLoad .busyIndicatorContainer .blankSection,
.busyIndicatorContainer .blankSection {
    width: 100%;
    height: 30%;
    float: right;
    position: relative;
}

.requireLoad .busyIndicatorContainer .indicatorSection,
.busyIndicatorContainer .indicatorSection {
    width: 100%;
    height: 40%;
    float: right;
    position: relative;
}

.requireLoad .busyIndicatorContainer .indicatorSection .indicatorWrapper,
.busyIndicatorContainer .indicatorSection .indicatorWrapper {
    width: 8%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/busyIndicator.gif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.requireLoad .busyIndicatorContainer .indicatorSection .indicatorWrapper.ie,
.busyIndicatorContainer .indicatorSection .indicatorWrapper.ie {
    background-image: url("../images/busyIndicator_static.png");
}

.pelecardIframeContainer {
    width: 100%;
    height: 94%;
    background-color: transparent;
}

.pelecardIframe {
    border: none;
    width: 100%;
    height: 94%;
    margin-top: 5%;
    background-color: transparent;
}

#videoConferenceChatPage {
    position: relative;
    width: 100%;
    height: 100%;
}

.chatIframeContainer {
    width: 100%;
    height: 100%;
    border: none;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
}

#videoConferenceChatPage .watingWrapper {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 777;
    background-image: url("../images/callWait.png");
    background-repeat: no-repeat;
    background-position: center;
}

#videoConferenceChatPage .watingWrapper.harel {
    background-image: url("../images/callWait-harel.png");
}

#videoConferenceChatPage .doctorVideoContainer {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

#videoConferenceChatPage .doctorVideoContainer .videoContainer .frame:first-child {
    width: 100% !important;
    height: 100% !important;
}

#videoConferenceChatPage .doctorVideoContainer .videoContainer .frame:first-child .label {
    color: white;
    text-align: right;
    top: 3%;
    right: 4%;
    width: 90%;
    height: 8%;
    text-shadow: 0px 1px 4px #000;
}

#videoConferenceChatPage .doctorVideoContainer .videoContainer .frame:first-child .label .labelContainer {
    font-size: 42px !important;
}

#videoConferenceChatPage .doctorVideoContainer .videoContainer .frame:first-child .label .labelContainer .guest {
    background-color: rgba(0, 0, 0, 0);
}

#videoConferenceChatPage .doctorVideoContainer .selfview {
    width: 13%;
    height: 100%;
    float: right;
    position: relative;
    border: 2px solid white;
}

#videoConferenceChatPage .doctorVideoContainer .selfview.single {
    width: 100% !important;
    height: 100% !important;
    border: none;
}

#videoConferenceChatPage .chatContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#videoConferenceChatPage .chatContainer .gradientWrapper {
    position: absolute;
    width: 100%;
    height: 20%;
    top: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}

#videoConferenceChatPage .chatContainer .chatWrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .blankSection {
    width: 100%;
    height: 3%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection {
    width: 100%;
    height: 70%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .doctorNameContainer {
    width: 92%;
    height: 100%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .doctorNameContainer .blankSpace {
    width: 4%;
    height: 10%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .doctorNameContainer .doctorNameWrapper {
    width: 96%;
    height: 13%;
    display: table;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .doctorNameContainer .doctorNameWrapper p {
    display: table-cell;
    vertical-align: middle;
    font-size: 42px;
    color: white;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .controlsContainer {
    width: 8%;
    height: 100%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .controlsContainer .controlContainer {
    width: 100%;
    height: 18%;
    float: right;
    position: relative;
    margin-top: 10%;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .controlsContainer .controlContainer .controlWrapper {
    width: 75%;
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .controlsContainer .controlContainer .controlWrapper.mute {
    background-image: url("../images/btn_mute_on.png");
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .controlsContainer .controlContainer .controlWrapper.mute.on {
    background-image: url("../images/btn_mute.png");
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .controlsContainer .controlContainer .controlWrapper.video {
    background-image: url("../images/btn_camra_off.png");
}

#videoConferenceChatPage .chatContainer .chatWrapper .controlsSection .controlsContainer .controlContainer .controlWrapper.video.on {
    background-image: url("../images/btn_camra_on.png");
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection {
    width: 100%;
    height: 25%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .bottomBlankSection {
    width: 100%;
    height: 2%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .blankCol {
    width: 2%;
    height: 100%;
    float: right;
    position: relative;
}


/*
#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .patientVideoContainer {
    width: 13%;
    height: 100%;
    float: right;
    position: relative;
    border: 2px solid white;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .patientVideoContainer video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
*/

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .blankSeperator {
    width: 33%;
    height: 100%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .disconnectContainer {
    width: 30%;
    height: 100%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .disconnectContainer .disconnectWrapper {
    width: 23%;
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/btn_end.png");
    cursor: pointer;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .disconnectContainer .disconnectWrapper:hover {
    background-image: url("../images/btn_end_on.png");
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .blankSeperatorLarge {
    width: 21%;
    height: 100%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .logoSection {
    width: 13%;
    height: 100%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .logoSection .blank {
    width: 100%;
    height: 80%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .logoSection .logoContainer {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .logoSection .logoContainer .logoWrapper {
    width: 60%;
    height: 100%;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/ic_logo1.png");
}

.EN #videoConferenceChatPage .chatContainer .chatWrapper .patientSection .logoSection .logoContainer .logoWrapper {
    background-image: url("../images/ic_logo1_EN.png");
}

#videoConferenceChatPage .chatContainer .chatWrapper .patientSection .logoSection .logoContainer .logoWrapper.harel {
    background-image: url("../images/ic_logo1-harel.png");
}

#expertiseMedicalAppointmetSummaryPage .documentsSection {
    width: 100%;
    height: 100%;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .blankSeperator {
    width: 100%;
    height: 3%;
    float: right;
    position: relative;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoContainer {
    width: 100%;
    height: 15%;
    float: right;
    position: relative;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoContainer .infoIconContainer {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoContainer .infoIconContainer .infoIconWrapper {
    width: 5%;
    height: 100%;
    margin: 0 auto;
    background-image: url("../images/ic_note3.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoContainer .infoTextWrapper {
    width: 100%;
    height: 50%;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoContainer .infoTextWrapper p {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    font-size: 18px;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper {
    width: 100%;
    height: 60%;
    float: right;
    position: relative;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow {
    width: 95%;
    margin: 0 auto;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .blank {
    width: 100%;
    height: 15%;
    float: right;
    position: relative;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .blank:last-of-type {
    border-bottom: 1px solid #bebdc4;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer {
    width: 100%;
    /*    height: 70%;*/
    height: auto;
    float: right;
    position: relative;
}

.EN #expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoIconContainer {
    float: left;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoIconContainer {
    /*
    width: 13%;
    height: 100%;
*/
    float: right;
    position: relative;
}

.EN #expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoIconContainer .infoIconWrapper {
    float: left;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoIconContainer .infoIconWrapper {
    width: 75%;
    height: 100%;
    float: right;
    position: relative;
    background-image: url("../images/ic_doc2.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.EN #expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoTextContainer {
    float: left;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoTextContainer {
    /*
    width: 87%;
    height: 100%;
*/
    height: auto;
    float: right;
    position: relative;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoTextContainer .infoTitleTextWrapper {
    width: 100%;
    height: 30%;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoTextContainer .infoTitleTextWrapper p {
    display: table-cell;
    vertical-align: top;
    font-size: 18px;
    color: #9b8dff;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoTextContainer .infoDetailsTextWrapper {
    width: 100%;
    /*    height: 70%;*/
    height: auto;
    float: right;
    position: relative;
    display: table;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .infoRowWrapper .infoRow .infoRowContainer .infoTextContainer .infoDetailsTextWrapper p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    color: #26403f;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .continueBtnContainer {
    width: 100%;
    height: 20%;
    float: right;
    position: relative;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .continueBtnContainer .blank {
    width: 100%;
    height: 31%;
    float: right;
    position: relative;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .continueBtnContainer .continueBtnWrapper {
    width: 100%;
    height: 38%;
    float: right;
    position: relative;
    display: table;
    background-color: #9b8dff;
    border-radius: 4px;
    cursor: pointer;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .continueBtnContainer .continueBtnWrapper:hover {
    background-color: #7a68ff;
}

#expertiseMedicalAppointmetSummaryPage .documentsSection .continueBtnContainer .continueBtnWrapper p {
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 20px;
    display: table-cell;
}

.systemCheckError {
    position: absolute;
    z-index: 10007;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/systemCheckErrorBg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.languageContainer {
    display: none;
}

.windowContainer.loginPage .languageContainer {
    display: block;
    width: 99%;
    height: 5%;
    position: absolute;
    left: 0.5%;
    top: 1%;
}

.windowContainer.loginPage .languageContainer .languageWrapper {
    /*    display: none;*/
    width: 7%;
    height: 100%;
    float: left;
    position: relative;
}

.windowContainer.loginPage .languageContainer .languageWrapper .englishLanguageWrapper {
    width: 49%;
    height: 100%;
    float: left;
    position: relative;
    background-image: url("../images/btn_en.png");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}

.windowContainer.loginPage .languageContainer .languageWrapper .englishLanguageWrapper.on {
    background-image: url("../images/btn_en_on.png");
}

.windowContainer.loginPage .languageContainer .languageWrapper .seperatorWrapper {
    width: 2%;
    height: 100%;
    float: left;
    position: relative;
    background-image: url("../images/divider_horizontal.png");
    background-repeat: no-repeat;
    background-size: 50% 40%;
    background-position: center;
}

.windowContainer.loginPage .languageContainer .languageWrapper .hebrewLanguageWrapper {
    width: 49%;
    height: 100%;
    float: left;
    position: relative;
    background-image: url("../images/btn_heb.png");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}

.windowContainer.loginPage .languageContainer .languageWrapper .hebrewLanguageWrapper.on {
    background-image: url("../images/btn_heb_on.png");
}

.ngdialog.ngdialog-theme-default-small .ngdialog-content #modal .modalPageContainer form.spacer {
    margin-top: 5%;
}

.ngdialog.ngdialog-theme-disclaimer .ngdialog-content .modalHeaderContainer,
.ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content .modalHeaderContainer,
.ngdialog.ngdialog-theme-error .ngdialog-content .modalHeaderContainer,
.ngdialog.ngdialog-theme-confirm-hour .ngdialog-content .modalHeaderContainer,
.ngdialog-theme-webrtc-error.ngdialog .ngdialog-content .confirmErrorWrapper {
    min-height: 60px;
}

.ngdialog.ngdialog-theme-disclaimer .ngdialog-content .acceptWrapper,
.ngdialog.ngdialog-theme-error .ngdialog-content .acceptWrapper,
.ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content .acceptWrapper,
.ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content .cancelButtonWrapper,
.ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content .acceptButtonWrapper,
.ngdialog.ngdialog-theme-confirm-hour .ngdialog-content .cancelButtonWrapper,
.ngdialog.ngdialog-theme-confirm-hour .ngdialog-content .acceptButtonWrapper,
.ngdialog-theme-webrtc-error.ngdialog .ngdialog-content .chromeWrapper,
.ngdialog-theme-webrtc-error.ngdialog .ngdialog-content .firefoxWrapper,
.ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content .downloadButtonWrapper,
.ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content .acceptErrorButtonWrapper {
    min-height: 120px;
}

.ngdialog.ngdialog-theme-confirm-service-call .nowButtonWrapper,
.ngdialog.ngdialog-theme-confirm-service-call .futureButtonWrapper,
.ngdialog-theme-webrtc-error .ngdialog-content .confirmErrorContainer {
    min-height: 60px;
}

.ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content,
.ngdialog.ngdialog-theme-error .ngdialog-content,
.ngdialog.ngdialog-theme-disclaimer .ngdialog-content,
.ngdialog.ngdialog-theme-confirm-hour .ngdialog-content,
.ngdialog-theme-webrtc-error.ngdialog .ngdialog-content {
    height: auto;
}

.EN .ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content,
.EN .ngdialog.ngdialog-theme-error .ngdialog-content,
.EN .ngdialog.ngdialog-theme-disclaimer .ngdialog-content,
.EN .ngdialog.ngdialog-theme-confirm-hour .ngdialog-content,
.EN .ngdialog-theme-webrtc-error.ngdialog .ngdialog-content {
    font-size: 13px;
}

.ngdialog-theme-webrtc-error.ngdialog .ngdialog-content {
    top: 25%;
}

@media screen and ( max-height: 650px) {
    .EN #expertiseMedicalChooseDoctorPage .bottomSection .doctorRowSmall .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer p,
    .EN #doctorInfoModal .doctorItemContainer .doctorDetailsSection .middleSection .doctorSpecialitiesContainer .specialityContainer .specialityTextContainer p {
        font-size: 7px;
    }
    .ngdialog.ngdialog-theme-disclaimer .ngdialog-content,
    .ngdialog.ngdialog-theme-error .ngdialog-content,
    .ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content,
    .ngdialog.ngdialog-theme-confirm-service-call .ngdialog-content,
    .ngdialog.ngdialog-theme-confirm-hour .ngdialog-content,
    .ngdialog-theme-webrtc-error.ngdialog .ngdialog-content {
        top: 15%;
        width: 35%;
        right: 32.5%;
    }
    #appointmentHistoryPage .pageWrapper .appointmentHistoryContainer .historyRow .historyWrapper .doctorPicSection .doctorPicContainer .doctorPicWrapper {
        width: 57%;
        height: 100%;
        margin: 0 auto;
        background-size: cover;
        background-position: 80%;
        background-repeat: no-repeat;
        border-radius: 100%;
    }
    #videoConferenceWaitingRoomPage .immediateMedicalDetailsPageContainer {
        height: 75%;
    }
    #videoConferenceWaitingRoomPage .immediateMedicalDetailsHeader {
        height: 24%;
    }
    .ngdialog.ngdialog-theme-default .ngdialog-content {
        width: 40%;
        height: 90%;
        top: 5%;
        right: 30%;
    }
}

.angular-with-newlines {
    white-space: pre;
}

.ngdialog-theme-confirm-service-call #modal .successPageContainer {
    display: block;
}

.ngdialog-theme-confirm-service-call #modal .successPageContainer p {
    display: block;
}