.text-file-upload {
    display: flex;
}

.text-file-upload .file-name {
    width: 244px;
    height: 32px;
    border-radius: 2px;
    border: solid 1px #d9d9d9;
    display: inline-block;
    line-height: 28px;
    color: #505455;
    padding-left: 7px;
    margin-right: 9px;
}

.text-file-upload .file-actions {
    display: inline-block;
}

.text-file-upload .file-name .fa-trash-o {
    font-size: 18px;
    color: #019bb3;
    margin-top: 6px;
    margin-right: 6px;
}

.text-file-upload .file-name .file-name-flex {
    display: flex;
}

.text-file-upload .file-name .file-name-flex .name {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 3px;
}
/*
*= require app2/staff/components/common/text-file-upload/text-file-upload.css
*/

@font-face {
    font-family: "RoosStRegisText";
    src: local("RoosStRegisText"), url('/assets/RoosStRegisText/RoosStRegisText.otf'), url('RoosStRegisText/RoosStRegisText.otf')  format("opentype");
}

@font-face {
    font-family: "Whitney Light";
    src: local("Whitney Light"), url('/assets/Whitney Light/whitney-light-pro.otf'), url('Whitney Light/whitney-light-pro.otf') format("opentype");
}

@font-face {
    font-family: "Arial Narrow";
    src: local("Arial Narrow"), url('/assets/Arial Narrow/ArialNarrow.otf'), url('Arial Narrow/ArialNarrow.otf') format("opentype");
}

@font-face {
    font-family: "Futura Lt BT";
    src: local("Futura Lt BT"), url('/assets/Futura Lt BT/FuturaLtBT.otf'), url('Futura Lt BT/FuturaLtBT.otf') format("opentype");
}

@font-face {
    font-family: "Minion Pro";
    src: local("Minion Pro"),  url('/assets/Minion/Minion.otf'), url('Minion/Minion.otf') format("opentype");
}

@font-face {
    font-family: "Calibri";
    src: local("Calibri"), url('/assets/Calibri/Calibri.ttf'), url('Calibri/Calibri.ttf') format("truetype");
}

@font-face {
    font-family: "Gulim";
    src: local("Gulim"), url('/assets/Gulim/Gulim.otf'), url('Gulim/Gulim.otf') format("opentype");
}

@font-face {
    font-family: "Gotham Light";
    src: local("Gotham Light"), url('/assets/Gotham Light/GothamLight.otf'), url('Gotham Light/GothamLight.otf') format("opentype");
}

@font-face {
    font-family: "MS Mincho";
    src: local("MS Mincho"), url('/assets/MS Mincho/MSMincho.otf'), url('MS Mincho/MSMincho.otf') format("opentype");
}

@font-face {
    font-family: "Sim Sun";
    src: local("Sim Sun"), url('/assets/Sim Sun/SimSun.otf'), url('Sim Sun/SimSun.otf') format("opentype");
}

@font-face {
    font-family: "Book Antiqua";
    src: local("Book Antiqua"), url('/assets/Book Antiqua Font/BookAntiquaFont.ttf'), url('Book Antiqua Font/BookAntiquaFont.ttf') format("truetype");
}

@font-face {
    font-family: "Bookman Old Style";
    src: local("Bookman Old Style"), url('/assets/Bookman Old Style/BookmanOldStyle.otf'), url('Bookman Old Style/BookmanOldStyle.otf') format("opentype");
}

@font-face {
    font-family: "Arial Unicode MS";
    src: local("Arial Unicode MS"), url('/assets/Arial Unicode MS/ArialUnicodeMS.ttf'), url('Arial Unicode MS/ArialUnicodeMS.ttf') format("truetype");
}

@font-face {
    font-family: "Helvetica";
    src: local("Helvetica"), url('/assets/Helvetica/Helvetica.ttf'), url('Helvetica/Helvetica.ttf') format("truetype");
}

@font-face {
    font-family: "Open Sans";
    src: local("Open Sans"), url('/assets/OpenSans/OpenSans-Regular.ttf'), url('OpenSans/OpenSans-Regular.ttf') format("truetype");
}

@font-face {
    font-family: "Century Gothic";
    src: local("Century Gothic"), url('/assets/CenturyGothic/CenturyGothic.ttf'), url('CenturyGothic/CenturyGothic.ttf') format("truetype");
}

@font-face {
    font-family: "Corbel";
    src: local("Corbel"), url('/assets/Corbel/CORBEL.TTF'), url('/Corbel/CORBEL.TTF') format("truetype");
}

@font-face {
    font-family: "Franklin Gothic Medium";
    src: local("Franklin Gothic Medium"), url('/assets/FranklinGothicMedium/franklin-gothic-medium.ttf'), url('/FranklinGothicMedium/franklin-gothic-medium.ttf') format("truetype");
}

@font-face {
    font-family: "Gill Sans";
    src: local("Gill Sans"), url('/assets/Gill Sans/GillSans.ttf'), url('/Gill Sans/GillSans.ttf') format("truetype");
}

@font-face {
    font-family: "Gill Sans MT";
    src: local("Gill Sans MT"), url('/assets/Gill Sans MT/GIL_____.TTF'), url('/Gill Sans MT/GIL_____.TTF') format("truetype");
}

@font-face {
    font-family: "Palatino Linotype";
    src: local("GPalatino Linotype"), url('/assets/PalatinoLinotype/pala.ttf'), url('/PalatinoLinotype/pala.ttf') format("truetype");
}

@font-face {
    font-family: "Inter";
    src: local("Inter"), url('/assets/Inter/Inter.ttf'), url('Inter/Inter.ttf') format("truetype");
}

.alice-menu-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.alice-menu-icon img {
    max-height: 24px;
    max-width: 24px;
    vertical-align: middle;
}

table.layout {
	width: 100%;
	background: none;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

#sortItemsDialog .loading-container {
    align-items: center;
    display: flex;
    text-align: center;
    width: 100%;
}

#sortItemsDialog .loading-container .fa {
    color: #2ba6cb;
    font-size: 2rem;
    margin: 1rem auto;
}

.sortable-item {
    margin: 0 3px 3px;
    padding: 0.4em 0.4em 0.4em 1.5em;
    border: 1px solid #D3D3D3;
    color: #555555;
}
ul.sortable {
    list-style-type: none;
}
.sortable .ui-icon {
    margin-left: -1.3em;
    margin-top: 0.2em;
    position: absolute;
}

