@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?362925");

/* ===================================================================== */
/*  The following CSS was created using Theme Editor.                    */
/*  To modify this CSS, click "Open Theme Editor".                       */
/* ===================================================================== */

/* ===================================================================== */
/*  Root - CSS Variables                                                 */
/* ===================================================================== */

:root {
    /* Color - Brand */
    --color-primary: #8d1d1d;
    --color-secondary: #8d1d1d;

    --color-primary-hover: #6a1616;
    --color-primary-selected: rgba(141, 29, 29, .12);

    /* Color - Extended */
    --color-red-lightest: #faeaea;
    --color-red-lighter: #e9aaaa;
    --color-red-light: #d96a6a;
    --color-red: #c92a2a;
    --color-red-dark: #ab2424;
    --color-red-darker: #8d1d1d;
    --color-red-darkest: #6f1717;

    --color-pink-lightest: #fbebf0;
    --color-pink-lighter: #efadc4;
    --color-pink-light: #e27098;
    --color-pink: #d6336c;
    --color-pink-dark: #b62b5c;
    --color-pink-darker: #96244c;
    --color-pink-darkest: #761c3b;

    --color-grape-lightest: #f7ecfa;
    --color-grape-lighter: #dfb2e9;
    --color-grape-light: #c678d9;
    --color-grape: #ae3ec9;
    --color-grape-dark: #9435ab;
    --color-grape-darker: #7a2b8d;
    --color-grape-darkest: #60226f;

    --color-violet-lightest: #f1edfd;
    --color-violet-lighter: #c6b6f6;
    --color-violet-light: #9b7fef;
    --color-violet: #7048e8;
    --color-violet-dark: #5f3dc5;
    --color-violet-darker: #4e32a2;
    --color-violet-darkest: #3e2880;

    --color-indigo-lightest: #eceffd;
    --color-indigo-lighter: #b3c1f7;
    --color-indigo-light: #7b92f1;
    --color-indigo: #4263eb;
    --color-indigo-dark: #3854c8;
    --color-indigo-darker: #2e45a5;
    --color-indigo-darkest: #243681;

    --color-blue-lightest: #e8f2fa;
    --color-blue-lighter: #a3c9ea;
    --color-blue-light: #5fa1db;
    --color-blue: #1a79cb;
    --color-blue-dark: #1667ad;
    --color-blue-darker: #12558e;
    --color-blue-darkest: #0e4370;

    --color-cyan-lightest: #e7f2f4;
    --color-cyan-lighter: #9eccd3;
    --color-cyan-light: #56a6b2;
    --color-cyan: #0d8091;
    --color-cyan-dark: #0b6d7b;
    --color-cyan-darker: #095a66;
    --color-cyan-darkest: #074650;

    --color-teal-lightest: #e6f2ef;
    --color-teal-lighter: #9cccbd;
    --color-teal-light: #52a58c;
    --color-teal: #087f5b;
    --color-teal-dark: #076c4d;
    --color-teal-darker: #065940;
    --color-teal-darkest: #044632;

    --color-green-lightest: #ebf7ed;
    --color-green-lighter: #afe0b8;
    --color-green-light: #73c982;
    --color-green: #37b24d;
    --color-green-dark: #2f9741;
    --color-green-darker: #267d36;
    --color-green-darkest: #1e622a;

    --color-lime-lightest: #f1f8e8;
    --color-lime-lighter: #c7e3a2;
    --color-lime-light: #9ecd5c;
    --color-lime: #74b816;
    --color-lime-dark: #639c13;
    --color-lime-darker: #51810f;
    --color-lime-darkest: #40650c;

    --color-orange-lightest: #fef0e6;
    --color-orange-lighter: #fcc29c;
    --color-orange-light: #f99551;
    --color-orange: #f76707;
    --color-orange-dark: #d25806;
    --color-orange-darker: #ad4805;
    --color-orange-darkest: #883904;

    --color-yellow-lightest: #fef5e5;
    --color-yellow-lighter: #fbd999;
    --color-yellow-light: #f8bc4c;
    --color-yellow: #f59f00;
    --color-yellow-dark: #d08700;
    --color-yellow-darker: #ac6f00;
    --color-yellow-darkest: #875700;

    /* Color - Neutral */
    --color-neutral-0: #ffffff;
    --color-neutral-1: #f8f9fa;
    --color-neutral-2: #f1f3f5;
    --color-neutral-3: #e9ecef;
    --color-neutral-4: #dee2e6;
    --color-neutral-5: #ced4da;
    --color-neutral-6: #adb5bd;
    --color-neutral-7: #868e96;
    --color-neutral-8: #5c656d;
    --color-neutral-9: #343a40;
    --color-neutral-10: #15181a;

    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #e03131;

    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;

    --color-success-light: #eaf3eb;
    --color-success: #2a843c;

    --color-info-light: #e5f5fc;
    --color-info: #009dde;

    /* Elevation / Shadow */
    --shadow-none: none;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);
    --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);
    --shadow-m: 0 4px 6px rgba(0, 0, 0, .1);
    --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);
    --shadow-xl: 0 8px 10px rgba(0, 0, 0, .1);

    /* App Settings */
    --header-color: #8d1d1d;
    --side-menu-size: 300px;
}

