/*gray*/
.route-logistics-calendar-color--1 {
    background-color: #808080;
}

/*royalblue*/
.route-logistics-calendar-color-0 {
    background-color: #4986e7;
}

/*orangered*/
.route-logistics-calendar-color-1 {
    background-color: #f83a22;
}

/*seagreen*/
.route-logistics-calendar-color-2 {
    background-color: #16a765;
}

/*rosybrown*/
.route-logistics-calendar-color-3 {
    background-color: #a47ae2;
}

/*sandybrown*/
.route-logistics-calendar-color-4 {
    background-color: #ffad46;
}

/*lightsteelblue*/
.route-logistics-calendar-color-5 {
    background-color: #9fc6e7;
}

/*indianred*/
.route-logistics-calendar-color-6 {
    background-color: #ac725e;
}

/*mediumquamarine*/
.route-logistics-calendar-color-7 {
    background-color: #42d692;
}

/*orchid*/
.route-logistics-calendar-color-8 {
    background-color: #cd74e6;
}

/*tomato*/
.route-logistics-calendar-color-9 {
    background-color: #ff7537;
}

/*lightblue*/
.route-logistics-calendar-color-10 {
    background-color: #9fe1e7;
}

/*lightpink*/
.route-logistics-calendar-color-11 {
    background-color: #f691b2;
}

/*yellowgreen*/
.route-logistics-calendar-color-12 {
    background-color: #7bd148;
}

/*lightskyblue*/
.route-logistics-calendar-color-13 {
    background-color: #9a9cff;
}

/*silver*/
.route-logistics-calendar-color-14 {
    background-color: #c2c2c2;
}

/*aquamarine*/
.route-logistics-calendar-color-15 {
    background-color: #92e1c0;
}

/*indianred*/
.route-logistics-calendar-color-16 {
    background-color: #d06b64;
}

/*darkkhaki*/
.route-logistics-calendar-color-17 {
    background-color: #b3dc6c;
}

/*plum*/
.route-logistics-calendar-color-18 {
    background-color: #b99aff;
}

/*khaki*/
.route-logistics-calendar-color-19 {
    background-color: #fbe983;
}

/*silver*/
.route-logistics-calendar-color-20 {
    background-color: #cca6ac;
}

/*tomato*/
.route-logistics-calendar-color-21 {
    background-color: #fa573c;
}

/*silver*/
.route-logistics-calendar-color-22 {
    background-color: #cabdbf;
}

/*khaki*/
.route-logistics-calendar-color-23 {
    background-color: #fad165;
}

/*AppointmentStatus: Rescheduled*/
.route-logistics-calendar-color-101 {
    background-color: #fe3183;
}
/*AppointmentStatus: Scheduled*/
.route-logistics-calendar-color-102 {
    background-color: #fe31ea;
}
/*AppointmentStatus: Skipped*/
.route-logistics-calendar-color-103 {
    background-color: #4531fe;
}
/*AppointmentStatus: In-Route*/
.route-logistics-calendar-color-104 {
    background-color: #feac31;
}
/*AppointmentStatus: Arrived*/
.route-logistics-calendar-color-105 {
    background-color: #31e9fe;
}
/*AppointmentStatus: Exception*/
.route-logistics-calendar-color-106 {
    background-color: #FFEB3B;
}
/*AppointmentStatus: Working*/
.route-logistics-calendar-color-107 {
    background-color: #3183fe;
}
/*AppointmentStatus: Paused*/
.route-logistics-calendar-color-108 {
    background-color: #a0a0a0;
}
/*AppointmentStatus: Completed*/
.route-logistics-calendar-color-109 {
    background-color: #27ca37;
}
/*AppointmentStatus: Cancelled*/
.route-logistics-calendar-color-110 {
    background-color: #e53f2c;
}

.myapp-bundle-header-hidden .app-field-Rate, .myapp-bundle-header-hidden .app-field-Amount, .myapp-bundle-header-hidden .app-field-Taxable, .myapp-bundle-header-hidden .app-field-TaxAmount, .myapp-bundle-header-hidden .app-field-Amount, .myapp-bundle-header-hidden .app-field-Total, .myapp-bundle-header-hidden .app-field-UnitCost, .myapp-bundle-header-hidden .app-field-TotalCost, .myapp-bundle-header-hidden .app-field-Profitability {
    visibility: collapse;
}

.myapp-bundle-subitem-hidden .app-field-BundleTotal {
    visibility: collapse;
}

.myapp-bundle-header-0 .ui-btn::after, .myapp-bundle-header-0 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #003652 !important;
}

.myapp-bundle-subitem-0 .ui-btn::after, .myapp-bundle-subitem-0 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #0072c6 !important;
}