.section-container .section.active .content.height0 {
    height: 0;
    padding: 0;
}

.disable-ipad-highlight {
    -webkit-tap-highlight-color:transparent;
}

/* {{ customize select2 on assign ticket popup */
.big-select2 .select2-container .select2-choice {
    line-height: 35px;
}
.big-select2 .select2-choice span {
    vertical-align: middle;
}
.big-select2 .select2-arrow {
    padding-top: 4px;
}

.big-select2 .select2-container a,
.big-select2-dropdown .select2-result-label {
    font-size: 20px;
    color: #000;
    vertical-align: middle;
}

.big-select2-dropdown .select2-results {
    max-height: 100px;
}

.big-select2-dropdown .select2-highlighted .select2-result-label {
    color: #fff;
}

.big-select2 .select2-container a,
.big-select2 .select2-container input {
    color: #000;
    height: 40px;
}

.big-select2-dropdown .select2-search input {
    height: 40px !important;
    font-size: 2em;
}

.smaller-select2-dropdown .select2-result-label {
    font-size: 13px;
    color: #505355;
}
/* }} */


div.modal-container {
    border-radius: 8px;
    padding: 0;
}
div.modal-header-container {
    background-color: #FFFFFF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 60px;
    padding-right: 25px;
    padding-left: 25px;
}
div.modal-header-container .columns {
    padding-left: 0px;
    padding-right: 0px;
}
div.modal-header-title {
    height: 60px;
    line-height: 60px;
    font-size: 1.3em;
    color: #999;
}
div.modal-header-content {
    height: 60px;
}
div.modal-content-container {
    background-color: #f3f7fb;
    padding-left: 25px;
    padding-right: 25px;
    border: solid #ececec;
    border-width: 1px 0;
}

div.modal-content-container.no-footer {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

div.modal-content-container.full-width {
    padding: 0;
}
div.modal-content-dark-container {
    background-color: #E7EDF7;
}
div.modal-main-control-container {
    padding-bottom: 15px;
    padding-top: 15px;
}
div.modal-main-control-container label {
    display: inline-block;
    margin-right: 15px;
}
div.modal-main-control-container .control-wrapper {
    display: inline-block;
    width: 350px;
    text-align: left;
}

table.modal-content-container {
    background-color: #f3f7fb;
    border: solid #ececec;
    border-width: 1px 0;
    width: 100%;
}
table.modal-content-container > tbody > tr > td {
    padding: 0;
}
table.modal-content-container > tbody > tr > td:first-child {
    padding-left: 25px;
}
table.modal-content-container > tbody > tr > td:last-child {
    padding-right: 25px;
}

.confirm-to-proceed-modal-question {
    width: 138px;
    height: 28px;
    font-family: Helvetica Neue;
    font-size: 24px;
    font-weight: var(--font-weight-light, 300);
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: black;
    margin-top: 18px;
    padding-left: 0px !important;
}

.confirm-to-proceed-modal-explanation-hint {
    width: 372px;
    height: 15.4px;
    font-family: Helvetica Neue;
    font-size: 13px;
    font-weight: var(--font-weight-normal, normal);
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #505455;
    margin-top: 24px;
    padding-left: 0px !important;
}

.confirm-to-proceed-modal-footer {
    margin-top: 35.6px;
}
.confirm-to-proceed-modal-footer .columns {
    padding: 4.5px;
}

div.modal-footer-container {
    background-color: #FFFFFF;
    height: 72px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-right: 25px;
    padding-left: 25px;
}

.modal-button {
    background-color: #019bb3;
    height: 36px;
    border-radius: 4px;
    font-size: 1em;
    padding: 7px 21px;
    box-shadow: none;
    border: 0;
    margin: 0 7px;
    display: inline-block;
}
.modal-button-right .modal-button{
    margin: 0px 0px 0px 7px;
}
.modal-button-grey, .modal-button-grey:hover, .modal-button-grey:focus {
    background: #989697 !important;
    color: white;
}

.modal-button-red, .modal-button-red:hover, .modal-button-red:focus {
    background: #dd5652 !important;
    color: white;
}

.modal-button-blue {
    background: #2ba6cb;
    color: white;
}

.modal-button-light-grey, .modal-button-light-grey:hover, .modal-button-light-grey:focus {
    background-color: #F4F6F7;
    color: #505455;
    border: 1px solid #D8D8D8;
}

.modal-button-light-grey:disabled, .modal-button-light-grey:disabled:hover, .modal-button-light-grey:disabled:focus {
    background-color: #F4F6F7;
    color: #505455;
    border: 1px solid #D8D8D8;
    opacity: 0.6;
}

.modal-middle-wrapper {
    display: table;
    width: 100%;
}
.modal-center-container {
    display: flex !important;
    align-items: center;
    text-align: center;
}
.ssoCertificates {
    background: #F2F2F2 !important;
}
.ssoCertificatesTable {
    background-color: #EAEAEA;
    text-align: left;
    border: 1px solid #D9D9D9;
}

.ssoCertDropdown {
    height: 30px;
    border: 1px solid #D9D9D9;
    border-radius: 3px
}

.modal-middle-container{
    display: table-cell;
    vertical-align: middle;
}
.middle-vertical {
    vertical-align: middle;
}
.confirm-text {
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-normal, 400);
    line-height: 22px;
    letter-spacing: 0.1px;
}

.alc-switch-toggle label {
    font-size: 1em;
    background-color: #FFF;
}
.alc-switch-toggle input:checked + label {
    color: #019BAF;
    border: none;
    border-bottom: solid #019BAF 2px;
}
.alc-switch-toggle label {
    color: #666;
    border-right: none;
}
.alc-switch-toggle-in-header {
    position: absolute;
    bottom: 0;
    right: 50px;
    width: 300px;
}

div.alc-select2 a.select2-choice {
    color: #666;
    line-height: 32px;
    height: auto;
    min-height: 32px;
    padding: 0 8px;
}

.alc-select-colored.select2-container:not(.select2-dropdown-open) .select2-choice,
.alc-select2-colored.select2-container:not(.select2-dropdown-open) .select2-choice  {
    color: #FFF;
}

