@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
.form-surface-view { background: rgba(255, 255, 255, 1) !important }
.form-surface-view, .form-surface-view * { font-family: "Questrial", Arial, sans-serif !important; font-size: 15px !important; font-weight: normal !important; color: rgba(0, 0, 0, 1) !important; letter-spacing: 1px !important; -webkit-font-smoothing: antialiased !important }
.form-surface-view ::placeholder { font-size: 14px !important }
.form-surface-view .ControlOverlay, .form-surface-view .isReadOnly { width: 83% !important; height: 62% !important; margin-top: 8px !important; margin-left: 8px !important; background-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .SilverButtonStyle button, .form-surface-view .SilverButtonStyle input, .form-surface-view .SilverCloseFormButton-1 input[type="button"], .form-surface-view .SilverButtonOpenURL-1 input[type="button"], .form-surface-view .SilverEventButton-1 button, .form-surface-view .SingleFileUploadContainer input[type="button"], .form-surface-view .SilverMultiFileUpload .MultiFileUploadButton, .form-surface-view .SilverFileDownload-1 input[type="button"], .form-surface-view .dp-form-button { font-family: "Questrial", Arial, sans-serif !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-width: 2px !important; border-style: solid !important; padding-bottom: 0 !important; border-radius: 0 !important; -webkit-transition: all 0.65s !important; -moz-transition: all 0.65s !important; transition: all 0.65s !important; z-index: 1 !important; position: relative !important; overflow: hidden !important; min-width: 99% !important; max-width: 99% !important }
.form-surface-view .SilverButtonStyle button:hover, .form-surface-view .SilverButtonStyle input:hover, .form-surface-view .SilverCloseFormButton-1 input[type="button"]:hover, .form-surface-view .SilverButtonOpenURL-1 input[type="button"]:hover, .form-surface-view .SilverEventButton-1 button:hover, .form-surface-view .SingleFileUploadContainer input[type="button"]:hover, .form-surface-view .SilverMultiFileUpload .MultiFileUploadButton:hover, .form-surface-view .SilverFileDownload-1 input[type="button"]:hover, .form-surface-view .dp-form-button:hover { text-decoration: none !important; cursor: pointer !important }
.form-surface-view .SilverButtonStyle button:focus, .form-surface-view .SilverButtonStyle input:focus, .form-surface-view .SilverCloseFormButton-1 input[type="button"]:focus, .form-surface-view .SilverButtonOpenURL-1 input[type="button"]:focus, .form-surface-view .SilverEventButton-1 button:focus, .form-surface-view .SingleFileUploadContainer input[type="button"]:focus, .form-surface-view .SilverMultiFileUpload .MultiFileUploadButton:focus, .form-surface-view .SilverFileDownload-1 input[type="button"]:focus, .form-surface-view .dp-form-button:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.form-surface-view .SilverButtonStyle button, .form-surface-view .dp-form-button { background-color: rgba(0, 122, 252, 1) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .SilverButtonStyle button:hover, .form-surface-view .dp-form-button:hover { border-color: rgba(0, 0, 0, 0) !important; background-color: rgba(154, 202, 60, 1) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .SilverCloseFormButton-1 input[type="button"], .form-surface-view .SilverButtonOpenURL-1 input[type="button"], .form-surface-view .SilverEventButton-1 button, .form-surface-view .SingleFileUploadContainer input[type="button"], .form-surface-view .SilverMultiFileUpload .MultiFileUploadButton, .form-surface-view .SilverFileDownload-1 input[type="button"] { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 122, 252, 1) !important; color: rgba(0, 122, 252, 1) !important }
.form-surface-view .SilverCloseFormButton-1 input[type="button"]:hover, .form-surface-view .SilverButtonOpenURL-1 input[type="button"]:hover, .form-surface-view .SilverEventButton-1 button:hover, .form-surface-view .SingleFileUploadContainer input[type="button"]:hover, .form-surface-view .SilverMultiFileUpload .MultiFileUploadButton:hover, .form-surface-view .SilverFileDownload-1 input[type="button"]:hover { background-color: rgba(154, 202, 60, 1) !important; border-color: rgba(0, 122, 252, 1) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .SilverFormComponentBase.ComponentOnly .SecondaryButton, .form-surface-view .SilverFormComponentBase.ComponentOnly .SecondaryButton input, .form-surface-view .SilverFormComponentBase.ComponentOnly .SecondaryButton input[type="button"], .form-surface-view .SilverFormComponentBase.ComponentOnly .SecondaryButton button { background-color: rgba(0, 122, 252, 1) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .SilverFormComponentBase.ComponentOnly .SecondaryButton:hover, .form-surface-view .SilverFormComponentBase.ComponentOnly .SecondaryButton input:hover, .form-surface-view .SilverFormComponentBase.ComponentOnly .SecondaryButton input[type="button"]:hover, .form-surface-view .SilverFormComponentBase.ComponentOnly .SecondaryButton button:hover { background-color: rgba(22, 27, 31, 1) !important; border-color: rgba(22, 27, 31, 1) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .FormFooter .SilverButtonStyle button, .form-surface-view .FormFooter .SilverButtonStyle input, .form-surface-view .FormFooter .SilverCloseFormButton-1 input[type="button"], .form-surface-view .FormFooter .SilverButtonOpenURL-1 input[type="button"], .form-surface-view .FormFooter .SilverEventButton-1 button, .form-surface-view .FormFooter .dp-form-button { background-color: rgba(0, 122, 252, 1) !important; border-color: rgba(0, 122, 252, 1) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .FormFooter .SilverButtonStyle button:hover, .form-surface-view .FormFooter .SilverButtonStyle input:hover, .form-surface-view .FormFooter .SilverCloseFormButton-1 input[type="button"]:hover, .form-surface-view .FormFooter .SilverButtonOpenURL-1 input[type="button"]:hover, .form-surface-view .FormFooter .SilverEventButton-1 button:hover, .form-surface-view .FormFooter .dp-form-button:hover { background-color: rgba(0, 122, 252, 1) !important; border-color: rgba(0, 122, 252, 1) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .FormFooter .SilverFormComponentBase.ComponentOnly .SecondaryButton, .form-surface-view .FormFooter .SilverFormComponentBase.ComponentOnly .SecondaryButton input, .form-surface-view .FormFooter .SilverFormComponentBase.ComponentOnly .SecondaryButton input[type="button"], .form-surface-view .FormFooter .SilverFormComponentBase.ComponentOnly .SecondaryButton button { background-color: rgba(154, 202, 60, 1) !important; border-color: rgba(154, 202, 60, 1) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .FormFooter .SilverFormComponentBase.ComponentOnly .SecondaryButton:hover, .form-surface-view .FormFooter .SilverFormComponentBase.ComponentOnly .SecondaryButton input:hover, .form-surface-view .FormFooter .SilverFormComponentBase.ComponentOnly .SecondaryButton input[type="button"]:hover, .form-surface-view .FormFooter .SilverFormComponentBase.ComponentOnly .SecondaryButton button:hover { background-color: rgba(22, 27, 31, 1) !important; border-color: rgba(22, 27, 31, 1) !important; color: rgba(255, 255, 255, 1) !important }
.form-surface-view .silverLabel { letter-spacing: 0 !important }
.form-surface-view .SilverRichTextDisplay { line-height: 22px !important }
.form-surface-view .silverTextBlock textarea { line-height: 20px !important; padding: 3px 5px !important }
.form-surface-view .cke_inner, .form-surface-view .cke_wysiwyg_frame, .form-surface-view .cke_wysiwyg_div, .form-surface-view .cke_editable { background: rgba(0, 0, 0, 0) !important }
.form-surface-view .CommonFileUploaderDropArea, .form-surface-view .SilverMultiFileUpload { background-color: rgba(255, 255, 255, 1) !important; border-style: dashed !important; border-color: rgba(208, 208, 208, 1) !important }
.form-surface-view .SingleFileUploadButton { height: 100% !important; border: none !important }
.form-surface-view .CommonFileUploadAreaButton { border-radius: 0 !important; background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(154, 202, 60, 1) !important; width: 130px !important }
.form-surface-view .CommonFileUploadAreaButton span { color: rgba(0, 122, 252, 1) !important }
.form-surface-view .CommonFileUploadAreaButton:hover { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .singleFileDownload { color: rgba(0, 122, 252, 1) !important; border-color: rgba(154, 202, 60, 1) !important; background-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .singleFileDownload:hover { color: rgba(0, 122, 252, 1) !important; border-color: rgba(0, 122, 252, 1) !important; background-color: rgba(154, 202, 60, 1) !important }
.form-surface-view .SilverMultiFileUpload .MultiFileUploadButton { padding-left: 5px !important; padding-right: 5px !important }
.form-surface-view .SilverMultiFileUpload .multiFileUploadControl:focus { box-shadow: none !important }
.form-surface-view .SilverMultiFileDownload .fileNameHolder .multiFileDownloadButton .downloadFileAction { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(154, 202, 60, 1) !important; color: rgba(0, 122, 252, 1) !important; border-radius: 0 !important }
.form-surface-view .SilverMultiFileDownload .fileNameHolder .multiFileDownloadButton .downloadFileAction:hover { background-color: rgba(154, 202, 60, 1) !important; border-color: rgba(0, 122, 252, 1) !important; color: rgba(0, 122, 252, 1) !important }
.form-surface-view a.MultiFileUpload, .form-surface-view a.FileDownload, .form-surface-view .SilverHyperLinkButtonStyle button, .form-surface-view .SilverHyperLinkButtonOpenURL-1 a, .form-surface-view a { color: rgba(0, 122, 252, 1) !important; text-decoration: none !important; border: rgba(0, 0, 0, 0) !important }
.form-surface-view a.MultiFileUpload:hover, .form-surface-view a.FileDownload:hover, .form-surface-view .SilverHyperLinkButtonStyle button:hover, .form-surface-view .SilverHyperLinkButtonOpenURL-1 a:hover, .form-surface-view a:hover { color: rgba(0, 122, 252, 1) !important; text-decoration: none !important; background-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .SubDataFlowLinkContainer .SubDataFlowLink { color: rgba(154, 202, 60, 1) !important }
.form-surface-view .SubDataFlowLinkContainer .SubDataFlowLink:hover { color: rgba(0, 122, 252, 1) !important }
.form-surface-view .dp-togglebutton-sub-container { border-radius: 0 !important }
.form-surface-view .dp-togglebutton-sub-container, .form-surface-view .dp-togglebutton-sub-container .dp-togglebutton-slider-container { height: 100% !important }
.form-surface-view .dp-togglebutton-sub-container .dp-togglebutton-slider-container { padding-top: 3% !important }
.form-surface-view .dp-togglebutton-sub-container .dp-togglebutton-slider-container .dp-togglebutton-slider { border-radius: 0 !important; height: 98% !important }
.form-surface-view .dp-togglebutton-sub-container.dp-togglebutton-true { background-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .dp-togglebutton-sub-container.dp-togglebutton-false { background-color: rgba(154, 202, 60, 1) !important }
.form-surface-view .dp-togglebutton-sub-container .dp-togglebutton-text { color: rgba(255, 255, 255, 1) !important; letter-spacing: 2px !important; text-transform: uppercase !important }
.form-surface-view .SilverImage-1 { border: 1px dashed rgba(223, 228, 228, 1) !important; background: rgba(255, 255, 255, 1) !important }
.form-surface-view .NoImageContainer .SilverImage-1 { border: 0 !important; background: rgba(0, 0, 0, 0) !important }
.form-surface-view .DecisionsImage:focus { border: none !important }
.form-surface-view .horizontalRadio.silver-radiobuttonlist { overflow-y: hidden !important }
.form-surface-view .radiobox label { background-image: none !important; position: relative !important }
.form-surface-view .radiobox label span { margin-left: 25px !important; padding-top: 1px !important }
.form-surface-view .radiobox label:before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 20px !important; height: 20px !important; background-color: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(208, 208, 208, 1) !important; border-radius: 100% !important; z-index: 2 !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important }
.form-surface-view .radiobox label:after { content: "" !important; display: none !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 10px !important; height: 10px !important; background-color: rgba(0, 122, 252, 1) !important; border-radius: 100% !important; margin-top: 5px !important; margin-left: 5px !important; z-index: 4 !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important }
.form-surface-view .radiobox label:hover:before { border-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .radiobox label:hover:after { background-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .radiobox label.active:after { display: block !important }
.form-surface-view .horizontalCheckboxContainer { overflow-y: hidden !important }
.form-surface-view .SortableCheckBoxMain, .form-surface-view .SilverCheckBoxListMain { margin: 0 !important; padding: 4px 0 !important }
.form-surface-view .SortableCheckBoxMain .checkbox, .form-surface-view .SilverCheckBoxListMain .checkbox { position: relative !important; height: 20px !important }
.form-surface-view .SortableCheckBoxMain .checkbox input[type="checkbox"], .form-surface-view .SilverCheckBoxListMain .checkbox input[type="checkbox"] { opacity: 0 !important }
.form-surface-view .SortableCheckBoxMain .checkbox label, .form-surface-view .SilverCheckBoxListMain .checkbox label { margin: 0 !important; padding-left: 0 !important; padding-top: 2px !important; background-image: none !important; position: relative !important; opacity: 1 !important }
.form-surface-view .SortableCheckBoxMain .checkbox label span, .form-surface-view .SilverCheckBoxListMain .checkbox label span { margin-left: 26px !important }
.form-surface-view .SortableCheckBoxMain .checkbox label:before, .form-surface-view .SilverCheckBoxListMain .checkbox label:before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 20px !important; height: 20px !important; background-color: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(208, 208, 208, 1) !important; border-radius: 3px !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important }
.form-surface-view .SortableCheckBoxMain .checkbox label:after, .form-surface-view .SilverCheckBoxListMain .checkbox label:after { content: "" !important; display: none !important; position: absolute !important; top: 1px !important; left: 6px !important; width: 5px !important; height: 12px !important; border-top: 0 solid rgba(255, 255, 255, 1) !important; border-right: 2px solid rgba(255, 255, 255, 1) !important; border-bottom: 2px solid rgba(255, 255, 255, 1) !important; border-left: 0 solid rgba(255, 255, 255, 1) !important; -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important }
.form-surface-view .SortableCheckBoxMain .checkbox label.active:before, .form-surface-view .SilverCheckBoxListMain .checkbox label.active:before { background-color: rgba(0, 122, 252, 1) !important; border: none !important }
.form-surface-view .SortableCheckBoxMain .checkbox label.active:after, .form-surface-view .SilverCheckBoxListMain .checkbox label.active:after { display: block !important }
.form-surface-view .SortableCheckBoxMain .checkbox:hover label, .form-surface-view .SilverCheckBoxListMain .checkbox:hover label { opacity: 1 !important }
.form-surface-view .SortableCheckBoxMain .checkbox:hover label:before, .form-surface-view .SilverCheckBoxListMain .checkbox:hover label:before { border-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .SortableCheckBoxMain .checkbox:hover label.active:before, .form-surface-view .SilverCheckBoxListMain .checkbox:hover label.active:before { background-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .silver-sortableCheckBoxList .checkbox:hover label span, .form-surface-view .silver-sortableCheckBoxList .checkbox:hover label span:hover { color: rgba(0, 122, 252, 1) !important }
.form-surface-view .silver-sortableCheckBoxList .silver-sortableCheckBoxHolder ul li:first-child, .form-surface-view .checklist-container:not(.horizontalCheckboxContainer) .checkbox-list li:first-child { padding-top: 0 !important }
.form-surface-view .silver-sortableCheckBoxList .silver-sortableCheckBoxHolder ul li:last-child, .form-surface-view .checklist-container:not(.horizontalCheckboxContainer) .checkbox-list li:last-child { padding-bottom: 0 !important }
.form-surface-view .dp-check-holder input[type="checkbox"] { position: relative !important; width: 20px !important; height: 20px !important; appearance: none !important; -webkit-appearance: none !important }
.form-surface-view .dp-check-holder input[type="checkbox"]:before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 20px !important; height: 20px !important; background-color: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(208, 208, 208, 1) !important; border-radius: 3px !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important }
.form-surface-view .dp-check-holder input[type="checkbox"]:after { content: "" !important; display: none !important; position: absolute !important; top: 1px !important; left: 6px !important; width: 5px !important; height: 12px !important; border-top: 0 solid rgba(255, 255, 255, 1) !important; border-right: 2px solid rgba(255, 255, 255, 1) !important; border-bottom: 2px solid rgba(255, 255, 255, 1) !important; border-left: 0 solid rgba(255, 255, 255, 1) !important; -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important }
.form-surface-view .dp-check-holder input[type="checkbox"]:checked:before { background-color: rgba(0, 122, 252, 1) !important; border: none !important }
.form-surface-view .dp-check-holder input[type="checkbox"]:checked:after { display: block !important }
.form-surface-view .dp-check-holder input[type="checkbox"]:focus, .form-surface-view .dp-check-holder input[type="checkbox"]:focus:before, .form-surface-view .dp-check-holder input[type="checkbox"]:focus:after { box-shadow: none !important }
.form-surface-view .dp-check-holder:hover input[type="checkbox"]:before { border-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .dp-check-holder:hover input[type="checkbox"]:checked:before { background-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .checklist-container:focus,
  .form-surface-view .silver-sortableCheckBoxHolder:hover,
  .form-surface-view .silver-sortableCheckBoxHolder:focus,
  .form-surface-view .checklist-container:focus-within,
  .form-surface-view .silver-sortableCheckBoxHolder:focus-within { border-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .silver-sortableCheckBoxList, .form-surface-view .silver-checkBoxList { background-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .dp-time-picker-holder .time-picker-image-parent .time-picker-clock { background-image: url("../../Content/Images/datePicker/clock.svg") !important; opacity: 0.5 !important }
.form-surface-view .dp-time-picker-holder .time-picker-image-parent .time-picker-clock:hover { cursor: pointer !important }
.form-surface-view .dp-time-picker-holder:hover .time-picker-image-parent .time-picker-clock,
  .form-surface-view .dp-time-picker-holder:focus .time-picker-image-parent .time-picker-clock,
  .form-surface-view .dp-time-picker-holder:focus-within .time-picker-image-parent .time-picker-clock { background-image: url("../../Content/Images/datePicker/clock-blue.svg") !important; opacity: 0.5 !important }
.form-surface-view .date-picker-holder .datepicker-icon-container .datepicker-icon { background-image: url("../../Content/Images/datePicker/calendar.svg") !important; opacity: 0.5 !important }
.form-surface-view .date-picker-holder:hover,
  .form-surface-view .date-picker-holder:focus,
  .form-surface-view .date-picker-holder:focus-within { border-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .date-picker-holder:hover .datepicker-icon-container .datepicker-icon,
  .form-surface-view .date-picker-holder:focus .datepicker-icon-container .datepicker-icon,
  .form-surface-view .date-picker-holder:focus-within .datepicker-icon-container .datepicker-icon { background-image: url("../../Content/Images/datePicker/calendar-blue.svg") !important; opacity: 0.5 !important }
.form-surface-view .datetime-picker-holder .datepicker-icon-container .datepicker-icon { background-image: url("../../Content/Images/datePicker/date-time.svg") !important; opacity: 0.5 !important }
.form-surface-view .datetime-picker-holder:hover,
  .form-surface-view .datetime-picker-holder:focus,
  .form-surface-view .datetime-picker-holder:focus-within { border-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .datetime-picker-holder:hover .datepicker-icon-container .datepicker-icon,
  .form-surface-view .datetime-picker-holder:focus .datepicker-icon-container .datepicker-icon,
  .form-surface-view .datetime-picker-holder:focus-within .datepicker-icon-container .datepicker-icon { background-image: url("../../Content/Images/datePicker/date-time-blue.svg") !important; opacity: 0.5 !important }
.calendar .ui-datepicker .CalenderMonth td:hover .month-name { background-color: rgba(0, 122, 252, 1) !important }
.calendar .ui-datepicker .CalendarYear td:hover .year-name { background-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .SilverLinkList { background-color: rgba(0, 0, 0, 0) !important; border: none !important }
.form-surface-view .SilverLinkList .simple-list-item { border-left: 1px dashed rgba(208, 208, 208, 1) !important }
.form-surface-view .SilverLinkList .simple-list-item:hover { color: rgba(255, 255, 255, 1) !important; background-color: rgba(0, 122, 252, 1) !important; border-top: 1px solid rgba(0, 0, 0, 0) !important; border-right: 1px solid rgba(0, 0, 0, 0) !important; border-bottom: 1px solid rgba(0, 0, 0, 0) !important; border-left: 1px dashed rgba(154, 202, 60, 1) !important; padding-top: 3px !important }
.form-surface-view .SilverLinkList .simple-list-item.SilverLinkListActive { background: rgba(154, 202, 60, 1) !important; color: rgba(255, 255, 255, 1) !important; border-left: 1px dashed rgba(255, 255, 255, 1) !important }
.form-surface-view .date-picker-holder .datepicker-icon-container.datePickerActionButton, .form-surface-view .datetime-picker-holder .datepicker-icon-container.datePickerActionButton, .form-surface-view .dp-time-picker-holder .time-picker-clock, .form-surface-view .ui-spinner .ui-spinner-button, .form-surface-view .dp-combobox .arrow-down { background-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .date-picker-holder .datepicker-icon-container.datePickerActionButton:hover, .form-surface-view .datetime-picker-holder .datepicker-icon-container.datePickerActionButton:hover, .form-surface-view .dp-time-picker-holder .time-picker-clock:hover, .form-surface-view .ui-spinner .ui-spinner-button:hover, .form-surface-view .dp-combobox .arrow-down:hover { background-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .ui-spinner .ui-spinner-button .ui-button-icon, .form-surface-view .dp-combobox .arrow-down>span { filter: none !important; opacity: 1 !important; border-top-color: rgba(208, 208, 208, 1) !important; border-bottom-color: rgba(208, 208, 208, 1) !important }
.form-surface-view .ui-spinner .ui-spinner-button:hover .ui-button-icon, .form-surface-view .dp-combobox .arrow-down:hover>span { filter: none !important; opacity: 1 !important; border-top-color: rgba(0, 122, 252, 1) !important; border-bottom-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .SilverRichTextDisplay .text-container { padding: 5px !important }
.form-surface-view .dp-tabs { background-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .dp-tabs li.ui-state-default.ui-state-active { border-bottom-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .dp-tabs li .ui-tabs-anchor:hover, .form-surface-view .dp-tabs li.ui-state-default.ui-state-active .ui-tabs-anchor:hover { color: rgba(0, 122, 252, 1) !important }
.form-surface-view .dp-tabs li .ui-tabs-anchor { color: rgba(0, 122, 252, 1) !important }
.form-surface-view .dp-header-panel { border-radius: 0 !important; min-height: 25px !important; overflow: hidden !important }
.form-surface-view .dp-header-panel__header { background: rgba(0, 97, 165, 1) !important; height: 30px !important }
.form-surface-view .dp-header-panel__header .dp-header-panel__title, .form-surface-view .dp-header-panel__header:hover .dp-header-panel__title { color: rgba(255, 255, 255, 1) !important }
.form-surface-view .dp-header-panel__header .dp-svg-angle-down { fill: rgba(255, 255, 255, 1) !important }
.form-surface-view .dp-header-panel__header:hover .dp-svg-angle-down { fill: rgba(255, 255, 255, 1) !important }
.form-surface-view .dp-header-panel__title { font-size: 16px !important; color: rgba(0, 122, 252, 1) !important; font-weight: bold !important; line-height: 30px !important }
.form-surface-view .dp-header-panel__body { padding: 5px !important; border-width: 1px !important; border-color: rgba(208, 208, 208, 1) !important }
.form-surface-view .dp-header-panel__body .silverLabel { font-size: 17px !important; color: rgba(0, 0, 0, 1) !important; font-weight: bold !important }
.form-surface-view .jstree-default a { color: rgba(0, 0, 0, 1) !important }
.form-surface-view .jstree-default a.jstree-hovered { color: rgba(255, 255, 255, 1) !important; background-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .jstree-default a.jstree-clicked { color: rgba(255, 255, 255, 1) !important; background-color: rgba(154, 202, 60, 1) !important }
.jstree-designer .jstree-anchor.jstree-clicked span { color: rgba(255, 255, 255, 1) !important }
.form-surface-view .data-repeater-item-separator { color: rgba(208, 208, 208, 1) !important }
.form-surface-view .dp-compact-merge-editor, .form-surface-view .dp-compact-merge-editor .merge-html-display input { border: none !important }
.form-surface-view .ui-progressbar { border-radius: 30px !important; background-color: rgba(247, 247, 247, 1) !important }
.form-surface-view .ui-progressbar .ui-progressbar-value { background-color: rgba(0, 122, 252, 1) !important; padding: 2px !important; height: 30px !important; border-top-right-radius: 30px !important; border-bottom-right-radius: 30px !important; border: rgba(208, 208, 208, 1) !important }
.form-surface-view input[type="password"], .form-surface-view input[type="text"], .form-surface-view input[type="number"], .form-surface-view textarea, .form-surface-view textarea.ah_addcomment, .form-surface-view .cke_chrome, .form-surface-view .autocomplatebox-main, .form-surface-view .SilverMaskedTextBox, .form-surface-view .date-picker-holder, .form-surface-view .datetime-picker-holder, .form-surface-view .dp-combobox, .form-surface-view .dp-compact-merge-editor .merge-html-display, .form-surface-view .dp-numberspinner-container .ui-spinner, .form-surface-view .dp-signature-pad, .form-surface-view .silver-currency-box .borderedDiv, .form-surface-view textarea.textArea, .form-surface-view .commondropdown, .form-surface-view .SilverDateTimePick, .form-surface-view .SilverTimePicker-1, .form-surface-view .Spinner-CBG, .form-surface-view .datepicker-main, .form-surface-view .fielddatePicker .defaultBorder, .form-surface-view .SilverPasswordBox-1 { border-top: 0 solid rgba(208, 208, 208, 1) !important; border-left: 0 solid rgba(208, 208, 208, 1) !important; border-right: 0 solid rgba(208, 208, 208, 1) !important; border-bottom: 1px solid rgba(208, 208, 208, 1) !important; background-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 1) !important; border-radius: 0 !important }
.form-surface-view input[type="password"]:hover, .form-surface-view input[type="text"]:hover, .form-surface-view input[type="number"]:hover, .form-surface-view textarea:hover, .form-surface-view textarea.ah_addcomment:hover, .form-surface-view .cke_chrome:hover, .form-surface-view .autocomplatebox-main:hover, .form-surface-view .SilverMaskedTextBox:hover, .form-surface-view .date-picker-holder:hover, .form-surface-view .datetime-picker-holder:hover, .form-surface-view .dp-combobox:hover, .form-surface-view .dp-compact-merge-editor .merge-html-display:hover, .form-surface-view .dp-numberspinner-container .ui-spinner:hover, .form-surface-view .dp-signature-pad:hover, .form-surface-view .silver-currency-box .borderedDiv:hover, .form-surface-view textarea.textArea:hover, .form-surface-view .commondropdown:hover, .form-surface-view .SilverDateTimePick:hover, .form-surface-view .SilverTimePicker-1:hover, .form-surface-view .Spinner-CBG:hover, .form-surface-view .datepicker-main:hover, .form-surface-view .fielddatePicker .defaultBorder:hover, .form-surface-view .SilverPasswordBox-1:hover { border-color: rgba(208, 208, 208, 1) !important; background-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 1) !important }
.form-surface-view input[type="password"]:focus,
  .form-surface-view input[type="text"]:focus,
  .form-surface-view input[type="number"]:focus,
  .form-surface-view textarea:focus,
  .form-surface-view textarea.ah_addcomment:focus,
  .form-surface-view .cke_chrome:focus,
  .form-surface-view .autocomplatebox-main:focus,
  .form-surface-view .SilverMaskedTextBox:focus,
  .form-surface-view .date-picker-holder:focus,
  .form-surface-view .datetime-picker-holder:focus,
  .form-surface-view .dp-combobox:focus,
  .form-surface-view .dp-compact-merge-editor .merge-html-display:focus,
  .form-surface-view .dp-numberspinner-container .ui-spinner:focus,
  .form-surface-view .dp-signature-pad:focus,
  .form-surface-view .silver-currency-box .borderedDiv:focus,
  .form-surface-view textarea.textArea:focus,
  .form-surface-view .commondropdown:focus,
  .form-surface-view .SilverDateTimePick:focus,
  .form-surface-view .SilverTimePicker-1:focus,
  .form-surface-view .Spinner-CBG:focus,
  .form-surface-view .datepicker-main:focus,
  .form-surface-view .fielddatePicker .defaultBorder:focus,
  .form-surface-view input[type="password"]:focus-within,
  .form-surface-view input[type="text"]:focus-within,
  .form-surface-view input[type="number"]:focus-within,
  .form-surface-view textarea:focus-within,
  .form-surface-view textarea.ah_addcomment:focus-within,
  .form-surface-view .cke_chrome:focus-within,
  .form-surface-view .autocomplatebox-main:focus-within,
  .form-surface-view .SilverMaskedTextBox:focus-within,
  .form-surface-view .date-picker-holder:focus-within,
  .form-surface-view .datetime-picker-holder:focus-within,
  .form-surface-view .dp-combobox:focus-within,
  .form-surface-view .dp-compact-merge-editor .merge-html-display:focus-within,
  .form-surface-view .dp-numberspinner-container .ui-spinner:focus-within,
  .form-surface-view .dp-signature-pad:focus-within,
  .form-surface-view .silver-currency-box .borderedDiv:focus-within,
  .form-surface-view textarea.textArea:focus-within,
  .form-surface-view .commondropdown:focus-within,
  .form-surface-view .SilverDateTimePick:focus-within,
  .form-surface-view .SilverTimePicker-1:focus-within,
  .form-surface-view .Spinner-CBG:focus-within,
  .form-surface-view .datepicker-main:focus-within,
  .form-surface-view .fielddatePicker .defaultBorder:focus-within,
  .form-surface-view .SilverPasswordBox-1:focus-within { border-color: rgba(208, 208, 208, 1) !important; background-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 1) !important }
.form-surface-view .dp-numberspinner-container .ui-spinner input, .form-surface-view .silver-currency-box .borderedDiv .currency-box-input, .form-surface-view .dp-combobox .dp-combobox__input-container input.dp-combobox__input--has-arrow, .form-surface-view .SilverMaskedTextBox input.SilverAdvancedMaskedTextBox, .form-surface-view .dp-combobox .dp-combobox__input-container input.dp-combobox__input, .form-surface-view .datepicker-main .datepicker-input-conatiner input { border: none !important }
.form-surface-view .silver-currency-box .borderedDiv .currency-symbol { background-color: rgba(0, 0, 0, 0) !important }
.form-surface-view .commondropdown input,
  .form-surface-view .DatepickContainermain input,
  .form-surface-view .SilverDateTimePick input,
  .form-surface-view .SilverTimePicker-1 input,
  .form-surface-view .Spinner-CBG input,
  .form-surface-view .SilverMaskedTextBox input,
  .form-surface-view .SilverPasswordBox-1 input,
  .form-surface-view .commondropdown input:hover,
  .form-surface-view .DatepickContainermain input:hover,
  .form-surface-view .SilverDateTimePick input:hover,
  .form-surface-view .SilverTimePicker-1 input:hover,
  .form-surface-view .Spinner-CBG input:hover,
  .form-surface-view .SilverMaskedTextBox input:hover,
  .form-surface-view .SilverPasswordBox-1 input:hover,
  .form-surface-view .commondropdown input:focus,
  .form-surface-view .DatepickContainermain input:focus,
  .form-surface-view .SilverDateTimePick input:focus,
  .form-surface-view .SilverTimePicker-1 input:focus,
  .form-surface-view .Spinner-CBG input:focus,
  .form-surface-view .SilverMaskedTextBox input:focus,
  .form-surface-view .SilverPasswordBox-1 input:focus,
  .form-surface-view .commondropdown input:focus-within,
  .form-surface-view .DatepickContainermain input:focus-within,
  .form-surface-view .SilverDateTimePick input:focus-within,
  .form-surface-view .SilverTimePicker-1 input:focus-within,
  .form-surface-view .Spinner-CBG input:focus-within,
  .form-surface-view .SilverMaskedTextBox input:focus-within,
  .form-surface-view .SilverPasswordBox-1 input:focus-within { border: 0 none !important }
.dp-combobox-item.selected-item { background-color: rgba(154, 202, 60, 1) !important }
.dp-combobox-item.selected-item span { color: rgba(255, 255, 255, 1) !important }
.dp-combobox-item.selected-item:hover { background-color: rgba(154, 202, 60, 1) !important }
.dp-combobox-item.selected-item:hover span { color: rgba(255, 255, 255, 1) !important }
.dp-combobox-item:hover { background-color: rgba(0, 122, 252, 1) !important }
.dp-combobox-item:hover span { color: rgba(255, 255, 255, 1) !important }
.dropDownMultiSelectItem { background-color: rgba(247, 247, 247, 1) !important }
.datetime-picker-container .ui-datepicker-year, .datepicker-calendar .ui-datepicker-year, .datetime-picker-container .ui-datepicker-month, .datepicker-calendar .ui-datepicker-month { font-weight: bold !important; color: rgba(0, 122, 252, 1) !important }
.datetime-picker-container .hour.selected-hour-minute, .datepicker-calendar .hour.selected-hour-minute, .datetime-picker-container .minute.selected-hour-minute, .datepicker-calendar .minute.selected-hour-minute, .datetime-picker-container .ui-datepicker-calendar .ui-state-active, .datepicker-calendar .ui-datepicker-calendar .ui-state-active { background-color: rgba(0, 122, 252, 1) !important; color: rgba(255, 255, 255, 1) !important }
.datetime-picker-container .minute-value:hover span, .datepicker-calendar .minute-value:hover span, .datetime-picker-container .hour-value:hover span, .datepicker-calendar .hour-value:hover span, .datetime-picker-container td:hover a, .datepicker-calendar td:hover a { background-color: rgba(0, 122, 252, 1) !important; color: rgba(255, 255, 255, 1) !important }
.datetime-picker-container .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .datepicker-calendar .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .datetime-picker-container .timepicker-now-button, .datepicker-calendar .timepicker-now-button { color: rgba(0, 0, 0, 1) !important }
.datetime-picker-container .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover, .datepicker-calendar .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover, .datetime-picker-container .timepicker-now-button:hover, .datepicker-calendar .timepicker-now-button:hover { color: rgba(0, 122, 252, 1) !important; background-color: rgba(0, 0, 0, 0) !important }
.ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected { background-color: rgba(154, 202, 60, 1) !important; color: rgba(255, 255, 255, 1) !important }
.ui-timepicker-wrapper .ui-timepicker-list li:hover { background-color: rgba(0, 122, 252, 1) !important; color: rgba(255, 255, 255, 1) !important }
.tl_done .tl_label td span { color: rgba(154, 202, 60, 1) !important }
tr.tl_circles td em { border: 1px solid rgba(208, 208, 208, 1) !important }
.tl_done em { background-color: rgba(208, 208, 208, 1) !important; border: rgba(208, 208, 208, 1) !important }
.tl_active .tl_label td span { color: rgba(0, 122, 252, 1) !important }
.tl_step .tl_active.tl_single em { border: none !important }
.tl_step .tl_active.tl_single em:after { border: 2px solid rgba(0, 122, 252, 1) !important; background-color: rgba(0, 122, 252, 1) !important }
.dp-form-dialog .ui-dialog-titlebar { min-height: 60px !important; line-height: 60px !important; background-color: rgba(0, 122, 252, 1) !important; border-bottom: 2px solid rgba(208, 208, 208, 1) !important }
.dp-form-dialog .ui-dialog-titlebar .ui-dialog-title { height: 60px !important; line-height: 60px !important; font-family: "Questrial", Arial, sans-serif !important; font-size: 28px !important; font-weight: normal !important; color: rgba(255, 255, 255, 1) !important }
.dp-form-dialog .ui-dialog-titlebar .ui-dialog-titlebar-max:hover { }
.dp-form-dialog .ui-dialog-titlebar .ui-button g { fill: rgba(154, 202, 60, 1) !important }
.dp-form-dialog .ui-dialog-titlebar .dialog-maximize g { stroke: rgba(154, 202, 60, 1) !important }
.dp-form-dialog .ui-dialog-titlebar.ui-state-hover { background-color: rgba(0, 0, 0, 0) !important }
.debugger-button-container .dp-combobox .dp-combobox__input-container .arrow-down { height: 27px !important }
.form-surface-view .SmallNote { font-size: 12px !important; line-height: 16px !important }
.form-surface-view .BoldLabelsGrid .silverLabel, .form-surface-view .BoldLabel { font-weight: bold !important }
.form-surface-view .WhiteLabel { color: rgba(255, 255, 255, 1) !important }
.form-surface-view .instructions { border-bottom: 2px solid rgba(247, 247, 247, 1) !important }
.form-surface-view .Value { border: 1px solid rgba(208, 208, 208, 1) !important; background-color: rgba(255, 255, 255, 1) !important; padding: 3px 4px !important }
.form-surface-view .H1, .form-surface-view .H2, .form-surface-view .H3 { font-family: "Questrial", Arial, sans-serif !important; font-weight: normal !important; line-height: normal !important }
.form-surface-view .H1 { font-size: 24px !important; color: rgba(0, 122, 252, 1) !important }
.form-surface-view .H2 { font-size: 21px !important; color: rgba(0, 122, 252, 1) !important }
.form-surface-view .H3 { font-size: 15px !important; color: rgba(0, 0, 0, 1) !important }
.form-surface-view .BoldH3 { font-size: 17px !important; color: rgba(0, 0, 0, 1) !important; font-weight: bold !important }
.form-surface-view .FormHeader { font-size: 32px !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 0 !important; height: 100% !important; padding-top: 27px !important; padding-left: 30px !important; color: rgba(255, 255, 255, 1) !important; background-color: rgba(0, 122, 252, 1) !important; position: relative !important; -webkit-box-shadow: 0 -9px 20px 5px #a4a4a4 !important; -moz-box-shadow: 0 -9px 20px 5px #a4a4a4 !important; -ms-box-shadow: 0 -9px 20px 5px #a4a4a4 !important; box-shadow: 0 -9px 20px 5px rgba(164, 164, 164, 1) !important }
.form-surface-view .FormHeader:after { content: "" !important; display: none !important; position: absolute !important; top: 10% !important; right: 10px !important; width: 100% !important; height: 80% !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: right !important }
.form-surface-view .FormHeader.H1 { font-size: 32px !important; padding-top: 18px !important }
.form-surface-view .FormHeader.H2 { font-size: 28px !important; padding-top: 20px !important }
.form-surface-view .FormHeader.H3 { font-size: 24px !important; padding-top: 24px !important }
.form-surface-view .FormHeader.Color { color: rgba(255, 255, 255, 1) !important; background-color: rgba(0, 122, 252, 1) !important; border-bottom: none !important }
.form-surface-view .FormHeader.Image:after { display: block !important; opacity: 0.9 !important; width: 40% !important; right: 12px !important; top: 9% !important }
.form-surface-view .FormFooter { background-color: rgba(247, 247, 247, 1) !important; border-top: 1px solid rgba(208, 208, 208, 1) !important }
.form-surface-view .no-scroll-x { overflow-x: hidden !important }
.form-surface-view .no-scroll-y { overflow-y: hidden !important }
.form-surface-view .no-scroll { overflow: hidden !important }
.form-surface-view .GridTableBorder { border: 1px solid rgba(208, 208, 208, 1) !important }
.form-surface-view .FormTitleHeader { background-color: rgba(0, 122, 252, 1) !important }
.form-surface-view .FormTitleHeader .silverLabel { color: rgba(255, 255, 255, 1) !important; font-weight: bold !important }
.custom-page-surface { background-color: rgba(255, 255, 255, 1) !important }
.custom-page-surface, .custom-page-surface * { font-family: "Questrial", Arial, sans-serif !important }
.custom-page-surface .dp-form-button { border: 2px solid rgba(0, 0, 0, 0) !important; background-color: rgba(0, 127, 172, 1) !important; border-radius: 0 !important; font-size: 18px !important; font-weight: bold !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .dp-form-button:hover { background-color: rgba(154, 202, 60, 1) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .PageLabel { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(0, 171, 230, 1) !important; font-size: 20px !important; font-weight: bold !important }
.custom-page-surface .PageLabel:hover { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(0, 127, 172, 1) !important; font-size: 20px !important; font-weight: bold !important }
.custom-page-surface .dp-form-button.SecondaryButton { background-color: rgba(154, 202, 60, 1) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(0, 127, 172, 1) !important; font-size: 20px !important; font-weight: bold !important; text-decoration-line: underline !important; text-decoration-color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .dp-form-button.SecondaryButton:hover { background-color: rgba(0, 127, 172, 1) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .dp-form-button.PrimaryButton { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(255, 255, 255, 1) !important; font-size: 18px !important }
.custom-page-surface .dp-form-button.PrimaryButton:hover { background-color: rgba(0, 127, 172, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .dp-form-button.PlainButton { background-color: rgba(0, 0, 0, 0) !important; border-color: rgba(0, 0, 0, 0) !important; font-size: 20px !important; font-weight: bold !important; color: rgba(111, 98, 90, 1) !important }
.custom-page-surface .dp-form-button.PlainButton:hover { background-color: rgba(0, 127, 172, 1) !important; border-color: rgba(0, 0, 0, 0) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .PageTitleBar { background-color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .PageTitleBar .silver-text-block { font-size: 26px !important; font-weight: bold !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .PageTitleBar .dp-form-button { border-color: rgba(154, 202, 60, 1) !important; background-color: rgba(0, 0, 0, 0) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .PageTitleBar .dp-form-button:hover { border-color: rgba(0, 127, 172, 1) !important; background-color: rgba(154, 202, 60, 1) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-watermarked { width: 100% !important; height: 100% !important; border: 1px solid rgba(0, 127, 172, 1) !important; border-radius: 0 !important; position: relative !important; overflow: hidden !important; padding: 10px 15px !important; box-sizing: border-box !important; background-color: rgba(0, 127, 172, 1) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-watermarked, .custom-page-surface .tile-watermarked * { font-family: "Questrial", Arial, sans-serif !important }
.custom-page-surface .tile-watermarked.one { background-color: rgba(247, 247, 247, 1) !important; border-color: rgba(247, 247, 247, 1) !important; color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .tile-watermarked.two { background-color: rgba(208, 208, 208, 1) !important; border-color: rgba(208, 208, 208, 1) !important; color: rgba(154, 202, 60, 1) !important }
.custom-page-surface .tile-watermarked.three { background-color: rgba(154, 202, 60, 1) !important; border-color: rgba(154, 202, 60, 1) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-watermarked .pt-icon { display: block !important; position: absolute !important; opacity: 0.07 !important; bottom: 5% !important; right: 1% !important; height: 75% !important }
.custom-page-surface .tile-watermarked .pt-title { font-size: 1.5rem !important; font-weight: bold !important; opacity: 0.7 !important; text-align: left !important; letter-spacing: 1px !important }
.custom-page-surface .tile-watermarked .pt-value { text-align: left !important; font-size: 3rem !important; margin: 2px 0 4px !important }
.custom-page-surface .tile-watermarked .pt-description { opacity: 0.5 !important; font-size: 1rem !important }
.custom-page-surface .tile-action { width: 100% !important; height: 100% !important; border: none !important; border-radius: 10px !important; padding: 0 !important; position: relative !important; overflow: hidden !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action, .custom-page-surface .tile-action * { font-family: "Questrial", Arial, sans-serif !important; box-sizing: border-box !important; transition: all 150ms ease-in-out !important }
.custom-page-surface .tile-action .pt-image { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: left top !important; z-index: 2 !important }
.custom-page-surface .tile-action:before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 3 !important; transition: all 300ms ease-in-out !important }
.custom-page-surface .tile-action .pt-wrapper { position: relative !important; z-index: 4 !important; width: 100% !important; height: 100% !important; text-align: left !important; display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-content: center !important; padding: 10px 15px 41px !important }
.custom-page-surface .tile-action .pt-title { width: 100% !important; font-size: 22px !important; font-weight: bold !important; line-height: 100% !important; padding-bottom: 6px !important }
.custom-page-surface .tile-action .pt-description { width: 100% !important; font-size: 16px !important; font-weight: normal !important }
.custom-page-surface .tile-action .pt-action { position: absolute !important; bottom: 0 !important; width: 100% !important; height: 36px !important; padding: 1px 10px 0 !important; display: flex !important; align-items: center !important; font-size: 1rem !important; font-weight: bold !important; text-align: left !important; text-transform: uppercase !important; line-height: 1rem !important; outline: none !important; border-top: none !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; z-index: 4 !important }
.custom-page-surface .tile-action .pt-action:after { content: "" !important; position: absolute !important; top: 12px !important; right: 12px !important; border-top: 0 solid rgba(255, 255, 255, 1) !important; border-right: 2px solid rgba(255, 255, 255, 1) !important; border-bottom: 2px solid rgba(255, 255, 255, 1) !important; border-left: 0 solid rgba(255, 255, 255, 1) !important; padding: 5px !important; transform: rotate(-45deg) !important; -webkit-transform: rotate(-45deg) !important }
.custom-page-surface .tile-action:before { background-color: rgba(0, 127, 172, 1) !important; opacity: 0.5 !important }
.custom-page-surface .tile-action .pt-action { background-color: rgba(154, 202, 60, 1) !important; border-color: rgba(154, 202, 60, 1) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action .pt-action:after { border-color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action:hover { cursor: pointer !important }
.custom-page-surface .tile-action:hover:before { opacity: 0.7 !important }
.custom-page-surface .tile-action:hover .pt-action { cursor: pointer !important; background-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .tile-action:hover .pt-action:after { border-color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .tile-action.one { color: rgba(154, 202, 60, 1) !important }
.custom-page-surface .tile-action.one:before { background-color: rgba(255, 255, 255, 1) !important; opacity: 0.6 !important }
.custom-page-surface .tile-action.one .pt-action { background-color: rgba(247, 247, 247, 1) !important; border-color: rgba(247, 247, 247, 1) !important; color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .tile-action.one .pt-action:after { border-color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .tile-action.one:hover:before { opacity: 0.8 !important }
.custom-page-surface .tile-action.one:hover .pt-action { background-color: rgba(0, 127, 172, 1) !important; color: rgba(247, 247, 247, 1) !important }
.custom-page-surface .tile-action.one:hover .pt-action:after { border-color: rgba(247, 247, 247, 1) !important }
.custom-page-surface .tile-action.two { color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action.two:before { background-color: rgba(154, 202, 60, 1) !important; opacity: 0.4 !important }
.custom-page-surface .tile-action.two .pt-action { background-color: rgba(154, 202, 60, 1) !important; border-color: rgba(154, 202, 60, 1) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action.two .pt-action:after { border-color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action.two:hover:before { opacity: 0.6 !important }
.custom-page-surface .tile-action.two:hover .pt-action { background-color: rgba(255, 255, 255, 1) !important; color: rgba(154, 202, 60, 1) !important }
.custom-page-surface .tile-action.two:hover .pt-action:after { border-color: rgba(154, 202, 60, 1) !important }
.custom-page-surface .tile-action.three { color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action.three:before { background-color: rgba(208, 208, 208, 1) !important; opacity: 0.5 !important }
.custom-page-surface .tile-action.three .pt-action { background-color: rgba(208, 208, 208, 1) !important; border-color: rgba(208, 208, 208, 1) !important; color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action.three .pt-action:after { border-color: rgba(255, 255, 255, 1) !important }
.custom-page-surface .tile-action.three:hover:before { opacity: 0.7 !important }
.custom-page-surface .tile-action.three:hover .pt-action { background-color: rgba(255, 255, 255, 1) !important; color: rgba(208, 208, 208, 1) !important }
.custom-page-surface .tile-action.three:hover .pt-action:after { border-color: rgba(208, 208, 208, 1) !important }
.custom-page-surface .ah_wrapper { background-color: rgba(0, 0, 0, 0) !important }
.custom-page-surface .ah_wrapper, .custom-page-surface .ah_wrapper * { font-family: "Questrial", Arial, sans-serif !important }
.custom-page-surface .ah_wrapper .ah_state_header strong { letter-spacing: 1px !important }
.custom-page-surface .ah_wrapper .ah_state_header time { font-size: 12px !important }
.custom-page-surface .ah_wrapper .ah_state_header .ah-state-label-current { font-size: 10px !important; width: auto !important; padding-left: 5px !important; padding-right: 5px !important }
.custom-page-surface .ah_wrapper .ah_state_content { padding: 10px !important }
.custom-page-surface .ah_wrapper .ah-node-content { font-size: 14px !important; line-height: 16px !important; letter-spacing: 1px !important }
.custom-page-surface .ah_wrapper .dp-primary-action-button { color: rgba(0, 127, 172, 1) !important; font-weight: bold !important }
.custom-page-surface .ah_wrapper .dp-primary-action-button:hover { background-color: rgba(0, 0, 0, 0) !important; color: rgba(41, 62, 64, 1) !important }
.custom-page-surface .ah_wrapper .dp-secondary-action-button.all-action-button { color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .ah_wrapper .dp-secondary-action-button.all-action-button:after { border-top: 0 solid rgba(0, 127, 172, 1) !important; border-right: 2px solid rgba(0, 127, 172, 1) !important; border-bottom: 2px solid rgba(0, 127, 172, 1) !important; border-left: 0 solid rgba(0, 127, 172, 1) !important; padding: 3px !important; transform: rotate(-45deg) !important; -webkit-transform: rotate(-45deg) !important; margin: 0 0 1px 3px !important; background-image: none !important; height: auto !important; width: auto !important }
.custom-page-surface .ah_wrapper .dp-secondary-action-button.all-action-button:hover { background-color: rgba(0, 0, 0, 0) !important; color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .ah_wrapper .dp-secondary-action-button.all-action-button:hover:after { border-color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .ah_wrapper .ah_text_highlight_downloadble { color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .ah_wrapper .ah-node-content p { overflow-y: hidden !important }
.custom-page-surface .reportHeader { border-bottom: 1px solid rgba(208, 208, 208, 1) !important }
.report-title { color: rgba(0, 127, 172, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid * { font-family: "Questrial", Arial, sans-serif !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-hbox, .form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-hbox, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-hbox, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-hbox { background-color: rgba(0, 127, 172, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-hdiv, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-hdiv { border-top: 1px solid rgba(0, 127, 172, 1) !important; border-right: 1px solid rgba(0, 127, 172, 1) !important; border-bottom: none !important; border-left: 1px solid rgba(0, 127, 172, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid .ui-th-div, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid .ui-th-div { color: rgba(255, 255, 255, 1) !important; -webkit-font-smoothing: antialiased !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-resize-ltr:after, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-resize-ltr:after { background-color: rgba(0, 127, 172, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid th:hover, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid th:hover { background-color: rgba(0, 127, 172, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv { border-color: rgba(208, 208, 208, 1) !important }
.custom-page-surface .ReportInlineUrlField, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .DefaultGridAction { color: rgba(154, 202, 60, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.jqgrow td, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.jqgrow td { color: rgba(154, 202, 60, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content { border-bottom: 1px solid rgba(208, 208, 208, 1) !important; background-color: rgba(255, 255, 255, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content.DataGridAltRow, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content.DataGridAltRow { background-color: rgba(255, 255, 255, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover, .form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover.DataGridAltRow, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover.DataGridAltRow { background-color: rgba(208, 208, 208, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover td, .form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover.DataGridAltRow td, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover td, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover.DataGridAltRow td { color: rgba(154, 202, 60, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover .DefaultGridAction, .form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover.DataGridAltRow .DefaultGridAction, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover .DefaultGridAction, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .ui-widget-content:hover.DataGridAltRow .DefaultGridAction { color: rgba(154, 202, 60, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.jqgroup td, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.jqgroup td { background-color: rgba(248, 246, 248, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.jqgroup td .grouping-field-value, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.jqgroup td .grouping-field-value { color: rgba(154, 202, 60, 1) !important }
.custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected.DataGridAltRow, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected:hover { background-color: rgba(208, 208, 208, 1) !important }
.custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected td, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected.DataGridAltRow td, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected:hover td { color: rgba(154, 202, 60, 1) !important }
.custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected .DefaultGridAction, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected.DataGridAltRow .DefaultGridAction, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected:hover .DefaultGridAction { color: rgba(154, 202, 60, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected .left-indicator, .form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected.DataGridAltRow .left-indicator, .form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected:hover .left-indicator, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected .left-indicator, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected.DataGridAltRow .left-indicator, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv tr.grid-row-selected:hover .left-indicator { background-color: rgba(0, 127, 172, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected, .form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected:hover, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected:hover { background-color: rgba(247, 249, 251, 1) !important }
.custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected .left-indicator, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected:hover .left-indicator { background-color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected td, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected:hover td { color: rgba(154, 202, 60, 1) !important }
.custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected .DefaultGridAction, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .left-side-indicator tr.grid-row-selected:hover .DefaultGridAction { color: rgba(154, 202, 60, 1) !important }
.custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid-bdiv .gridCellColumnStyle { background-color: rgba(208, 208, 208, 1) !important }
.form-surface-view .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-htable th:hover, .custom-page-surface .rvsp-expanded-grid-layout .ui-jqgrid .ui-jqgrid-htable th:hover { background-color: rgba(49, 112, 142, 1) !important }
.custom-page-surface .dp-gridview .dp-report-grid-viewer__header { background-color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .dp-report-grid-viewer__header-name { color: rgba(247, 247, 247, 1) !important }
.custom-page-surface .dp-gridview .dp-report-grid-viewer__cell-default-action { color: rgba(51, 51, 51, 1) !important }
.custom-page-surface .dp-gridview .dp-report-grid-viewer__row-holder:hover .dp-report-grid-viewer__cell-default-action { color: rgba(0, 127, 172, 1) !important; text-decoration: underline !important }
.custom-page-surface .dp-gridview .dp-report-grid-viewer__row-holder:hover { color: rgba(51, 51, 51, 1) !important }
.custom-page-surface .dp-report-grid-viewer__header-sortable-column:hover { background-color: rgba(0, 127, 172, 1) !important; border-left-color: rgba(0, 127, 172, 1) !important; border-right-color: rgba(0, 127, 172, 1) !important }
.custom-page-surface .dp-gridview .dp-report-grid-viewer__row-holder:hover { background-color: rgba(208, 208, 208, 1) !important }
.custom-page-surface .dp-gridview .dp-report-grid-viewer__row-holder--selected-background { background-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 1) !important }
.custom-page-surface .tl-carets .tl-step-content, .custom-page-surface .tl-carets .tl-step-details { padding-top: 3px !important }
.custom-page-surface .dp-gridview.NewCompactGrid .dp-report-grid-viewer__header, .custom-page-surface .dp-gridview.NewCompactGrid .dp-report-grid-viewer__row-holder, .custom-page-surface .dp-gridview.NewCompactGrid .dp-report-grid-viewer__cell-content { height: 30px !important; min-height: 30px !important }
.ReportHeaderPanButtonsFilterBar { background: rgba(255, 255, 255, 1) !important }
.form-surface-view .dp-gridview .dp-report-grid-viewer__header { background-color: rgba(0, 127, 172, 1) !important }
.form-surface-view .dp-report-grid-viewer__header-name { color: rgba(247, 247, 247, 1) !important }
.form-surface-view .dp-gridview .dp-report-grid-viewer__cell-default-action { color: rgba(51, 51, 51, 1) !important }
.form-surface-view .dp-gridview .dp-report-grid-viewer__row-holder:hover .dp-report-grid-viewer__cell-default-action { color: rgba(0, 127, 172, 1) !important; text-decoration: underline !important }
.form-surface-view .dp-gridview .dp-report-grid-viewer__row-holder:hover { color: rgba(51, 51, 51, 1) !important }
.form-surface-view .dp-report-grid-viewer__header-sortable-column:hover { background-color: rgba(0, 127, 172, 1) !important; border-left-color: rgba(0, 127, 172, 1) !important; border-right-color: rgba(0, 127, 172, 1) !important }
.form-surface-view .dp-gridview .dp-report-grid-viewer__row-holder:hover { background-color: rgba(208, 208, 208, 1) !important }
.form-surface-view .dp-gridview .dp-report-grid-viewer__row-holder--selected-background { background-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 1) !important }
.form-surface-view .tl-carets .tl-step-content, .form-surface-view .tl-carets .tl-step-details { padding-top: 3px !important }
.form-surface-view .dp-gridview.NewCompactGrid .dp-report-grid-viewer__header, .form-surface-view .dp-gridview.NewCompactGrid .dp-report-grid-viewer__row-holder, .form-surface-view .dp-gridview.NewCompactGrid .dp-report-grid-viewer__cell-content { height: 30px !important; min-height: 30px !important }
.water-marked-tile { width: 100% !important; height: 100% !important; background: rgba(206, 207, 203, 1) !important; border-style: none !important; border-radius: 2px !important; color: rgba(255, 255, 255, 1) !important; font-family: "LatoBlack", "Lato", verdana, sans-serif !important; position: relative !important; overflow: hidden !important; padding: 1rem !important; box-sizing: border-box !important }
.water-marked-tile.secondary-dark { background: rgba(191, 191, 191, 1) !important }
.water-marked-tile.primary-dark { background: rgba(49, 112, 142, 1) !important }
.water-marked-tile.primary-light { background: rgba(54, 124, 156, 1) !important }
.water-marked-tile.primary-black { background: rgba(63, 144, 181, 1) !important }
.water-marked-tile.brand { background: rgba(193, 74, 20, 1) !important }
.water-marked-tile.brand-2 { background: rgba(188, 138, 52, 1) !important }
.water-marked-tile .pt-icon { display: block !important; position: absolute !important; opacity: 0.2 !important; bottom: 25% !important; right: 6% !important; height: 50% !important }
.water-marked-tile .pt-icon { display: block !important; position: absolute !important; opacity: 0.1 !important; bottom: -1rem !important; right: -1rem !important; height: 100% !important }
.water-marked-tile .pt-title { text-align: left !important; opacity: 0.7 !important; margin: 0 0 0.8rem !important; font-size: 1.4rem !important }
.water-marked-tile .pt-value { text-align: left !important; font-size: 3rem !important; margin-bottom: 0.5rem !important }
.water-marked-tile .pt-description { opacity: 0.5 !important; font-size: 1rem !important }
.water-marked-tile .pt-action { border: none !important; outline: none !important; background: rgba(0, 0, 0, 0) !important; color: rgba(255, 255, 255, 0.5) !important; width: 100% !important; height: 3rem !important; line-height: 3rem !important; font-size: 1.2rem !important; padding: 0 1rem !important; position: absolute !important; bottom: 0 !important; text-align: left !important; display: flex !important; flex-direction: row !important; align-content: center !important }
.water-marked-tile .pt-action__text { flex: 1 1 auto !important }
.water-marked-tile .pt-action__icon { display: none !important }
.water-marked-tile .pt-meter { position: relative !important; margin-bottom: 1rem !important; width: 100% !important; height: 0.2rem !important; background: rgba(0, 0, 0, 0.3) !important }
.water-marked-tile .pt-meter__value { background: rgba(255, 255, 255, 1) !important; width: 35% !important; height: 100% !important }
.logout { font-size: 5px !important; text-transform: none !important; background-color: rgba(0, 127, 172, 1) !important; color: rgba(255, 255, 255, 1) !important }
.logout:hover { background-color: rgba(165, 204, 71, 1) !important }
.linkbutton { background-color: rgba(0, 127, 172, 1) !important; color: rgba(255, 255, 255, 1) !important; padding: 2px 5px !important; text-align: center !important; text-decoration: none !important; display: inline-block !important }
.linkbutton:hover { background-color: rgba(165, 204, 71, 1) !important }
.dp-login-panel__logo-image { margin: 0 0 20px !important; height: 145px !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; text-indent: 100% !important; white-space: nowrap !important; overflow: hidden !important; font-size: 1px !important }
.folderImg:hover { filter: brightness(135%) saturate(138%) hue-rotate(252deg) !important; transform: scale(1.02) !important; cursor: pointer !important }
.folderImg1:hover { filter: invert(36%) sepia(100%) saturate(447%) hue-rotate(150deg) brightness(91%) contrast(60%) !important; transform: scale(1.02) !important; cursor: pointer !important }