.myapp-calendar-grid-color-0 .ui-btn::after, 
.myapp-calendar-grid-color-0 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #4986e7 !important;
}

.myapp-calendar-workorder-field-color-0 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-0 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-0 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-0 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-0 .app-field-EmployeeID, .myapp-calendar-field-color-0 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #4986e7 !important;
}

    .myapp-dispatch-board-color-0 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #4986e7 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-1 .ui-btn::after, 
.myapp-calendar-grid-color-1 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #f83a22 !important;
}

.myapp-calendar-workorder-field-color-1 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-1 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-1 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-1 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-1 .app-field-EmployeeID, .myapp-calendar-field-color-1 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #f83a22 !important;
}

.myapp-dispatch-board-color-1 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #f83a22 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-2 .ui-btn::after, 
.myapp-calendar-grid-color-2 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #16a765 !important;
}

.myapp-calendar-workorder-field-color-2 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-2 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-2 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-2 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-2 .app-field-EmployeeID, .myapp-calendar-field-color-2 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #16a765 !important;
}

.myapp-dispatch-board-color-2 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #16a765 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-3 .ui-btn::after,
.myapp-calendar-grid-color-3 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #a47ae2 !important;
}

.myapp-calendar-workorder-field-color-3 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-3 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-3 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-3 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-3 .app-field-EmployeeID, .myapp-calendar-field-color-3 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #a47ae2 !important;
}

.myapp-dispatch-board-color-3 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #a47ae2 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-4 .ui-btn::after,
.myapp-calendar-grid-color-4 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #ffad46 !important;
}

.myapp-calendar-workorder-field-color-4 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-4 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-4 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-4 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-4 .app-field-EmployeeID, .myapp-calendar-field-color-4 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #ffad46 !important;
}

.myapp-dispatch-board-color-4 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #ffad46 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-5 .ui-btn::after,
.myapp-calendar-grid-color-5 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #9fc6e7 !important;
}

.myapp-calendar-workorder-field-color-5 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-5 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-5 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-5 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-5 .app-field-EmployeeID, .myapp-calendar-field-color-5 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #9fc6e7 !important;
}

.myapp-dispatch-board-color-5 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #9fc6e7 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-6 .ui-btn::after,
.myapp-calendar-grid-color-6 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #ac725e !important;
}

.myapp-calendar-workorder-field-color-6 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-6 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-6 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-6 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-6 .app-field-EmployeeID, .myapp-calendar-field-color-6 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #ac725e !important;
}

.myapp-dispatch-board-color-6 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #ac725e !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-7 .ui-btn::after,
.myapp-calendar-grid-color-7 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #42d692 !important;
}

.myapp-calendar-workorder-field-color-7 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-7 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-7 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-7 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-7 .app-field-EmployeeID, .myapp-calendar-field-color-7 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #42d692 !important;
}

.myapp-dispatch-board-color-7 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #42d692 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-8 .ui-btn::after,
.myapp-calendar-grid-color-8 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #cd74e6 !important;
}

.myapp-calendar-workorder-field-color-8 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-8 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-8 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-8 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-8 .app-field-EmployeeID, .myapp-calendar-field-color-8 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #cd74e6 !important;
}

.myapp-dispatch-board-color-8 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #cd74e6 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-9 .ui-btn::after,
.myapp-calendar-grid-color-9 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #ff7537 !important;
}

.myapp-calendar-workorder-field-color-9 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-9 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-9 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-9 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-9 .app-field-EmployeeID, .myapp-calendar-field-color-9 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #ff7537 !important;
}

.myapp-dispatch-board-color-9 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #ff7537 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-10 .ui-btn::after,
.myapp-calendar-grid-color-10 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #9fe1e7 !important;
}

.myapp-calendar-workorder-field-color-10 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-10 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-10 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-10 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-10 .app-field-EmployeeID, .myapp-calendar-field-color-10 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #9fe1e7 !important;
}

.myapp-dispatch-board-color-10 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #9fe1e7 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-11 .ui-btn::after,
.myapp-calendar-grid-color-11 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #f691b2 !important;
}

.myapp-calendar-workorder-field-color-11 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-11 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-11 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-11 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-11 .app-field-EmployeeID, .myapp-calendar-field-color-11 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #f691b2 !important;
}

.myapp-dispatch-board-color-11 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #f691b2 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-12 .ui-btn::after,
.myapp-calendar-grid-color-12 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #7bd148 !important;
}

.myapp-calendar-workorder-field-color-12 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-12 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-12 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-12 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-12 .app-field-EmployeeID, .myapp-calendar-field-color-12 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #7bd148 !important;
}