div.alc-select a.select2-choice .select2-chosen,
div.alc-select2 a.select2-choice .select2-chosen {
    white-space: normal;
}

div.alc-select.alc-select2-no-wrap a.select2-choice .select2-chosen,
div.alc-select2.alc-select2-no-wrap a.select2-choice .select2-chosen {
    white-space: nowrap;
}

div.alc-select .select2-choice .select2-arrow b,
div.alc-select2 .select2-choice .select2-arrow b {
    background: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: var(--font-weight-normal, normal);
}

div.alc-select .select2-choice .select2-arrow b:after,
div.alc-select2 .select2-choice .select2-arrow b:after {
    content: "\f0d7";
    color: #d4d4d4;
    font-family: FontAwesome;
}

div.alc-select.select2-dropdown-open .select2-choice .select2-arrow b:after,
div.alc-select2.select2-dropdown-open .select2-choice .select2-arrow b:after {
    content: "\f0d8";
}

div.alc-select .select2-arrow,
div.alc-select2 .select2-arrow {
    height: 100% !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-right-width: 0px !important;
}

div.alc-select-dropdown .select2-search,
div.alc-select2-dropdown .select2-search {
    padding: 4px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.alc-select2-dropdown, div.alc-select-dropdown, .alc-select2-multi-dropdown {
    border-color: #ccc !important;
    box-shadow: none !important;
}

div.alc-select-dropdown .select2-results,
div.alc-select2-dropdown .select2-results,
.alc-select2-multi-dropdown .select2-results {
    margin: 0;
    color: #666;
}

.alc-select-dropdown .select2-results li,
.alc-select2-dropdown .select2-results li,
.alc-select2-multi-dropdown .select2-results li {
    padding-top: 0;
}

.alc-select-dropdown .select2-result-label,
.alc-select2-dropdown .select2-result-label,
.alc-select2-multi-dropdown .select2-result-label {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 30px;
    line-height: 30px;
}

.alc-select2-multi .select2-choices {
    border-radius: 3px;
    border: 1px solid #d4d4d4 !important;
    height: 32px;
    background-image: none;
    box-shadow: none !important;
    position: relative;
    padding-right: 26px;
}

#guest-entry .alc-select2-multi .select2-choices {
    padding-right: 5px;
    max-height: 63px;
    overflow-y: auto;
}

#guest-entry .alc-select2-multi .select2-choices::after {
    content: none;
}

.alc-select2-multi .select2-choices .select2-search-field input {
    height: 25px;
    line-height: 25px;
    margin: 3px;
}

.alc-select2-multi.status-select {
    width: 100% !important;
}

.alc-select2-multi.status-select a {
    padding: 4px;
    height: 27px;
}

.alc-select2-multi.status-select a span {
    height: 17px;
    line-height: 17px;
}

.alc-select2-multi.status-select .select2-arrow {
    background-image: none !important;
    border: 0px !important;
    width: 26px !important;
    border-left: 1px solid #d4d4d4 !important;
}
.alc-select2-multi.status-select .select2-arrow b:after {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 26px;
    border-left: 1px solid #d4d4d4;
    content: "\f0d7";
    color: #d4d4d4;
    font-family: FontAwesome;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}
.alc-select2-multi.status-select .select2-arrow b {
    background-image: none !important;
}

.alc-select2-multi .select2-choices .select2-search-choice {
    padding: 0 18px 0 2px;
    background-color: #EFEFEF;
    color: #019bb3 !important;
    background-image: none;
    border: 1px solid #d4d4d4 !important;
    border-radius: 3px;
    line-height: 22px;
}

.alc-select2-multi a.select2-search-choice-close {
    left: auto;
    right: 3px !important;
}

.alc-select2-multi .select2-choices:after {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 26px;
    border-left: 1px solid #d4d4d4;
    content: "\f0d7";
    color: #d4d4d4;
    font-family: FontAwesome;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

.alc-select2-multi.select2-dropdown-open .select2-choices:after {
    content: "\f0d8";
}

.alc-select a {
    height: 30px !important;
    padding: 0px !important;
}

.alc-select .select2-chosen {
    color: #666;
    font-size: 100% !important;
    line-height: 28px !important;
    padding: 0px 5px !important;
    height: 28px !important;
}

.alc-select .select2-arrow {
    width: 26px !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-color: #d4d4d4 !important;
    color: #d4d4d4 !important;
    content: "\f0d7" !important;
    font-family: FontAwesome !important;
    text-align: center !important;
    cursor: pointer !important;
}
.alc-select.select2-dropdown-open .select2-arrow {
    content: "\f0d8" !important;
}

.alc-select .select2-arrow:after {
    color: #d4d4d4 !important;
    content: "\f0d7" !important;
    font-family: FontAwesome !important;
    text-align: center !important;
}
.alc-select.select2-dropdown-open .select2-arrow:after {
    content: "\f0d8" !important;
}

.alc-select .select2-arrow b {
    display: none !important;
}

.alc-select.select2-container.ng-invalid .select2-choice {
    border-color: #F00 !important;
}
.alc-select.select2-container.ng-pristine .select2-choice {
    border-color: #d4d4d4 !important;
}
.alc-error-message {
    color: #F00;
}

.alc-input {
    border-color: #d4d4d4 !important;
    border-radius: 3px;
    box-shadow: none !important;
    height: 30px !important;
    font-size: 13px !important;
}
.alc-input.ng-invalid {
    border-color: #F00 !important;
}
.alc-input.ng-pristine {
    border-color: #d4d4d4 !important;
}

.alc-button {
    height: 30px !important;
    font-size: 13px !important;
    border-radius: 3px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 30px;
}

.alc-button.wide {
    padding-right: 27px;
    padding-left: 27px;
}

input.alc-modal-input {
    height: 27px;
    font-size: 13px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    box-shadow: none;
    margin-bottom: 9px;
}

.alc-toggle.switch-toggle {
    height: 30px;
}
.alc-toggle.switch-toggle label {
    background-color: #f5f6f7;
    font-size: 13px;
    color: #AEAEAE;
    line-height: 30px;
    height: 30px !important;
    border: 1px solid #d4d4d4;
}
.alc-toggle.switch-toggle input:checked + label {
    border: 1px solid #019bb3;
    color: #019bb3;
    font-weight: var(--font-weight-bold, bold);
    background-color: #FFF;
}
.alc-toggle.switch-toggle label:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.alc-toggle.switch-toggle label:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 0;
}
.alc-toggle.switch-toggle input:checked ~ a.button {
    border: 0;
}

