/*
 *   Flat styles of the UI
 *   Added 25/6/2019
 */


.ui-tabs .ui-tabs-nav {
    background-color: #F4F5F7;
    height: 35px;
}

.ui-widget-content {
    font-size: 14px;
}
#worklogDialogContainer .ui-widget-content {
    color: #4F4F4F;
}
#estimateDialogTabs .ui-widget-content {
    color: #4F4F4F;
}
#estimateDialogTabs {
    min-width: 360px;
}
.issuePanel, .dasboardContainer {
    box-shadow: none;
}
.backgroundStyle {
    background-color: #FFFFFF;
}

.ui-layout-pane {
    padding: 0;
}

.group-button-text {
    font-size: 14px;
    text-transform: capitalize;
    color: rgb(66, 82, 110);
    font-weight: 400;
}

#trackFiltersContainer .issueFilterGroup {
    color: #3E4D67;
    font-weight: 600;
    padding: 0;
}

.ui-buttonset .ui-button.ui-state-active {
    background-color: #EFF8FF;
    color: rgb(0, 82, 204);
}
.ui-buttonset .ui-button.ui-state-active .group-button-text {
    color: rgb(0, 82, 204);
}
.plan .button-group-wrap .ui-button,
.work .button-group-wrap .ui-button {
    box-shadow: none;
    border-bottom: 1px solid;
    border-color: transparent;
    border-radius: 0;
}
.group-button-img {
    margin-left: 10px;
    margin-left: 5px;
}
.button-group-wrap .ui-button {
    background-color: inherit;
}
.plan .button-group-wrap .ui-button .ui-button-text:hover,
.work .button-group-wrap .ui-button .ui-button-text:hover {
    background-color: rgb(235, 236, 240);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .menuButton a.selectedMenu {
    color: #027AFF;
    border-bottom: 2px solid #027AFF;
}
.headerNav .menuButton a {
    font-weight: 400;
}
.headerNav .menuButton a:hover {
    color: rgb(0, 82, 204);
}
.headerNav .menuButton a.selectedMenu {
    font-weight: 500;
    color: rgb(0, 82, 204);
    border-bottom: none;
}

#issueFiltersContainer {
    padding: 16px 0 16px 16px;
}
div#issueFiltersContainer select {
    /* show proper select dropdown height & no icon while data is loading */
    height: 27px;
    background-image: none;
}
.select2-container .select2-choice {
    border: 1px solid #dadada;
    border-radius: 3px;
}
.select2-container .select2-choice .select2-arrow {
    border-left: 1px solid #dadada;
    border-left: none;
}
.select2-results .select2-highlighted {
    background: #F4F5F7;
    color: inherit;
}
.filerByMe:hover, .inlineAction:hover {
    color: rgb(0, 101, 205);
    text-decoration: underline;
}
.ui-accordion .ui-accordion-header a {
    font-size: 14px;
    vertical-align: initial;
}

.ui-accordion .ui-accordion-header .ui-icon {
    margin-top: 3px;
}

.userCell {
    color: rgb(23, 43, 77);
    font-weight: 500;
}
.work .userCell {
    height: 30px;
}
.fc-event, .fc-event-skin {
    color: rgb(23, 43, 77);
}
.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #dadada;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f4f4f4 none;
}
#issueExtraContainer label {
    font-weight: 400;
    font-size: 14px;
}

