.component-header {
    background: #E0E1E2 none;
    margin-bottom: 10px;
    padding: 10px 16px;
    border-radius: 4px 4px 0 0;
}

.component-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}div.scroll-panel {
    border : 1px solid rgba(34, 36, 38, 0.15);
    padding: 10px;
}
.banded-discount-dialog table,
.banded-discount-dialog tr,
.banded-discount-dialog td,
.banded-discount-dialog th
 {
    vertical-align: top;
}
.checkbox-tree {
    margin: 0;
    padding: 0;
    list-style: none;
}

.checkbox-tree li {
    margin: 8px 0;
}

.checkbox-tree li:last-child {
    margin: 8px 0 0 0;
}

.checkbox-tree li:first-child {
    margin: 0 0 8px 0;
}

.checkbox-tree .handle {
    cursor: pointer;
}

.sub-list {
    margin: 8px 0 0 45px;
}

.agent-selection-item {
    transition: background-color 0.2s ease;
}

.agent-selection-item:hover {
    background-color: #f5f5f5;
}

.office-selection-item {
    transition: background-color 0.2s ease;
}

.office-selection-item:hover {
    background-color: #fafafa;
}
.save-error-container {
    margin-top: 10px;
    margin-bottom: 10px;
}.save-and-back-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 16px 0;
}

.back-link {
    color: #1890ff;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s;
}

.back-link:hover {
    color: #40a9ff;
    text-decoration: none;
}

.back-link:active {
    color: #096dd9;
}.right-align {
    text-align: right; 
}

.middle-valign {
    margin: auto 0;
}

.checkbox-list div.ui.checkbox {
    display: block;
    margin: 10px 0;
}

.checkbox-list div.search-section {
    margin-bottom: 10px;
}

.checkbox-list div.ui.checkbox.select-all {
    margin-bottom: 20px;
}

.checkbox-list div.ui.checkbox:last-child {
    display: block;
    margin: 10px 0 0 0;
}

.checkbox-list div.ui.checkbox:first-child {
    display: block;
    margin: 0 0 10px 0;
}

.sentence-dropdown {
    margin-bottom: 10px; 
}

.discount-search-box {
    margin-bottom: 10px;
}.clear {
    clear: both; 
}

.right-align {
    text-align: right; 
}/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
.rates-container {
    position: relative;
    width: 100%;
}

.rates-viewport {
    margin-top: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

.rates-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    table-layout: fixed;
}

.rates-table td,
.rates-table th {
    border: 1px solid #d9d9d9;
    padding: 12px 16px;
    text-align: left;
    font-size: 14px;
}

.rates-table td {
    background-color: #fff;
}

.rates-table td:first-child, 
.rates-table th:first-child {
    width: 18em;
    background-color: #fafafa;
    font-weight: 600;
    color: #262626;
    border-right: 2px solid #d9d9d9;
    position: sticky;
    left: 0;
    z-index: 1;
}

.rates-table td:not(:first-child), 
.rates-table th:not(:first-child) {
    text-align: center;
}

.rates-table th {
    background-color: #fafafa;
    font-weight: 600;
    text-align: center;
    color: #262626;
    white-space: normal;
    word-wrap: break-word;
}

.rates-table th.empty-cell {
    background-color: #fff;
    border: none;
}

.rates-table tbody tr:hover td:not(:first-child) {
    background-color: #f5f5f5;
}

.rates-table tr.selected td, 
.rates-table tr.selected th,
.rates-table col.selected {
    background-color: #fffacd;
}

.rates-table tr.selected td.highlight {
    background-color: #ffff8f;
}

.rates-table td.input-cell {
    padding: 0;
}

.rates-table td.input-cell input[type='text'] {
    min-width: 100px;
    width: 100%;
    margin: 0;
    padding: 12px 16px;
    border: none;
    text-align: center;
    background: transparent;
    font-size: 14px;
}

.rates-table td.input-cell input[type='text']:focus {
    outline: 2px solid #1890ff;
    outline-offset: -2px;
    background-color: #fff;
}

.rates-container .discount-date-widget {
    margin-bottom: 16px;
}

.agent-commission-section .footer {
    text-align: right; 
    padding: 0.5em 0 0.5em; 
}

.agent-commission-section .footer .ui.button {
    margin-right: 0;
}

.agent-commission-section .ui.icon.message > .icon {
    line-height: 0; 
}.back-link {
    color: #1890ff;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s;
}

.back-link:hover {
    color: #40a9ff;
    text-decoration: none;
}

