::-webkit-scrollbar {
    width: 15px;
    background: lightgray;
    border-radius: 15px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px lightgray;
    border-radius: 15px;
}

::-webkit-scrollbar-thumb {
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    background: #0b84a5;
}
.fbold {
    font-weight: 600;
}
.required{
    color:red;
}
.lbl {
    margin: -20px 0px 20px 0px;
    text-align: center;
    font-size: 30px;
    color: white;
}
.right {
    float: right !important;
}
.RestrictArea {
    min-height: 50px;
    min-width: 100%;
    max-height: 300px;
    max-width: 100%;
}

.AddIcon {
    margin: 10px !important;
    color: #45B6AF;
}

.RemoveIcon {
    margin: 10px !important;
    color: #d84a38;
}

.lblError {
    color: #a94442 !important;
}

.Disabled {
    pointer-events: none;
}

.errormessage {
    color: #ff0000;
    font-weight: 500;
}

.imagesize {
    width: 50px;
}

.imagestyle {
    background-color: #00c292;
    border-radius: 5px;
    width: 60px;
}

@media (max-width:480px) {
    .mobilehide {
        display: none !important;
    }

    .page-header.navbar {
        height: 64px!important;
    }

    .page-header-fixed.page-header-fixed-mobile .page-container {
        margin-top: 58px !important;
    }
}
.Center
{
    text-align:center !important;
}
.TextRight {
    text-align: right !important;
}
.TP {
    font-size: 40px;
    color: #0b84a5;
}
.RP {
    font-size: 40px;
    color: #7eb333;
}
.DP {
    font-size: 40px;
    color: #d43f3a;
}