/* Login Background */

.layout-login-simple .layout-login-background, .layout-login-background {
    background-color: #1f4788;
}

/* Header Color */

.layout .header {
    background-color: var(--header-color);
}

.header,
.header-right,
.header a,
.header .Menu_TopMenu > div a {
    color: #fff;
}

.header-right a,
.header a,
.header .Menu_TopMenu > div a {
    opacity: 0.8;
}

.header a:hover,
.Menu_TopMenu > div a:hover,
.header .Menu_TopMenu:hover,
.Menu_TopMenu:hover > div a,
.Menu_TopMenuActive > div a:hover, 
.Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: #fff;
    opacity: 1;
}

.phone .header .Menu_TopMenu > div a,
.tablet .header .Menu_TopMenu > div a  {
    color: #000;
}

.phone .header .Menu_TopMenu:hover,
.tablet .header .Menu_TopMenu:hover,  
.phone .header .Menu_TopMenu.Menu_TopMenuActive,
.tablet .header .Menu_TopMenu.Menu_TopMenuActive {
    border-bottom: var(--border-size-m) solid #000;
}
.btn,
.Button {
    color: var(--color-primary);
}

.tag,
.badge,
.btn.Is_Default, 
.Button.Is_Default {
    color: #fff;
}

:root {
 /* Typography - Size */
--font-size-display: 34px;

--font-size-h1: 30px;
--font-size-h2: 26px;
--font-size-h3: 24px;
--font-size-h4: 20px;
--font-size-h5: 18px;
--font-size-h6: 16px;

--font-size-base: 14px;
--font-size-s: 14px;
--font-size-xs: 10px;

/* Space - Sizes */
--space-none: 0;
--space-xs: 4px;
--space-s: 8px;
--space-base: 12px;
--space-m: 25px;
--space-l: 30px;
--space-xl: 36px;
--space-xxl: 44px;
    
--color-neutral-9: #000;
}