.back-link:active {
    color: #096dd9;
}.agent-list {
    max-width: 100%; 
}
.agent-list .ant-row{
    margin-top: 20px;
}
.agent-list .ui.cards > .card, .ui.card {
    min-height: 6.5em;  
}

.agent-list .ant-alert-info{
    background: #F8FFFF;
    color: #276F86;
    box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
    width: 60em;
    border:none!important;
}

.agent-list .ant-alert-message{
    color: #0E566C;
    display: block;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: -0.14285714em 0em 0rem 0em;
}
.agent-list .ant-alert-description{
    color: #276F86!important;
}

.agent-list .eleven.wide.column{
    width: 35%!important;
}.sidebar {
    position:fixed;
    left: 0;
    top: 47px;
    width: 1px;
    height: calc(100% - 47px);
    overflow-y: auto;
    overflow-x: hidden;
    background: #1B1C1D;
    transition: all 0.30s ease;
    opacity: 0;
    scrollbar-color: #767676;
    z-index: 1000;
}

.sidebar::-webkit-scrollbar-thumb {
    background: #767676;
}

.sidebar.show {
    opacity: 1;
    width: 225px;
}

.sidebar-closed {
    position: fixed;
    left: 0;
    top: 47px;
    width: 1px;
    height: calc(100% - 47px);
    background: #1B1C1D;
    opacity: 0;
    text-align: center;
}

.sidebar-closed:hover {
    background: #313233;
}

.sidebar-closed.show {
    opacity: 1;
    width: 24px;
    transition: all 0.10s ease;
}

.sidebar-closed > .title{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: white;
    height: 100%;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.sidebar-menu {
    width: 13.7rem !important;
}

.close {
    float: right;
    padding: 3px;
    z-index: 999999999;
    position: relative;
    width: 100%;
    text-align: center;
    color: #2185D0;
    margin-bottom: 5px;
    background: #1B1C1D;
}

.close > .icon {
    cursor: pointer;
    padding-top: 0;
}

.menu > .item.active {
    background-color: rgba(255, 255, 255, 0.3) !important;
}


/* JB: Fix for sticky containers when having a long page */
.ui.fixed.top.sticky, .ui.bound.bottom.sticky {
    top: 47px !important;
    bottom: auto !important;
    position: fixed !important;
    left: auto !important;
    right: auto !important;
}

.new-row td {
  background-color: #fcf5d5;
}:where(.ant-menu-dark), :where(.ant-menu-dark) .ant-menu {
    background: transparent !important;
}

.sidebar-menu {
    width: 13.7rem !important;
}.pricelist {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.pricelist > .header {
    position: fixed;
    top: 47px;
    height: 50px;
    padding: 5px 0;
    box-sizing: border-box;
}

.pricelist > .content {
    margin-top: 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    overflow-x: hidden;
}

.pricelist > .footer {
    position: fixed;
    bottom: 0;
    height: 45px;
    background-color: white;
    padding-top: 5px;
    box-sizing: border-box;
}.content > .row {
    margin: 0 !important;
    padding: 5px 0 !important;
}

.top-fixed-row {
    text-align: right;
    background-color: white;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.container {
    margin-bottom: 60px;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
}

.year-selector.dropdown > .text {
    color:#2185D0;
}

#pricelist-page input[type="number"] {
    -moz-appearance: textfield;
}

#pricelist-page input[type="number"]::-webkit-outer-spin-button,
#pricelist-page input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.validation-error {
    padding: 0;
    margin: 0;
    line-height: 1em;
    color: #9F3A38;
    font-size: 0.8em;
}

.record-updated {
    padding: 0;
    margin: 0;
    line-height: 1em;
    color: green;
    font-size: 0.8em;
}

textarea {
    resize: none !important;
}.starting-loader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}

.three-bounce {
  text-align: center;
  z-index: 3;
  justify-content: center;
  align-items: center;
}
.three-bounce > div {
  width: 30px;
  height: 30px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.three-bounce .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #fa0;
}
.three-bounce .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #ff7900;
}
.three-bounce .bounce3 {
  background-color: #ff5000;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(0); /* IE 9 */
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(1); /* IE 9 */
    transform: scale(1);
  }
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(0); /* IE 9 */
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(1); /* IE 9 */
    transform: scale(1);
  }
}
@-o-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(0); /* IE 9 */
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(1); /* IE 9 */
    transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(0); /* IE 9 */
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: scale(1); /* IE 9 */
    transform: scale(1);
  }
}
.main.body.table {
    /* cursor: pointer; */
}

