/* font */
@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800&subset=hebrew');

.general-style-next-button, .general-style-update-button {
    width: 100px !important;
    font-size: 24px !important;
    background-color: #1c3764 !important;
    color: white !important;
    border: 1px solid black !important;
}
html.ltr .general-style-next-button, html.ltr .general-style-update-button {
    width: 140px !important;
}
html.ltr.mobile .general-style-next-button .MuiButton-label,
html.ltr.mobile .general-style-update-button .MuiButton-label,
html.ltr.mobile .general-style-exit-button .MuiButton-label,
html.ltr.mobile .general-style-back-button .MuiButton-label{
    font-size: 18px;
}
.general-style-next-button:hover, .general-style-update-button:hover {
    background-color: #045575 !important;
}
.general-style-next-button:disabled, .general-style-update-button:disabled {
    background-color: #aaa !important;
    color: white !important;
}

.general-style-exit-button, .general-style-back-button {
    width: 100px !important;
    font-size: 24px !important;
    border: 1px solid black !important;
}
.general-style-save-and-exit-button {
    width: 200px !important;
    font-size: 24px !important;
    border: 1px solid black !important;
}

/* hebrew overrides */
html.rtl .field-component .MuiInputLabel-formControl {
    right: 0 !important;
}
html.rtl .field-component .MuiInputAdornment-positionEnd {
    margin-left: 0;
}
html.rtl .field-component .MuiInputLabel-outlined {
    transform: translate(-14px, 20px) scale(1) !important;
    right: 0 !important;
}
html.rtl .field-component .MuiInputLabel-shrink {
    transform: translate(-14px, -6px) scale(0.75) !important;
    transform-origin: top right !important;
    right: 0 !important;
}
html.rtl .field-component .MuiFormHelperText-root {
    text-align: right;
}
html.rtl .field-component .Mui-focused > fieldset > legend {
    text-align: right;
}
html.rtl .MuiPickersCalendarHeader-switchHeader .MuiButtonBase-root.MuiIconButton-root.MuiPickersCalendarHeader-iconButton {
    transform: rotate(180deg);
}

/* generic component style */
.bold-text {
    font-weight: bold;
}
.important-text {
    font-size: 24px;
}
.field-warning-color {
    color: #A00000 !important;
}
.number-value {
    direction: ltr;
    display: inline-block;
}
/* generic button style */
.common-style-default-button {
    border: 1px solid black !important;
    font-size: 24px !important;
}
html.mobile .common-style-default-button {
    font-size: 18px !important;
}

.common-style-primary-button {
    border: 1px solid black !important;
    background-color: #1c3764 !important;
    color: white !important;
    font-size: 24px !important;
}
.common-style-primary-button:hover {
    background-color: #045575 !important;
}
.common-style-primary-button:disabled {
    color: white !important;
    background-color: #aaa !important;
}
.default-form-hr-style {
    border: none;
    border-top: 1px solid #eee;
}

/* croppie */
/*
.cr-boundary {
    margin: 0 !important;
    border: 1px dashed black;
    max-width: 100%;
}
.cr-viewport {
    width: auto !important;
}
*/
.image-crop-buttons-container {
    text-align: center;
}
.image-crop-buttons-container button {
    border: 1px solid black;
    margin-top: 10px;
    margin-left: 10px;
}
html.rtl .croppie-container .cr-slider-wrap {
    direction: ltr;
}
.image-crop-buttons-container .crop-cancel-button svg {
    color: red;
}
.image-crop-buttons-container .crop-finish-button svg {
    color: green;
}

/* floating whatsapp */
.floating-whatsapp {
    z-index: 10;
}
.floating-whatsapp > div:nth-child(1) {
    bottom: 5rem;
    right: 0.5rem;
}