body {    
    background-color: var(--color-background-body);
    font-size: var(--font-size-s);
    line-height: 1.25;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.layout-top .header .ThemeGrid_Container {
    margin: var(--space-none) auto;
    padding: var(--space-none) var(--space-s);
    width: 100%;
}

.layout-top .content .ThemeGrid_Container {
    margin: var(--space-none) auto;
    padding: var(--space-s) var(--space-s) var(--space-m);
    width: 100%;
}

.content-top-title {
    -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    margin-bottom: var(--space-s);
}

.Menu_DropDownPanel a.Menu_SubMenuItemActive {
    color: var(--color-primary);
    border-bottom: var(--border-size-s) solid var(--color-primary);
}

input,
input[type="text"], 
textarea, 
select, 
button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

.Button,
.btn,
.input, 
.select {   
    font-size: var(--font-size-s);
    height: 30px;
}

.Form .select, 
textarea.input,
.select{
    font-size: var(--font-size-s);
}


.choices__list.choices__list--dropdown.is-active {
    margin-top: var(--space-s);
}

.choices__inner {
    height: 30px;
}

.choices__list--single .choices__item {
    padding-top: 0; 
}

.choices-disabled{
    opacity:1;
}
.choices-disabled .choices__inner {
    color: var(--color-neutral-9) !important;
}

.choices-disabled .choices__list--single .choices__item {
    color: var(--color-neutral-9);    
}

/*----- dropdown location -----*/

.location-cb{
   max-width: 800px;
}

.location-cb .choices__inner{
   height: 60px;
}

.location-cb .choices__item{
    color: var(--color-neutral-10);
    padding-right: var(--space-base);
    width: 99%;
    white-space:normal;
}
/*------------------------------------*/

.margin-top-10 {
    margin-top: 10px;
}

.btn,
.Button-Red {
    color: var(--color-red);
}

.btn,
.Button-Gray {
    color: var(--color-neutral-8);
}

.btn,
.Button-Black {
    color: var(--color-black);
}

.btn,
.Button-Primary {
    color: #fff;
    background-color: var(--color-primary);
}

.input-with-icon .input-with-icon-content-icon {
    height: 30px;
}

.card-popup{
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-4);
    padding: var(--space-m);
}

.layout .Form .input.ReadOnly:not(.Not_Valid)[readonly='readonly'],
.layout .Form .select.ReadOnly:not(.Not_Valid)[disabled='disabled'],
.select.ReadOnly[disabled='disabled']{
    background-color: var(--color-neutral-2);
    border: 1px solid var(--color-neutral-4);
    color: var(--color-neutral-9);
    pointer-events: none;
}
.Form label {
    color: var(--color-neutral-9);
}

select:disabled {
    opacity:1;
}

.choices[data-type*="select-one"]:after {
    top: 4px;
}

[disabled="disabled"], [readonly="readonly"], textarea[readonly="readonly"] {
    background-color: var(--color-neutral-2);
    border: 1px solid var(--color-neutral-4);
    color: var(--color-neutral-9);
    pointer-events: none;
}

label.MandatoryLabel:after {
    content: "*";
    color: #BF1601;
    position: absolute;
    padding: 0px 5px 5px 3px;
    font-size: 14px !important;
    font-weight: normal;
}

.red-star{
    color: #BF1601;
}

.toggle-button {
    background-color: var(--color-neutral-5);
    border-radius: 46px;
    border: var(--border-size-s) solid var(--color-neutral-5);
    display: inline-block;
    height: 28px;
    position: relative;
    -webkit-transition: all 180ms linear;
            transition: all 180ms linear;
    width: 46px;
}
.toggle-button:after {
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-rounded);
    border: var(--border-size-none);
    content: '';
    height: 20px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 3px;
    -webkit-transform: translateX(3px) translateZ(0);
            transform: translateX(3px) translateZ(0);
    -webkit-transition: all 180ms linear;
            transition: all 180ms linear;
    width: 20px;    
}

.overflow-wrapper{
    height: 400px;
    overflow-y: scroll;
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
}


.TableRecords thead th:first-child.TableRecords_Header_Condense 
,.TableRecords td:first-child.TableRecords_EvenLine_Condense
,.TableRecords td:first-child.TableRecords_OddLine_Condense  {   
    border-left: none;
}

.TableRecords .TableRecords_Header
,.EditableTable thead th {
    padding: var(--space-none) var(--space-m);
    height: 40px;
    color: var(--color-neutral-9);
}

.TableRecords .TableRecords_OddLine,
.TableRecords .TableRecords_EvenLine {
    background-color: var(--color-neutral-0);
    border-bottom: 1px solid var(--color-neutral-4);
    height: 20px;
    padding: var(--space-s) var(--space-m);
}

.EditableTable tbody tr td{
    padding: 3px ;
    border-left: var(--border-size-s) solid var(--color-neutral-4);
}

.EditableTable thead th,.EditableTable thead th:first-child {   
    border-left: var(--border-size-s) solid var(--color-neutral-4);
}