.main.body.table > tbody:nth-child(odd), .main.row.table > tbody > tr:nth-child(odd) {
    background-color: #eaedf0;
}

.main.body.table > tbody.updated, .main.row.table > tbody > tr.updated {
    /* background-color: rgba(255, 166, 0, 0.151); */
    background-color: rgba(51, 130, 190, 0.4);
}

.main.body.table > tbody.updated:nth-child(odd), .main.row.table > tbody > tr.updated:nth-child(odd) {
    background-color: rgba(151, 152, 155, 0.5);
}

.main.body.table > tbody.locked, .main.row.table > tbody > tr.locked {
    background-color: rgba(90, 90, 90, 0.247);
}

/* .main.body.table > tbody.archived, .main.row.table > tbody > tr.archived {
    background-color: rgba(90, 90, 90, 0.1);
} */

.main.body.table > tbody:hover, .main.row.table > tbody > tr:hover {
    background-color: rgba(33, 133, 208, 0.5);
}
 
.ui.grid > .one.column.row > .column > .ui.right.icon.input{
    margin-top: -10px;
}

.overflow-x {
    overflow-x: auto;
}

.min-width-100 {
    min-width: 100px;
}

.min-width-170 {
    min-width: 170px;
}

.context-menu {
    cursor: pointer;
}

.context-menu > i.icon {
    color:#2185D0;
}

.context-menu.disabled > i.icon {
    color:#707070;
}

.context-menu:not(.disabled) > i.icon:hover, .context-menu:not(.disabled) > i.icon:active {
    color:#1680cf;
}

.context-menu > .menu > .header {
    color: #2185D0 !important;
}

.new-row {
    background-color: rgba(237, 131, 60, 0.4);
}.ui.fullscreen.modal {
    padding: 25px;
}

.content > .row.add-new {
    background-color: #f8f8f8;
    border: 2px solid lightgrey;
    border-radius: 5px;
    margin: 0 13px !important;
    padding: 10px 5px !important;
}

.content > .row.add {
    background-color: #f8f8f8;
    border: 2px solid lightgrey;
    border-radius: 5px;
    margin: 15px 10px !important;
    padding: 10px 5px !important;
}

.ui.small.table {
    margin: 10px 0 !important;
}

.ui.selection.dropdown {
    min-width: 12em;
}

p.note {
    font-size: 0.8em;
    color: gray;
    /* font-style: italic; */
}

div.disabled {
    color: #cacaca !important;
}
.page {
    min-height: 92vh;
    margin-left: 0;
    transition: margin-left 0.30s ease;
}

.page.reduced{
    margin-left: 225px;
    width: calc(100% - 225px);
}

.pointer {
    cursor: pointer;
}

.ui.modal > .actions {
    background-color: white;
}

.ant-table-tbody > tr.new-row > td:nth-child(1) {
    position: relative;
}

.ant-table-tbody > tr.new-row > td:nth-child(1)::before {
    content: "New";
    position: absolute;
    top: -4px;
    left: -4px;
    background: orange;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 10px;
    line-height: 1;
    z-index: 999;
}

.ant-table-tbody > tr.decommissioned > td {
    background-color: #f5f5f5 !important;
}

.ant-table-tbody > tr.updated > td {
    background-color: rgba(51, 130, 190, 0.7) !important;
}

.ant-table-tbody > tr.updated:nth-child(odd) > td {
    background-color: rgba(70, 90, 110, 0.8) !important;
}

.ant-table-tbody > tr.updated:hover > td {
    background-color: rgba(33, 133, 208, 0.85) !important;
}

.product-name-cell {
    display: flex;
    flex-direction: column;
}

.product-decommission-label {
    color: #d4380d;
    font-size: 12px;
    line-height: 16px;
}.holiday-manager {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 70vh;
}

.holiday-manager__layout {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.holiday-manager__sidebar {
    flex: 0 0 320px;
    max-width: 360px;
}

.holiday-manager__content {
    flex: 1;
    min-width: 0;
}

.holiday-manager__year-select {
    margin-bottom: 16px;
    width: 100%;
}

.holiday-selector {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 12px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 70vh;
}

.holiday-selector__search {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
}

.holiday-selector__list {
    overflow-y: auto;
    padding-right: 4px;
    flex: 1 1 auto;
}

.holiday-selector__country {
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
}

.holiday-selector__country:last-child {
    border-bottom: none;
}

.holiday-selector__country-header {
    margin-bottom: 6px;
}

.holiday-selector__schools {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 16px;
}

.holiday-selector__centre {
    display: block;
    margin-left: 4px;
    font-size: 11px;
}

.holiday-selector__loading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0;
}