.va-t {
    vertical-align: top;
}

#selectHotelGroupModal div.modal-content-container {
    height: 120px;
}

#selectHotelGroupModal .modal-content-container {
    padding-left: 120px;
    padding-right: 120px;
}
/* {{ switch toggle */
.open-done-buttons.switch-toggle {
    margin-bottom: 8px;
}

.open-done-buttons.switch-toggle#inventoryItemAddMode{
    margin: auto;
    width: 292px;
}

.open-done-buttons.switch-toggle label:first-of-type{
   /* border-left: 1px solid #E9E9E9;*/
}
.open-done-buttons.switch-toggle input:checked + label{
/*    background-color: #FFF;*/
    color: #505355;
}
.open-done-buttons.switch-toggle .button {
    margin-top: 0;
}

.open-done-buttons.switch-toggle label {
    font-weight: var(--font-weight-bold, bold);
    font-size: 1em;
    color: #ccc;
    border-right: 1px solid #D4D4D4;
    z-index: 2;
}


.open-done-buttons.switch-toggle label:last-of-type {
    border-right-width: 0;
}
.open-done-buttons.switch-toggle input:checked + label {
    color: #fff;
}
.switch-toggle a.button {
    display: none;
}

.switch-toggle input:checked ~ a.button {
    display: block;
    border: solid 1px #B9DCE5;
    background-color: #FFF;
    border-radius: 0;
}

/* }} */

.open-done-buttons .button:last-child {
    float: right;
}

.button,
button.button,
input.button,
.button:hover:not(.admin-slim),
.button:focus:not(.admin-slim),
.button[disabled],
.button[disabled]:hover,
.button.disabled,
.button.disabled:hover
{
    line-height: 17px;
    box-shadow: none;
    border: 0;
    background: #019bb3;
}

html[ng-app*='admin'] .button:hover:not(.admin-slim):not(.secondary):not([disabled]),
html[ng-app*='admin'] .button:hover:not(.admin-slim):not(.secondary):not(.disabled),
html[ng-app*='admin'] .button:focus:not(.admin-slim):not(.secondary):not([disabled]),
html[ng-app*='admin'] .modal-button-blue:hover:not(.admin-slim):not(.secondary):not([disabled]),
html[ng-app*='admin'] .modal-button-blue:focus:not(.admin-slim):not(.secondary):not([disabled])
{
    background: #028aa0;
}

html[ng-app*='admin'] .modal-button-red:hover:not([disabled]),
html[ng-app*='admin'] .modal-button-red:focus:not([disabled])
{
    background: #be4845 !important;
}

html[ng-app*='admin'] .button.secondary:hover:not(.admin-slim):not([disabled]),
html[ng-app*='admin'] .button.secondary:focus:not(.admin-slim):not([disabled]),
html[ng-app*='admin'] .modal-button-grey:hover:not(.admin-slim):not([disabled]),
html[ng-app*='admin'] .modal-button-grey:focus:not(.admin-slim):not([disabled])
{
    background: #7e7d7d !important;
}

.modal-button-red, .modal-button-grey, .modal-button-blue {
    transition-duration: 0.3s;
}


button.button.large {
    padding: .7em 1.4em;
}

.button.secondary,
.button.secondary:hover,
.button.secondary:focus
{
    background: #989697;
    color: white;
}

.button.approve,
.button.approve:hover,
.button.approve:focus
{
    background: #68af6d;
    color: white;
}
.rating {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.rating li {
    padding: .475em;
    color: #a9a9a9;
    text-align: left;
    font-weight: var(--font-weight-bold, bold);
    font-size: 20px;
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
    position: relative;
    float: left;
}

.rating.disabled i{
    cursor: default;
}

.rating i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    text-align: left;
    width: 100%;
}

.rating i.half {
    width: 50%;
    overflow: hidden;
    z-index: 10;
    text-align: left;
}

.rating i.fa-usd.half {
    width: 35%;
}

.rating i:hover {

}

.rating i.filled {
    color: #4A90E2;
}

.price-wrapper .rating li{
    padding-left: .3em;
    padding-right: .3em;
}

.reveal-modal {
    padding: 1.5em;
}

.reveal-modal .form-buttons {
    margin: -1.5em;
    margin-top: 0;
    padding: 1.5em;
}

.reveal-modal .form-buttons button {
    margin-bottom: 0;
}

.form-buttons {
    background-color: #f1f1f1;
}

.validated-input-wrapper{
    display: inline-block;
    position: relative;
    margin-bottom: 1em;
}

.validated-input-wrapper input{
    margin-bottom: 0;
}
.validated-input-wrapper .ng-invalid-time{
    border-color: #EE694E !important;
}
.validated-input-wrapper .parsed-error-text{
    position: absolute;
    bottom: -10px;
    color: #EE694E;
    font-size: .8em;
    left: 0;
    width: 100%;
    text-align: center;
    height: 10px;
    line-height: 10px;
    display: none;
}

.validated-input-wrapper.ng-invalid .parsed-error-text {
    display: block;
}

.validated-input-wrapper .parsed-error-text.invalid-date-error-text{
    left: 0;
    width: 53%;
}
.validated-input-wrapper .parsed-error-text.invalid-time-error-text{
    left: 53%;
    width: 46%;
}

div.ng-invalid-time .validated-input-wrapper .parsed-error-text.invalid-time-error-text {
    display: block;
}

div.ng-invalid-date .validated-input-wrapper .parsed-error-text.invalid-date-error-text {
    display: block;
}

.control{
    margin-top:20px;
}

.ngHeaderButton{
    background-color: #fff;
}

