@font-face {
  font-family: 'poppinssemibold';
  src: url('./fonts/poppins-semibold.eot');
  src: url('./fonts/poppins-semibold.eot?#iefix') format('embedded-opentype'), url('./fonts/poppins-semibold.woff2') format('woff2'), url('../src/assets/fonts/poppins-semibold.woff') format('woff'), url('./fonts/poppins-semibold.ttf') format('truetype'), url('./fonts/poppins-semibold.svg#poppinssemibold') format('svg');
  font-display: swap;
 }
 @font-face {
  font-family: 'poppinsmedium';
  src: url('./fonts/poppins-medium.eot');
  src: url('./fonts/poppins-medium.eot?#iefix') format('embedded-opentype'), url('./fonts/poppins-medium.woff2') format('woff2'), url('./fonts/poppins-medium.woff') format('woff'), url('./fonts/poppins-medium.ttf') format('truetype'), url('./fonts/poppins-medium.svg#poppinsmedium') format('svg');
  font-display: swap;
 }
 @font-face {
  font-family: 'poppinsregular';
  src: url('./fonts/poppins-regular.eot');
  src: url('./fonts/poppins-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/poppins-regular.woff2') format('woff2'), url('./fonts/poppins-regular.woff') format('woff'), url('./fonts/poppins-regular.ttf') format('truetype'), url('./fonts/poppins-regular.svg#poppinsregular') format('svg');
  font-display: swap;
 }
 
 @font-face {
  font-family: 'robotoregular';
  src: url('./fonts/roboto-regular.eot');
  src: url('./fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/roboto-regular.woff2') format('woff2'), url('./fonts/roboto-regular.woff') format('woff'), url('./fonts/roboto-regular.ttf') format('truetype'), url('./fonts/roboto-regular.svg#robotoregular') format('svg');
  font-display: swap;
 }