.holiday-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.holiday-table__cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.holiday-table__error {
    font-size: 12px;
}

@media (max-width: 1200px) {
    .holiday-manager__layout {
        flex-direction: column;
    }

    .holiday-manager__sidebar {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}

.holiday-manager__loading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0;
}table.filter, table.filter > tr, table.filter > td {
    border: none !important;
    border-collapse: collapse;
}

.add-edit-package-modal .ant-modal-body .ant-col {
    margin-top: 0 !important;
}
.inactive-row {
  background-color: #f2f2f2 !important;
  color: #999 !important;
}
.inactive-row {
  background-color: #f2f2f2 !important;
  color: #999 !important;
}
.inactive-row {
  background-color: #f2f2f2 !important;
  color: #999 !important;
}
.inactive-row {
  background-color: #f2f2f2 !important;
  color: #999 !important;
}
.ant-layout{background: #fff!important;}.new-pricing-year-page {
    padding: 64px 24px;
    min-height: calc(100vh - 47px);
    display: flex;
    justify-content: center;
    background: #f5f6f8;
}

.new-pricing-year-card {
    max-width: 960px;
    width: 100%;
    background: #ffffff;
    padding: 32px 40px;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
}

.new-pricing-year-card--wizard {
    max-width: 1100px;
}

.new-pricing-year-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.new-pricing-year-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 0 !important;
}

.new-pricing-year-division {
    color: rgba(0, 0, 0, 0.45);
}

.new-pricing-year-steps {
    margin: 32px 0;
}

.new-pricing-year-step {
    margin-bottom: 32px;
}

.new-pricing-year-existing-years {
    margin-bottom: 4px !important;
}

.new-pricing-year-range {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 20px;
    background: #f7f9fc;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
}

.new-pricing-year-range-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.new-pricing-year-range-input {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.new-pricing-year-validation {
    margin-top: 24px;
}

.new-pricing-year-validation-text {
    margin-bottom: 4px !important;
}

.new-pricing-year-card-actions {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}

.new-pricing-year-empty-message {
    margin-top: 16px;
}

@media (max-width: 768px) {
    .new-pricing-year-card {
        padding: 24px;
    }

    .new-pricing-year-range-inputs {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .new-pricing-year-card-actions {
        justify-content: center;
    }
}/* Variables declaration */
.rdp-root {
  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */

  --rdp-day-height: 44px; /* The height of the day cells. */
  --rdp-day-width: 44px; /* The width of the day cells. */

  --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
  --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
  --rdp-day_button-height: 42px; /* The height of the day cells. */
  --rdp-day_button-width: 42px; /* The width of the day cells. */

  --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
  --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */

  --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */

  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */

  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
  --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */

  --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
  --rdp-range_middle-color: inherit; /* The color of the range text. */

  --rdp-range_start-color: white; /* The color of the range text. */
  --rdp-range_start-background: linear-gradient(
    var(--rdp-gradient-direction),
    transparent 50%,
    var(--rdp-range_middle-background-color) 50%
  ); /* Used for the background of the start of the selected range. */
  --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */

  --rdp-range_end-background: linear-gradient(
    var(--rdp-gradient-direction),
    var(--rdp-range_middle-background-color) 50%,
    transparent 50%
  ); /* Used for the background of the end of the selected range. */
  --rdp-range_end-color: white; /* The color of the range text. */
  --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */

  --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
  --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */

  --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
  --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-gradient-direction: 90deg;

  --rdp-animation_duration: 0.3s;
  --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
}

.rdp-root[dir="rtl"] {
  --rdp-gradient-direction: -90deg;
}

.rdp-root[data-broadcast-calendar="true"] {
  --rdp-outside-opacity: unset;
}

/* Root of the component. */
.rdp-root {
  position: relative; /* Required to position the navigation toolbar. */
  box-sizing: border-box;
}

.rdp-root * {
  box-sizing: border-box;
}

.rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}

.rdp-day_button {
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;

  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
}

.rdp-day_button:disabled {
  cursor: revert;
}

.rdp-caption_label {
  z-index: 1;

  position: relative;
  display: inline-flex;
  align-items: center;

  white-space: nowrap;
  border: 0;
}

.rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto Highlight;
  /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */
  outline: 5px auto -webkit-focus-ring-color;
}