.button-reduction{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.login-info-container {
    text-align: right;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.employee-name{
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding-right: 6px;
    color: #505355;
    min-width: 105px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 1px;
}
.avatar-wrapper {
    background-color: white;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #019bb3;
    display: inline-block;
    vertical-align: top;
}
.avatar-wrapper img {
    margin: auto;
    max-height: 28px;
    max-width: 28px;
}
.avatar-wrapper .user-initials {
    font-size: 12px;
    font-weight: var(--font-weight-bold, bold);
    letter-spacing: 1px;
    line-height: 28px;
    margin-left: 1px;
    text-align: center;
}
.login-info-container [user-status] {
    margin-top: 10px;
}
/*.staff-settings {
    position: absolute;
    right: 0;
    top: 40px;
    width: 210px;
    background-color: #f8f8f8;
    z-index: 999;
    border: 1px solid #d4d4d4;
    text-align: left;
}
.staff-settings-background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 998;
    cursor: default;
}
.staff-settings-angle {
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    right: 10px;
    top: 35px;
    z-index: 1000;
    position: absolute;
    background-color: #f8f8f8;
}
.staff-settings-employee {
    height: 75px;
    background-color: #f8f8f8;
    vertical-align: middle;
    padding: 0px 15px;
}
.staff-settings-employee-content {
    width: 100%;
}
.staff-settings-employee-content td {
    padding: 0;
}
td.staff-settings-employee-name-container{
    color: #505355;
    padding-left: 10px;
}
.staff-settings-employee-name {
    font-size: 13px;
}
.staff-settings-employee-email {
    font-size: 10px;
}
.staff-settings-avatar-wrapper {
    overflow: hidden;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    display: inline-block;
}
.staff-settings-avatar-wrapper img {
    margin: auto;
    max-height: 40px;
    max-width: 40px;
}
.staff-settings-item {
    border-top: 1px solid #d4d4d4;
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    padding: 0;
}
.staff-settings-item .fa {
    font-size: 1.5em;
}
.staff-settings-item-middle, .staff-settings-item-middle-full {
    display: table;
    height: 100%;
}
.staff-settings-item-middle-full {
    width: 100%;
}
.staff-settings-item-middle-full .staff-settings-item-middle-wrapper {
    padding: 0;
}
.staff-settings-item-middle > i, .staff-settings-item-middle > span, .staff-settings-item-middle-full > i, .staff-settings-item-middle-full > span{
    display: table-cell;
    vertical-align: middle;
    padding: 0 3px;
}
.staff-settings-item-link, .staff-settings-item-link:link, .staff-settings-item-link:active, .staff-settings-item-link:visited {
    display: inline-block;
    font-weight: var(--font-weight-normal, normal);
    height: 100%;
    width: 100%;
    color: #505355;
    padding: 0 10px;
    cursor: pointer;
}
.staff-settings-item-link:hover {
    background-color: #ededed;
    color: #505355;
}
.staff-settings-item-link i {
    color: #019bb3;
}
.staff-settings-item-link .app-info {
    text-align: right;
    width:30px;
    white-space: nowrap;
}
.staff-settings-item-link .app-info:hover {
    color: #019bb3;
}
.staff-settings-item-link .app-info .full-info {
    color: #505355;
}

.staff-settings-buttons {
    text-align: center;
}
.staff-settings-button, .staff-settings-button:link, .staff-settings-button:active, .staff-settings-button:visited {
    cursor: pointer;
    display: inline-block;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d4d4d4;
    color: #505355;
    font-size: 12px;
    margin: 3px 5px;
}
.staff-settings-button:hover {
    color: #505355;
    background-color: #ededed;
}
.staff-settings-locale-selection {
    position: absolute;
    right: 210px;
    top: 0px;
}
.staff-settings-locale-item {
    padding: 12px 5px 10px 10px;
    width: 230px;
    min-height: 50px;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    margin: 0;
    background-color: white;
    color: #505355;
    text-align: left;
}

.staff-settings-locale-item:hover{
    background-color: rgb(221,233,237);
    color: rgb(53,73,92);
}

.last-item .staff-settings-locale-item{
    border-bottom: 1px solid #d4d4d4;
}

.staff-settings-locale-item-selected {
    background-color: #E8F5F8;
}

.admin-login-info-container {
    width: 100%;
    padding: 2px;
    text-align: right;
}
.admin-login-info-container .app-info, .admin-login-info-container .staff-settings-swap {
    display: none;
}*/

.red-color {
    color: #F07777;
}
.blue-color {
    color: #019bb3;
}
.gray-color {
    color: #505355;
}
.light-gray-color {
    color: #A0A0A0;
}
.punch-in-color, i.punch-in-color {
    color: #a3d074;
}
.punch-out-color, i.punch-out-color {
    color: #dc7d79;
}
.lato {
}
.stoplight {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.isFoh19319Enabled .stoplight.stoplight-gray::before,
.stoplight.stoplight-gray {
    background-color: #9d9d9d;
}

.isFoh19319Enabled .stoplight.stoplight-green::before,
.stoplight.stoplight-green {
    background-color: #a3d074;
}

.isFoh19319Enabled .stoplight.stoplight-red::before,
.stoplight.stoplight-red {
    background-color: #dc7d79;
}

.isFoh19319Enabled .stoplight.stoplight-yellow::before,
.stoplight.stoplight-yellow {
    background-color: #f1c518;
}

/* region FOH-19319: Use before for icons */
.isFoh19319Enabled .stoplight {
    border-radius: unset;
}

.isFoh19319Enabled .stoplight,
.isFoh19319Enabled .stoplight.stoplight-gray,
.isFoh19319Enabled .stoplight.stoplight-green,
.isFoh19319Enabled .stoplight.stoplight-red,
.isFoh19319Enabled .stoplight.stoplight-yellow {
    background-color: unset;
}

.isFoh19319Enabled .stoplight::before {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: inline-block;
    content: '';
}
/* endregion */

.mbsc-mobiscroll .dw-hl-now .dw-cal-today {
    color: #019bb3 !important;
    font-weight: var(--font-weight-bold, bold);
    background-color: #eeeeee;
    border-radius: 3px;
}

.dw-sel .dw-i {
    border-radius: 3px;
}

.attachments-photo-resize {
    background-color: #BFBFBF;
    text-align: center;
    white-space: nowrap;
}

.attachments-photo {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.attachments-photo-helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

images-files-upload i.fa.fa-paperclip {
    font-size: 85px;
    margin-top: 7px;
    color: #505455;
}

photo-attachments i.fa.fa-paperclip {
    color: #505455;
    font-size: 20px;
    padding-top: 12px;
    padding-left: 18px;
}

photo-attachments .preview-column i.fa.fa-paperclip {
    font-size: 90px;
    padding-top: 6px;
    margin-left: -3px;
    padding-left: 0;
}

photo-attachments .attachments-preview i.fa.fa-paperclip {
    font-size: 90px;
    padding-top: 53px;
}

textarea.multi-line-option {
    height: auto !important;
}
.mb1em {
    margin-bottom: 1em !important;
}
.mt1em {
    margin-top: 1em !important;
}


.attachments-section {
    margin: 0;
    padding: 9px 1.2em .75em 1.2em;
    background-color: #e7eff7;
    position: relative;
}
.ticket .attachments-section {
    padding: 0;
    margin: 0;
}


.attachments-section.slideout {
    background-color: #ffffff;
}

.attachments-section .attachments-add {
    font-weight: var(--font-weight-bold, bold);
    font-size: 12px;
    line-height: 0px;
    letter-spacing: 0px;
    text-align: right;
    color: #009BB3;
    float: right;
    text-decoration: underline;
}
.attachments-section.view-only-attachments .attachments-add {
    display: none;
}
.attachments-section .attachments-name {
    font-weight: var(--font-weight-bold, bold);
    font-size: 14px;
    line-height: 0px;
    letter-spacing: 0px;
    text-align: left;
    color: #505455;
    float: left;
}
.ticket .attachments-section .attachments-name {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: var(--font-weight-bold, bold);
    font-size: 0.9em !important;
}
.attachments-section .attachments-header {
    height: 12px;
}

.attachments-section .attachments-field {
    margin-top: 18px;
}
.ticket .attachments-section .attachments-field {
    margin-top: 6px;
}

.attachments-section .attachments-preview {
    height: 198px;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    border: solid #D9D9D8 1px;
}

.attachments-section.slideout .attachments-preview {
    height: 126px;
}

.attachments-section .attachments-preview:hover {
    display: block;
}

.attachments-section .attachments-preview .attachments-preview-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: black;
    color: white;
    border-radius: 6px;
}

.attachments-section .attachments-preview .attachments-preview-info .attachments-buttons{
    float: right;
    padding: 5px;
}

.attachments-section .attachments-preview .attachments-preview-info .attachments-buttons a {
    padding-left: 5px;
    color: white !important;
}

.attachments-section .attachments-preview .attachments-preview-info .attachments-name {
    left: 5px;
    bottom: 50px;
    position: absolute;
    color: white;
}

.attachments-section .attachments-preview .attachments-preview-info .attachments-description {
    left: 5px;
    bottom: 20px;
    position: absolute;
}

.attachments-section .attachments-preview .attachments-preview-info:hover {
    opacity: 0.5;
}

.attachments-section .attachments-thumbnail-container {
    height: 45px;
    width: 54px;
    overflow: hidden;
    opacity: 0.4;
    margin-right: 9px;
    margin-top: 9px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.attachments-section .attachments-thumbnail-container.vertical .thumbnail {
    position: absolute;
    max-width: 54px;
    max-height: inherit;
}

.attachments-section .attachments-thumbnail-container.horizontal .thumbnail {
    position: absolute;
    max-height: 45px;
    max-width: inherit;
}

.attachments-section .attachments-thumbnail-container:hover {
    opacity: 1.0;
}

.attachments-section .attachments-thumbnail-container.selected {
    opacity: 1.0;
}

.attachments-section .file-row {
    height: 45px;
    background-color: #ffffff;
    border: 1px solid #d9d9d8;
    border-radius: 3px;
    margin: 0 0 3px 0;
}
.ticket .attachments-section .file-row {
    height: 38px;
    background-color: #525252;
    border: 0;
}

.attachments-section .file-row i {
    height: 18px;
    color: #019bb3;
    font-size: 18px;
}
.ticket .attachments-section .file-row i {
    color: #FFF;
}
.attachments-section .file-row .paperclip-div {
    width: 44px;
    height: 44px;
    border-right: 1px solid #d9d9d8;
    padding: 13px 14px;
    float: left;
}
.ticket .attachments-section .file-row .paperclip-div {
    width: 38px;
    height: 38px;
    border: 0;
    padding: 11px 13px;
}

.attachments-section .file-row .description-div {
    height: 45px;
    font-size: 12px;
    color: #505455;
    padding: 0 9px;
    display: table;
    overflow: hidden;
}

.ticket .attachments-section .file-row .description-div {
    height: 38px;
    color: #FFF;
}

.attachments-section .file-row .description-div span {
    display: table-cell;
    vertical-align: middle;
    word-break: break-word;
}

.attachments-section .file-row .icons-div {
    width: 54px;
    height: 45px;
    padding: 13px 0;
    float: right;
}
.ticket .attachments-section .file-row .icons-div {
    width: 54px;
    height: 38px;
    padding: 11px 0;
    text-align: right;
}

.attachments-section .file-row .icons-div i {
    margin-right: 9px;
    cursor: pointer;
}
.attachments-section.view-only-attachments .file-row .icons-div i.fa-trash-o {
    display: none;
}

div.profile-email div.intl-tel-input {
    width: 100% !important;
}

div.profile-email span {
    color: #4aa9bd;
}

.pull-right {
    float: right;
}

.password-rules-container {
    position: absolute;
    left: 100%;
}

.password-rules-box {
    position: relative;
    width: 290px;
    font-size: 13px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    border-radius: 10px;
    transform: translateY(-50%);
}

.password-rules-box:after, .password-rules-box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.password-rules-box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 11px;
    margin-top: -11px;
}
.password-rules-box:before {
    border-color: rgba(217, 217, 217, 0);
    border-right-color: #d9d9d9;
    border-width: 14px;
    margin-top: -14px;
}

.password-rules-title {
    height: 16px;
    font-size: 13px;
    font-weight: var(--font-weight-bold, bold);
    text-align: left;
    color: #000000;
    margin-bottom: 6px;
}

.password-rule {
    margin-bottom: 6px;
    margin-right: 4px;
    margin-left: 4px;
}

.password-rule-point {
    width: 12px;
    height: 12px;
    text-align: center;
    display: inline-block;
    margin-right: 6px;
}

.password-rule-point-passed {
    font-size: 11px;
    color: #66cc99;
}

.password-rule-text-hint {
    color: #000000;
}

.password-rule-point-failed {
    font-size: 12px;
    color: #dd5652;
}

.password-rule-text {
    text-align: left;
}

.password-rule-text-passed {
    color: #66cc99;
}

.password-rule-text-failed {
    color: #000000;
}

#resetPasswordInput_error {
    background-color: #DD5654;
    font-size: 11px;
    font-weight: var(--font-weight-bold, bold);
    color: #ffffff;
    min-height: 27px;
    text-align: center;
    padding-top: 7px;
}

.button.button-grey, .button.button-grey:hover, .button.button-grey:focus {
    background-color: #f5f6f7;
    border: solid 1px #d9d9d9;
    color: #999999;
}

.button.button-grey.radius, .button.button-grey.radius:hover, .button.button-grey.radius:focus {
    border-radius: 4px;
}

.button.button-grey.cc-button, .button.button-grey.cc-button:hover, .button.button-grey.cc-button:focus {
    height: 27px;
    padding-top: 5px;
    padding-bottom: 6px;
    color: #505455;
}

.printing-margin-table {
    border-collapse: collapse;
    table-layout: fixed;
}

.printing-margin-table td {
    border: 1px solid lightgrey;
    width: 16%;
}

.printing-margin-table input {
    margin-bottom: 0;
    width: 100px;
}

.printing-label {
    margin: 20px 0 10px;
}

.message-not-sent {
    width: 160px;
    height: 22px;
    font-size: 9px;
    font-weight: var(--font-weight-bolder, 800);
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: right;
    color: #dd5652;
}

.message-try-again {
    font-weight: var(--font-weight-normal, normal);
    font-size: 9.2px;
    color:#019bb3;
}

.sending-message-modal-content {
    width: 198px;
    font-size: 15px;
    font-weight: var(--font-weight-bold, bold);
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.09px;
    text-align: center;
    color: #505455;
    height: 29px;
    background-color: #ffffcc;
}

/* { load indicator */
.load-indicator {
    position: absolute;
    z-index: 90; /* under reveal */
    display: none;

    background-color: #ffffcc;
    border: 1px solid #d9d9d9;
    padding: .35em 1em;
    height: 27px;
    min-width: 90px;

    margin-top: -14px;
}

.load-indicator.active {
    display: block;
}

.load-indicator .load-indicator-text {
    font-size: 14px;
    color: #505455;
    font-weight: var(--font-weight-bold, bold);
    line-height: 15px;
    width: 100%;
    text-align: center;
}

/* } load indicator */

.filter-new-tooltip {
    border: 1px solid #636563;
    background-color: #fef9e4;
    font-size: 12px;
    color: #000000;
    padding: 2px 5px;
    white-space: nowrap;
}

.counter-tooltip {
    border: 1px solid #636563;
    background-color: #636563;
    font-size: 12px;
    color: white;
    padding: 2px 5px;
    white-space: nowrap;
 }

.conf-template-tooltip {
    border: 1px solid #505455;
    background-color: #FEF9E4;
    color: #505455;
    padding: 2px 5px;
    border-radius: 3px;
}

.filter-new-tooltip.filter-new-tooltip-black {
    border: 1px solid #6D6D6D;
    background-color: #6D6D6D;
    color: #ffffff;
    border-radius: 3px;
}

.tooltip-grey-background {
    background-color: #eae9eb;
}

.tooltip-yellow-color {
    color: #4d4d4d;
}
.warning-image-height {
    height: 18px;
    width: 18px;
}
.tooltip-width {
    width: 20px !important;
}
.filters .select2-container {
    margin-bottom: 1em;
}

.filter-new-tooltip-black-angle.filter-new-tooltip-angle {
    background-color: #6D6D6D;
    right: initial;
    left: 50%;
}

.filter-new-tooltip-angle {
    border-top: 1px solid #636563;
    border-left: 1px solid #636563;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    background-color: #fef9e4;
    position: absolute;
    right: 2px;
    top: -2px;
}

.filter-new-tooltip-angle.tooltip-left {
    left: 12px;
}

.ns-popover-scheduled-message {
    width: 351px;
    height: 123px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    border-radius: 4px;
    z-index: 1000;
}

.ns-popover-scheduled-message .schedule-inputs-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ns-popover-scheduled-message .schedule-controllers-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.ns-popover-scheduled-message .schedule-controllers-container .schedule-message-cancel {
    width: 72px;
    height: 28px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    background-color: #f5f6f7;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 0 0 .7em;
    line-height: 0px;
    color: #505455;
}

.ns-popover-scheduled-message .schedule-controllers-container .send-schedule-message {

    float: right;
    display: inline-block;
    background-color: #019bb3;
    border-radius: 4px;
    height: 27px;
    padding: 6px 15px;
    margin: 0 0 0 .7em;
    line-height: 0px;
}

.ns-popover-scheduled-message .schedule-message-date-selector {
    width: 99px;
    height: 27px;
    border-radius: 4px;
    border: solid 1px #019bb3;
    background-color: #ffffff;
    font-size: 13px;
    font-weight: var(--font-weight-normal, normal);
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #505455;

}

.ns-popover-scheduled-message .schedule-message-time-selector {
    width: 99px;
    height: 27px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
}

.ns-popover-scheduled-message .schedule-message-send-on, .schedule-message-at {
    height: 16px;
    font-size: 13px;
    font-weight: var(--font-weight-normal, normal);
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.08px;
    text-align: right;
    color: #505455;
    white-space: nowrap;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 13px;
}

.ns-popover-scheduled-message .schedule-message-tittle {
    width: 109px;
    height: 16px;
    font-size: 13px;
    font-weight: var(--font-weight-bold, bold);
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.08px;
    color: #009bb3;
    margin-top: 14px;
    margin-left: 11px;
    margin-bottom: 11px;
}

.scheduled-message-angle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 11px;
    border-color: transparent;
    position: absolute;
    border-top-color: #d2d2d2;
    left: 95%;
    bottom: -22px;
    margin-left: -11px;
}
.scheduled-message-angle:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border: solid 10px;
    border-color: transparent;
    position: absolute;
}