.EditableTable thead th:first-child,
.EditableTable tbody>tr>:first-child{ 
    border-left:none;
}

/* condense table */

.TableRecords2 {
    border-radius: var(--border-radius-soft);
    border-spacing: 0;
    empty-cells: show;
    border:none;
}

.TableRecords2 thead tr{
    height: 35px;
}

.TableRecords2 th
,.TableRecords2 td{
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
    border-left: var(--border-size-s) solid var(--color-neutral-4);
    padding: 3px;
}

.TableRecords2 th{
    border-top: var(--border-size-s) solid var(--color-neutral-4);
    color: var(--color-neutral-9);
}

.TableRecords2 th:first-child{
    /*border-radius: var(--border-radius-soft);*/
}

.TableRecords2 tr:nth-child(even){
    background-color: #fffedb;
}

.TableRecords2 .TableRecords_Header_Condense{
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
    position: sticky;
    top: 0;
    /* Don't forget this, required for the stickiness */
    z-index: 2;  
    color: var(--color-neutral-0);
    background-color: var(--color-primary);
}

.TableRecords2 th table td{
    background-color: var(--color-primary);
    border: none;
    padding: 0;
}

.TableRecords2 td table td{
    border: none;
    padding: 0;
}

.TableRecords2 th table tr{
    height: 20px;
    border: none;
    padding: 0;
}


.TableRecords2 tr:hover {
    background-color: var(--color-neutral-4);
}

.TableRecords2 a{
    color: #000;
    font-weight: 500;
}

.TableRecords .TableRecords_Header_Condense
,.EditableTable .TableRecords_Header_Condense{
    padding:2px;
    height: 40px;
    color: var(--color-neutral-8);
    font-weight: var(--font-semi-bold);
    background: white;
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
    border-left: var(--border-size-s) solid var(--color-neutral-4);
}


.TableRecords .TableRecords_OddLine_Condense,
.TableRecords .TableRecords_EvenLine_Condense,
.EditableTable .TableRecords_OddLine_Condense,
.EditableTable .TableRecords_EvenLine_Condense {
    padding: 2px ;
    height: 20px;
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
    border-left: var(--border-size-s) solid var(--color-neutral-4);
}


.TableRecords_Header_Condense.SortColumns_Sortable:hover {
    color: var(--color-primary);
    text-decoration: none;
}

.TableRecords .TableRecords_Header_Condense.SortColumns_Sorted {
    color: var(--color-primary);
    text-decoration: none;    
}

.TableRecords3  {
    border-collapse: collapse;
}

.TableRecords3 .TableRecords_Header_Condense{
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
    border-top: var(--border-size-s) solid var(--color-neutral-4);
    border-left: var(--border-size-s) solid var(--color-neutral-4);
    position: sticky;
    top:0;
    /* Don't forget this, required for the stickiness */
    z-index: 99;  
    color: #343a40;
    background-color: var(--color-neutral-2);
}

.TableRecords3 td{
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
    border-left: var(--border-size-s) solid var(--color-neutral-4);
    padding: 3px;
}

.truncate_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fix_width_reqname {
  width: 90px;
}

.fix_width_companyname {
  width: 285px;
}

.fix_width_location {
  width: 150px;
}

.fix-width-company-cb{
   width: 400px;
}

.fix-width-company-cb-180{
   width: 180px;
}

.fix-width-company-cb-245{
   width: 245px;
}

.fix-width-company-cb-275{
   width: 275px;
}

.fix-width-company-cb-300{
   width: 300px;
}

.fix-width-company-cb-350{
   width: 350px;
}

.fix-width-100{ width: 100px; }
.fix-width-200{ width: 200px; }
.fix-width-300{ width: 300px; }
.fix-width-400{ width: 400px; }

.nowrap{
    white-space: nowrap;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: var(--color-primary);
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 40px;
}
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
    color: #fff;
    font-weight: 600;
    left: 20px;
    margin: 0;
    top: 10px;
    font-size:var(--font-size-h5) ;
}

.tippy-active {
    cursor: default;   
}