#jqlSearch {
    height: 20px;
}
.ui-layout-resizer {
    border-left: 3px solid transparent;
    border-right: 1px solid #DDDDDD;
    background: none;
    cursor: col-resize !important;
    width: 0;
}
.ui-layout-resizer-open-hover,
.ui-layout-resizer-dragging {
    border-right: 3px solid #027AFF;
}
.ui-layout-pane.ui-layout-pane-west .ps-scrollbar-y-rail {
    margin-right: -2px; /* display scroller closer to the right side */
    margin-top: 3px;
}
.issueImage {
    opacity: 0.8;
    /*margin-right: 1px;*/
}
.issuePriorityImage {
    float: right;
}
.button {
    background: rgb(0, 82, 204);
    border: 1px solid rgb(221, 221, 221);
    color: #FFFFFF;
    border-radius: 3px;
    text-decoration: none;
}
.button:hover:not(.export-excel-button, .export-web-button, .export-bookmark-button, .export-timesheet-button, .workExportWorklogsToExcelButton),
.button:focus:not(.export-excel-button, .export-web-button, .export-bookmark-button, .export-timesheet-button, .workExportWorklogsToExcelButton) {
    background: #1266FD;
}
.button:hover:not(.export-excel-button, .export-web-button, .export-bookmark-button, .export-timesheet-button) {
    background: #1266FD;
    color: #FFFFFF;
    text-decoration: none;
}
.button2 {
    background: #008E5F url(../icons/ic_excel.svg) no-repeat left 10px top 6px;
    color: #ffffff;
    text-transform: capitalize;
    border: none;
    line-height: 28px;
    font-size: 14px;
    height: 28px;
    min-width: 0;
    margin: 0;
}
.button2:hover {
    background: #018559 url(../icons/ic_excel.svg) no-repeat left 10px top 6px;
}
.right-content {
    margin-top: 0;
    margin-left: 40px;
}
.config_title, .report .content_title, .report .report_title {
    font-weight: 400;
    text-transform: capitalize;
    color: rgb(23, 43, 77);
    font-size: 21px;
}

.report_title {
    text-transform: none!important;
}

.sub_title {
    font-size: 18px;
}
.reportSubmitForm {
    margin-top: 15px;
}
.prop .name, .prop .value {
    font-size: 14px;
}
.no-left-margin {
    margin-left: 0;
}

.left_nav_panel {
    width: 330px;
    min-width: 270px;
    line-height: 45px;
    margin-left: 10px;
}

.tabButton {
    /*display: table-caption;*/
    display: block;
    width: 265px;
    height: 50px;
    border-bottom: 1px solid #ebe9e9;
    cursor: pointer;

}

.tabButton a {
    margin-left: 10px;
    color: #3d3d3d;

    font-size: 15px;
    font-weight: 400;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.selectedTab {
    border-left: 3px solid rgb(20, 73, 163);
    background-color: #F4F5F7;
}
.selectedTab .tabButton a {
    color: #0052CC;
}
a {
    text-decoration: none;
    color: #0052cc;
}
a:hover {
    text-decoration: underline;
}
.tabButton a:hover, .menuButton a:hover, .track .ts-change-view:hover {
    text-decoration: none;
}
.tabButton:hover {
    background: #fafafa;
}
.tableHeader {
    background-color: #F4F5F7 !important;
    border: 1px solid #EAEBEF !important;
}
.message {
    background-color: #fafafa;
    border: 1px solid #EEEEEE;
    color: #333;
}

.schedule-button-action:hover, .auto-bulk-all-team-button:hover {
    background: #fafafa;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #d2dbf4;
    background: #e7f2ff;
}

.work .issuePanel {
}
.work .searchIssue {
    border-bottom: none;
    margin-bottom: 5px;
    display: flex;
}
.plan .filterLabel.filterLabelSearch, .work .filterLabel.filterLabelSearch {
    color: rgb(94, 108, 132);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.work .fc-button-create-new-worklog, .work .fc-button-start-stopwatch, .track .fc-button-start-stopwatch, .track .fc-button-create-new-worklog {
    background-color: #12B76A !important;
    color: #FFFFFF;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    float: left;
    height: 28px;
}
.work .fc-button-create-new-worklog:hover,
.work .fc-button-start-stopwatch:hover,
.track .fc-button-create-new-worklog:hover,
.track .fc-button-start-stopwatch:hover {
    background: #039855 !important;
    color: #FFFFFF;
    text-decoration: none;
}

.work .tableHeaderTitle {
    color: #3E4D67;
    font-weight: 400;
}

.track .trackLeftFilters .button-group-wrap .ui-button {
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.track .currentMonth {
    margin-top: -6px;
}
.track .trackLeftTabButtons {
    margin-top: 3px;
}
.track #current-tab {
    color: rgb(0, 101, 205);
    border-bottom: none;
}
.track #ts-tab-title {
    border-bottom: none;
}
.track #ts-empty-table {
    font-weight: 400;
    font-size: 21px;
}
.track .ts-quick-button {
    background-color: #F4F5F7;
    border: 1px solid #ddd;
    font-size: 14px;
}
.track .ts-quick-button:hover {
    background-color: #F4F5F7;
}
.track .trackLeftFilters {
    box-shadow: none;
    border-right: 1px solid #ddd;
    min-height: 98%;
}

