@font-face {
    font-family: AbarLowFaNum;
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/woff/AbarLowFaNum-Regular.woff') format('woff'),
    url('/assets/fonts/woff2/AbarLowFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: AbarSemiBold;
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/woff/AbarLowFaNum-SemiBold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarLowFaNum-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: AbarBold;
    font-style: normal;
    font-weight: bold;
    src: url('/assets/fonts/woff/AbarLowFaNum-Bold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarLowFaNum-Bold.woff2') format('woff2');
}

@font-face {
    font-family: AbarExtraBold;
    font-style: normal;
    font-weight: 800;
    src: url('/assets/fonts/woff/AbarLowFaNum-ExtraBold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarLowFaNum-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: AbarBlack;
    font-style: normal;
    font-weight: 900;
    src: url('/assets/fonts/woff/AbarLowFaNum-Black.woff') format('woff'),
    url('/assets/fonts/woff2/AbarLowFaNum-Black.woff2') format('woff2');
}

@font-face {
    font-family: AbarRegular;
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/woff/AbarMidFaNum-Regular.woff') format('woff'),
    url('/assets/fonts/woff2/AbarMidFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: AbarSemiBold;
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/woff/AbarMidFaNum-SemiBold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarMidFaNum-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: AbarMidBold;
    font-style: normal;
    font-weight: bold;
    src: url('/assets/fonts/woff/AbarMidFaNum-Bold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarMidFaNum-Bold.woff2') format('woff2');
}

@font-face {
    font-family: AbarMidExtraBold;
    font-style: normal;
    font-weight: 800;
    src: url('/assets/fonts/woff/AbarMidFaNum-ExtraBold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarMidFaNum-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: AbarMidBlack;
    font-style: normal;
    font-weight: 900;
    src: url('/assets/fonts/woff/AbarMidFaNum-Black.woff') format('woff'),
    url('/assets/fonts/woff2/AbarMidFaNum-Black.woff2') format('woff2');
}

@font-face {
    font-family: AbarHighFaNum;
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/woff/AbarHighFaNum-Regular.woff') format('woff'),
    url('/assets/fonts/woff2/AbarHighFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: AbarHighSemiBold;
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/woff/AbarHighFaNum-SemiBold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarHighFaNum-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: AbarHighBold;
    font-style: normal;
    font-weight: bold;
    src: url('/assets/fonts/woff/AbarHighFaNum-Bold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarHighFaNum-Bold.woff2') format('woff2');
}

@font-face {
    font-family: AbarHighExtraBold;
    font-style: normal;
    font-weight: 800;
    src: url('/assets/fonts/woff/AbarHighFaNum-ExtraBold.woff') format('woff'),
    url('/assets/fonts/woff2/AbarHighFaNum-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: AbarHighBlack;
    font-style: normal;
    font-weight: 900;
    src: url('/assets/fonts/woff/AbarHighFaNum-Black.woff') format('woff'),
    url('/assets/fonts/woff2/AbarHighFaNum-Black.woff2') format('woff2');
}


/* BTB Conditions Styles */
.btb-badge{
    display:block;
    padding:5px;
    border-radius:2px;
    font-weight:900;
    font-size:9px;
    font-family:'AbarMidBold';
}
.btb-progress {
    background: #B8860B;
    color:#F0D58B;
}
.btb-completed {
    background: #2E8B57;
    color:#A0D4B1;
}
.btb-cancelled {
    background: #FF4500;
    color:#FFB3A7;
}
.btb-hold {
    background: #4169E1;
    color:#A9C9E2;
}
.btb-approval {
    background: #FF8C00;
    color:#FFD280;
}

/* data info */
.dataTables_info{
    background:#082857;
    margin-top:5px;
    padding:10px;
    color:#fff !important;
    border-radius:5px;
}

/* BTB Styles */







body {
    background-color: #F8F8F8;
    position: relative;
    z-index: 0;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/assets/photos/Texture@12x.png') no-repeat center center;
    background-size: cover;
    opacity: 0.6;
    z-index: -1;
    pointer-events: none;
}
.iconhome {
    display:flex;
    position: relative;
    max-width: 200px;
    text-align: center;
    margin: 1px auto;
    flex-direction: column;
}
.iconhomelink:hover img:first-child {
    max-width: 100%;
    position:absolute;
    top:5px;
    left:0;
    right:0;
    display: inline !important;
    scale:.9;
    z-index:10;
    filter: brightness(0) saturate(100%) invert(11%) sepia(67%) saturate(2242%) hue-rotate(204deg) brightness(94%) contrast(99%) !important;
}
.mt-5 .iconhome {
    margin-top: -80px !important;
}

.iconhome img {
    max-width: 100%;
    display: block;
}
.iconhome img:last-child{
    margin-top:-65px;
}
.iconhome .text {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #082857;
    font-size: 24px;
    font-weight: 900;
}
.iconhomelink{
    transition:scale 0.2s;
}
.iconhomelink:hover{
    scale:1.1 !important;
    transition:scale 0.2s;
}
.iconhomelink:hover .text{
    color:#fff;
}
.iconhomelink:hover img{
    filter: brightness(0) saturate(100%) invert(56%) sepia(98%) saturate(2338%) hue-rotate(139deg) brightness(98%) contrast(95%);
}
.iconhomelink:hover img:last-child{
    filter: brightness(0) saturate(100%) invert(11%) sepia(67%) saturate(2242%) hue-rotate(204deg) brightness(94%) contrast(99%);
}