.myapp-dispatch-board-color-12 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #7bd148 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-13 .ui-btn::after,
.myapp-calendar-grid-color-13 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #9a9cff !important;
}

.myapp-calendar-workorder-field-color-13 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-13 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-13 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-13 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-13 .app-field-EmployeeID, .myapp-calendar-field-color-13 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #9a9cff !important;
}

.myapp-dispatch-board-color-13 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #9a9cff !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-14 .ui-btn::after,
.myapp-calendar-grid-color-14 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #c2c2c2 !important;
}

.myapp-calendar-workorder-field-color-14 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-14 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-14 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-14 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-14 .app-field-EmployeeID, .myapp-calendar-field-color-14 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #c2c2c2 !important;
}

.myapp-dispatch-board-color-14 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #c2c2c2 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-15 .ui-btn::after,
.myapp-calendar-grid-color-15 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #92e1c0 !important;
}

.myapp-calendar-workorder-field-color-15 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-15 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-15 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-15 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-15 .app-field-EmployeeID, .myapp-calendar-field-color-15 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #92e1c0 !important;
}

.myapp-dispatch-board-color-15 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #92e1c0 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-16 .ui-btn::after,
.myapp-calendar-grid-color-16 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #d06b64 !important;
}

.myapp-calendar-workorder-field-color-16 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-16 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-16 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-16 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-16 .app-field-EmployeeID, .myapp-calendar-field-color-16 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #d06b64 !important;
}

.myapp-dispatch-board-color-16 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #d06b64 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-17 .ui-btn::after,
.myapp-calendar-grid-color-17 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #b3dc6c !important;
}

.myapp-calendar-workorder-field-color-17 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-17 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-17 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-17 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-17 .app-field-EmployeeID, .myapp-calendar-field-color-17 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #b3dc6c !important;
}

.myapp-dispatch-board-color-17 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #b3dc6c !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-18 .ui-btn::after,
.myapp-calendar-grid-color-18 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #b99aff !important;
}

.myapp-calendar-workorder-field-color-18 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-18 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-18 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-18 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-18 .app-field-EmployeeID, .myapp-calendar-field-color-18 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #b99aff !important;
}

.myapp-dispatch-board-color-18 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #b99aff !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-19 .ui-btn::after,
.myapp-calendar-grid-color-19 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #fbe983 !important;
}

.myapp-calendar-workorder-field-color-19 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-19 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-19 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-19 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-19 .app-field-EmployeeID, .myapp-calendar-field-color-19 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #fbe983 !important;
}

.myapp-dispatch-board-color-19 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #fbe983 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-20 .ui-btn::after,
.myapp-calendar-grid-color-20 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #cca6ac !important;
}

.myapp-calendar-workorder-field-color-20 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-20 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-20 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-20 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-20 .app-field-EmployeeID, .myapp-calendar-field-color-20 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #cca6ac !important;
}

.myapp-dispatch-board-color-20 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #cca6ac !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-21 .ui-btn::after,
.myapp-calendar-grid-color-21 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #fa573c !important;
}

.myapp-calendar-workorder-field-color-21 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-21 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-21 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-21 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-21 .app-field-EmployeeID, .myapp-calendar-field-color-21 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #fa573c !important;
}

.myapp-dispatch-board-color-21 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #fa573c !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-22 .ui-btn::after,
.myapp-calendar-grid-color-22 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #cabdbf !important;
}

.myapp-calendar-workorder-field-color-22 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-22 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-22 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-22 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color22 .app-field-EmployeeID, .myapp-calendar-field-color-22 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #cabdbf !important;
}

.myapp-dispatch-board-color-22 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #cabdbf !important;
    padding-left: 6px;
    margin-left: -6px !important;
}

.myapp-calendar-grid-color-23 .ui-btn::after,
.myapp-calendar-grid-color-23 .ui-btn .app-frozen-spacer::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 9px;
    background-color: #fad165 !important;
}

.myapp-calendar-workorder-field-color-23 .app-field-AppointmentEmployeeFullName, .myapp-calendar-workorder-field-color-23 .app-field-NewAppointmentEmployeeID, .myapp-calendar-quote-field-color-23 .app-field-EmployeeFullName, .myapp-calendar-quote-field-color-23 .app-field-NewAppointmentEmployeeID, .myapp-calendar-field-color-23 .app-field-EmployeeID, .myapp-calendar-field-color-23 .app-field-CalendarColor {
    border-left-style: solid;
    border-left-width: 6px;
    border-left-color: #fad165 !important;
}

.myapp-dispatch-board-color-23 .b-resource-info {
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #fad165 !important;
    padding-left: 6px;
    margin-left: -6px !important;
}