.track .ui-widget-header {
    border-bottom: 2px solid #ddd!important;
    box-shadow: none;
}
.report .table_report {
    margin-bottom: 20px;
}

.plan .fullForm .workloadNoHours, .plan .fullForm .workloadWeekend {
    background-color: inherit;
}

.ui-draggable .ui-dialog-titlebar {
    font-size: 18px;

    /*better, problem with create issue dialog:*/
    height: 28px;
    line-height: 28px;

    border-bottom: 1px solid #ebe9e9;
    /*border-bottom: none;*/
    background-color: white;

    border-radius: 4px 4px 0 0;
}
.ui-dialog .ui-dialog-title {
    /*color: #3d3d3d;*/
    color: #172b4d;
    font-style: normal;
    font-size: 17px !important;
    font-weight: 500;
    line-height: 17px;
    text-transform: capitalize;
}
.ui-dialog-content .title-div {
    font-weight: 400;
    padding-top: 10px;
}
.select2-container-multi.select2-container-active .select2-choices {
    border-color: #dddddd;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#eventDialog, .panelContent label, #eventManager .newItemBlank,
#eventManager .ui-widget input,
#eventManager .ui-widget select, #eventManager .ui-widget textarea,
#eventManager  .ui-widget button {
    font-size: 14px;
}
.ui-dialog-buttonset .ui-button, .track .bookmark-button {
    color: #FFFFFF;
    border-radius: 4px;
    text-decoration: none;
}
.ui-dialog-buttonset .ui-button:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.ui-dialog-buttonset .ui-button .ui-button-text {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0;
}
.ui-datepicker th {
    font-weight: 400;
}
.ui-datepicker-calendar .ui-state-active {
    text-shadow: none;
    font-weight: normal;
}
.ui-datepicker-current-day .ui-datepicker-calendar .ui-state-active {
    color: #5F83B9;
    text-shadow: none;
    font-weight: normal;
}
.ui-datepicker-header.ui-widget-header {
    box-shadow: none;
    border-bottom: none;
    background-color: transparent;
    padding-bottom: 1px;
}
.ui-datepicker table .ui-state-hover {
    font-weight: normal;
    background: #3578F6;
    border-color: #3578F6;
}
.ui-datepicker-calendar .ui-state-active {
    background: #3578F6;
    border-color: #3578F6;
}
.ui-datepicker .ui-state-highlight {
    color: #0B52C8;
    border: 1px solid #0b52c870 !important;
    border-radius: 4px !important;
}
.ui-datepicker table {
    text-align: center;
    table-layout: fixed;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background: url(../icons/ic_arrow-down.svg) no-repeat right;
    width: 48%;
}
.ui-datepicker select.ui-datepicker-year {
    margin-left: 4px;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    border-radius: 4px;
}
.ui-datepicker-calendar .ui-state-active {
    background: #3578F6;
    border-color: #3578F6;
}
.ui-datepicker-calendar th {
    color: #8D99B3;
}
.ui-datepicker-week-col {
    color: #8D99B3;
    background-color: #F4F6F8;
    margin-left: 2px;
}
.ui-datepicker table > thead > tr > th.ui-datepicker-week-col {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.ui-datepicker table > tbody > tr:nth-child(5) > td.ui-datepicker-week-col {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.timelineTeamLabel {
    text-transform: uppercase;
    font-weight: 500;
}
.plan .issuePanel .ui-widget-header {
    box-shadow: 0 0px 1px 0px silver;
}
.plan .ui-tabs .ui-tabs-nav li,
.track .ui-tabs .ui-tabs-nav li{
    padding-top: 10px;
}
.plan #jira-issue-action-switcher .ui-tabs .ui-tabs-nav li,
.work #jira-issue-action-switcher .ui-tabs .ui-tabs-nav li {
    padding-top: 0;
}

.plan .ui-tabs .ui-tabs-nav li a {
    padding-bottom: 7px;
}

.plan .ui-layout-center .ui-layout-north {
    height: 51px;
}
.plan #subNorthPanel {
    padding-top: 15px;
}
.track #subNorthPanel {
    padding-top: 0;
}
.issue-tooltip-header {
    min-height: 40px;
    line-height: 40px;

    background-color: white;
    border-bottom: 1px solid #EAEDF0;
    color: #3E4D67;
}
.issue-tooltip-title {
    margin-top: 14px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #3E4D67;
}
.fc-event {
    font-size: 13px;
}
.fc-event:hover .ui-resizable-handle {
    display:block !important;
}