.phone-blocked-wrapper {
    display: flex;
    align-items: center;
    margin-top: -7px;
    margin-left: -5px;
}

.phone-blocked-edit-wrapper {
    display: flex;
    align-items: center;
    margin-left: -20px;
}

.fail-message {
    font-size: 11px;
}


.scheduled-message-angle:after {
    border-top-color: white;
    border-bottom-width: 0;
    bottom: 1px;
    margin-left: -10px;
}

.ns-popover-mms-file-upload {
    z-index: 999999;
    transform: translateX(-44px);
}

.ns-popover-mms-file-upload .button {
    line-height: 1 !important;
    padding: 4px 8px;
    border-radius: 4px;
    margin-bottom: 6px;
    min-width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ns-popover-mms-file-upload .button.select-photo {
    margin-left: 1px;
}

.ns-popover-mms-file-upload .button.select-file {
    padding-left: 7px;
    padding-right: 7px;
}

.ns-popover-mms-file-upload .button,
.ns-popover-mms-file-upload .button:hover {
    background-color: #fff !important;
}

.ns-popover-mms-file-upload .button {
    border: 1px solid #019BB3 !important;
}

.ns-popover-mms-file-upload:hover .button {
    border: 1px solid rgba(1, 155, 179, 0.2) !important;
}

.ns-popover-mms-file-upload .button:hover {
    border: 1px solid #019BB3 !important;
}

.ns-popover-mms-file-upload .button span {
    color: #505455;
    display: none;
}

.ns-popover-mms-file-upload .button:hover span {
    display: inline-block;
    margin-left: 5px;
}

svg-icon, svg-icon svg {
    display: block;
}

.ns-popover-mms-file-upload .button svg-icon {
    text-align: left;
}

.ns-popover-mms-file-upload .button.select-photo:hover svg-icon {
    min-width: 34px;
}

.ns-popover-mms-file-upload .button.select-file:hover svg-icon {
    min-width: 38px;
}

.ns-popover-mms-file-upload .button.select-photo svg {
    width: 24px;
    height: 21px;
}

.ns-popover-mms-file-upload .button.select-file svg {
    width: 28px;
    height: 28px;
}

.ns-popover-mms-file-upload .button.select-photo:hover {
    min-width: 130px;
}

.ns-popover-mms-file-upload .button.select-file:hover {
    min-width: 200px;
}

.new-cancel-button {
    background-color: #f5f6f7 !important;
    color: #505455 !important;
}

.forbidden-word-tooltip-theme a,
.forbidden-word-tooltip-theme a:hover {
    color: white;
    text-decoration: underline;
}

/* region FOH-16101: Tooltip design review */
.isFoh16101Enabled .filter-new-tooltip {
    border-radius: 6px;
    padding: 8px;
    border-color: #232D3E;
    background-color: #232D3E;
    color: #FFFFFF;
}

.isFoh16101Enabled:not(.isActablTheme) .filter-new-tooltip {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
}

.isFoh16101Enabled.isActablTheme .filter-new-tooltip {
    font-size: 13px;
}

.isFoh16101Enabled .filter-new-tooltip-theme {
    transform: translateX(10px);
}

/* Angle common */
.isFoh16101Enabled .filter-new-tooltip-theme .filter-new-tooltip-angle {
    width: 16px;
    height: 8px;
    border-width: 0;
    background-color: transparent;
    background-image: url(tooltip-triangle.svg);
    background-size: contain;
}

/* Top Y common */
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-top-placement,
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-top-placement.ns-popover-center-align {
    transform: translate(0px, -20px);
}

.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-top-placement .filter-new-tooltip-angle,
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-top-placement.ns-popover-center-align .filter-new-tooltip-angle {
    transform: rotate(180deg);
    top: unset;
    bottom: -6px;
}

/* Center Y common */
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-center-align {
    transform: translateY(-12px);
}

.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-center-align .filter-new-tooltip-angle {
    transform: rotate(90deg);
    top: calc(50% - 4px);
}

/* Bottom Y common */
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-bottom-placement {
    transform: translateY(-10%);
}

.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-bottom-placement .filter-new-tooltip-angle {
    transform: rotate(0deg);
    top: -7px;
}

/* Center X common */
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-center-align.ns-popover-top-placement .filter-new-tooltip-angle,
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-center-align.ns-popover-bottom-placement .filter-new-tooltip-angle {
    right: calc(50% - 8px);
}

/* Left X common */
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-left-align.ns-popover-top-placement,
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-left-align.ns-popover-bottom-placement {
    margin-left: -3px;
}

.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-left-align.ns-popover-top-placement .filter-new-tooltip-angle,
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-left-align.ns-popover-bottom-placement .filter-new-tooltip-angle {
    right: unset;
    left: 4px;
}

/* Right X common */
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-right-align.ns-popover-top-placement,
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-right-align.ns-popover-bottom-placement {
    margin-left: 3px;
}

.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-right-align.ns-popover-top-placement .filter-new-tooltip-angle,
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-right-align.ns-popover-bottom-placement .filter-new-tooltip-angle {
    right: 4px;
}

/* Left center */
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-center-align.ns-popover-left-placement {
    margin-left: -11px;
}

.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-center-align.ns-popover-left-placement .filter-new-tooltip-angle {
    right: -11px;
}

/* Right center */
.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-center-align.ns-popover-right-placement {
    margin-left: 11px;
}

.isFoh16101Enabled .filter-new-tooltip-theme.ns-popover-center-align.ns-popover-right-placement .filter-new-tooltip-angle {
    transform: rotate(270deg);
    right: unset;
    left: -11px;
}

.isFoh16101Enabled.force-tooltip-left .filter-new-tooltip-theme.force-tooltip-left.ns-popover-center-align.ns-popover-top-placement,
.isFoh16101Enabled.force-tooltip-left .filter-new-tooltip-theme.force-tooltip-left.ns-popover-center-align.ns-popover-bottom-placement {
    left: 0 !important;
}

.isFoh16101Enabled.force-tooltip-left .filter-new-tooltip-theme.force-tooltip-left.ns-popover-center-align.ns-popover-top-placement .filter-new-tooltip-angle,
.isFoh16101Enabled.force-tooltip-left .filter-new-tooltip-theme.force-tooltip-left.ns-popover-center-align.ns-popover-bottom-placement .filter-new-tooltip-angle {
    right: calc(80.5% - 8px) !important;
}
/* endregion */