@font-face {
  font-family: 'Baloo';
  font-style: normal;
  font-weight: 400;
  src: url(/core/gui/fonts/Baloo/BalooPaaji2-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: url(/core/gui/fonts/OpenSans/OpenSans-Regular.ttf) format('truetype');
}


@font-face {
  font-family: 'Exo2';
  font-style: italic;
  font-weight: 200;
  src: url(/core/gui/fonts/Exo2/Exo2-MediumItalic.ttf) format('truetype');
}

@font-face {
  font-family: 'Exo2';
  font-style: normal;
  font-weight: 200;
  src: url(/core/gui/fonts/Exo2/Exo2-Regular.ttf) format('truetype'); /* Path to the non-italic font file */
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/core/gui/fonts/MaterialIcons/MaterialIcons-Regular.woff2') format('woff2'),
       url('/core/gui/fonts/MaterialIcons/MaterialIcons-Regular.woff') format('woff'),
       url('/core/gui/fonts/MaterialIcons/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/**
 * Core Layout - HTML TAGS
 */

html {
    scroll-behavior: smooth;
}

body {
	font-family: 'Baloo', Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
    /*margin-bottom: 290px; /* Space for footer */
    color: #333333;
    background: #000;
}

a {
	color: #158c71;
	text-decoration: none;
	transition: 0.2s;
}

a:hover {
	color: #000;
}

/* Use case : search.php - Disable click on user that has not set it's agenda*/
a[href=''] {
	cursor: default; /*arrow*/
	user-select: none; /* Disable selection */
	pointer-events: none; /* Disable opening of empty link */
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
    cursor: text;
}

a[href^="tel:"]:hover,
a[href^="tel:"]:focus {
    color: inherit;
    text-decoration: none;
}

p {
	padding-top: 0;
}

main {
	z-index: 1;
	position: relative;
	background-color: #eef2f7;
	border-radius: 0 0 20px 20px;
}

h1,h2,h3 {
    margin: 0;
   	font-family: 'Exo2';
	font-style: italic;
}

.content table, 
.content tr, 
.content th, 
.content td {
	border-collapse: collapse;
	border: none;
} 

.content th, 
.content td { 
	padding: 0;
}

footer {
    /*position: fixed;
    left: 0;
    right: 0;
    bottom: 0;*/
	color : #ebebeb;
	border-radius: 20px 20px 0 0;
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 10px;
}

footer a {
	color: #7c7c7c;
	padding: 4px 10px;
}

footer a:hover {
	color: #158c71;
}

/* Inserted via js if scrollbar is present */
footer[relative=yes] {
    position: relative;
}

/* */
/* Handle Arab and hebrew text */
/* */

html[lang="ar"],
html[lang="he"] {
    direction: rtl; 
    text-align: right;
}

html[lang="ar"] #greenHeader #searchBar #searchInputs input,
html[lang="he"] #greenHeader #searchBar #searchInputs input,
html[lang="ar"] #greenHeader #searchBar #searchInputs select,
html[lang="he"] #greenHeader #searchBar #searchInputs select {
	margin: 10px 0 10px 10px;
}

html[lang="ar"] #headerBar #linkGroup .columnList .column[columnNumber1], 
html[lang="ar"] #headerBar #linkGroup .columnList .column[columnNumber3], 
html[lang="ar"] #headerBar #linkGroup .columnList .column[columnNumber5],
html[lang="he"] #headerBar #linkGroup .columnList .column[columnNumber1], 
html[lang="he"] #headerBar #linkGroup .columnList .column[columnNumber3], 
html[lang="he"] #headerBar #linkGroup .columnList .column[columnNumber5]
{
	margin-left: 10px;
	margin-right: 0;
}

html[lang="ar"] #language_selector,
html[lang="he"] #language_selector {
	margin-left: 10px;
	margin-right: 0;
}

html[lang="ar"] .menuButtonGroup .body button,
html[lang="he"] .menuButtonGroup .body button {
    justify-content: right;
}

html[lang="ar"] .password_withLostPasswordFeature #trigger,
html[lang="he"] .password_withLostPasswordFeature #trigger {
	margin-right: 10px;
	margin-left: 0;
}