.user-menu-image .user-avatar {
    background-size: 100%;
}
.userRoleLabel {
    font-weight: 400;
    padding-bottom: 1px;
    display: inline-block;
    vertical-align: bottom;
}
.userRoleDescr {
    max-width: 800px;
    margin-top: 4px;
    display: inline-block;
}
.work .user-real-name-element {
    font-size: 20px;
    color: #333333;
    max-width: 300px;
}
.work .switchUserView {
    margin-top: 8px;
}
.work .switchMeBack {
    color: #498fe1;
}
.work .switchMeBack:hover {
    border-bottom: none;
    color: #498fe1;
}
.work .userCell .user-position {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 1px !important;
}
.projectAvatarIcon {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    border-radius: 5px;
    border: none;
    opacity: 0.9;
    vertical-align: middle;
}
.connectProjectCheckbox {
    width: 20px;
    margin-right: 2px;
    margin-bottom: 3px;
    display: inline-block;
    vertical-align: middle;
}
.connectProjectLabel {
    cursor: pointer;
}
.ts-period-selector-dropdown {
    font-size: 13px;
}
.admin .syncNoChangesMessage {
    margin: 0;
    width: 100%;
    max-width: 900px;
    text-align: center;
    font-size: 12px;
}

.activitytimelineMessage {
    display: none;
}
.jqte_title {
    display: none !important; /* hide Issue Description editor toolbar tooltips */
}

