﻿
:root {
    --generagl-text-dark-color: var(--text-color-custom, #1a535c);
    --generagl-text-dark-light: var(--text-color-custom, #ffffff);
    --first-level-menu-bg-color: var(--first-level-menu-bg-color-custom, #1a535c);
    --first-level-menu-text-color: var(--first-level-menu-text-color-custom, #ffffff);
    --first-level-menu-icon-width: var(--first-level-menu-icon-width-custom, 30px);
    --first-level-menu-height: var(--first-level-menu-height-custom, 45px);
    --screen-padding-width: var(--screen-padding-width, 40px);
    --second-level-menu-bg-color: var(--second-level-menu-bg-color-custom, var(--first-level-menu-bg-color));
    --second-level-menu-text-color: var(--second-level-menu-text-color-custom, var(--first-level-menu-text-color));
    --third-level-menu-bg-color: var(--third-level-menu-bg-color-custom, #ffd166);
    --third-level-menu-text-color: var(--third-level-menu-text-color-custom, #1A535C);
    --input-type-button-bg-color: var(--input-type-button-bg-color-custom, #4ECDC4);
    --input-type-button-text-color: var(--input-type-button-text-color-custom, #ffffff);
    --input-type-button-main-bg-color: var(--input-type-button-main-bg-color-custom, #1A535C);
    --input-type-button-main-text-color: var(--input-type-button-main-text-color-custom, #ffffff);
    --input-type-button-cancel-bg-color: var(--input-type-button-cancel-bg-color-custom, #FF6B6B);
    --input-type-button-cancel-text-color: var(--input-type-button-cancel-text-color-custom, #ffffff);
    --table-td-title-bg-color: var(--table-td-title-bg-color-custom,#4ECDC4);
    --table-td-title-text-color: var(--table-td-title-text-color-custom,#ffffff);
    --table-td-border-top-color: var(--table-td-border-top-color-custom, #4ECDC4);
    --table-td-bg-color: var(--table-td-bg-color-custom,#ffffff);
    --table-td-text-color: var(--table-td-text-color-custom,#3f3b3a);
    --table-td-2-level-bg-color: var(--table-td-2-level-bg-color-custom, #f5f2ed);
    --fc-today-bg-color: var(--fc-today-bg-color-custom, #ffffff);
    --fc-event-text-color: var(--fc-event-text-color-custom, #fff);
    --fc-small-font-size: var(--fc-small-font-size-custom, 13px);
    --fc-bg-event-color: var(--fc-bg-event-color-custom, #0397bd);
    --questionnaire-send-to-customer-bg-color: var(--questionnaire-send-to-customer-bg-color-custom, #a1a09e);
}

 
.fas_btn_bg
{
    color:var(--input-type-button-bg-color) !important;
}
.fas_btn_cancel_bg {
    color: var(--input-type-button-cancel-bg-color) !important;
}
.fas_btn {
    text-decoration: none;
    cursor: pointer;
}

    .fas_btn:hover {
        background-color: #f5f2ed99;
        padding: 3px;
        margin: -3px;
        border-radius: 18px;
    }

.popup_menu {
    }
    .popup_menu A {
        display: block;
        padding: 5px 7px;
    }
        .popup_menu A:hover {
            background-color: var(--first-level-menu-bg-color);
            color: var(--first-level-menu-text-color) !important;
        }


.fullcalendar_reminder_icon {
    background-image: url(../Images/reminder_icon_small.png);
    background-repeat: no-repeat;
    height: 11px;
    width: 21px;
    position: absolute;
    left: 0;
}
.fc-theme-standard th
{
    border:0 !important;
    padding-bottom:5px !important;
}

th.fc-col-header-cell.fc-day a {
    text-decoration:none;
    cursor:default;
}
th.fc-col-header-cell.fc-resource {
    }
.fc_resource_header_employee_bp_click {
    border-radius: 5px;
    box-shadow: 0px 0px 5.44px 0px rgba(0, 0, 0, 0.15);
    margin: 0 1px;
    cursor: pointer;
}
.fc-col-header-cell-cushion{
height:100%;

}
.fc_resource_header_employee_bp_click:hover {
    text-decoration: underline !important;
}
td.fc-daygrid-day.fc-day.fc-resource {
    cursor: pointer;
}
.fc .fc-daygrid-day-events {
    min-height: 0.2em !important;
}
table.fc-scrollgrid.fc-scrollgrid-liquid {
    border-top: 0;
}
.ui-dialog-extended a.ui-dialog-titlebar-close.ui-corner-all.ui-dialog-titlebar-button.ui-state-hover {
    margin-top: -3px;
    margin-left:-3px;
}

.ui-draggable .ui-dialog-titlebar {
    background: var(--second-level-menu-bg-color);
    padding: .15em 1em !important;
}
.ui-draggable .ui-dialog-titlebar {
    background-color: transparent;
    border-width: 0;
    font-size: 20px;
    color: #3f3b3a;
    font-family: robot, ariel, sans-serif;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 4px !important;
    border: 0;
    border-radius: 18px;
    margin-top: -13px;
    margin-right: -3px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
    border-width: 0;
    border-radius: 9px;
    box-shadow: 10px 10px 18px 4px rgb(0 0 0 / 65%);
}

body
{
	margin: 0px;
	padding: 0px;
	font-family: Rubik, Arial;
	font-size: 14px;
	font-weight: normal;
	cursor: default;
	
}
h2
{
	color: #3d3d3d;
	font-weight: bold;
	font-size: 16px;
	display: inline;
}

h4
{
	color: #3d3d3d;
	font-weight: bold;
	display: inline;
}
A
{
	color: #3d3d3d;
	text-decoration: underline;
	cursor: pointer;
}
label
{
	cursor:pointer;	
}
.mainTabFirstLevel {
    background-color: var(--first-level-menu-bg-color);
    height: var(--first-level-menu-height);
    vertical-align: bottom;
    color: var(--first-level-menu-text-color);
    font-size: 16px;
}
.screen_padding {
    min-width: 40px;
}
.screen_main
{
    max-width:1200px;
}
.mainTabSecondLevel
{
	background-color: var(--second-level-menu-bg-color);
	height: 37px;
	vertical-align: bottom;
}
.mainTabSecondLevel_X {
    width: 20px;
    height: 15px;
    font-size: 83%;
    padding-top: 1px;
}


.mainTabThirdLevel {
    background-color: var(--third-level-menu-bg-color);
    height: 40px;
    vertical-align: bottom;
    border-bottom: solid 1px #ccbba7;
}
.mainTabThirdLevel_small {
    height: 11px !important;
}
#divTabThirdLevelSelector {
    position: absolute;
    background-image1: url(../Images/Icons.gif);
    background-repeat: no-repeat;
    background-position: -18px -22px;
    width1: 22px;
    height1: 11px;
    top: 47px;
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 11px 0 11px;
    border-color: var(--third-level-menu-bg-color) transparent transparent transparent;
}
#divTabSecondLevelSelector {
    visibility:hidden;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0px -42px;
    top: 35px;
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 11.5px 0 11.5px;
    border-color: var(--third-level-menu-bg-color) transparent transparent transparent;
}
.tdSecondLevelSeperator {
    height: 30px;
    border-left1: #757575 1px solid;
}
.tdSecondLevelTabCenter
{
    color:var(--second-level-menu-text-color);
	padding-left: 11px;
	padding-right: 8px;
	height: 30px;
	cursor: pointer;
	white-space: nowrap;
    font-size:118%;
}
    .tdSecondLevelTabCenter:hover{
        text-decoration:underline;
    }
		.tdSecondLevelTabCenter:hover #divEmployeeSuperViewFilterHolder {
			text-decoration: underline;
			text-decoration-color: var(--first-level-menu-bg-color);
			cursor:default;
		}
    .tdSecondAndThirdLevelTabSelected {
        font-weight: bold;
        color: var(--third-level-menu-text-color);
        background-color: var(--third-level-menu-bg-color);
        border-radius: 11px 11px 0 0;
    }
        .tdSecondAndThirdLevelTabSelected:hover {
            text-decoration:none;
        }
        .tdSecondAndThirdLevelTabSelectedHighlight {
            background-color1: var(--table-td-title-bg-color);
            border-radius1: 10px;
        }
.tdSecondAndThirdLevelTabDivContainer {
    padding: 5px 9px 4px 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
}
.tdThirdLevelSeperator {
    border-left: rgb(204,187,167) solid 1px;
}
.tdThirdLevelTabCenter
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
	height: 29px;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: bottom;
	
}

.tdFirstLevelTabCenter {
    background-color:  var(--first-level-menu-bg-color);
    border-bottom1: solid 1px #616161;
    height: 32px;
    padding-left: 12px;
    padding-right: 3px;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
    .tdFirstLevelTabCenter:hover
    {
        text-decoration:underline;
    }
    .tdFirstLevelTabCenter_Selected {
        border-bottom: 0;
        background-color: var(--second-level-menu-bg-color);
        text-decoration: underline;
        height: 32px;
        padding-left: 12px;
        padding-right: 3px;
    }
.tdFirstLevelTabSpace
{
	width: 0px;
}

.tdSecondLevelTabCenter_BPLinkedAccount {
    display: inline-block;
    width: 21px;
    height: 15px;
    margin-top:-4px;
}

.mainTabFirstLevel_Calendar {
    background-image: url(../Images/Icons.gif);
    background-repeat: no-repeat;
    background-position: -16px 1px;
    height: 21px;
    width: var(--first-level-menu-icon-width);
}

.mainTabFirstLevel_CustomerList {
    background-image: url(../Images/Icons.gif);
    background-repeat: no-repeat;
    background-position: -43px 1px;
    height: 21px;
    width: var(--first-level-menu-icon-width);
}

.mainTabFirstLevel_Index {
    background-image: url(../Images/Icons.gif);
    background-repeat: no-repeat;
    background-position: -73px 0px;
    height: 21px;
    width: var(--first-level-menu-icon-width);
}

.divDesktopTodayAppointments
{
	background-color: var(--third-level-menu-bg-color);
	color: #3e3d39;
	font-weight: bold;
	height: 36px;
	padding-right: 8px;
	text-align: right;
	white-space: nowrap;
}
.Desktop_HourLabel_clock {
    background-image: url(../Images/desktop_apt_clock.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 38px;
    zoom: 67%;
}
.Desktop_APT_SEPRATOR {
    box-shadow: 0px 0px 5.45px 0px rgba(0, 0, 0, 0.15);
    height: 60px;
    width: 1px;
    border-left: solid 1px var(--input-type-button-bg-color);
    opacity: 0.5;
    margin-right: 5px;
    margin-left: 9px;
}    
.Desktop_APT_TR {
    margin-top:10px;
    border-radius: 5px;
    box-shadow: 0px 0px 5.45px 0px rgba(0, 0, 0, 0.15);
}
.Desktop_ApptTD {
    height: 30px;
    color: #3f3b3a;
    padding: 10px;
    text-align: right;
}
.Desktop_HourLabel
{
    padding:10px;
	font-weight: bold;
	text-align: center;
	white-space:nowrap;
}
.tdPrint
{
	height: 30px;
	color: #3f3b3a;
	padding-right: 12px;
	padding-left: 12px;
	border-bottom: solid 1px black;
	text-align: right;
	white-space: nowrap;
}
.thPrint
{
	height: 30px;
	color: #3f3b3a;
	font-weight:bold;
	padding-right: 12px;
	padding-left: 12px;
	border-bottom: solid 1px black;
	text-align: right;
	white-space: nowrap;
}

.desktopPrintTD
{
	height: 30px;
	color: #3f3b3a;
	padding-right: 12px;
	padding-left: 12px;
	border-bottom: solid 1px black;
	text-align: right;
	white-space: nowrap;
}
.tdTableTitle {
    background-color: var(--table-td-title-bg-color);
    color: var(--table-td-title-text-color);
    text-shadow: 0 0 2px #5b7774 !important;
    font-weight: bold;
    height: 46px;
    padding-right: 8px;
    padding-left: 4px;
    text-align: right;
    white-space: nowrap;
}
.tdTableTitle:first-of-type {
    border-radius: 0 7px 7px 0;
}

.tdTableTitle:last-of-type {
    border-radius: 7px 0 0 7px;
}
.tdTableTD {
    background-color: var(--table-td-bg-color);
    height: 42px;
    color: var(--table-td-text-color);
    padding-right: 8px;
    border-bottom: solid 1px var(--table-td-border-top-color);
    text-align: right;
    white-space: nowrap;
}
.tdTableTD2Level {
    background-color: var(--table-td-2-level-bg-color);
    padding-right: 8px;
    height: 20px;
    border-bottom: solid 1px var(--table-td-border-top-color);
}

.tdTableTDGroupHeader
{
	height: 33px;
	background-color: #f5f2ed;
	color: #3f3b3a;
	padding-right: 8px;
	border-bottom: solid 1px white;
	text-align: right;
	cursor: default;
}
.btn_toolbar {
	cursor: pointer;
	background-color: var(--input-type-button-bg-color);
	color: var(--input-type-button-text-color);
	text-shadow: 0 0 2px #5b7774;
	border: 0;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 4px 0px lightgrey;
	height:46px;
}
	.btn_toolbar a {
		color: var(--input-type-button-text-color);
		font-size: inherit !important;
		font-family: inherit !important;
		padding: 9px 9px;
		text-decoration:none !important;
	}
		.btn_toolbar a:hover {
			color: var(--input-type-button-text-color) !important;
			font-size: inherit !important;
			font-family: inherit !important;
			padding: 9px 9px;
			background-color: #4DE8D2;
			border-radius:5px;
		}
input[type=button], .btn {
	cursor: pointer;
	background-color: var(--input-type-button-bg-color);
	color: var(--input-type-button-text-color);
	text-shadow: 0 0 2px #5b7774;
	border: 0;
	padding: 9px 18px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 4px 0px lightgrey;
	font-size: inherit;
	font-family: inherit;
}

    input[type=button]:hover, .btn:hover {
        background-color: #4DE8D2;
    }

    .btn_main {
        cursor: pointer;
        background-color: var(--input-type-button-main-bg-color) !important;
        color: var(--input-type-button-main-text-color) !important;
        text-shadow: 0 0 2px #5b7774 !important;
        border: 0 !important;
        padding: 9px 18px !important;
        font-size: inherit;
        font-family: inherit;
        font-weight: bold !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        border-radius: 5px !important;
        box-shadow: 0 0 4px 0px lightgrey !important;
    }
        .btn_main:hover {
            background-color: #4EBBCC !important;
        }
.btn_cancel {
    cursor: pointer;
    background-color: var(--input-type-button-cancel-bg-color) !important;
    color: var(--input-type-button-cancel-text-color) !important;
    text-shadow: 0 0 2px #5b7774 !important;
    border: 0 !important;
    padding: 9px 18px !important;
    font-size: inherit;
    font-family: inherit;
    font-weight: bold !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    box-shadow: 0 0 4px 0px lightgrey !important;
}
    .btn_cancel:hover {
        background-color: #FC8339 !important;
    }
input[type=text] {
    font-family: Rubik, Arial;
    border-radius: 5px !important;
    border-width: 0;
    box-shadow: 0px 0px 5.45px 0px rgba(0, 0, 0, 0.15);
    outline-width: 0;
    outline-color: black;
    outline-offset: 0;
    height: 20px;
    border: 1px solid #F5F2ED;
}
textarea {
    border-radius: 5px !important;
    border-width: 0;
    box-shadow: 0px 0px 5.45px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #F5F2ED;
    font-family: Rubik, Arial;
}
select {
    border-radius: 5px;
    border-width: 0;
    box-shadow: 0px 0px 5.45px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #F5F2ED;
    height: 23px;
}

    input[type="checkbox"]:hover, select:hover, textarea:hover, a:hover, input[type=text]:hover {
        background-color: #f5f2edd1;
        color: #3d3b3c !important;
    }
 
.input-date
{
}
    .input-date:hover {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="12px" fill="grey" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M128 0c17.7 0 32 14.3 32 32V64H288V32c0-17.7 14.3-32 32-32s32 14.3 32 32V64h48c26.5 0 48 21.5 48 48v48H0V112C0 85.5 21.5 64 48 64H96V32c0-17.7 14.3-32 32-32zM0 192H448V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V192zm64 80v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H80c-8.8 0-16 7.2-16 16zm128 0v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H208c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V272c0-8.8-7.2-16-16-16H336zM64 400v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H80c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H208zm112 16v32c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16H336c-8.8 0-16 7.2-16 16z"/></svg>');
        background-repeat: no-repeat;
        background-position: 6px 4px;
        background-color: #F5F2ED;
    }
 
.input-autocomplete
{
}
    .input-autocomplete:hover {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="grey" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M182.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128z"/></svg>');
        background-repeat: no-repeat;
        background-position: 6px 0px;
        background-color: #F5F2ED;
    }
.btnMoveUp
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -168px -77px;
	height: 21px;
	width: 22px;
}
.btnMoveDown
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -145px -77px;
	height: 21px;
	width: 22px;
}
.btnAttachment
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -2px  -75px;
	height: 21px;
	width: 22px;
	cursor:pointer;
	display:inline-block;
}

.btnOptions
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -193px  -52px;
	height: 21px;
	width: 22px;
	cursor:pointer;
	display:inline-block;
}
.btnUpdate
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -193px  -51px;
	height: 21px;
	width: 22px;
	cursor:pointer;
	display:inline-block;
}
.btnDelete
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -130px -25px;
	height: 21px;
	width: 22px;
	cursor:pointer;
	font-size:0;
}
.btnOpenInNewWindow
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -153px -25px;
	height: 21px;
	width: 22px;
	cursor:pointer;
}

.btnDragGray {
    background-image: url(../Images/Icons.gif);
    background-repeat: no-repeat;
    background-position: -153px -25px;
    height: 21px;
    width: 22px;
    cursor: pointer;
}
.btnDrag
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -153px 0px;
	height: 21px;
	width: 22px;
	cursor:pointer;
}
.btnExpand
{
	cursor:hand;
	width: 12px;
	height: 12px;
	text-align:center;
	vertical-align:top;
	background-color:White;
	border: solid 1px black;
}
.btnDeleteSmall
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: 0px -56px;
	height: 15px;
	width: 22px;
}
.btnArrowDn
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -30px -74px;
	height: 17px;
	width: 22px;
	display:inline-block;
	cursor:pointer;
}
.floatToolBar {
    display: none;
    padding-top:5px;
}

.showMsgBox_Background
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #696a6e;
	z-index: 2147483645;
}
.showMsgBox_WindowBorder
{
	border: solid 1px #3d3b3c;
	background-color: White;
	z-index: 2147483646;
}
.showMsgBox_Title {
    background-color: var(--third-level-menu-bg-color);
    color: var(--third-level-menu-text-color);
    font-weight: bold;
    height: 40px;
    padding-right: 15px;
}
.showMsgBox_X
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -3px -55px;
	width: 20px;
	height: 15px;
	cursor: pointer;
}
.opacity
{
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.tblSession
{
    background-color:var(--table-td-bg-color);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}
.tblSession_Header
{
    background-color:var(--third-level-menu-bg-color);
    color:var(--third-level-menu-text-color);
	padding: 5px;
	height: 25px;
    text-shadow:none !important;
}
.richTextBox_Container
{
	border: solid 1px #a1a0a0;
}
.richTextBox_Header
{
	background-color: #F5F2ED;
	padding: 2px;
	height: 25px;
	color: #3d3d3d;
	font-weight: bold;
}
.richTextBox_EditWindow
{
	min-height: 100px;
	padding: 10px;
	border: 0;
}
.richTextBox_ToolBar_BackGround
{
	background-color: #F5F2ED;
	padding: 2px;
	border-top: solid 1px #a1a0a0;
}
.richTextBox_ToolBar_RTL
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -168px -50px;
	width: 23px;
	height: 23px;
	cursor: pointer;
}
.richTextBox_ToolBar_LTR
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -146px -50px;
	width: 22px;
	height: 23px;
	cursor: pointer;
}
.richTextBox_ToolBar_Underline
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -116px -50px;
	width: 23px;
	height: 23px;
	cursor: pointer;
}
.richTextBox_ToolBar_Italic
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -94px -50px;
	width: 22px;
	height: 23px;
	cursor: pointer;
}
.richTextBox_ToolBar_Bold
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -72px -50px;
	width: 22px;
	height: 23px;
	cursor: pointer;
}

.tdTableTD_CustomerOrders_HeaderTD
{
	height: 23px;
	vertical-align: bottom;
	background-color: var(--table-td-bg-color);
	color: var(--table-td-text-color);
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	border-top: solid 1px white;
	text-align: right;
	cursor: pointer;
    border-top:solid 1px var(--table-td-border-top-color);
}
.tdTableTD_CustomerOrders_StatusTD {
    height: 23px;
    background-color: var(--table-td-bg-color);
    color: var(--table-td-text-color);
    color: #3d3d3d;
    padding-right: 8px;
    padding-left: 8px;
    text-align: right;
    vertical-align: top;
    cursor: pointer;
}
.tdTableTD_CustomerOrders_NoDataFound
{
	height: 30px;
	background-color: var(--table-td-bg-color);
	color: var(--table-td-text-color);
	padding: 8px;
	text-align: right;
	vertical-align: middle;
	cursor: default;
}

.tdTableGrandTotalLabel
{
	background-color: #f5f2ed;
	color: #3d3d3d;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
	text-align: left;
}
.tdTableGrandTotal
{
	background-color: var(--third-level-menu-bg-color);
	color: #3e3d39;
	font-weight: bold;
	padding-right: 8px;
	white-space: nowrap;
	border-top: solid 1px white;
}
.tdTableGrandTotalBeforeDiscount
{
	background-color: #f5f2ed;
	color: #3d3d3d;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
}
.tdTableGrandTotalDiscount
{
	background-color: #f5f2ed;
	color: #3d3d3d;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
	text-align: left;
}
.tdTableGrandTotalAfterDiscount
{
	background-color: #f5f2ed;
	color: #3d3d3d;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
	text-align: left;
}
.tdTableGrandTotalAfterDiscountValue
{
	background-color: var(--third-level-menu-bg-color);
	color: #3e3d39;
	font-weight: bold;
	height: 29px;
	padding-right: 8px;
	white-space: nowrap;
	border-top: solid 1px white;
	
}
.tdTableGrandTotalDiscountValue
{
	background-color: #eae7e0;
	color: #3e3d39;
	font-weight: bold;
	height: 29px;
	padding-right: 8px;
	white-space: nowrap;
	border-top: solid 1px white;
}
.tdTableGrandTotalBeforeDiscountValue
{
	background-color: #eae7e0;
	color: #3e3d39;
	font-weight: bold;
	height: 29px;
	padding-right: 8px;
	white-space: nowrap;
	border-top: solid 1px white;
}
#divOrdersListSelector
{
	position: absolute;
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -42px -44px;
	width: 13px;
	height: 27px;
	display: none;
}
.CustomerSessionsSeriesManagmentLink
{
	text-decoration: underline;
	cursor: pointer;
	white-space: nowrap;
}

.divPopupReminders
{
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 80%);
    border-radius: 5px;
}

.divSessionSeriesManagement
{
	border: solid 1px #3d3b3c;
	background-color: White;
	padding: 10px;
}
.CustomerSearchButton
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -106px 0px;
	width: 22px;
	height: 22px;
	cursor:hand;
}
#divSearchResults
{
	border: solid 1px #3d3b3c;
	background-color: White;
	position: absolute;
	display: none;
	padding: 10px;
	width: 175px;
}
.SearchResultTD {
    padding: 3px;
    white-space: nowrap;
    cursor: pointer;
}
    .SearchResultTD:hover {
        background-color: var(--first-level-menu-bg-color);
        color: var(--first-level-menu-text-color);
    }
.SearchResultTDActionItem {
    background-color: var(--input-type-button-bg-color);
    color: var(--input-type-button-text-color);
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #CAC9C5;
}
.SearchResultTDLabel {
    b1ackground-color: #f5f2ed;
    border-bottom: solid 1px #CAC9C5;
    font-weight: bold;
    white-space: nowrap;
}
.SearchResultTDActionGroupSeperator
{
	margin-top: 10px;
	border-top: solid 1px #3d3b3c;
	white-space: nowrap;
}
.appointmentMonthViewDayHeader
{
	width: 135px;
	height: 50px;
	color: #3d3d3d;
	font-weight: bold;
	background-color: var(--third-level-menu-bg-color);
	text-align: center;
	border-bottom: solid 1px white;
}
.appointmentMonthViewThisMonth
{
	width: 135px;
	height: 110px;
	background-color: #f5f2ed;
	color: #3d3d3d;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	vertical-align: bottom;
	padding: 10px;
	border: solid 1px white;
}
.appointmentMonthViewNotThisMonth
{
	width: 135px;
	height: 110px;
	background-color: #f5f2ed;
	color: #9a9995;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	vertical-align: bottom;
	padding: 10px;
	border: solid 1px white;
}
 
#divCalendarWeek TD DIV, #divCalendarSuperView TD DIV, #divCalendarEmployeeSuperView TD DIV, #divCalendarDay TD DIV
{
	background-color: #F7F6F2;
	border-top: solid 1px #CAC9C5;
	border-bottom: solid 1px #CAC9C5;
	border-left: solid 1px #CAC9C5;
	border-right: solid 1px #CAC9C5;
	height: 20px;
}

#divCalendarWeek TD SPAN, #divCalendarSuperView TD SPAN, #divCalendarEmployeeSuperView TD SPAN, #divCalendarDay TD SPAN
{
	display: block;
	background-color: #F7F6F2;
	border-bottom: solid 1px #CAC9C5;
	border-left: solid 1px #CAC9C5;
	border-right: solid 1px #CAC9C5;
	height: 20px;
}
.CHL /* Calendar_HourLabel */
{
	background-color: #f5f2ed;
	border-top: solid 1px #CAC9C5;
	border-left: solid 1px #CAC9C5;
	border-bottom: solid 1px #CAC9C5;
	font-weight: bold;
	text-align: center;
}
#divCalendarWeek TH, #divCalendarSuperView TH, #divCalendarEmployeeSuperView TH
{
	height: 30px;
	color: #3d3d3d;
	font-weight: bold;
	background-color: var(--third-level-menu-bg-color);
	text-align: right;
	border-bottom: solid 1px white;
	cursor: pointer;
	padding-right: 3px;
}
#divSideBar
{
	background-color: var(--third-level-menu-bg-color);
	height: 100%;
	border-left: solid 2px white;
	width: 180px;
}
.CalendarDateNavigatorHolder
{
	height: 30px;
	border-bottom: solid 1px white;
}
.CalendarSideBarPartHolder
{
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 11px;
	padding-bottom: 8px;
}
.CalendarSideBarPartLabelHolder
{
	color1: var(--second-level-menu-text-color);
	font-weight: bold;
}
#divCalendarWeek TH DIV, #divCalendarSuperView TH DIV, #divCalendarEmployeeSuperView TH DIV
{
	font-weight: normal;
}
.Calendar_AddAppointmentHover
{
	background-color: #faf9f7;
	border: solid 1px #a1a09e;
	color: #a1a09e;
	font-weight: bold;
	text-decoration: underline;
	padding: 6px;
	position: absolute;
	display: none;
	cursor: pointer;
}
.autoCompleteServer_ResponseWindow {
    box-shadow: 0px 0px 5.5px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    border1: solid 1px #3d3b3c;
    background-color: White;
    position: absolute;
}
.autoCompleteServer_ResponseWindow_InnerSearchBox
{
	margin:1px;
	background-image:url(../Images/search_glass.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

.TexBox_InnerSearchBox
{
	margin:1px;
	background-image:url(../Images/search_glass.gif);
	background-repeat:no-repeat;
	background-position: left center;
}
.autoCompleteServer_ResponseWindow_Results
{
	padding: 5px;
	max-height: 200px;
	overflow: auto;
	overflow-x:hidden;
}
.autoCompleteServer_ResponseWindowWaiting
{
	background-image: url(../Images/ajax-loader-flower-small.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 15px;
	margin:5px;
}
.APS /*appoitmnet series */
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -195px -80px;		
}
.AC /*appoitmnet conflict */
{
	background-image: url(../Images/AppointmentConflict.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
}
.OrderDosageInventoryBalanceError
{
	background-image: url(../Images/AppointmentConflict.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: Red;
	font-style:italic;
	font-weight:bold;
}
.invalid
{
	background-image: url(../Images/AppointmentConflict.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: Red;
	font-style:italic;
	font-weight:bold;
}
.BOX 
{
	display:inline-block;
	font-size:1px;
	height:8px;
	width:9px;
	border: solid 1px #CAC9C5;
	vertical-align:middle;
}

.BPATAIA /*BPAT Appointment IsApproved color */
{
	display:inline-block;
	font-size:1px;
	height:8px;
	width:9px;
	border: solid 1px #CAC9C5;
	background-color:Yellow;
	vertical-align:middle;
}
.APTIA /*Appointment IsApproved color */
{
	position:absolute;
	font-size:1px;
	height:8px;
	width:9px;
	left:2px;
	bottom:2px;
	border: solid 1px #CAC9C5;
	
}

.APTCLI /*Appointment Inventory color */
{
	position:absolute;
	font-size:1px;
	height:8px;
	width:9px;
	left:13px;
	bottom:2px;
	border: solid 1px #CAC9C5;
}
.APTCL /*Appointment color flag*/
{
	position:absolute;
	font-size:1px;
	height:8px;
	width:9px;
	left:24px;
	bottom:2px;
	border: solid 1px #CAC9C5;
}
.APT_Conflict
{
	background-color:#F09B04;
	padding:1px 7px 3px 7px;
	color:White;
	font-weight:bold;
    border-radius:3px;
}

.APTR /*appoitmnet recurrence */
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -195px -80px;		
}
.APTI /*appointment indicator on hidden rows*/
{
	position: absolute;
	text-align: center;
	vertical-align: text-top;
	font-weight: bolder;
	color: white;
	z-index:2000;
}
.APT /*appointment #a0a0a0; */
{
	background-color: #0C5393;
	position: absolute;
	cursor: hand;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: White;
}
.apt_canceled 
{
    text-decoration: line-through !important;
    opacity: 50%;
}
.SVE /*Super View top employee list Bar*/ {
    height: 14px;
    padding: 0;
    font-size: smaller;
    vertical-align: super;
    text-align: center;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: White;
}
.HE /*appointment highlight employee*/
{
	background-image1: url(../Images/CalendarHighLightEmployee.gif);
	filter: alpha(opacity=15);
	opacity: 0.15;
}

.ACN /*appointmentCustomerName*/
{
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
	padding: 10px;
}
.ABR /*appointmentBusinessResource*/ {
    font-size: 1px;
    width: 10px;
    height: 10px;
    padding: 5px;
    border-radius: 15px;
}
#divAppointmentEditStandByList
{
    padding-top:3px;
}
.divAppointmentEditStandByListContainer {
    width: 270px;
    background-color: #F5F2ED;
    padding: 4px 5px;
    border-radius: 7px;
}
.btnSelectedDateNext {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 256 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"/></svg>');
    background-repeat: no-repeat;
    background-position: 0px 1px;
    width: 10px;
    height: 19px;
    cursor: pointer;
}
.btnSelectedDatePrev {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 256 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    width: 10px;
    height: 19px;
    cursor: pointer;
}
.appointmentsListViewDateHeader
{
	color: #3d3d3d;
	font-weight: bold;
	background-color: var(--third-level-menu-bg-color);
	text-align: right;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	width: 450px;
}

.ListSelectorGroupItem
{
	vertical-align: bottom;
	cursor: hand;
	padding:2px;
}
.ListSelectorGroupItemSelected
{
	background-color: var(--third-level-menu-bg-color);
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -99px -81px;
}
.ListSelectorGroupItemBox {
    font-size: 1px;
    width: 11px;
    height: 11px;
    padding: 7px;
    border-radius: 10px;
    vertical-align: middle;
    margin-left:1px;
}

.iconPreview
{
	background-image: url(../Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -94px -23px;
	width: 18px;
	height: 22px;
	cursor: pointer;
}

.PreviewBodyWhite
{
	background-color:White;
	border: solid 1px #7A7975;
	padding: 5px;
}

.PreviewBody
{
	background-color: #E3DFD5;
	border: solid 1px #7A7975;
	padding: 5px;
}

.CustomerPrescriptionsIndexPreviewBody
{
	background-color:whitesmoke;
	border: solid 1px #7A7975;
	padding: 5px;
	min-width:200px;
}
.search-match
{
	background-color: Yellow;
	font-weight: bold;
}

.divHR
{
	border-top: 1px solid #3d3b3c;
}
.calendarPreviewTime
{
	padding:1px;
	border-bottom: solid 1px #CAC9C5;
	font-weight:bold;
	background-color:#f5f2ed;
}

.PreviewBodyCalendarConflict
{
	background-color:#F09B04;
	color:White;
	font-weight:bold;
	border: solid 1px #7A7975;
	padding: 5px;
}


.headerLabel
{
	color: #3d3d3d;
	font-weight: bold;
	padding-left: 3px;
}
.headerText
{
	padding-left: 10px;
}

.tdCustomerDeletedTitle
{
	background-color:#eae7e0;
	height:35px;
	font-size:18px;
	font-weight:bold;
	color:Red;
	padding-left:15px;	
	padding-right:15px;	
	padding-bottom:8px;
	padding-top:8px;
	width: 500px;
}
.tdCustomerDeletedContainer
{
	padding:15px;	
	background-color:#f5f2ed;
	vertical-align:top;
}
.tdQuestionnaireTitle
{
	height:30px;
	font-size:14px;
	font-weight:bold;
	padding-left:15px;	
	padding-right:15px;	
	padding-bottom:8px;
	padding-top:8px;
    text-shadow:none !important;
	color:var(--third-level-menu-text-color);
    background-color:var(--third-level-menu-bg-color);
}
.tdQuestionnaireReport
{
	padding:15px;	
	background-color:var(--table-td-bg-color);
	vertical-align:top;
	height:400px;
}

.PageTipBody {
    padding: 30px;
    background-color: var(--table-td-bg-color);
    vertical-align: top;
    border-radius: 15px;
    border: 1px solid #dddfe2;
    color: #606;
}
#divRemindersPlaceHolder TH 
{
    border-radius: 5px 5px 0 0;
}
#divArchiveTablePlaceHolder img {
    margin: 2px;
    width: 80px;
    height: 70px;
    cursor: hand;
}

.divMsgBoxFileArchive
{
	display:none;
	overflow:hidden; 
	position:absolute; 
	width:100%; 
	height:100%; 
	left:0; 
	top:0;
	background-color:White;	
	text-align:center;
	vertical-align:middle;
	cursor:hand;
}

.autoCompleteServer_TipHint
{
	color:var(--second-level-menu-bg-color);	
}
.FAEL /*FileArchiveEmptyLabel*/
{
	color:Gray;
	width:100%;
	cursor:hand;
}
.tdMainQuestionnaireFooter
{
	color:Gray;	
	padding-top:12px;
}
.tdSessionFooter
{
	color:Gray;	
}
.cmt /* Comments */
{
	background-image: url(/Images/Icons.gif);
	background-repeat: no-repeat;
	background-position: -55px -50px;
	height: 21px;
	width: 17px;
	cursor:pointer;
	font-weight:bold;
	font-size:10px;
	vertical-align:text-bottom;
	text-align:left;
	display:inline-block;
}
.birthday
{
	background-image: url(/Images/birthday.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	display:inline-block;		
}
.ajax_load_in_button
{
	background-image: url(../Images/ajax-loader-in-button.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #696B68;
}

#mnuCustomerOptions  
{
    border:0;
    background-image: none;
    background-color:transparent;    
    width: 100px;
}
#mnuCustomerOptions li a span
{
    display:none;    
}
#mnuCustomerOptions li a
{
    text-decoration:underline;
}
.icon_whatsapp 
{
    background-image: url(/Images/whatsapp.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}
#tblEditOrder td
{
    border-radius:0 !important;
}


.homepage_reminders_badge {
    display: inline;
    background-color: orangered;
    border-radius: 15px;
    font-size: 7px;
    padding: 3px;
    font-weight: bold;
    margin-top: -3px;
    position: absolute;
    margin-right: -22px;
    color: wheat;
    min-width: 7px;
    text-align: center;
}
#txtBusinessInventoryItemPriceWithTax {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="grey" height="10px" viewBox="0 0 448 512"><!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M248 168v168c0 8.84 7.16 16 16 16h48c8.84 0 16-7.16 16-16V168c0-75.11-60.89-136-136-136H24C10.75 32 0 42.74 0 56v408c0 8.84 7.16 16 16 16h48c8.84 0 16-7.16 16-16V112h112c30.93 0 56 25.07 56 56zM432 32h-48c-8.84 0-16 7.16-16 16v296c0 30.93-25.07 56-56 56H200V176c0-8.84-7.16-16-16-16h-48c-8.84 0-16 7.16-16 16v280c0 13.25 10.75 24 24 24h168c75.11 0 136-60.89 136-136V48c0-8.84-7.16-16-16-16z"/></svg>');
    background-repeat: no-repeat;
    background-position: 6px 7px;
}

#btnHomePageNewCustomer {
    z-index: 1;
    color: var(--first-level-menu-text-color);
    opacity: 1;
    text-decoration: none;
    border-radius: 25px;
    height: 18px;
    width: 18px;
    text-align: center;
    vertical-align: middle;
    font-size:12px;
}
    #btnHomePageNewCustomer:hover {
        color: var(--first-level-menu-text-color);
        opacity: 1;
    }

#divAppointmentEditStandByList td.tdTableTD {
    vertical-align: top;
    padding-top: 2px;
}

.box_container tr:hover .hover_toolbar {
    visibility: visible;
}
.hover_toolbar
{
    visibility:hidden;
}

button div
{
    padding-top:8px;
}
#divReceiptAddDetailsButtons button div
{
    padding-top:0;
}
#tabClinic
{
    display:none;
}
#divQuestionnaireHolder 
{
    box-shadow: 0px 0px 5.45px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

    #divQuestionnaireHolder #btnDeleteQuestionnaire, #divQuestionnaireHolder #btnOpenSessionSeriesQuestionnaire, #btnCustomerSendMainQuestionnaireToCustomersApp, #divQuestionnaireHolder #divSessionSeriesAudit {
        visibility: hidden;
    }
    #divQuestionnaireHolder:hover #btnDeleteQuestionnaire, #divQuestionnaireHolder:hover #btnOpenSessionSeriesQuestionnaire, #divQuestionnaireHolder:hover #btnCustomerSendMainQuestionnaireToCustomersApp, #divQuestionnaireHolder:hover #divSessionSeriesAudit {
        visibility: visible;
    }

.tag_link_box {
    border-radius: 3px;
    padding-left: 6px;
    display: inline-block;
    cursor: pointer;
}
    .tag_link_box:hover {
        background-color1: var(--table-td-title-bg-color);
        text-decoration:underline;
    }
.tag_link_box_X_holder {
    width: 18px;
    display: inline-block;
    text-align: center;
}

/*.btn_send_app_link {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="17" viewBox="0 0 37 36" fill="none"><path d="M9.37054 1.22222C9.37054 0.898069 9.24177 0.587192 9.01256 0.357981C8.78334 0.12877 8.47247 0 8.14831 0C7.82416 0 7.51328 0.12877 7.28407 0.357981C7.05486 0.587192 6.92609 0.898069 6.92609 1.22222V3.79704C4.57942 3.98444 3.04105 4.444 1.91009 5.57659C0.777499 6.70756 0.317943 8.24756 0.128906 10.5926H32.464C32.275 8.24593 31.8154 6.70756 30.6828 5.57659C29.5519 4.444 28.0119 3.98444 25.6668 3.79541V1.22222C25.6668 0.898069 25.5381 0.587192 25.3089 0.357981C25.0796 0.12877 24.7688 0 24.4446 0C24.1205 0 23.8096 0.12877 23.5804 0.357981C23.3512 0.587192 23.2224 0.898069 23.2224 1.22222V3.68785C22.1387 3.66667 20.923 3.66667 19.5557 3.66667H13.0372C11.6699 3.66667 10.4542 3.66667 9.37054 3.68785V1.22222Z" fill="%234ECDC4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 16.7037C0 15.3365 1.82125e-08 14.1208 0.0211852 13.037H32.5714C32.5926 14.1208 32.5926 15.3365 32.5926 16.7037V19.963C32.5926 26.1083 32.5926 29.1818 30.6827 31.0901C28.7744 33 25.7009 33 19.5556 33H13.037C6.8917 33 3.81822 33 1.90993 31.0901C-1.94267e-07 29.1818 0 26.1083 0 19.963V16.7037ZM24.4444 19.963C24.8766 19.963 25.2912 19.7913 25.5968 19.4857C25.9024 19.1801 26.0741 18.7655 26.0741 18.3333C26.0741 17.9011 25.9024 17.4866 25.5968 17.181C25.2912 16.8754 24.8766 16.7037 24.4444 16.7037C24.0122 16.7037 23.5977 16.8754 23.2921 17.181C22.9865 17.4866 22.8148 17.9011 22.8148 18.3333C22.8148 18.7655 22.9865 19.1801 23.2921 19.4857C23.5977 19.7913 24.0122 19.963 24.4444 19.963ZM24.4444 26.4815C24.8766 26.4815 25.2912 26.3098 25.5968 26.0042C25.9024 25.6986 26.0741 25.2841 26.0741 24.8519C26.0741 24.4197 25.9024 24.0052 25.5968 23.6995C25.2912 23.3939 24.8766 23.2222 24.4444 23.2222C24.0122 23.2222 23.5977 23.3939 23.2921 23.6995C22.9865 24.0052 22.8148 24.4197 22.8148 24.8519C22.8148 25.2841 22.9865 25.6986 23.2921 26.0042C23.5977 26.3098 24.0122 26.4815 24.4444 26.4815ZM17.9259 18.3333C17.9259 18.7655 17.7542 19.1801 17.4486 19.4857C17.143 19.7913 16.7285 19.963 16.2963 19.963C15.8641 19.963 15.4496 19.7913 15.144 19.4857C14.8384 19.1801 14.6667 18.7655 14.6667 18.3333C14.6667 17.9011 14.8384 17.4866 15.144 17.181C15.4496 16.8754 15.8641 16.7037 16.2963 16.7037C16.7285 16.7037 17.143 16.8754 17.4486 17.181C17.7542 17.4866 17.9259 17.9011 17.9259 18.3333ZM17.9259 24.8519C17.9259 25.2841 17.7542 25.6986 17.4486 26.0042C17.143 26.3098 16.7285 26.4815 16.2963 26.4815C15.8641 26.4815 15.4496 26.3098 15.144 26.0042C14.8384 25.6986 14.6667 25.2841 14.6667 24.8519C14.6667 24.4197 14.8384 24.0052 15.144 23.6995C15.4496 23.3939 15.8641 23.2222 16.2963 23.2222C16.7285 23.2222 17.143 23.3939 17.4486 23.6995C17.7542 24.0052 17.9259 24.4197 17.9259 24.8519ZM8.14815 19.963C8.58035 19.963 8.99486 19.7913 9.30047 19.4857C9.60609 19.1801 9.77778 18.7655 9.77778 18.3333C9.77778 17.9011 9.60609 17.4866 9.30047 17.181C8.99486 16.8754 8.58035 16.7037 8.14815 16.7037C7.71594 16.7037 7.30144 16.8754 6.99583 17.181C6.69021 17.4866 6.51852 17.9011 6.51852 18.3333C6.51852 18.7655 6.69021 19.1801 6.99583 19.4857C7.30144 19.7913 7.71594 19.963 8.14815 19.963ZM8.14815 26.4815C8.58035 26.4815 8.99486 26.3098 9.30047 26.0042C9.60609 25.6986 9.77778 25.2841 9.77778 24.8519C9.77778 24.4197 9.60609 24.0052 9.30047 23.6995C8.99486 23.3939 8.58035 23.2222 8.14815 23.2222C7.71594 23.2222 7.30144 23.3939 6.99583 23.6995C6.69021 24.0052 6.51852 24.4197 6.51852 24.8519C6.51852 25.2841 6.69021 25.6986 6.99583 26.0042C7.30144 26.3098 7.71594 26.4815 8.14815 26.4815Z" fill="%234ECDC4"/><circle cx="29.5" cy="28.5" r="7.5" fill="white"/><path d="M29.5665 32.7602C29.7005 32.9137 29.8821 33 30.0715 33C30.2609 33 30.4426 32.9137 30.5765 32.7602L33.7909 29.0742C33.9248 28.9206 34 28.7123 34 28.4951C34 28.2779 33.9248 28.0695 33.7909 27.9159L30.5765 24.2299C30.4418 24.0807 30.2614 23.9982 30.0741 24C29.8868 24.0019 29.7077 24.088 29.5752 24.2399C29.4428 24.3918 29.3677 24.5972 29.366 24.812C29.3644 25.0268 29.4364 25.2337 29.5665 25.3882L31.5001 27.6759H24.7143C24.5249 27.6759 24.3432 27.7622 24.2092 27.9159C24.0753 28.0695 24 28.2778 24 28.4951C24 28.7123 24.0753 28.9206 24.2092 29.0743C24.3432 29.2279 24.5249 29.3142 24.7143 29.3142H31.5001L29.5665 31.6019C29.4326 31.7556 29.3574 31.9639 29.3574 32.1811C29.3574 32.3983 29.4326 32.6066 29.5665 32.7602Z" fill="%234ECDC4"/></svg>');
    background-repeat: no-repeat;
    background-position1: 6px 4px;
    width: 18px;
    display: inline-block;
}*/

.ui-tabs 
{
	border:0 !important;

}
.ui-tabs .ui-tabs-nav li {
	float: right !important;
}
.ui-tabs .ui-tabs-nav {
	background: unset !important;
	padding:0 !important;
}
.ui-tabs .ui-widget-header 
{
	border-radius: 0 !important;
	border:unset;
	border-bottom: 1px solid #aaa;
}
.ui-tabs .ui-tabs-panel {
	padding: 1em 0.4em !important;
}

.automatic_field {
	background-color: #e4e4e4;
	border-radius: 18px;
	margin: 11px 2px;
	padding: 1px 8px 3px 08px;
	display: inline-block;
	cursor:pointer;
}

.automatic_field:hover {
	background-color: #f4eeee;
}