.rdp-button_next,
.rdp-button_previous {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;

  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
}

.rdp-button_next:disabled,
.rdp-button_next[aria-disabled="true"],
.rdp-button_previous:disabled,
.rdp-button_previous[aria-disabled="true"] {
  cursor: revert;

  opacity: var(--rdp-nav_button-disabled-opacity);
}

.rdp-chevron {
  display: inline-block;
  fill: var(--rdp-accent-color);
}

.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
  transform-origin: 50%;
}

.rdp-dropdowns {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--rdp-dropdown-gap);
}
.rdp-dropdown {
  z-index: 2;

  /* Reset */
  opacity: 0;
  appearance: none;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  border: none;
  line-height: inherit;
}

.rdp-dropdown_root {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-month_caption {
  display: flex;
  align-content: center;
  height: var(--rdp-nav-height);
  font-weight: bold;
  font-size: large;
}

.rdp-root[data-nav-layout="around"] .rdp-month,
.rdp-root[data-nav-layout="after"] .rdp-month {
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption {
  justify-content: center;
  margin-inline-start: var(--rdp-nav_button-width);
  margin-inline-end: var(--rdp-nav_button-width);
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
  justify-content: center;
}

.rdp-months {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rdp-months-gap);
  max-width: fit-content;
}

.rdp-month_grid {
  border-collapse: collapse;
}

.rdp-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;

  display: flex;
  align-items: center;

  height: var(--rdp-nav-height);
}

.rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  font-weight: 500;
  font-size: smaller;
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
}

.rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  font-weight: 400;
  font-size: small;
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
}

/* DAY MODIFIERS */
.rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}

.rdp-selected {
  font-weight: bold;
  font-size: large;
}

.rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}

.rdp-outside {
  opacity: var(--rdp-outside-opacity);
}

.rdp-disabled:not(.rdp-selected) {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}

.rdp-range_start {
  background: var(--rdp-range_start-background);
}

.rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}

.rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}

.rdp-range_middle .rdp-day_button {
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}

.rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}

.rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}

.rdp-range_start.rdp-range_end {
  background: revert;
}

.rdp-focusable {
  cursor: pointer;
}

@keyframes rdp-slide_in_left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_in_right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_out_left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes rdp-slide_out_right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.rdp-weeks_before_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_before_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

@keyframes rdp-fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes rdp-fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.rdp-caption_after_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_after_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}
.header-wrapper {
    display: flex;
    align-items: center;
    background: #2185D0;
    height: 50px;
    padding: 0 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  
  .header-menu {
    flex: 1;
    background: transparent;
    line-height: 64px;
  }
  
  .header-right {
    color: white;
    margin-left: auto;
    font-size: 16px;
  }
  
  .ant-menu-item a {
    color: white;
  }
  
  .ant-menu-item a:hover {
    color: #fff;
  }
  
  .ant-dropdown-link {
    color: white;
    cursor: pointer;
  }
  
  .ant-menu-item-selected{
    background-color: transparent !important;
    background: transparent !important;
    font-weight: bold;
  }
  .ant-menu-dark.ant-menu-horizontal > .ant-menu-item-selected,
  .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu-selected,
  .ant-menu-horizontal > .ant-menu-item-selected,
  .ant-menu-horizontal > .ant-menu-submenu-selected {
    background-color: transparent !important;
  }
  .ant-menu-horizontal > .ant-menu-item-selected::after,
  .ant-menu-horizontal > .ant-menu-submenu-selected::after {
    border-bottom-color: transparent !important;
  }
  .ant-menu-title-content:before {
    position: absolute;
    content: '';
    top: 0%;
    right: 0px;
    height: 88%;
    width: 1px;
    background: rgba(34, 36, 38, 0.1);
  }

.ant-menu-submenu-title{padding-right: 10px;}
.ant-menu-submenu-popup{top: 42px!important;}
.ant-menu.ant-menu-submenu-popup>.ant-menu{
  background-color: #2185D0!important;
  border-radius: 0px 0 10px 10px !important;
  }
.ui.container.main {
    padding-top: 80px;
    padding-bottom: 25px;
}

.ant-list .ant-list-item {
   display: block!important;
}
.ant-pagination{
    justify-content: center!important;
}

.checkbox-list .ant-checkbox-wrapper {
    display: flex !important;
    align-items: center!important;
    margin: 4px 0;
  }
  

  .ant-modal-body .ant-col {
    margin-top: 20px;
  }