/* plus icon for timeline cell background on mouse over */
.plan .fc-grid td.ui-widget-content, .dashboard .fc-grid td.ui-widget-content {
    background-image: url("../add-background.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0;

    -webkit-transition: background 800ms ease-in-out;
    -moz-transition: background 800ms ease-in-out;
    -ms-transition: background 800ms ease-in-out;
    transition: background 800ms ease-in-out;
}
.plan .fc-grid td.ui-widget-content:hover, .dashboard .fc-grid td.ui-widget-content:hover {
    background-size: 15%;
}

#toast-container > div {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 0 12px #a7bdd0;
    color: #0052CC;
    color: #004297;
    color: #172b4d;
}
#toast-container > div:hover {
    box-shadow: 0 0 12px #778a9a;
}
#toast-container > .toast-info {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAH+SURBVEhLtZXPL2NRFMfPeeJH6jEUCZkuMG3s8T9YalnzB7CRjJjEwlaKzNq6lmO8sqH2dsxyJtNSm7JAJibTitD0OLfv6PPcvjdofZLbe763L+f77rn33Ytjc1F4Twzp3w3fGeQiVlPhMh/j1xhHgmF+PGT/QzlC+IEAyUCXmQxlYnf2uI6nQSa4MUkEKxwO2iPVIYATg2Ahcj21JUMutBKl+q2GdEdijZNvsvRNruBZfOLZfE93JlZTN5aWTxsYuP4XB8TPIl8Bzg+GCssiKrgMVFneltyGiBZ+dyZcNa8YqAUtEcRFarS3IOzPBCDFra2ZC+MBgvFV5RLpGKjdouopUqO3HSHcbUCEW+8HbwOex8DNVX5chGNgIPh+cemLEsxu3sLMt1vIcOwLgW7A221EQk92fxZh71dRlA8IoxK5FrlPek+yS2a5vYCP0rsM6kmlhk8NzqWvHXJyOWuAcCRh7SAdSuQYqINLwtoh3JbIMQg2mBZ3x7aqzvrBXbn9h2ygx9yR2H2aZjo2JtTBJfJNUImiQ3+n9Rko7COX1kS+GgSMP02ucBkoTs/avvCjqyJfDCKuZM9aF0VW8Lxw1KnIb6SMwvaIJ8dclvnnb/6I75V51WM1/inmo3K2jHAN7CuTIMe/alsng43mdvdl7L48XgVfg3qgrUF9AXgAGKOb93BWlwMAAAAASUVORK5CYII=') !important;
}
.toast-close-button {
    color: #607D8B;
}
.toast-progress-info {
    background-color: rgba(2, 122, 255, 1);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
}
#toast-container > .toast-info {
    background-color: rgba(246, 250, 255, 1);
    background-image: url(../icons/ic_toastr_info.svg) !important;
}
#toast-container > .toast-error {
    background-color: rgba(255, 246, 246, 1);
    background-image: url(../icons/ic_toastr_error.svg) !important;
}
#toast-container > .toast-warning {
    background-color: rgba(255, 248, 240, 1);
    background-image: url(../icons/ic_toastr_warning.svg) !important;
}
#toast-container > .toast-success {
    background-color: rgba(251, 255, 253, 1);
    background-image: url(../icons/ic_toastr_success.svg) !important;
}
#toast-container > div {
    width: 325px;
    box-shadow: 0 0 12px 0 rgba(12, 33, 69, 0.16);
    background-position: 10px 12px!important;
    background-size: 33px;
    background-image: url(../icons/ic_toastr_info.svg) !important;
}
.toast-progress-error {
    background-color: rgba(212, 25, 13, 1);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
}
.toast-progress-warning {
    background-color: rgba(231, 125, 0, 1);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
}
.toast-progress-success {
    background-color: rgba(45, 191, 129, 1);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
}
.toast-message a, .toast-message a.issueLink {
    color: #1266FD;
}
.toast-message b {
    font-weight: 500;
}
.message {
    background: #f3f8fc url(../skin/info.png) 12px 50% no-repeat;
    align-items: center;
    border-radius: 6px;
    line-height: 20px;
    padding: 10px 14px 10px 40px;
}

.message2 {
    background: #F4F6F8 url(../icons/ic_toastr_vector.svg) 18px no-repeat;
    border-radius: 6px;
    line-height: 20px;
    border: 0;
    margin: -5px 0px 0px 0px;
    width: 880px;
    padding: 10px 0 10px 48px;
    background-size: 16px;
}

.log-work-issue-title {
    padding-bottom: 5px;
    display: block;
}
.bulk-header {
    color: rgb(94, 108, 132);
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 5px;
    margin-bottom: 5px;
}
.leftAlignText {
    text-align: left;
}
.ui-widget-overlay, .ui-widget-overlay.ui-widget-overlay-tour {
    opacity: 0.5;
    background: #ffffff;
}
.ui-dialog {
    border: 1px solid #F4F6F8;
    border-radius: 8px;
    box-shadow: 0 0 1px 0 rgba(12, 33, 69, 0.32), 0 0 18px 0 rgba(12, 33, 69, 0.16) !important;
    background-color: white !important;
}
.red-button {
    background-color: #d24444;
}
.red-button:hover {
    background-color: #e74a4a;
}
.ui-state-default .ui-icon.ui-icon-triangle-1-w {
    background: url('../icons/arrow_left.svg') center center;
    height: 26px;
    width: 26px;
}
.ui-state-default .ui-icon.ui-icon-triangle-1-e {
    background: url('../icons/arrow_right.svg') center center;
    height: 26px;
    width: 26px;
}
.issueAccordionInfo.ui-state-default .ui-icon.ui-icon-triangle-1-e,
.issueAccordionInfo.ui-state-default .ui-icon.ui-icon-triangle-1-s,
.issueAccordionInfo.ui-state-default .ui-icon.ui-icon-triangle-1-w {
    height: 24px;
    width: 18px;
    margin-right: 3px;
}