body { margin:0; padding:0; background:var(--app-background); height:100vh; overflow:hidden;}
*{ box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, p { margin:0;}
.clear { clear:both;}
.mrgauto { margin:0 auto;}
.form-check-input { border:none!important; background-color:transparent;}
.w_100 { width:100px;}
.text-decoration-none { text-decoration:none;}


/*Margin css starts here*/
.m-t-10 { margin-top:10px;}
.m-b-10 { margin-bottom:10px;}
.m-b-20 { margin-bottom:20px;}

.m-l-5 { margin-left:5px;}
/*Margin css ends here*/


/*Padding css starts here*/
.p-t-5 { padding-top:5px;}
.p-b-5 { padding-bottom:5px;}
.p-t-8 { padding-top:8px;}
.p-b-8 { padding-bottom:8px;}
.p-t-10 { padding-top:10px;}
.p-b-10 { padding-bottom:10px;}
/*Padding css ends here*/


/*Border css starts here*/
.border-bottom-color-1 { border-bottom:1px solid var(--color-border-1);}
/*Border css ends here*/

/*Icons Size css starts here*/
.icon-12 { width:12px; height:12px;}
.icon-24 { width:24px; height:24px;}
.icon-48 { width:48px; height:48px;}
/*Icons Size css starts here*/


/*Icons css starts here*/
.icon-info { cursor:pointer; display:inline-block; -webkit-mask:url(images/info.svg) no-repeat; mask:url(images/info.svg) no-repeat; -webkit-mask-size:cover; mask-size:cover;}
.icon-caution { cursor:pointer; display:inline-block; -webkit-mask:url(images/caution.svg) no-repeat; mask:url(images/caution.svg) no-repeat; -webkit-mask-size:cover; mask-size:cover;}
/*Icons css eds here*/


/*SVG Color Icons css starts here*/
.icon-dark { background-color:var(--background-dark-icons)!important;}
.icon-grey { background-color:var(--background-grey-icons);}
.icon-primary { background-color:var(--background-primary-icons);}
.icon-positive { background-color:var(--background-green-icons);}
.icon-negative { background-color:var(--background-red-icons);}
.icon-yellow { background-color:var(--background-yellow-icons);}
/*SVG Color Icons css ends here*/


/*Background Color css starts here*/
.background-dark { background-color:var(--background-dark);}
.background-light { background-color:var(--background-light);}
.background-grey { background-color:var(--background-grey);}
/*Background Color css ends here*/


/*Font Weight css starts here*/
.font-semibold { font-family: 'poppinssemibold';}
.font-medium { font-family: 'poppinsmedium';}
.font-regular { font-family: 'poppinsregular';}
.font-roboto { font-family: 'robotoregular';}
/*Font Weight css ends here*/


/*Font Size css starts here*/
.size-11 { font-size:11px !important;}
.size-12 { font-size:12px !important;}
.size-13 { font-size:13px !important;}
.size-14 { font-size:14px !important;}
/*Font Size css ends here*/


/*Text Color css starts here*/
.color-text { color:var(--color-text);}
.color-subtext { color:var(--color-subtext);}
.color-nodata { color:var(--color-nodata);}
.color-primary { color:var(--color-primary);}
.color-positive { color:var(--color-positive);}
.color-negative { color:var(--color-negative);}
/*Text Color css ends here*/


/*Button css starts here*/
.btn-solid {background:var(--button-solid-background); border-color:var(--button-solid-border); color:var(--button-solid-textcolor); letter-spacing:normal; font-family:'poppinssemibold'; font-size:12px;}
.btn-outline {background:var(--button-outline-background); border-color:var(--button-outline-border); color:var(--button-outline-textcolor); letter-spacing:normal; font-family:'poppinssemibold'; font-size:12px;}
/*Button css ends here*/


/*Webkit Scrollbar css starts here*/
::-webkit-scrollbar { width:4px; height:4px;}
::-webkit-scrollbar-track { background:transparent; border-right:2px solid var(--scrollbar-track-background);}
::-webkit-scrollbar-thumb { background:var(--scrollbar-thumb-background);}
::-webkit-scrollbar-thumb:hover { background:var(--scrollbar-thumb-hover);}
::-webkit-scrollbar-corner { background:var(--scrollbar-thumb-background);}
/*Webkit Scrollbar css ends here*/



/*cards Radius css starts here*/
.card-radius-10 { border-radius:10px!important;}
/*cards Radius css ends here*/


/*Tabs css starts here*/
.nav { --bs-nav-link-color:var(--bs-link-color)!important; --bs-nav-link-hover-color:var(--bs-link-hover-color)!important;}
.nav-pills li { margin-right:0.5rem!important;}
.nav-pills .nav-link { background-color:var(--bs-nav-pills-link-bg)!important; border:1px solid var(--bs-nav-pills-link-border)!important; color:var(--bs-link-color)!important; font-family:'poppinsmedium'; font-size:12px;}
.nav-pills .nav-link.active { background-color:var(--bs-nav-pills-link-active-bg)!important; border:1px solid var(--bs-nav-pills-link-active-border)!important; color:var(--bs-link-active-color)!important; font-family:'poppinssemibold'; font-size:12px;}
/*Tabs css ends here*/


/*Read More css starts here*/
.readmore-wrapper { width:100%; padding:8px; border-radius:3px; background-color:var(--readmore-background-color); font-family:'poppinsregular'; font-size:14px; color:var(--readmore-textcolor);}
.readmore-wrapper a { text-decoration:none; color:var(--readmore-link-textcolor); font-family:'poppinsmedium';}
/*Read More css ends here*/


/*Tooltip css starts here*/
.tooltip-wrapper { width:250px; display:none; background-color:var(--tooltip-bg); box-shadow:0px 0px 6px 3px rgba(var(--tooltip-shadow),0.16)!important; border-radius:8px; padding:5px 3px; position:absolute; z-index:999;}
.tooltip-textcolor { color:var(--tooltip-text-color);}
.table-container .icon-info:hover ~.tooltip-wrapper { display:block!important;}

.tooltip-border-top { border-top:1px solid var(--tooltip-border);}
.tooltip-border-start { border-left:1px solid var(--tooltip-border);} 
/*Tooltip css ends here*/


/*Table css starts here*/
.table-header { background-color:var(--table-header-background);}
.table-container { background-color:var(--table-container-background);}
.table-border-seperater { border-bottom:1px solid var(--table-container-border);}
/*Table css ends here*/


/*Form Control css starts here*/
.form-control { background-image:none; background-color:var(--form-control-background); border:1px solid var(--form-control-border); color:var(--form-control-textcolor);}
.form-control:focus { box-shadow:0 0 0 0.05rem var(--form-control-active-focus-shadow)!important; border-color:var(--form-control-active-focus-border)!important; background:var(--form-control-active-focus-background)!important; color:var(--form-control-textcolor);}
/*Form Control css ends here*/


/*Chips Control css starts here*/
.chips-wrap { display:flex; flex-wrap:wrap;}
.chips-wrap .request-chip { border-radius:3px; height:18px; line-height:10px; padding:4px 5px; font-family:'poppinsmedium'; font-size:11px; text-transform:uppercase; background:var(--request-chip-background); border:1px solid var(--request-chip-border); color:var(--request-chip-textcolor);}

.chips { border-radius:20px; height:20px; line-height:16px; padding:2px 8px; font-family:'poppinsmedium'; font-size:11px; display:inline-table; text-transform:capitalize;}
.chips.success-chip { background:var(--success-chip-background); color:var(--success-chip-textcolor);}
.chips.pending-chip { background:var(--pending-chip-background); color:var(--pending-chip-textcolor);}
.chips.reject-chip { background:var(--reject-chip-background); color:var(--reject-chip-textcolor);}
/*Chips Control css ends here*/


/*Header Container css starts here*/
.header-wrapper { width:100%; background-color:var(--header-background);}
.shadow-header { box-shadow:0px 3px 7px 2px rgba(var(--color-shadow), 0.05) !important;}
/*Header Container css ends here*/


/*Body Container css starts here*/
.body-wrapper { width:100%; overflow-y:auto;}
/*Body Container ends here*/


/*Footer Container css starts here*/
.footer-wrapper { width:100%; position:fixed; bottom:0; left:0; background-color:var(--footer-background);}
/*Footer Container css ends here*/


/*List View Items css starts here*/
.items-border-wrap .border-bottom-color-1:last-child { border-bottom:none!important}
/*List View Items css ends here*/


/*Loader css starts here*/
.data-loader { transform:translate(-50%, -50%); position:absolute; top:50%; left:50%; visibility: hidden;}  /*AERO-1182:210825:Lalitha/Sumit:PledgeSummaryReport*/
.spinner-border { --bs-spinner-width:2.5rem!important; --bs-spinner-height:2.5rem!important; border:var(--bs-spinner-border-width) solid var(--spinner-border-color)!important; border-right-color:transparent!important;}
/*Loader css ends here*/


/*Zero State css starts here*/
.zero-state-container { display:flex; flex-direction:column; justify-content:center; height:100vh;}
/*Zero State css ends here*/