html[lang="ar"] .label input,
html[lang="he"] .label input,
html[lang="ar"] .label select,
html[lang="he"] .label select,
html[lang="ar"] .label_text,
html[lang="he"] .label_text {
	border-radius: 10px 0 10px 10px;
}

html[lang="ar"] .subheader #logo,
html[lang="he"] .subheader #logo {
	width: 60px;
	margin-left: 10px;
	margin-right: 0;
}

html[lang="ar"] .label select,
html[lang="he"] .label select {
	padding-right: 20px !important;
}

html[lang="ar"] #multipleServices #serviceslist .service input[name=servicePrice],
html[lang="he"] #multipleServices #serviceslist .service input[name=servicePrice] {
	margin-right: 4px;
}

html[lang="ar"] #multipleServices #serviceslist .service[id] .serviceColor,
html[lang="he"] #multipleServices #serviceslist .service[id] .serviceColor {
	right: 20px;
    margin-left: 0;
}

html[lang="ar"] #multipleServices #serviceslist .service[id] input[name=serviceName],
html[lang="he"] #multipleServices #serviceslist .service[id] input[name=serviceName] {
    padding-right: 34px;
    padding-left: 0;
}

html[lang="ar"] #multipleServices #serviceslist .service input[disabled],
html[lang="he"] #multipleServices #serviceslist .service input[disabled] {
	margin-left: 0;
	margin-right: 4px;
}

html[lang="ar"] #multipleServices #serviceslist .service input[name=serviceDuration],
html[lang="he"] #multipleServices #serviceslist .service input[name=serviceDuration] {
	margin-left: 0;
}

html[lang="ar"] #multipleServices #serviceslist .service .close,
html[lang="he"] #multipleServices #serviceslist .service .close {
    margin-left: 0;
    margin-right: 10px;
}

html[lang="ar"] #addressesAndServices #addressSelection #insert,
html[lang="he"] #addressesAndServices #addressSelection #insert {
    margin-left: 0;
    margin-right: 12px;
}

html[lang="ar"] #addressesAndServices #addressSelection #edit,
html[lang="he"] #addressesAndServices #addressSelection #edit {
    margin-left: 0;
    margin-right: 12px;
}

html[lang="ar"] #signature-pad .option, 
html[lang="he"] #signature-pad .option {
	right: auto; /* Disable the right positioning */
	left: -4px; /* Add left positioning */
}

html[lang="ar"] #proParametersInvoiceStamp .option ,
html[lang="he"] #proParametersInvoiceStamp .option {
    right: auto; /* Override any right property */
    left: -4px; /* Apply left property for RTL */
}

html[lang="ar"] .proAgendaSlotInformation img,
html[lang="he"] .proAgendaSlotInformation img,
html[lang="ar"] .proAgendaSlotInformation .imgUTF8,
html[lang="he"] .proAgendaSlotInformation .imgUTF8 {
    margin-left: 3px;
	margin-right: 0;
}

html[lang="ar"] .checkboxContainer .checkboxText,
html[lang="he"] {
    padding-left: 0;
    padding-right: 6px;
}

html[lang="ar"] .proRevenueStatus .reservationInformation,
html[lang="he"] .proRevenueStatus .reservationInformation {
	margin-right: 10px;
	margin-left: 0;
}

html[lang="ar"] .proRevenueStatus .reservationIcon,
html[lang="he"] .proRevenueStatus .reservationIcon {
	margin-left: 0;
}

html[lang="ar"] .proPublicContent .scheduleRowColumnTime,
html[lang="he"] .proPublicContent .scheduleRowColumnTime {
	justify-content: left;
}

html[lang="ar"] #supportButton,
html[lang="he"] #supportButton {
	left: 10px;
	right: auto;
}