.ui-state-default .ui-icon.ui-icon-circle-triangle-w {
    background: url('../icons/arrow_left_double.svg') center center;
    height: 26px;
    width: 26px;
}
.ui-state-default .ui-icon.ui-icon-circle-triangle-e {
    background: url('../icons/arrow_right_double.svg') center center;
    height: 26px;
    width: 26px;
}

#qtip-overlay div {
    background-color: #fff;
}

.blueButton {
    padding: 0 12px;
    border-radius: 4px;
    background-color: #027AFF !important;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px !important;
    border: none !important;
    text-transform: capitalize;
    line-height: 32px;
    height: 32px;
}

.blueButton:hover {
    background-color: #006EE8 !important;
}

.blueButton:active {
    box-shadow: 0 0 4px 0 rgba(0, 110, 232, 0.40);
}

.greenButton {
    padding: 0 12px;
    border-radius: 4px;
    background-color: #008E5F;
    color: #FFFFFF !important;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    border: none;
    text-transform: capitalize;
    line-height: 32px;
    height: 32px;
}

.greenButton:hover {
    background-color: #018559;
}

.greenButton:active {
    box-shadow: 0 0 4px 0 rgba(13, 167, 101, 0.40);
}

.logWorkButton {
    border-radius: 4px;
    border: 1px solid #D0D5DD;
    color: #0da765 !important;
    background-color: #fff;
    padding: 3px 7px;
    line-height: 20px;
}

.logWorkButton:hover {
    background-color: #f0fff4;
    text-decoration: none;
}

.whiteButton {
    padding: 0 11px;
    border-radius: 4px;
    border: 1px solid #D0D5DD !important;
    background-color: #FFFFFF !important;
    font-weight: 500;
    font-size: 14px !important;
    color: #3E4D67 !important;
    cursor: pointer;
    text-transform: capitalize;
    line-height: 30px;
    height: 30px;
}

input.whiteButton, .buttons button.whiteButton {
    line-height: 32px;
    height: 32px;
    vertical-align: -1px;
}

.whiteButton .ui-button-text {
    color: #3E4D67 !important;
    font-weight: 500;
}

.whiteButton:hover {
    background-color: #F4F6F8 !important;
    text-decoration: none;
}

.whiteButton:active {
    box-shadow: 0 0 4px 0 rgba(208, 213, 221, 0.50);
}

.redButton {
    padding: 0 12px;
    border-radius: 4px;
    background-color: #E42012 !important;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    border: none;
    text-transform: capitalize;
    line-height: 32px;
    height: 32px;
}

.redButton:hover {
    background-color: #C71A0E !important;
}

.redButton:active {
    box-shadow: 0 0 4px 0 rgba(228, 32, 18, 0.40);
}

.redOutlineButton {
    padding: 0 11px;
    border-radius: 4px;
    border: 1px solid #E42012 !important;
    color: #E42012 !important;
    font-size: 14px;
    background-color: #FFFFFF !important;
    cursor: pointer;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 30px;
    height: 30px;
}

input.redOutlineButton, .buttons button.redOutlineButton {
    line-height: 32px;
    height: 32px;
    vertical-align: -1px;
}

.redOutlineButton .ui-button-text {
    color: #E42012 !important;
}

.redOutlineButton:hover {
    background-color: #FEF3F2 !important;
}

.redOutlineButton:active {
    box-shadow: 0 0 4px 0 rgba(228, 32, 18, 0.40);
}