.current-policy-container{
    border: 1px solid #cfcfcf;
    color: var(--color-neutral-7);
    padding-left: calc(-1 * var(--space-l) / 2);
    padding-right: calc(-1 * var(--space-l) / 2);
}

.current-policy-container [disabled="disabled"]
, .current-policy-container [readonly="readonly"]
, .current-policy-container textarea[readonly="readonly"] {
    color: var(--color-neutral-7);
}

.renew-policy-container{
    border: 1px solid #cfcfcf;
    padding-left: calc(-1 * var(--space-l) / 2);
    padding-right: calc(-1 * var(--space-l) / 2);
}

.ss-main{
    width: 400px
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    color: var(--color-neutral-10);
    background-color: #ffd6d6;
}

.radio-button[disabled="disabled"]:checked:before {
    background-color: var(--color-neutral-2);
    border: 6px solid var(--color-primary);
}

.text-border{
    border-color: var(--color-neutral-5);
    border-radius: var(--border-radius-soft);
    border-style: solid;
    border-width: 1px;
    padding: 5px 12px 5px 12px;
    color: var(--color-neutral-9);
    min-height: 25px;
}

.section-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: var(--border-size-s) solid var(--color-neutral-4);
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: var(--space-s);
    padding-left: var(--space-s);
    background-color: var(--color-primary);
}


.header a, .header .Menu_TopMenu > div a {
    opacity: 1;
}

.header .Menu_TopMenu:hover,
.header .Menu_TopMenu.Menu_TopMenuActive{
    border-bottom: var(--border-size-l) solid var(--color-neutral-0);
    background-color: var(--color-primary-hover);
    opacity: 1;
    color: #fff;
}

.Menu_TopMenuActive > div a,
.Menu_TopMenuActive > div a:visited,
.Menu_TopMenuActive > div a:hover,
.Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: #fff !important;
    font-weight: var(--font-semi-bold);
}

.Menu_TopMenu:hover > div .fa,
.Menu_TopMenu:hover > div a,
.Menu_TopMenu:hover > div a:visited {
    color: #fff !important;
    opacity: 1;
}

.Menu_TopMenu.Menu_TopMenuActive > div .Menu_DropDownArrow:before, 
.Menu_TopMenu.Menu_TopMenuActive > div .Menu_DropDownArrow:after, 
.Menu_TopMenuActive > div .Menu_DropDownArrow:before, 
.Menu_TopMenuActive > div .Menu_DropDownArrow:after {
    background-color:#fff; 
    opacity: 1;
}

.Menu_TopMenu:hover > div .Menu_DropDownArrow:before,
.Menu_TopMenu:hover > div .Menu_DropDownArrow:after, 
.Menu_TopMenuActive:hover > div .Menu_DropDownArrow:before, 
.Menu_TopMenuActive:hover > div .Menu_DropDownArrow:after {
    background-color:#fff; 
    opacity: 1;
}

.MenuWithSubItem{
    opacity: 1;
    font-weight: var(--font-regular);
}
.Menu_TopMenu:hover > div .MenuWithSubItem{
    color: #fff;
    opacity: 1;
}

.Menu_DropDownPanel a, 
.Menu_DropDownPanel a:link, 
.Menu_DropDownPanel a:visited {
    color: var(--color-neutral-9);
}

.Menu_DropDownPanel a:hover{
    color: #000;
    border-bottom: var(--border-size-m) solid var(--color-primary);
}

.Menu_TopMenu > div {
    font-weight: larger;
}

.width-100percent{
    width: 80%;
}

.width-35percent{
    width: 30%;
}
.width-50percent{
    width: 50%;
    margin-left: 10px;
    border-color: #cfcfcf;
    border-style: solid;
    border-width: 1px;
}

.layout-login-simple .layout-login-background
, .layout-login-background {
    background-color: var(--color-neutral-3);
}

.layout-login-simple .layout-login-form {
    padding: var(--space-xl);
}

.qq-upload-button {
    display:block; /* or inline-block */
    text-align:center;
    margin:0;
    float:left;
    outline: none
}

