:root {
    --oj-core-text-color-disabled: rgba(var(--oj-palette-neutral-rgb-190), .6);
}

.full-max-width {
    max-width: 100%;
}
.display-none {
  display:none
}

.table-max-width {
  max-width:1360px;
} 

.table-height-700 {
  height: 700px;
}

.width-90 {
  width: 90%;
}

.width-65 {
  width: 65%;
}
.width-30 {
  width: 30%;
}

.app-header {
    background-color: #fff !important;
    border-bottom-style: inset;
}

.preloader-container {
    z-index: 1052;
    display: flex;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 0.5;
}

.preloader {
    margin: auto;
    border: 6px solid #96000B;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 0.6s linear infinite;
    border-top: 6px solid transparent;
    border-radius: 112%;
    width: 60px;
    height: 60px;
}

@media only screen and (max-width: 1024px) {
    .icon {
        padding-left: 82%;
        top: 28px;
        min-width: 40px;
        position: relative;
        z-index: 100;
        /* font-family: 'vb-icon-font' !important; */
        /* background-image: url(../images/download.png); */
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        background-size: 13px;
    }
}

@media only screen and (min-width: 1025px) {
    .icon {
        padding-left: 87%;
        top: 28px;
        min-width: 40px;
        position: relative;
        z-index: 100;
        /* font-family: 'vb-icon-font' !important; */
        /* background-image: url(../images/download.png); */
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: center;
        background-size: 13px;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.oj-heading {
    cursor: auto;
    text-align: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    white-space: nowrap;
    color: #000000;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
}

.oj-page-heading {
    cursor: auto;
    text-align: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 20px;
    font-weight: normal;
    color: #000000;
}

/* .oj-table-column-header-cell {
font-weight: bold;
} */

h3 {
    font-weight: bold;
}

.headings_cls {
    font-weight: bold;
    font-size: large;
    margin-bottom: 1%;
}


.link-cursor {
    cursor: pointer
}

.primary-btn {

    /* IIMB RED COLOR RAMP */

    --primary-red-rgb-10: 253, 249, 249;
    --primary-red-rgb-20: 251, 242, 242;
    --primary-red-rgb-30: 249, 236, 236;
    --primary-red-rgb-40: 244, 220, 221;
    --primary-red-rgb-50: 236, 199, 200;
    --primary-red-rgb-60: 227, 169, 171;
    --primary-red-rgb-70: 221, 151, 153;
    --primary-red-rgb-80: 214, 130, 133;
    --primary-red-rgb-90: 205, 103, 107;
    --primary-red-rgb-100: 197, 77, 81;
    --primary-red-rgb-110: 190, 58, 63;
    --primary-red-rgb-120: 184, 39, 44;
    --primary-red-rgb-130: 175, 17, 23;
    --primary-red-rgb-140: 154, 15, 20;
    --primary-red-rgb-150: 135, 13, 18;
    --primary-red-rgb-160: 112, 11, 15;
    --primary-red-rgb-170: 95, 9, 12;

    /* SOLID */

    /* solid enabled */
    --oj-button-solid-chrome-bg-color: rgb(var(--primary-red-rgb-140));
    --oj-button-solid-chrome-border-color: transparent;
    --oj-button-solid-chrome-text-color: var(--oj-core-neutral-contrast);

    /* solid hover */
    --oj-button-solid-chrome-bg-color-hover: rgb(var(--primary-red-rgb-120));
    --oj-button-solid-chrome-border-color-hover: transparent;
    --oj-button-solid-chrome-text-color-hover: var(--oj-core-neutral-contrast);


    /* solid active */
    --oj-button-solid-chrome-bg-color-active: rgb(var(--primary-red-rgb-160));
    --oj-button-solid-chrome-border-color-active: transparent;
    --oj-button-solid-chrome-text-color-active: var(--oj-core-neutral-contrast);



    /* solid disabled */
    --oj-button-solid-chrome-bg-color-disabled: rgba(var(--primary-red-rgb-100), .1);
    --oj-button-solid-chrome-border-color-disabled: transparent;
    --oj-button-solid-chrome-text-color-disabled: var(--oj-core-text-color-disabled);



    /* BORDERLESS */

    /* borderless-chrome enabled */
    --oj-button-borderless-chrome-text-color: rgb(var(--primary-red-rgb-120));


    /* borderless chrome hover */
    --oj-button-borderless-chrome-bg-color-hover: var(--oj-core-bg-color-hover);
    --oj-button-borderless-chrome-border-color-hover: transparent;
    --oj-button-borderless-chrome-text-color-hover: var(--oj-button-borderless-chrome-text-color);


    /* borderless chrome-active */
    --oj-button-borderless-chrome-bg-color-active: var(--oj-core-bg-color-active);
    --oj-button-borderless-chrome-border-color-active: transparent;
    --oj-button-borderless-chrome-text-color-active: var(--oj-button-borderless-chrome-text-color);


    /* borderless chrome disabled */
    --oj-button-borderless-chrome-text-color-disabled: rgba(var(--primary-red-rgb-160), .3);


    /* OUTLINED */


    /* outlined enabled */
    --oj-button-outlined-chrome-border-color: rgba(var(--primary-red-rgb-160), .3);
    --oj-button-outlined-chrome-text-color: var(--oj-button-borderless-chrome-text-color);


    /* outlined hover */
    --oj-button-outlined-chrome-bg-color-hover: var(--oj-core-bg-color-hover);
    --oj-button-outlined-chrome-border-color-hover: var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-hover: var(--oj-button-outlined-chrome-text-color);


    /* outlined active */
    --oj-button-outlined-chrome-bg-color-active: var(--oj-core-bg-color-active);
    --oj-button-outlined-chrome-border-color-active: var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-active: var(--oj-button-outlined-chrome-text-color);


    /* outlined disabled */
    --oj-button-outlined-chrome-border-color-disabled: rgba(var(--primary-red-rgb-160), .1);
    --oj-button-outlined-chrome-text-color-disabled: var(--oj-button-borderless-chrome-text-color-disabled);
}

.secondary-btn {

    /* IIMB forestry COLOR RAMP */

    --primary-forestry-rgb-10: 247, 249, 249;
    --primary-forestry-rgb-20: 241, 245, 245;
    --primary-forestry-rgb-30: 227, 235, 234;
    --primary-forestry-rgb-40: 210, 224, 222;
    --primary-forestry-rgb-50: 192, 211, 208;
    --primary-forestry-rgb-60: 171, 196, 193;
    --primary-forestry-rgb-70: 148, 181, 176;
    --primary-forestry-rgb-80: 128, 167, 162;
    --primary-forestry-rgb-90: 107, 153, 146;
    --primary-forestry-rgb-100: 89, 139, 132;
    --primary-forestry-rgb-110: 70, 127, 119;
    --primary-forestry-rgb-120: 53, 114, 106;
    --primary-forestry-rgb-130: 37, 103, 94;
    --primary-forestry-rgb-140: 23, 92, 83;
    --primary-forestry-rgb-150: 20, 81, 73;
    --primary-forestry-rgb-160: 17, 70, 63;
    --primary-forestry-rgb-170: 13, 51, 46;

    /* SOLID */

    /* solid enabled */
    --oj-button-solid-chrome-bg-color: rgb(var(--primary-forestry-rgb-140));
    --oj-button-solid-chrome-border-color: transparent;
    --oj-button-solid-chrome-text-color: var(--oj-core-neutral-contrast);


    /* solid hover */
    --oj-button-solid-chrome-bg-color-hover: rgb(var(--primary-forestry-rgb-120));
    --oj-button-solid-chrome-border-color-hover: transparent;
    --oj-button-solid-chrome-text-color-hover: var(--oj-core-neutral-contrast);


    /* solid active */
    --oj-button-solid-chrome-bg-color-active: rgb(var(--primary-forestry-rgb-160));
    --oj-button-solid-chrome-border-color-active: transparent;
    --oj-button-solid-chrome-text-color-active: var(--oj-core-neutral-contrast);



    /* solid disabled */
    --oj-button-solid-chrome-bg-color-disabled: rgba(var(--primary-forestry-rgb-100), .1);
    --oj-button-solid-chrome-border-color-disabled: transparent;
    --oj-button-solid-chrome-text-color-disabled: var(--oj-core-text-color-disabled);



    /* BORDERLESS */

    /* borderless-chrome enabled */
    --oj-button-borderless-chrome-text-color: rgb(var(--primary-forestry-rgb-120));


    /* borderless chrome hover */
    --oj-button-borderless-chrome-bg-color-hover: var(--oj-core-bg-color-hover);
    --oj-button-borderless-chrome-border-color-hover: transparent;
    --oj-button-borderless-chrome-text-color-hover: var(--oj-button-borderless-chrome-text-color);


    /* borderless chrome-active */
    --oj-button-borderless-chrome-bg-color-active: var(--oj-core-bg-color-active);
    --oj-button-borderless-chrome-border-color-active: transparent;
    --oj-button-borderless-chrome-text-color-active: var(--oj-button-borderless-chrome-text-color);


    /* borderless chrome disabled */
    --oj-button-borderless-chrome-text-color-disabled: rgba(var(--primary-forestry-rgb-160), .3);


    /* OUTLINED */


    /* outlined enabled */
    --oj-button-outlined-chrome-border-color: rgba(var(--primary-forestry-rgb-160), .3);
    --oj-button-outlined-chrome-text-color: var(--oj-button-borderless-chrome-text-color);


    /* outlined hover */
    --oj-button-outlined-chrome-bg-color-hover: var(--oj-core-bg-color-hover);
    --oj-button-outlined-chrome-border-color-hover: var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-hover: var(--oj-button-outlined-chrome-text-color);


    /* outlined active */
    --oj-button-outlined-chrome-bg-color-active: var(--oj-core-bg-color-active);
    --oj-button-outlined-chrome-border-color-active: var(--oj-button-outlined-chrome-border-color);
    --oj-button-outlined-chrome-text-color-active: var(--oj-button-outlined-chrome-text-color);


    /* outlined disabled */
    --oj-button-outlined-chrome-border-color-disabled: rgba(var(--primary-forestry-rgb-160), .1);
    --oj-button-outlined-chrome-text-color-disabled: var(--oj-button-borderless-chrome-text-color-disabled);
}