.table-height-240px {
    height: calc(100vh - 240px);
    width: calc(100% - 40px);
    margin: 10px auto 20px auto;
    /*overflow-y: scroll;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.table-height-323px {
    height: calc(100vh - 343px);
    width: calc(100% - 40px);
    margin: 10px auto 20px auto;
   overflow-y: auto;
   /*overflow-y: scroll;*/
    overflow-x: hidden;
}

.table-height-240px tr th {
    padding: 7px 15px !important;
}


.table-height-240px tr td {
    padding: 12px 15px !important;
}

.min-w-450px {
    min-width: 450px !important;
}

.min-w-320px {
    min-width: 320px !important;
}

.w-320px {
    width: 320px;
}

.w-500px {
    width: 500px;
}

.max-min-w-290px {
    max-width: 290px;
    min-width: 290px;
    width: 290px;
}

.min-w-280px {
    min-width: 280px !important;
}

.min-w-340px {
    min-width: 340px !important;
}

.edit-btn-table {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 6px 10px;
    gap: 10px;
    width: 43px;
    height: 24px;
    background: #4A6CD5;
    border-radius: 2px;

    /* font */
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
}

.select-age-picker .picker {
    max-width: 185px !important;
}

.select-age-picker .enter-age-input {
    max-width: 95px !important;
}

.w-216px {
    width: 216px;
}

.w-210px {
    width: 210px;
}

.w-105px {
    width: 105px;
}

.w-125px {
    width: 125px;
}

.w-92px {
    width: 92px;
}

.w-62px {
    width: 62px;
}

.copies-input-bg.border-0:hover {
    background: #EFF1F7 !important;
}

.delivery-date {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.delivery-other-details {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
}

.span-1 {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #091332;
}

.span-2 {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #091332;
}

.billing-summary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 20px;
    width: 315px;
    background: #FFFFFF;
    border-radius: 3px;
}

.summary-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
}

.total-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    justify-content: space-between;
    background: #EFF1F7;
}

.summary-title-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

.bg-credit {
    background-color: #E0F1D3;
}

.payment-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 15px;
}

.payment-detail-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width: 100%;
    justify-content: space-between;
}

.left-span {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #091332;
}

.right-span {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color: #091332;
}

.left-total-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #091332;
}

.right-total-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    color: #091332;
}

.extra-charges-text {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #091332;
}

.extra-charges {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.w-195px {
    width: 195px;
}

.w-214px {
    width: 214px;
}

.me-20px {
    margin-right: 20px;
}

.gap-0px {
    gap: 0px !important;
}

.right-btn-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 0px 0px 3px 3px;
}

.modal-header-custom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 20px;
    background: #FFFFFF;
    border-bottom: 1px solid #ECEEF3;
    border-radius: 3px 3px 0px 0px;
}

.table-icon-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
    width: 62px;
}

.table-icon-holder {
    width: 25px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ECEEF3;
    border-radius: 3px;
}

.h-150px {
    min-height: 150px !important;
}

.w-220px.total-extra-charges {
    padding-left: 36px !important;
}

.total-extra-charges,
.total-amount-table {
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #091332 !important;
}

.w-185px {
    width: 185px;
}

.w-200px.pl-40px {
    padding-left: 40px !important;
}

.modal-cards-table {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 20px;
}

.billing-summary {
    position: sticky;
    top: 88px;
}

.input-group-text-amount {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #091332;
}

.w-156px {
    width: 156px;
}

.w-113px {
    width: 113px;
}

.w-185px {
    width: 185px;
}

.w-85px {
    width: 85px;
}

.w-83px {
    width: 83px;
}

.w-84px {
    width: 84px;
}

.w-37px {
    width: 37px;
}

.w-44px {
    width: 44px;
}

.padding-7-5px td,
.padding-7-5px th {
    padding: 7px 5px !important;
}

.w-54px {
    width: 54px;
}

.w-59px {
    width: 59px;
}

.w-91px {
    width: 91px;
}

.w-55px {
    width: 55px;
}

.w-145px {
    width: 145px;
}

.w-72px {
    width: 72px;
}

.mw-57px {
    max-width: 57px;
}

.w-77px {
    width: 77px;
}

.w-70px {
    width: 70px;
}

.w-107px {
    width: 107px;
}

.w-49px {
    width: 49px;
}

.w-50px {
    width: 50px;
}

.w-66px {
    width: 66px;
}

.w-71px {
    width: 71px;
}

.w-69px {
    width: 69px;
}

.w-157px {
    width: 157px;
}

.height-calc-100vh-220px {
    height: calc(100vh - 220px);
}

.component-check-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 20px;
    gap: 15px;
    border-bottom: 1px solid #ECEEF3;
}