.qq-custom-upload-button{
    border: 1px solid var(--color-neutral-4);
    border-radius: var(--border-radius-soft);
    padding: 0px 20px;
    /* display: block; */
    /* height: 30px; */
    /* display: flex; */
    /* vertical-align: middle; */
    font-weight: normal;
}

.margin-right-xxxl{
    margin-right: 100px;
}

.contact-box{
    padding: var(--space-s);
    border: 1px solid var(--color-neutral-6);
    margin-top: var(--space-s);
    margin-bottom: var(--space-base);
    border-radius: var(--border-radius-soft);
}

.align-items-baseline {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: baseline;
}

.align-items-end {
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: flex-end;
}


.multiple-file-upload-v2 {
    position: relative;
}

.multiple-file-upload-v2 .qq-upload-button {
    float: none;
    margin: 0;
    width: 100%;
}

.multiple-file-upload-v2.no-bg-info .qq-upload-button {
    max-width: 100%;
    position: static !important; 
}

.multiple-file-upload-v2.no-bg-info .qq-uploader {
    position: static;
}

.multiple-file-upload-v2 .qq-upload-button a {
    background-color: white;
    background-image: url('/DigitalUI_Th/img/uploadv2_customUploadImage.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60%;
    border: 2px dashed #DEDFE4;
    border-radius: 6px;
    padding-bottom: 39.6%;
    width: 100%;
}

.multiple-file-upload-v2.no-bg-info .qq-upload-button a {
    background-color: transparent;
    background-image: none;
    bottom: 0;
    display: inline-block;
    height: auto;
    left: 0;
    margin: 0;
    padding: 0;
    right: 0;
    position: absolute;
    top: 0;
}
.multiple-file-upload-v2 .qq-upload-button a:focus {
    box-shadow: none;
}

.multiple-file-upload-v2 .qq-upload-button input {
    bottom: 0;
}

.multiple-file-upload-v2 .qq-upload-button span {
    display: none;
}

.multiple-file-upload-v2 .qq-upload-drop-area {
    background-color: var(--color-info-lighter);
}

.multiple-file-upload-v2__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--space-m) var(--space-xxl);
    text-align: center;
    height: 50px;
}

.multiple-file-upload-v2__content:empty {
    display: none;
}

.multiple-file-upload-v2__content img {
    max-width: none;
    width: auto;
}

.multiple-file-upload-v2 .qq-upload-list {
    margin: 0px;
}

.multiple-file-upload-v2 .ListRecords ul{
    margin: 15px 35px;
}

.flexbox{
    display: flex;
    /* default style of display: flex*/
    justify-content: flex-start;
    align-items: stretch;
}

.currency-combo{
    width: 123px;
}

.renew-box{
    border-color: #cfcfcf;
    border-style: solid;
    border-width: 1px;
}

.modal-wrapper {
    max-width: 800px; 
    min-height: 300px; 
}

.confirm-modal{
    min-height: 150px; 
}

.TableRecords .TableRecords_Header{
    background-color: unset ;
    height: 30px;
    padding: var(--space-s) var(--space-m);
}

.TableRecords .TableRecords_EvenLine,
.TableRecords .TableRecords_OddLine {
    background-color: unset ;
    height: 30px;
}

.TableRecords.AttachFile .TableRecords_Header{
    padding: var(--space-s) var(--space-s);
}
.TableRecords.AttachFile .TableRecords_EvenLine,
.TableRecords.AttachFile .TableRecords_OddLine{
    padding: var(--space-s) var(--space-s);
}

.file-upload{
    padding: var(--space-s);
}

.display-none{
    display: none;
}

.justify-content-flex-space-between {
    -webkit-box-pack: end;
       -ms-flex-pack: end;
    justify-content: space-between;
}

.button-a-loading{
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid currentColor;
    color: var(--color-primary);
}

.button-a-loading:hover{
    box-shadow: var(--shadow-s);
    -webkit-filter: brightness(.95);
    filter: brightness(.95);
}

.search--wrapper input {
    height: 30px;
}

.choices__list--multiple .choices__item {
    height: 25px;
}