.component-check-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 15px;
    gap: 20px;
    height: 38px;
    background: #E5E9F5;
}

.component-check-details-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
}

.table-height-190px {
    height: calc(100vh - 190px);
    width: calc(100% - 40px);
    margin: 10px auto 20px auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.fixed-height-row-54px {
    height: 54px;
}

.title-row-voucher {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.height-calc-323px {
    height: calc(100vh - 323px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.height-calc-159px {
    height: calc(100vh - 159px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.height-272-scroll {
    height: 272px;
    overflow-y: scroll;
}

.height-272-scroll::-webkit-scrollbar,
.height-375px-scroll::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.card-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
}

.card-form-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
}

.total-details-multiple-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 15px;
    gap: 15px;
    background: #EFF1F7;
}

.multiple-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width: 100%;
    justify-content: space-between;
}

.total-upper-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 15px;
    gap: 12px;
    width: 100%;
    border-bottom: 1px solid #D3D8E9;
}

.upper-section-left-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #091332;
}

.upper-section-right-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color: #091332;
}

.w-159px {
    width: 159px;
}

.w-290px {
    width: 290px;
}

.lower-row-custom-patient-all {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

.right-group-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 20px;
}

.charges-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 15px 0px;
    gap: 15px;
    border-top: 1px solid #ECEEF3;
}

.charge-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
}

.charge-name {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #091332;
}

.charge-amount {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #091332;
}

.total-charge-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    gap: 15px;
    background: #F8F9FE;
}

.charge-total-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #091332;
}

.charge-total-amount {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #091332;
}

.height-375px-scroll {
    height: 375px;
    overflow-y: scroll;
}

.height-calc-267px {
    height: calc(100vh - 267px);
    overflow-y: scroll;
}

.w-794px {
    width: 794px;
}

.w-137px {
    width: 137px;
}

.w-407px {
    width: 407px;
}

.bg-part-paid {
    background-color: #E9E9E9;
}

.fw-600 {
    font-weight: 600 !important;
}

.patient-history-section {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
}

.patient-history-left-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    width: 170px;
    background: #FFFFFF;
}

.patient-history-navbar {
    margin-block-start: -5px !important;
}

.patient-history-navbar .nav-item {
    width: 100% !important;
}

.patient-history-navbar li a.active {
    font-weight: 500 !important;
    background: #e7ecf3 !important;
    border-radius: 4px !important;
}

.td-gap-5px-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.invalid-text {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #CF4961;
}

.wh-16px-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

.w-650px {
    width: 650px;
}

.table-remarks-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 15px;
}

.fw-500 {
    font-weight: 500 !important;
}

.nav-tabs {
    border-bottom: none !important;
}

.patient-detail-facesheet {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px !important;
    gap: 14px;
    background: #232D49;
    border-radius: 4px;
}

.facesheet-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px !important;
    gap: 15px;
}

.facesheet-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.facesheet-detail-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.facesheet-span {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
}

.w-166px {
    width: 166px;
}

.custom-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 0px;
    gap: 20px;
}

.small-delete-btn {
    width: 24px;
    height: 24px;
    background: #eceef3;
    border-radius: 3px;
    padding: 7px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-69px {
    height: 69px;
    padding: 12px 15px !important;
}

.h-66px {
    height: 66px;
    padding: 12px 15px !important;
}

.h-48px {
    height: 48px;
    padding: 12px 15px !important;
}

.bg-disabled,
.bg-disabled:hover {
    background: #EFF1F7 !important;
}

.card-div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 20px;
    gap: 20px;
    border-bottom: 1px solid #ECEEF3;
    border-radius: 3px;
}

.w-430px {
    width: 430px;
}

.w-205px {
    width: 205px;
}

.w-260px {
    width: 260px;
}

.mt-20px {
    margin-top: 20px;
}

.w-75px {
    width: 75px;
}

.pt-20px {
    padding-top: 20px;
}

.view-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 6px 10px;
    gap: 10px;
    width: 49px;
    height: 24px;
    background: #4A6CD5;
    border-radius: 2px;

    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #FFFFFF;
}

.option-1-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.option-2-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 0px 0px;
    gap: 20px;
    border-top: 1px solid #ECEEF3;
    border-radius: 3px;
}

.option-2-content-without-border {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.no-search-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 20px;
}

.h-34px {
    height: 34px;
}

.pl-60px {
    padding-left: 60px;
}

.card-header-right-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 20px;
}

.card-right-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}

.right-links-text {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #66708D;
}

.disabled-field {
    pointer-events: none;
}

.inner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 30px;
}

.quantity-amount-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    gap: 18px;
}

.left-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 0px 0px 36px;
    gap: 5px;
}

.right-div {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
    padding: 0px 46px 0px 0px;
}

.span-text-style {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #091332;
}

.gap-5px {
    gap: 5px !important;
}

.modal-top-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    gap: 20px;
    border-radius: 3px 3px 0px 0px;
}

.modal-row-left-text {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #091332;
}

.modal-row-right-text {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    color: #66708D;
}

.modal-table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 20px 20px;
    gap: 5px;
}

.modal-btn-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 20px;
    height: 74px;
    background: #FFFFFF;
    border-top: 1px solid #ECEEF3;
    border-radius: 0px 0px 3px 3px;
}

.mw-312px {
    max-width: 312px;
}

.import-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px 0px 20px;
    gap: 20px;
    border-bottom: 1px solid #ECEEF3;
}

.import-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 15px;
    gap: 10px;
    height: 180px;
    background: #FAFBFF;
    border: 1px dashed #D3D8E9;
    border-radius: 3px;
}

.drag-n-drop-img {
    width: 30px;
    height: 30px;
}

.or-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #66708D;
}

.browse-file-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #4A6CD5;
}

.browse-file-text:hover {
    color: #3758BD;
    cursor: pointer;
}

.note-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.note-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 20px;
    gap: 10px;
    border-bottom: 1px solid #ECEEF3;
}

.note-content-text {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #091332;
}

.drag-n-drop-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #091332;
}

.drag-n-drop {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 3px;
}

.details-row-with-br-bottom {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 0px 20px;
    gap: 50px;
    border-bottom: 1px solid #ECEEF3;
}

.select-custom-padding .picker .pc-element.pc-trigger {
    padding: 0px 37px 0 12px !important;
}

.overflow-y-scrollable {
    overflow-y: scroll !important;
}

.h-420px-scroll {
    height: 420px !important;
    overflow-y: scroll !important;
}

.get-result-page-table th {
    padding: 0 10px !important;
    height: 50px;
}

.px-26px {
    padding-left: 26px !important;
    padding-right: 26px !important;
}

.mw-50px {
    max-width: 50px;
}

.search-bag-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px 20px;
    gap: 10px;
    border-bottom: 1px solid #ECEEF3;
}

.patient-dct-filter .picker,
.patient-dct-filter .pc-select,
.patient-dct-filter .pc-element.pc-trigger {
    height: 32px !important;
    width: 275px !important;
}

.patient-dct-filter .pc-element.pc-trigger {
    line-height: 31px !important;
}

.patient-dct-filter .pc-list {
    top: 32px !important;
}

.patient-dct-table thead th,
.patient-dct-table tbody td {
    padding: 7px 15px !important;
}

.request-detail-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 40px;
}

.mw-160px {
    max-width: 160px;
}

.min-w-730px {
    min-width: 730px;
}

.crossmatch-table-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    gap: 30px;
}

.column-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    width: 220px;
    min-width: 220px;
    border-right: 1px solid #D3D8E9;
}

.column-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    width: 100%;
}

.details-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 9px;
}

.detail-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.detail-span-left {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #091332;
}

.detail-span-right {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #091332;
}

.right-col-row-1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
    height: 102px;
    justify-content: flex-start;
}

.row-1-elements {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.row-2-elements {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.row-1-elements .picker {
    max-width: 110px !important;
}

.right-col-row-2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
}

.w-350px {
    min-width: 350px;
}

.details-section-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 0px;
    gap: 5px;
}

.options-flex {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
}

.table-header-blue {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 7px 15px;
    gap: 30px;
    background: #E5E9F5;
}

.gap-40px {
    gap: 40px !important;
}

.investigation-textarea {
    width: 570px;
    height: 106px;
    background: #FFFFFF;
    border: 1px solid #D3D8E9;
    border-radius: 3px;
}

.compatible-field-bg {
    background-color: #E5E9F5 !important;
    pointer-events: none;
}

.compatible-field-bg:hover {
    background-color: #E5E9F5 !important;
}

.bag-details-table-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 5px;
}

.fw-400 {
    font-weight: 400 !important;
}

.available-items {
    display: flex;
    align-items: center;
    height: 40px;
}

.item-detail-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
}

.select-all-item-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 20px;
    width: 100%;
}

.delete-and-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 20px;
}

.w-360px {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}

.total-and-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}

.h-38px {
    height: 38px;
}

.gap-11px {
    gap: 11px;
}

.item-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
}

.max-min-w-250px{
    width: 250px;
    max-width: 250px;
    min-width: 250px;
}

.max-min-w-350px{
    width: 350px;
    max-width: 350px;
    min-width: 350px;
}