body {
    background-color: #fafafa !important;    
}

.BrdNtfcn {
    border: 1px solid #dceffc;
    width: 50px;
    height: 50px;
    position: absolute;
    margin-top: 5px;
    margin-left: -10px;
    display:none;
}

.DashDpd select {
    width: 100px !important;
    margin-right: 10px;
    /* background: url(../Images/Arrow_down.png)95% 50%; */
    /* -webkit-appearance: none; */
    width: 100%;
    background-repeat: no-repeat;
    margin-top: 0px;
    float: right;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    padding: 3px 10px 7px 10px;
    height: 30px;
    border-radius: 10px;
    font-size: 14px;
    color: #2b2b2b;
    background-size: 16px;
    border: 1px solid #E7E7E7;
    outline: 0;
}
.loader {
    margin: 0 0 2em;
    height: 100px;
    width: 20%;
    text-align: center;
    padding: 1em;
    margin: 0 auto 1em;
    vertical-align: top;
    position: relative;
}

.nav-item .dropdown-menu a {
    font-weight: 600 !important;
}
.GrnPrgrsBar {
    background-color: #86e395 !important
}
.NotifBellSixth {
    box-shadow: 0px 0px 6px #00000003 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(700px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}

.NotifAdminBell {
    box-shadow: 0px 0px 6px #d0d0d0 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(1340px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}
.NotifArtboard {
    box-shadow: 0px 0px 6px #d0d0d0 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(955px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}

.NotifictnDpdFifth {
    box-shadow: 0px 0px 6px #00000003 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(1165px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}

.BellNfcDpdTrd {
    box-shadow: 0px 0px 6px #d0d0d0 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(1020px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}

.NtfcnDpdFourth {
    box-shadow: 0px 0px 6px #d0d0d0 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(1175px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}


.NtfcnDpdTrd {
    box-shadow: 0px 0px 6px #d0d0d0 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(1110px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}

.FlxNotfiDpdCls {
    display: flex;
    justify-content: space-between;
}

.FlxDpdAdmCls{
    display:flex;
    align-items:center;
}

.AdmNotiAttReqDpd {
    width: 15% !important;
    background: #fff !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    text-align: center !important;
}

.AdmNotfiClsBtn {
    border: none;
    color: #8143ce;
    min-width: 100px;
    height: 40px;
    font-weight: bold;
    border-radius: 10px;
    background: #f6eeff;
    margin-top: 10px;
}

.AdmNotiAttReqDpdSnd {
    width: 15% !important;
    background: #fff !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    text-align: center !important;
}

.AdmNotfiClsBtnSnd {
    border: none;
    color: #8143ce;
    min-width: 100px;
    height: 40px;
    font-weight: bold;
    border-radius: 10px;
    background: #f6eeff;
    margin-top: 10px;
}


.AdmnNotifDpd {
    box-shadow: 0px 0px 6px #d0d0d0 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(1445px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}
.AdmnNotifDpdSnd {
    box-shadow: 0px 0px 6px #d0d0d0 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(1445px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}
.TbVedtCls {
    background-color: #fff;
    border-radius: 20px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    margin-top: 20px;
    border: 1px solid #c2c2c2;
}

.FlxCaseVedct{
    display:flex;
    align-items:center;
    margin-top:20px;
    padding-bottom:10px;
}

.SmlMrgCaseVedct{
    margin-left:10px;
}

.VedctCaseTxtBx {
    width: 100%;
    border-radius: 10px !important;
    height: 30px;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
    border: 1px solid #ccc !important;
    height: 45px;
    margin-bottom: 10px;
    padding: 10px;
    pointer-events:none;
}

    .VedctCaseTxtBx:focus {
        box-shadow: none !important;
        outline: none;
        border: 1px solid #660090 !important;
    }




#ModalAddVerdict .modal-content {
    border-radius: 12px;
}

.AccMrgRightCls {
    margin-right: -70px;
}

.SAMrgCls {
    margin-left: -15px !important;
}

.SAMrgLftCls{
    margin-left:5px !important;
}


.RectCsMrg {
    margin-left: -16px !important;
    padding-left: 0px;
}

.ProflLblUpldCls {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.AbrtMrgTp {
    margin-top: 20px;
}

/*Accordian new css starts*/

.MdlCanSec {
    border-radius: 12px !important;
}
.accordion-button:not(.collapsed)::after {
    content: "\2212";
    background-image: none !important;
    font-size: 2rem;
    font-weight: bold;
}
.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-item {
    background-color: #fff;
    border: none;
    box-shadow: 0px 0px 6px #00000003;
    margin: 10px;
    border-radius: 20px !important;
    padding-left: 15px;
}

.accordion-button::after {
    content: "\002B";
    background-image: none !important;
    font-size: 2rem;
    font-weight: bold;
    margin-left: 60px;
}
.accordion-button {
    display: contents !important;
}

/*Accordian new ends starts*/

.ReasonLblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #C7C7C7;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}

.datepicker.dropdown-menu {
    box-shadow: 0px 0px 6px #00000003;
    width: 10% !important;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    border-radius: 10px !important;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}

.DtpckrTxtUsrNme {
    border-radius: 10px !important;
    height: 30px;
    background: #f3f3f3 !important;
    border: none !important;
    color: #131313 !important;
    border: 1px solid #ccc !important;
}
    .DtpckrTxtUsrNme:focus {
        box-shadow: none !important;
        outline: none;
        border: 1px solid #660090 !important;
    }

/*.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
    background-color: #413eda !important;
}*/

.companyExecutive{
    pointer-events:none !important;
    opacity:0.5;
}

/*Datatable css with nobr extra header*/
.table.dataTable.no-footer thead {
    background: #dceffc;
}


    .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
        background-color: #413eda !important;
        background-image: -moz-linear-gradient(to bottom,#08c,#04c);
        background-image: -ms-linear-gradient(to bottom,#08c,#04c);
        background-image: none !important;
        background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
        background-image: -o-linear-gradient(to bottom,#08c,#04c);
        background-image: #413eda !important;
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
        border-color: #413eda !important;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0rgba(0,0,0,.25);
    }

/*.DtPckerCustm {
    box-shadow: 0px 0px 6px #00000003;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    border-radius: 10px !important;
    background: #f3f3f3;
    border: none !important;
    color: #131313 !important;
}*/

/*Header New Dpd for cases starts here*/

.NtfcnDpdhadCases {
    box-shadow: 0px 0px 6px #00000003 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(860px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}

.DpdHedCaseCls {
    width: 5% !important;
    background: #fff !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    text-align: center !important;
}

/*Header New Dpd for cases ends here*/



.arrwImgCls {
    height: 30px !important;
    margin-right: 10px;
    margin-top: 15px;
}

.NtfcnDpd {
    box-shadow: 0px 0px 6px #d0d0d0 !important;
    border-radius: 10px !important;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    transform: translate(790px, 75px) !important;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    background-clip: padding-box;
    border: none;
    background: #fff !important;
    border: none !important;
    color: #131313 !important;
}
.DpdCaseClsSnd {
    width: 20% !important;
    background: #fff !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    text-align: center !important;
}
.NtfcnCrd {
    /* background: #fff !important;*/
    padding: 20px;
    border: none;
    padding-top: 5px;
    box-shadow: 0px 0px 6px #00000003;
}
.ImgNtfcn {
    height: 30px;
    width: 30px;
    margin-right: 20px;
}
#AttnReqNotImgNtfcn.ImgNtfcn {
    height: 25px;
    width: 25px;
    margin-right: 20px;
    margin-top:5px;
}
.NtfcnNameTxt {
    font-size: 14px;
    font-weight: bold;
}
.NtfcnSecTxt {
    font-size: 14px;
   text-align:start;
}

#AttnReqNotImgNtfcn.NtfcnSecTxt {
    font-size: 12px;
    text-align: start;
}

.NtfcnSubTxt {
    font-size: 14px;
    font-weight: bold;
    color: #8143ce;
}
.MrkAsreadTxt {
    font-size: 14px;
    font-weight: 500;
    color: #8143ce;
}
.PadLftNtfcn
{
    padding-left:70px;
}
.NtfcnBtn {
    border: none;
    color: #8143ce;
    width: 100%;
    height: 40px;
    font-weight: bold;
    border-radius: 10px;
    background: #f6eeff;
    margin-top: 10px;
}


.DpdBcSec select {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: 0;
    border: none !important;
    padding: 4px;
    border-radius: 9px;
    box-shadow: none;
    cursor: pointer;
    background: #f3f3f3 !important;
    border: none !important;
    color: #6c757d !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    font-size: 16px;
}

.circleThrd {
    overflow: hidden;
    z-index: 99;
    height: 150px;
    border: 2px dashed #CAD2DE;
    width: 28%;
}

    .circleThrd img {
        max-width: 100%;
        height: auto;
        margin-left: 38%;
        margin-top: 10px;
        width: 65%;
    }

.circleForth {
    overflow: hidden;
    z-index: 99;
    height: 150px;
    border: 2px dashed #CAD2DE;
    width: 20%;
}

    .circleForth img {
        max-width: 100%;
        height: auto;
        margin-left: 25%;
        margin-top: 5px;
        width: 65%;
    }

.BrdInfo {
    border: 1px solid #C2C2C2;
    padding: 10px;
    border-radius: 12px;
}

#ArbitrationUploadDocPop .RwPadClsMdlExtraSnd {
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.PrgressSec div[role="progressbar"] {
    --size: 50px;
       --bg: #413eda;
    --fg: #0093fe;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side, white 65%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
}
    .PrgressSec div[role="progressbar"]::before {
        counter-reset: percentage var(--value);
        /* content: counter(percentage) '%';*/
    }


.BtnMediatorRadio {
    margin-top: 20px;
    margin-left: 10px;
}

.BrowseBtn {
    background: #6418C3;
    color: white;
    MARGIN-RIGHT: 0PX;
    border: none;
    width: 165px;
    border-radius: 12px;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.txtBoxHeadCustsnd {
    border: 1px solid #CCCCCC;
    border-radius: 12px !important;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
    padding-left: 10px;
    background-size: 16px;
    background-repeat: no-repeat;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

.fc .fc-content {
    /*background-color: #9ADCFF !important;*/
    padding: 2px;
    color: #fff;
    /*border: none;*/
}

.MediatorBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    background: #413eda;
    border-radius: 12px;
    border: none;
    text-transform: capitalize;
    padding: 10px 40px 10px 40px;
}
/*Accordian*/
.AttentionEyeSnd {
    font-size: 22px;
    color: #000;
    margin-right: 10px;
    margin-top: 10px;
    margin-left: 15px;
}

.InPrgrsBtn {
    background: #413cda;
    padding: 5px 20px 5px 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    font-size: 12px;
    margin-left: 20px;
}

.DelayBtnSnd {
    background: #ffd796;
    padding: 5px 20px 5px 20px;
    color: #000;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    margin-left: 20px;
}

.EditBtnPanel {
    border: none;
    background: #f5f5f5;
    padding: 8px 20px 8px 20px;
    color: #000;
    border-radius: 10px;
    margin-right: 20px;
    border: 1px solid #f5f5f5;
    font-weight: bold;
}

.MsgbtnPanel {
    border: 1px solid #ededed;
    color: black;
    padding: 10px 30px 10px 30px;
    background: #fafafa;
    border-radius: 10px;
    font-weight: bold;
}

.AccTxtDesgn {
    /*margin-left: 5px;*/
    margin-top: -5px;
    font-size: 22px;
    font-weight: bold;
}

.AccVSTxtCls {
    margin-left: 10px;
    margin-top: -5px;
    font-size: 16px;
    font-weight: bold;
}

.WdthRwCls {
    width: 100%;
}

.FlxAccCrdSpc {
    display: flex;
    justify-content: end;
}

.AccAddInfoCls {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    background: #413eda;
    border-radius: 20px;
    border: none;
    text-transform: capitalize;
    padding: 10px 40px 10px 40px;
    width: 100%;
  /*  cursor: none !IMPORTANT;*/
}

.bg-claimSndCls {
    background-color: #6418C3 !important;
    color: white !important;
}

.PadNmeCls {
    padding-top: 10px;
}

.AccLblFrm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}

.AccTxtbx {
    border-radius: 10px !important;
    height: 50px;
    background: #fff !important;
    border: 1px solid #ddd;
    color: #131313 !important;
}

    .AccTxtbx:focus {
        box-shadow: none !important;
        outline: none;
        border: 1px solid #660090 !important;
    }
.SaveEditInfoBtn {
    border: none;
    background-color: #0093fe;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    padding: 3px 10px 5px 10px;
    font-size: 14px;
    margin-top: 20px;
    margin-right:20px;
}
.DownloadInfoBtn {
    border: none;
    background-color: #0093fe;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    padding: 3px 10px 5px 10px;
    font-size: 14px;
    margin-top: 20px;
}
.AccTxtArea {
    border: 1px solid #C2C2C2;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    background: #fff !important;
    font-weight: 400;
    font-size: 16px !important;
    padding: 15px 10px 15px 10px;
    width: 100%;
    height: auto !important;
    border-radius: 20px;
    pointer-events: none;
}

.txteditInformationTab {
    border: 1px solid #C2C2C2;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    background: #fff !important;
    font-weight: 400;
    font-size: 16px !important;
    padding: 15px 10px 15px 10px;
    width: 100%;
    height: auto !important;
    border-radius: 20px; 
}

    .txteditInformationTab:focus {
        box-shadow: none !important;
        outline: none;
        border: 1px solid #660090 !important;
    }

    .AccTxtArea:focus {
        box-shadow: none !important;
        outline: none;
        border: 1px solid #660090 !important;
    }

.AccBrdCls {
    border-right: 1px solid #ddd;
    padding-right: 25px;
}


.accordian {
    width: 100%;
 
}

.accordian-item {
    background-color: white;
    color: #111;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 6px #00000003;
}

.accordian-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

    .accordian-item-header::after {
        content: "\002B";
        font-size: 2rem;
        font-weight: bold;
        position: absolute;
        right: 1rem;
        /* transition: all 0.2s ease; */
    }

    .accordian-item-header.active::after {
        content: "\2212";
    }

.accordian-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordian-item-body-content {
    padding: 1rem;
    line-height: 1.5;
    border-top: none;
}




.TblAccptBtn {
    border: none;
    background-color: #3a36da;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    padding: 10px 30px 10px 30px;
    margin-right: 10px;
}

.CasergTpCls {
    margin-top: 30px;
}

.BrdArbCrd {
    border: 1px solid #000;
    margin-top: 30px;
}

#VerdictModal .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#VerdictModal .fa-clock {
    color: #660090 !important;
}

/*
#VerdictModal .BorderColor {
    border: 1px solid #660090 !important;
    border-radius: 12px !important;
}
*/
.BorderColor :focus {
    border-color: #660090 !important;
}

#VerdictModal .padClsMdl {
    padding-top: 20px;
    padding-bottom: 3px;
}

#VerdictModal .GBackCls {
    font-size: 20px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}


#VerdictModal .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 35px;
}

/*#VerdictModal .LblForm {
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}*/

#VerdictModal .MHeadingTxt {
    font-weight: bold;
    /* padding-top: 25px; */
    padding-bottom: 15px;
}

#VerdictModal .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}

#VerdictModal .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}

#VerdictModal .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}

#VerdictModal .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
    padding-bottom: 38px;
}

#VerdictModal .modal-header.PaddingBody {
    padding-top: 30px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
    padding-bottom: 25px;
}

#VerdictModal .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 30px;
}


#VerdictModal .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #C7C7C7;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
    padding-top: 15px;
}

#VerdictModal .AttachmntIcn {
    height: 23px;
    width: 23px;
}

#VerdictModal .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    margin-top: 20px;
}

#VerdictModal .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#VerdictModal .modal-content {
    border-radius: 12px !important;
    height: 100%;
}


#ViewDetailModal .UploadIcn {
    height: 65px;
    width: auto;
}


#ViewDetailModal .ManTxtSucc {
    font-size: 25px;
    padding-left: 0;
    font-weight: bold;
    color: #202020;
    text-align: start;
    margin-bottom: 20px;
}

#ViewDetailModal .SubTxtSucc {
    margin-bottom: 35px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ViewDetailModal .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border-radius: 20px;
    padding-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

    #ViewDetailModal .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        box-shadow: 0px 1px 28px #00000054;
        border-radius: 20px;
        padding-bottom: 20px;
        margin-left: 50px;
        margin-right: 50px;
    }

#ViewDetailModal .ProgrssBarPad {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}


#ViewDetailModal .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

#ViewDetailModal .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#ViewDetailModal .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}


#ViewDetailModal .FntClsDesgn {
    margin-left: 10px;
    margin-top: 7px;
}

#ViewDetailModal .BckDesgnCrss {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    background: #F1F6FF;
    cursor: pointer;
}

#ViewDetailModal .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#ViewDetailModal .fa-clock {
    color: #660090 !important;
}


#ViewDetailModal .padClsMdl {
    padding-top: 20px;
    padding-bottom: 20px;
}

#ViewDetailModal .GBackCls {
    font-size: 27px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}


#ViewDetailModal .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}

#ViewDetailModal .LblForm {
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #000;
    /*color: #A5A5A5;*/
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ViewDetailModal .LblFormHeadSnd {
    margin-top: 10px;
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ViewDetailModal .LblHeadSubTxt {
    color: #202020;
    font-size: 13px;
    font-weight: 500;
}

#ViewDetailModal .AccidentTxt {
    color: #0600b7;
    font-weight: 500;
    font-size: 14px;
}


#ViewDetailModal .CaseManTxt {
    color: #202020;
    font-size: 45px;
    font-weight: bold;
}


#ViewDetailModal .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ViewDetailModal .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ViewDetailModal .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}

#ViewDetailModal .modal-body.PaddingBody {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 40px;
    margin-bottom: 15px;
}



#ViewDetailModal .modal-header.PaddingBody {
    /* padding-left: 31px; */
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
    float: right;
}

#ViewDetailModal .modal-footer.PaddingBody {
    padding-left: 30px;
    padding-right: 30px;
}


#ViewDetailModal .modal-content {
    border-radius: 12px !important;
    height: auto;
}



.CursorPointer {
    cursor: pointer;
}

.PrfleImg {
    height: 40px;
    margin-top: 10px;
    border-radius: 10px;
    width: 40px;
    margin-left: -10px;
}

.text-align-right {
    text-align: end;
}

/*New Chnages Starts here*/
#TabsModlPopup .ManTxtSucc
#RejectTabsModlPopup .ManTxtSucc {
    font-size: 65px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#TabsModlPopup .SubTxtSucc,
#RejectTabsModlPopup .SubTxtSucc {
    margin-bottom: 35px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#TabsModlPopup .RwPadClsMdl,
#RejectTabsModlPopup .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border-radius: 20px;
    padding-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

    #TabsModlPopup .RwPadClsMdl:hover,
    #RejectTabsModlPopup .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        box-shadow: 0px 1px 28px #00000054;
        border-radius: 20px;
        padding-bottom: 20px;
        margin-left: 50px;
        margin-right: 50px;
    }

#TabsModlPopup .ProgrssBarPad,
#RejectTabsModlPopup .ProgrssBarPad {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

#TabsModlPopup .progressOne,
#RejectTabsModlPopup .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

#TabsModlPopup .FntClsDesgnSnd,
#RejectTabsModlPopup .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#TabsModlPopup .BckDesgnCrssSnd,
#RejectTabsModlPopup .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}

#TabsModlPopup .FntClsDesgn,
#RejectTabsModlPopup .FntClsDesgn {
    margin-left: 10px;
    margin-top: 7px;
}

#TabsModlPopup .BckDesgnCrss,
#RejectTabsModlPopup .BckDesgnCrss {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    background: #F1F6FF;
    cursor: pointer;
}

#TabsModlPopup .IconBorder,
#RejectTabsModlPopup .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#TabsModlPopup .fa-clock,
#RejectTabsModlPopup .fa-clock {
    color: #660090 !important;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#TabsModlPopup .padClsMdl,
#RejectTabsModlPopup .padClsMdl {
    padding-top: 20px;
    padding-bottom: 20px;
}

#TabsModlPopup .GBackCls,
#RejectTabsModlPopup .GBackCls {
    font-size: 27px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

#TabsModlPopup .modal-body .form-control,
#RejectTabsModlPopup .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}

#TabsModlPopup .LblHeadSubTxt,
#RejectTabsModlPopup .LblHeadSubTxt {
    color: #202020;
    font-size: 14px;
    text-align: justify;
}

#TabsModlPopup .CaseManTxt,
#RejectTabsModlPopup .CaseManTxt {
    color: #202020;
    font-size: 70px;
    font-weight: bold;
}

#TabsModlPopup .modal-body .DateColor,
#RejectTabsModlPopup .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}

#TabsModlPopup .modal-body textarea,
#RejectTabsModlPopup .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}

#TabsModlPopup .modal-body .input-group-text,
#RejectTabsModlPopup .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}

#TabsModlPopup .modal-body.PaddingBody,
#RejectTabsModlPopup .modal-body.PaddingBody {
    margin-bottom: 15px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#TabsModlPopup .modal-footer.PaddingBody,
#RejectTabsModlPopup .modal-footer.PaddingBody {
    padding-left: 30px;
    padding-right: 30px;
}

#TabsModlPopup .PdfImgIcon,
#RejectTabsModlPopup .PdfImgIcon {
    height: 65px;
    width: 50px;
}

#TabsModlPopup .modal-content,
#RejectTabsModlPopup .modal-content {
    border-radius: 12px !important;
    /*height: 800px;*/
}

#TabsModlPopup .NextBtn,
#RejectTabsModlPopup .NextBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}


#TabsModlPopup .MHeadingTxt,
#RejectTabsModlPopup .MHeadingTxt {
    font-weight: bold;
}

#TabsModlPopup .LblForm,
#RejectTabsModlPopup .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: bold;
}

#TabsModlPopup .modal-header.PaddingBody,
#RejectTabsModlPopup .modal-header.PaddingBody {
    padding-top: 20px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: #202020;
    font-weight: 800;
    border-radius: 12px !important;
}

#TabsModlPopup .modal-content,
#RejectTabsModlPopup .modal-content {
    border-radius: 12px !important;
    height: auto;
}


#TabsModlPopup .modal-footer.PaddingBody,
#RejectTabsModlPopup .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 25px;
    justify-content: space-between;
    width: 100%;
}

#TabsModlPopup .RwPadClsMdlSnd,
#RejectTabsModlPopup .RwPadClsMdlSnd {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

#TabsModlPopup .MSaveBtn,
#RejectTabsModlPopup .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#TabsModlPopup .MCloseBtn,
#RejectTabsModlPopup .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    border: 1px solid #6418C3;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    text-transform: capitalize;
}

#TabsModlPopup .drop_box,
#RejectTabsModlPopup .drop_box {
    margin: 10px 0;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent linear-gradient(180deg, #FCFBFF 0%, #F1F6FF 100%) 0% 0% no-repeat padding-box;
    border: 2px dashed #A8B1D7;
    border-radius: 13px;
}

#TabsModlPopup .btn,
#RejectTabsModlPopup .btn {
    text-decoration: none;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    background: #5975C6 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 4px #0000000a;
    border-radius: 10px;
}

#TabsModlPopup .nav-pills .nav-link.active,
#RejectTabsModlPopup .nav-pills .nav-link.active {
    background-color: white !important;
    color: #065daa !important;
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #065daa !important;
    font-weight: 500;
}

#TabsModlPopup .nav-pills .nav-link,
#RejectTabsModlPopup .nav-pills .nav-link {
    background-color: white !important;
    color: #b8b8b8 !important;
    font-weight: 500;
}

#TabsModlPopup table tr,
#RejectTabsModlPopup table tr {
    border-bottom: 1px solid #e9e9ef;
}

#TabsModlPopup table tr,
#RejectTabsModlPopup table tr {
    background-color: #fbfcfd;
}

#TabsModlPopup table thead th:first-child,
#RejectTabsModlPopup table thead th:first-child {
    font-weight: 400 !important;
    color: #000 !important;
}

#TabsModlPopup table thead th:not(:first-child),
#RejectTabsModlPopup table thead th:not(:first-child) {
    color: black !important;
    font-weight: 400;
    font-size: 16px;
}

#TabsModlPopup table tr td:nth-child(2),
#RejectTabsModlPopup table tr td:nth-child(2) {
    color: #4bbae7 !important;
    font-weight: 300 !important;
    font-size: 16px;
}

#TabsModlPopup table tbody tr td,
#RejectTabsModlPopup table tbody tr td {
    color: #b8b8b8 !important;
    font-weight: 400;
    font-size: 16px;
    padding: 1.1rem 0.5rem !important;
}

#TabsModlPopup .PreviewImg,
#RejectTabsModlPopup .PreviewImg {
    height: 40px;
}

#TabsModlPopup .UserImgTbl,
#RejectTabsModlPopup .UserImgTbl {
    height: 30px;
    border-radius: 50%;
}



#AddEventModalPopup .IconBorder {
    border-radius: 12px !important;
}

.form-control:focus + .field-icon {
    color: #6418c3;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#AddEventModalPopup .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

    #AddEventModalPopup .modal-body .form-control::placeholder {
        background: #f3f3f3 !important;
        opacity: 1;
        height: 50px;
        text-align: left;
        letter-spacing: 0px;
        color: #202020 !important;
        font-weight: 400;
        font-size: 16px;
    }

#AddEventModalPopup .MHeadingTxt {
    font-weight: bold;
}

#AddEventModalPopup .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#AddEventModalPopup .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#AddEventModalPopup .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
    background: #f3f3f3 !important;
}



#AddEventModalPopup .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#AddEventModalPopup .MHeading {
    color: #A5A5A5;
    font-size: 18px;
}

#AddEventModalPopup .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}



#AddEventModalPopup .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #282828;
    font-weight: normal;
    font-size: 14px;
}

#AddEventModalPopup .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}



#AddEventModalPopup .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}



#AddEventModalPopup .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#AddEventModalPopup .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
}

#AddEventModalPopup .modal-content {
    border-radius: 12px !important;
    height: auto;
}

#AddEventModalPopup .ScrllBox {
    margin-top: 20px;
    height: 250px;
    overflow: hidden;
}

#AddEventModalPopup .ScrllBoxSnd {
    height: 240px;
    overflow: auto;
    /*  margin-right: -20px;*/
}

#AddEventModalPopup .ScrllBdyTxt {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 25px;
}

#AddEventModalPopup .LblForm {
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: normal;
    font-size: 16px;
    font-weight: 700;
}

#AddEventModalPopup .LblVsDesgn {
    font-size: 14px;
    margin-top: 4px;
}

.MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    margin-bottom: 20px;
}


/*New changes ends here*/

#ExamplemodalPop .ManTxtSucc {
    font-size: 65px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ExamplemodalPop .SubTxtSucc {
    margin-bottom: 35px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ExamplemodalPop .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border-radius: 20px;
    padding-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

    #ExamplemodalPop .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        box-shadow: 0px 1px 28px #00000054;
        border-radius: 20px;
        padding-bottom: 20px;
        margin-left: 50px;
        margin-right: 50px;
    }

#ExamplemodalPop .ProgrssBarPad {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

#ExamplemodalPop .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

#ExamplemodalPop .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#ExamplemodalPop .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}

#ExamplemodalPop .FntClsDesgn {
    margin-left: 10px;
    margin-top: 7px;
}

#ExamplemodalPop .BckDesgnCrss {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    background: #F1F6FF;
    cursor: pointer;
}

#ExamplemodalPop .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#ExamplemodalPop .fa-clock {
    color: #660090 !important;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#ExamplemodalPop .padClsMdl {
    padding-top: 20px;
    padding-bottom: 20px;
}

#ExamplemodalPop .GBackCls {
    font-size: 27px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

#ExamplemodalPop .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}

#ExamplemodalPop .LblForm {
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ExamplemodalPop .LblFormHeadSnd {
    margin-top: 10px;
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ExamplemodalPop .LblHeadSubTxt {
    color: #202020;
    font-size: 14px;
    text-align: justify;
}

#ExamplemodalPop .CaseManTxt {
    color: #202020;
    font-size: 70px;
    font-weight: bold;
}

#ExamplemodalPop .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}

#ExamplemodalPop .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}

#ExamplemodalPop .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}

#ExamplemodalPop .modal-body.PaddingBody {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 40px;
    margin-bottom: 15px;
}

#ExamplemodalPop .modal-header.PaddingBody {
    /* padding-left: 31px; */
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
    float: right;
}

#ExamplemodalPop .modal-footer.PaddingBody {
    padding-left: 30px;
    padding-right: 30px;
}

#ExamplemodalPop .PdfImgIcon {
    height: 65px;
    width: 50px;
}

#ExamplemodalPop .modal-content {
    border-radius: 12px !important;
    /*height: 800px;*/
}

#ExamplemodalPop .NextBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}


.CompLogoHead {
    height: 60px;
    margin-top: 16px;
}

.CompLogoHeadTxt {
    margin-top: 38px;
    margin-left: 15px;
    font-size: 16px;
    color: #202020;
}

.CrdMrgBtm {
    margin-bottom: 30px;
}

.TblSlctCheckSnd {
    display: flex;
    font-size: 14px;
    color: #6D6D70;
    padding-top: 0px;
    padding-left: 0px;
}

    .TblSlctCheckSnd input[type='checkbox'] {
        margin-right: 10px;
        margin-top: 2px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        width: 20px !important;
        height: 20px !important;
        appearance: none;
        border: 1px solid #918f8f;
        box-shadow: none;
        font-size: 1em;
        cursor: pointer;
        color: #fff;
    }

        .TblSlctCheckSnd input[type='checkbox']:checked:after {
            content: '\2713';
            color: #100DB1;
            font-weight: bolder;
        }

.LblWrkFlw {
    border-radius: 10px !important;
    border: none !important;
    color: #6c757d !important;
    font-size: 16px;
}

.DpdCaseCls {
    width: 5% !important;
    background: #fff !important;
    margin-top: 8px !important;
    font-size: 16px !important;
    text-align: center !important;
}


.MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

.SendInviteBtn {
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    background: #6418C3;
    border-radius: 12px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 10px 5px 10px;
    overflow-wrap: break-word;
    text-decoration:none;
}

.SendInviteBtn:hover {
    color: #FFFFFF !important;
    text-decoration: none;
}

    .MargTpClsAdm {
        margin-top: 120px;
    }

#EditModlPopupCase .MHeadingTxt {
    font-weight: bold;
}

#EditModlPopupCase .modal-header.PaddingBody {
    padding-top: 20px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: #202020;
    font-weight: 800;
    border-radius: 12px !important;
}



#EditModlPopupCase .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#EditModlPopupCase .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 25px;
    /* position: absolute;*/
    bottom: 0;
    justify-content: space-between;
    width: 100%;
}

#EditModlPopupCase .RwPadClsMdlSnd {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

#EditModlPopupCase .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#EditModlPopupCase .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    border: 1px solid #6418C3;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}

#EditModlPopupCase .RwPadClsMdlSnd {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

#EditModlPopupCase .drop_box {
    margin: 10px 0;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent linear-gradient(180deg, #FCFBFF 0%, #F1F6FF 100%) 0% 0% no-repeat padding-box;
    border: 2px dashed #A8B1D7;
    border-radius: 13px;
}

#EditModlPopupCase .btn {
    text-decoration: none;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    background: #5975C6 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 4px #0000000a;
    border-radius: 10px;
}

#EditModlPopupCase .nav-pills .nav-link.active {
    background-color: white !important;
    color: #065daa !important;
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #065daa !important;
    font-weight: 500;
}

#EditModlPopupCase .nav-pills .nav-link {
    background-color: white !important;
    color: #b8b8b8 !important;
    font-weight: 500;
}

#EditModlPopupCase table tr {
    border-bottom: 1px solid #e9e9ef;
}

#EditModlPopupCase table tr {
    background-color: #fbfcfd;
}

#EditModlPopupCase table thead th:first-child {
    font-weight: 400 !important;
    color: #000 !important;
}

#EditModlPopupCase table thead th:not(:first-child) {
    color: #202020;
    font-weight: 400;
    font-size: 16px;
}

#EditModlPopupCase table tr td:nth-child(2) {
    color: #4bbae7 !important;
    font-weight: 300 !important;
    font-size: 16px;
}

#EditModlPopupCase table tbody tr td {
    color: #b8b8b8 !important;
    font-weight: 400;
    font-size: 16px;
    padding: 1.1rem 0.5rem !important;
}

#EditModlPopupCase .PreviewImg {
    height: 40px;
}

.PreviewImg {
    height: 40px;
}

#EditModlPopupCase .UserImgTbl {
    height: 30px;
    border-radius: 50%;
}


#EditModlPopupCase .IconBorder {
    border-radius: 12px !important;
}

.form-control:focus + .field-icon {
    color: #6418c3;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#EditModlPopupCase .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

    #EditModlPopupCase .modal-body .form-control::placeholder {
        background: #f3f3f3 !important;
        opacity: 1;
        height: 50px;
        text-align: left;
        letter-spacing: 0px;
        color: #202020 !important;
        font-weight: 400;
        font-size: 16px;
    }

#EditModlPopupCase .MHeadingTxt {
    font-weight: bold;
}

#EditModlPopupCase .modal-body .DateColor {
    color: #202020 !important;
    font-weight: normal;
}



#EditModlPopupCase .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#EditModlPopupCase .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
    background: #f3f3f3 !important;
}



#EditModlPopupCase .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#EditModlPopupCase .MHeading {
    color: #A5A5A5;
    font-size: 18px;
}

#EditModlPopupCase .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}



#EditModlPopupCase .LblForm {
    text-align: left;
    letter-spacing: 0px;
    /*color: #A5A5A5;*/
    color: #000;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}


#EditModlPopupCase .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}



#EditModlPopupCase .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#EditModlPopupCase .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
}

#EditModlPopupCase .modal-content {
    border-radius: 12px !important;
}

#EditModlPopupCase .UploadIcn {
    height: 65px;
    width: auto;
}

#EditModlPopupCase .RwPadClsMdlSnd {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}



#ArbitrationUploadDocPop .btn {
    text-decoration: none;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    background: #5975C6 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 4px #0000000a;
    border-radius: 10px;
}

#ViewCaseModlPopup .btn {
    text-decoration: none;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    background: #5975C6 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 4px #0000000a;
    border-radius: 10px;
}

/*File Upload for modal four starts here */


#EditModlPopupCase .RwPadClsMdlExtra {
    /*padding-left: 25px;*/
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 10px;
    /* margin-left: 50px;*/
    margin-right: 50px;
}

#EditModlPopupCase .ClsCrdFlx {
    display: flex;
    justify-content: space-between;
}

#EditModlPopupCase .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

    #EditModlPopupCase .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        box-shadow: 0px 1px 28px #dfe7f8;
        border-radius: 20px;
        padding-bottom: 15px;
        margin-left: 50px;
        margin-right: 50px;
    }

#EditModlPopupCase .ProgrssBarPad {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
}


#EditModlPopupCase .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
    width: auto;
}

#EditModlPopupCase .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#EditModlPopupCase .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}


#EditModlPopupCase .FntClsDesgn {
    margin-left: 7px;
    /* margin-bottom: 16px; */
    margin-top: 3px;
    font-size: 14px;
}

#EditModlPopupCase .BckDesgnCrss {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-top: 8px;
    padding-bottom: 6px;
    background: #F1F6FF;
    cursor: pointer;
}

#EditModlPopupCase .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#EditModlPopupCase .fa-clock {
    color: #660090 !important;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#EditModlPopupCase .padClsMdl {
    padding-top: 15px;
    padding-bottom: 2px;
}


#EditModlPopupCase .PdfImgIcon {
    height: 40px;
    width: 30px;
}

#EditModlPopupCase .modal-content {
    border-radius: 12px !important;
    /* height: 800px;*/
}

.DpdHrfACLs a {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}




/*Sonal css starts here*/

.cardBackground {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px;
    /*height: 200px;*/
    border-radius: 10px !important;
    box-shadow: 0px 0px 6px #00000003;
    margin-left: 10px;
}

/*tabs*/
/* Android 2.3 :checked fix */
@keyframes fake {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}


.worko-tabs {
    margin: 0px;
    width: 100%;
}

    .worko-tabs .state {
        position: absolute;
        left: -10000px;
    }

    .worko-tabs .flex-tabs {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .worko-tabs .flex-tabs .tab {
            flex-grow: 1;
            max-height: 40px;
        }

        .worko-tabs .flex-tabs .panel {
            background-color: none;
            padding: 0px;
            height: auto;
            display: none;
            width: 100%;
            flex-basis: auto;
        }

    .worko-tabs .tab {
        display: inline-block;
        padding: 10px;
        vertical-align: top;
        background-color: #fff;
        cursor: pointer;
        color: #A5A5A5;
        padding-top: 20px;
        font-weight: 500;
        font-size: 16px;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        text-align: center;
        padding-bottom: 42px;
    }

.worko-tabsSnd {
    margin: 0px;
    width: 100%;
}

    .worko-tabsSnd .state {
        position: absolute;
        left: -10000px;
    }

    .worko-tabsSnd .flex-tabsSnd {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .worko-tabsSnd .flex-tabsSnd .tab {
            flex-grow: 1;
            max-height: 40px;
        }

        .worko-tabsSnd .flex-tabsSnd .panel {
            background-color: #eef1f8;
            padding: 20px;
            height: auto;
            display: none;
            width: 100%;
            flex-basis: auto;
        }

    .worko-tabsSnd .tab {
        display: inline-block;
        padding: 10px;
        vertical-align: top;
        background-color: #fff;
        cursor: pointer;
        color: #A5A5A5;
        padding-top: 20px;
        font-weight: 500;
        font-size: 16px;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        text-align: center;
        padding-bottom: 42px;
    }

.DashboardCrd {
    margin-top: 20px;
    box-shadow: 0px 0px 6px #00000003;
    border-radius: 10px;
    overflow: hidden;
    border: none !important;
}
/*.worko-tabs .tab:hover {
            background-color: #fff;
        }*/
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label,
#tab-five:checked ~ .tabs #tab-five-label,
#tab-six:checked ~ .tabs #tab-six-label,
#tab-seven:checked ~ .tabs #tab-seven-label,
#tab-eight:checked ~ .tabs #tab-eight-label {
    background-color: #fff;
    cursor: default;
    color: #065daa;
    font-size: 16px;
    border-bottom-color: #3A36DB;
    font-weight: 600;
    text-align: center;
    padding-top: 20px !important;
    padding-bottom: 42px !important;
}

#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel,
#tab-five:checked ~ .tabs #tab-five-panel,
#tab-six:checked ~ .tabs #tab-six-panel,
#tab-seven:checked ~ .tabs #tab-seven-panel,
#tab-eight:checked ~ .tabs #tab-eight-panel {
    display: block;
}

@media (max-width: 600px) {
    .flex-tabs {
        flex-direction: column;
    }

        .flex-tabs .tab {
            background: #fff;
            border-bottom: 1px solid #ccc;
        }

            .flex-tabs .tab:last-of-type {
                border-bottom: none;
            }

        .flex-tabs #tab-one-label {
            order: 1;
        }

        .flex-tabs #tab-two-label {
            order: 3;
        }

        .flex-tabs #tab-three-label {
            order: 5;
        }

        .flex-tabs #tab-four-label {
            order: 7;
        }

        .flex-tabs #tab-one-panel {
            order: 2;
        }

        .flex-tabs #tab-two-panel {
            order: 4;
        }

        .flex-tabs #tab-three-panel {
            order: 6;
        }

        .flex-tabs #tab-four-panel {
            order: 8;
        }

        .flex-tabs #tab-five-panel {
            order: 9;
        }

        .flex-tabs #tab-six-panel {
            order: 10;
        }

        .flex-tabs #tab-seven-panel {
            order: 11;
        }

    #tab-one:checked ~ .tabs #tab-one-label,
    #tab-two:checked ~ .tabs #tab-two-label,
    #tab-three:checked ~ .tabs #tab-three-label,
    #tab-four:checked ~ .tabs #tab-four-label,
    #tab-five:checked ~ .tabs #tab-five-label,
    #tab-six:checked ~ .tabs #tab-six-label,
    #tab-seven:checked ~ .tabs #tab-seven-label {
        border-bottom: none;
    }

    #tab-one:checked ~ .tabs #tab-one-panel,
    #tab-two:checked ~ .tabs #tab-two-panel,
    #tab-three:checked ~ .tabs #tab-three-panel,
    #tab-four:checked ~ .tabs #tab-four-panel,
    #tab-five:checked ~ .tabs #tab-five-panel,
    #tab-six:checked ~ .tabs #tab-six-panel,
    #tab-seven:checked ~ .tabs #tab-seven-panel {
        border-bottom: 1px solid #ccc;
    }
}


/*tab*/

#tab-oneSnd:checked ~ .tabs #tab-one-labelSnd,
#tab-twoSnd:checked ~ .tabs #tab-two-labelSnd,
#tab-threeSnd:checked ~ .tabs #tab-three-labelSnd,
#tab-fourSnd:checked ~ .tabs #tab-four-labelSnd,
#tab-fiveSnd:checked ~ .tabs #tab-five-labelSnd,
#tab-sixSnd:checked ~ .tabs #tab-six-labelSnd,
#tab-sevenSnd:checked ~ .tabs #tab-seven-labelSnd {
    background-color: #fff;
    cursor: default;
    color: #065daa;
    font-size: 16px;
    border-bottom-color: #3A36DB;
    font-weight: 600;
    text-align: center;
    padding-top: 20px !important;
    padding-bottom: 42px !important;
}

#tab-oneSnd:checked ~ .tabs #tab-one-panelSnd,
#tab-twoSnd:checked ~ .tabs #tab-two-panelSnd,
#tab-threeSnd:checked ~ .tabs #tab-three-panelSnd,
#tab-fourSnd:checked ~ .tabs #tab-four-panelSnd,
#tab-fiveSnd:checked ~ .tabs #tab-five-panelSnd,
#tab-sixSnd:checked ~ .tabs #tab-six-panelSnd,
#tab-sevenSnd:checked ~ .tabs #tab-seven-panelSnd {
    display: block;
}

@media (max-width: 600px) {
    .flex-tabsSnd {
        flex-direction: column;
    }

        .flex-tabsSnd .tab {
            background: #fff;
            border-bottom: 1px solid #ccc;
        }

            .flex-tabsSnd .tab:last-of-type {
                border-bottom: none;
            }

        .flex-tabsSnd #tab-one-labelSnd {
            order: 1;
        }

        .flex-tabsSnd #tab-two-labelSnd {
            order: 3;
        }

        .flex-tabsSnd #tab-three-labelSnd {
            order: 5;
        }

        .flex-tabsSnd #tab-four-labelSnd {
            order: 7;
        }

        .flex-tabsSnd #tab-one-panelSnd {
            order: 2;
        }

        .flex-tabsSnd #tab-two-panelSnd {
            order: 4;
        }

        .flex-tabsSnd #tab-three-panelSnd {
            order: 6;
        }

        .flex-tabsSnd #tab-four-panelSnd {
            order: 8;
        }

        .flex-tabsSnd #tab-five-panelSnd {
            order: 9;
        }

        .flex-tabsSnd #tab-six-panelSnd {
            order: 10;
        }

        .flex-tabsSnd #tab-seven-panelSnd {
            order: 11;
        }

    #tab-oneSnd:checked ~ .tabs #tab-one-labelSnd,
    #tab-twoSnd:checked ~ .tabs #tab-two-labelSnd,
    #tab-threeSnd:checked ~ .tabs #tab-three-labelSnd,
    #tab-fourSnd:checked ~ .tabs #tab-four-labelSnd,
    #tab-fiveSnd:checked ~ .tabs #tab-five-labelSnd,
    #tab-sixSnd:checked ~ .tabs #tab-six-labelSnd,
    #tab-sevenSnd:checked ~ .tabs #tab-seven-labelSnd {
        border-bottom: none;
    }

    #tab-oneSnd:checked ~ .tabs #tab-one-panelSnd,
    #tab-twoSnd:checked ~ .tabs #tab-two-panelSnd,
    #tab-threeSnd:checked ~ .tabs #tab-three-panelSnd,
    #tab-fourSnd:checked ~ .tabs #tab-four-panelSnd,
    #tab-fiveSnd:checked ~ .tabs #tab-five-panelSnd,
    #tab-sixSnd:checked ~ .tabs #tab-six-panelSnd,
    #tab-sevenSnd:checked ~ .tabs #tab-seven-panelSnd {
        border-bottom: 1px solid #ccc;
    }
}
/*tab*/
.CrdPrgsBar {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 10px !important;
    box-shadow: 0px 0px 6px #00000003;
}

.CrdPrgsBarOne {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px;
    height: auto;
    border-radius: 10px !important;
    box-shadow: 0px 0px 6px #00000003;
}

.progressTab {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    margin-top: 15px;
    background-color: #e9ecef;
    border-radius: 10px;
    width: 50%;
    height: 15px;
    margin-right: 50px;
    margin-bottom: 20px;
}

.ArbitrationHeadTxt {
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
}

.progressTab .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #413eda;
    transition: width .6s ease;
    border-radius:30px;
}

.progressTabTbl {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    margin-top: 10px;
    background-color: #e9ecef;
    border-radius: 10px;
    height: 15px;
    margin-bottom: 20px;
}

    .progressTabTbl .progress-bar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #A2DAF2;
        transition: width .6s ease;
    }

.progressGreenTbl {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    margin-top: 10px;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 15px;
    margin-bottom: 20px;
}

    .progressGreenTbl .progress-bar {
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #85DDCC;
        transition: width .6s ease;
    }

.BrdCrd {
    border-top: 1px solid #F4F9FC;
    margin-top: 20px;
    padding: 0px !important;
    margin-left: -14px;
    margin-right: -14px;
    margin-bottom: 20px;
}

.DateTxtCrd {
    color: #000;
    font-size: 14px;
    margin-right: 4px;
    font-weight: 400;
}

.DateTxtCrdSnd {
    color: #065daa;
    font-size: 14px;
    margin-right: 4px;
    font-weight: 400;
}

.NumberTxtCrd {
    text-align: end;
    font-size: 30px;
    color: #000;
}

.ClockImg {
    height: 70px;
}

.PanelNameTxt {
    margin-left: 20px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
}

.PanelNameTxtSnd {
    margin-left: 20px;
    margin-top: -5px;
    font-size: 16px;
    font-weight: bold;
}

.ArbNameTxtSnd {
    margin-left: 0px;
    margin-top: -5px;
    font-size: 16px;
    font-weight: bold;
    font-size: 16px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left:0px !important;
}

.Onholdbtn {
    color: #FFAA6C;
    background: #FFF4E4;
    border-radius: 5px;
    font-size: 12px;
    width: 60px;
    height: 20px;
    padding-left: 6px;
    font-weight: bold;
}

.Cancelledbtn {
    color: #B9B0F7;
    font-weight: bold;
    background: #E9E8FC;
    border-radius: 5px;
    font-size: 12px;
    width: 67px;
    height: 20px;
    padding-left: 6px;
}

.Inprgrssbtn {
    color: #2EB1E5;
    background: #E3F1FF;
    font-weight: bold;
    border-radius: 5px;
    font-size: 12px;
    width: 75px;
    height: 20px;
    padding-left: 6px;
}

.Completeddbtn {
    color: #97E7D4;
    background: #ECFAEE;
    font-weight: bold;
    border-radius: 5px;
    font-size: 12px;
    width: 75px;
    height: 20px;
    padding-left: 6px;
}

.Addedbtn {
    color: #fff;
    background: #394DB5;
    border-radius: 5px;
    font-size: 12px;
    width: 63px;
    height: 20px;
    padding-left: 0px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 15px;
    text-align: center;
}

.Updatedbtn {
    color: #fff;
    background: #FFC106;
    border-radius: 5px;
    font-size: 12px;
    width: 60px !important;
    height: 20px;
    padding-left: 0px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 15px;
    text-align: center;
}

.NameTxtCrd {
    color: #000;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 400;
}

.ClockImgSnd {
    height: 45px;
}

.CrdActivity {
    background: #fff;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 10px !important;
    box-shadow: 0px 0px 6px #00000003;
    height: 100%;
}

.MrgnTopIcon {
    margin-top: 20px;
    margin-right: 10px;
}

.PanelTxt {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.MyPanelTxt {
    font-size: 30px;
    margin-bottom: 20px;
    color: #000;
    font-weight: bold;
}

.AddPanelTxt {
    font-size: 14px;
    margin-top: 5px;
    font-weight: 400;
    color: #000;
}

.TblTxtBlue {
    color: #000 !important;
    font-size: 16px;
}

.TblTxtBlck {
    color: #202020 !important;
    font-size: 16px;
}

.ActionARICon {
    font-size: 22px;
    color: #6a6a6a;
    margin-right: 15px;
}

.ActionARIConSnd {
    font-size: 22px;
    color: #6a6a6a;
}
/*Sonal css ends here*/
/*urmi css start here*/
.CompareCard {
    border-radius: 10px !important;
    box-shadow: 0px 0px 6px #00000003;
}

.VSTxt {
    color: #202020;
    font-weight: normal;
    font-size: 22px;
    font-weight: bold;
    margin-top: 3px;
}

.CompareTitleName {
    text-align: left;
    letter-spacing: 0px;
    font-size: 24px;
    font-weight: 400;
    color: #202020;
}

.CompareLabelName {
    letter-spacing: 0px;
    color: #a4a4a4;
    font-weight: normal;
    font-size: 16px;
    font-weight: 500;
}

.CompareLabelData {
    letter-spacing: 0px;
    color: #202020;
    font-weight: normal;
    font-size: 20px;
    font-weight: 600;
}

.bg-claim {
    background-color: #413eda !important;
    color: white !important;
}

.AttachmentImgSize {
    height: 15px;
    width: 15px;
}

#RequestAdditionalInfo .MHeadingTxt,
#AttentionRequiredModal .MHeadingTxt {
    font-weight: bold;
}

#AttentionRequiredModal .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}

#RequestAdditionalInfo .modal-header.PaddingBody,
#AttentionRequiredModal .modal-header.PaddingBody {
    padding-top: 20px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: #202020;
    font-weight: 800;
    border-radius: 12px !important;
}

#RequestAdditionalInfo .modal-content,
#AttentionRequiredModal .modal-content {
    border-radius: 12px !important;
    height: auto;
}

#RequestAdditionalInfo .modal-body.PaddingBody,
#AttentionRequiredModal .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#RequestAdditionalInfo .modal-footer.PaddingBody,
#AttentionRequiredModal .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 25px;
    justify-content: space-between;
    width: 100%;
}

#RequestAdditionalInfo .RwPadClsMdlSnd,
#AttentionRequiredModal .RwPadClsMdlSnd {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

#RequestAdditionalInfo .MSaveBtn,
#AttentionRequiredModal .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#RequestAdditionalInfo .MCloseBtn,
#AttentionRequiredModal .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    border: 1px solid #6418C3;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 20px;
}

#RequestAdditionalInfo .drop_box,
#AttentionRequiredModal .drop_box {
    margin: 10px 0;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent linear-gradient(180deg, #FCFBFF 0%, #F1F6FF 100%) 0% 0% no-repeat padding-box;
    border: 2px dashed #A8B1D7;
    border-radius: 13px;
}

#RequestAdditionalInfo .btn,
#AttentionRequiredModal .btn {
    text-decoration: none;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    background: #5975C6 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 4px #0000000a;
    border-radius: 10px;
}

#RequestAdditionalInfo .nav-pills .nav-link.active,
#AttentionRequiredModal .nav-pills .nav-link.active,
#TabsModlPopup .nav-pills .nav-link.active,
#RejectTabsModlPopup .nav-pills .nav-link.active {
    background-color: white !important;
    color: #065daa !important;
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #065daa !important;
    font-weight: 500;
}

#RequestAdditionalInfo .nav-pills .nav-link,
#AttentionRequiredModal .nav-pills .nav-link,
#TabsModlPopup .nav-pills .nav-link,
#TabsModlPopup .nav-pills .nav-link {
    background-color: white !important;
    color: #b8b8b8 !important;
    font-weight: 500;
}

#RequestAdditionalInfo table tr,
#AttentionRequiredModal table tr {
    border-bottom: 1px solid #e9e9ef;
}

#RequestAdditionalInfo table tr,
#AttentionRequiredModal table tr {
    background-color: #fbfcfd;
}

#RequestAdditionalInfo table thead th:first-child,
#AttentionRequiredModal table thead th:first-child {
    font-weight: 400 !important;
    color: #000 !important;
}

#RequestAdditionalInfo table thead th:not(:first-child),
#AttentionRequiredModal table thead th:not(:first-child) {
    color: black !important;
    font-weight: 400;
    font-size: 16px;
}

#RequestAdditionalInfo table tr td:nth-child(2),
#AttentionRequiredModal table tr td:nth-child(2) {
    color: #4bbae7 !important;
    font-weight: 300 !important;
    font-size: 16px;
}

#RequestAdditionalInfo table tbody tr td,
#AttentionRequiredModal table tbody tr td {
    color: #b8b8b8 !important;
    font-weight: 400;
    font-size: 16px;
    padding: 1.1rem 0.5rem !important;
}

#RequestAdditionalInfo .PreviewImg,
#AttentionRequiredModal .PreviewImg{
    height: 40px;
}

.AdditionalInfoImg {
    height: 100px;
    width: 100px;
    margin-top: 10px;
}

#RequestAdditionalInfo .UserImgTbl,
#AttentionRequiredModal .UserImgTbl {
    height: 30px;
    border-radius: 50%;
}

.DocScroll {
    height: 200px;
    overflow-y: scroll;
}

#tblfilesTab.dataTable.no-footer {
    border-bottom: 1px solid #dee2e6 !important;
}

#tblfilesTab.dataTable tbody th {
    font-size: 16px;
    font-weight: 400;
}

#tblfilesTab.dataTable tbody td {
    padding: 8px 20px !important;
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 400;
}

.ActionARICon {
    font-size: 22px;
    color: #6a6a6a;
    margin-right: 15px;
}
/*urmi css end here*/

/*This css is for full screen modal poppup for edit detalis starts*/

/*This css is for Lost and Win text starts*/
.LostBadgeTxt {
    padding: 5px 20px 10px 20px;
    color: #a61415;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
}

.WinBadgeTxt {
    padding: 5px 20px 10px 20px;
    color: #13d493;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
}
/*This css is for Lost and Win text ends*/

/*This css is for Delayed inprogress Completed starts*/

.DelayBadgeBtn { /*This css is for delayed BadgeBtn*/
    background: #faaaad;
    padding: 10px 20px 10px 20px;
    color: #000;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
}

.PendingBadgeBtn { /*This css is for Inprogress BadgeBtn*/
    background: #faaaad;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
    height: 30px;
    margin-right: 10px;
}

.lblAppealed {
    background: #52c8e3;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
    height: 30px;
    margin-right: 10px;
}


.CaseSubmissionBadgeBtn { /*This css is for Inprogress BadgeBtn*/
    background: #c86bef;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
    height: 30px;
    margin-right: 10px;
}
.InPrgessBadgeBtn { /*This css is for Inprogress BadgeBtn*/
    background: #413cda;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
    height: 30px;
}

.ComletdBadgeBtn { /*This css is for Completed BadgeBtn*/
    background: #43d412;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
    height: 30px;
}

/*This css is for Delayed inprogress Completed ends*/

#CaseEditDetails .modal-fullscreen {
    width: 90vw;
    max-width: none;
    height: 100%;
    margin-left: 100px !important;
    margin: 0;
}

#CaseEditDetails .UploadIcn {
    height: 65px;
    width: auto;
}

#CaseEditDetails .RwPadClsMdlSnd {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

/*#ArbitrationUploadDocPop .card {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    width: 600px;
    height: 260px;
    background-color: #ffffff;
    padding: 10px 30px 40px;
}*/


#CaseEditDetails .drop_box {
    margin: 10px 0;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent linear-gradient(180deg, #FCFBFF 0%, #F1F6FF 100%) 0% 0% no-repeat padding-box;
    border: 2px dashed #A8B1D7;
    border-radius: 13px;
}

    #CaseEditDetails .drop_box p {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 20px;
        color: #808AA3;
    }

#CaseEditDetails .btn {
    text-decoration: none;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    background: #5975C6 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 4px #0000000a;
    border-radius: 10px;
}

/*File Upload for modal four starts here */


#CaseEditDetails .RwPadClsMdlExtra {
    padding-left: 25px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 10px;
    margin-left: 50px;
    margin-right: 50px;
}

#CaseEditDetails .ClsCrdFlx {
    display: flex;
    justify-content: space-between;
}

#CaseEditDetails .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

    #CaseEditDetails .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        box-shadow: 0px 1px 28px #dfe7f8;
        border-radius: 20px;
        padding-bottom: 15px;
        margin-left: 50px;
        margin-right: 50px;
    }

#CaseEditDetails .ProgrssBarPad {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
}


#CaseEditDetails .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
    width: auto;
}

#CaseEditDetails .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#CaseEditDetails .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}


#CaseEditDetails .FntClsDesgn {
    margin-left: 7px;
    /* margin-bottom: 16px; */
    margin-top: 3px;
    font-size: 14px;
}

#CaseEditDetails .BckDesgnCrss {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-top: 8px;
    padding-bottom: 6px;
    background: #F1F6FF;
    cursor: pointer;
}

#CaseEditDetails .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#CaseEditDetails .fa-clock {
    color: #660090 !important;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#CaseEditDetails .padClsMdl {
    padding-top: 15px;
    padding-bottom: 2px;
}

#CaseEditDetails .GBackCls {
    font-size: 20px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}


#CaseEditDetails .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}

#CaseEditDetails .LblForm {
    margin-top: 10px;
    background: #FFFFFF;
    opacity: 1;
    margin-left: 5px;
}


#CaseEditDetails .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#CaseEditDetails .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#CaseEditDetails .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}



#CaseEditDetails .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}



#CaseEditDetails .modal-header.PaddingBody {
    padding-top: 20px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#CaseEditDetails .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
}


#CaseEditDetails .PdfImgIcon {
    height: 40px;
    width: 30px;
}

#CaseEditDetails .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #0600B7;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}



#CaseEditDetails .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#CaseEditDetails .modal-content {
    border-radius: 12px !important;
    height: 800px;
}

/*#ArbitrationUploadDocPop .modal-content {
    border-radius: 12px !important;
    height: auto;
}*/
#CaseEditDetails .IconBorder {
    border-radius: 12px !important;
}

.form-control:focus + .field-icon {
    color: #6418c3;
}

#CaseEditDetails .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

    #CaseEditDetails .modal-body .form-control::placeholder {
        background: #f3f3f3 !important;
        opacity: 1;
        height: 50px;
        text-align: left;
        letter-spacing: 0px;
        color: #202020 !important;
        font-weight: 400;
        font-size: 16px;
    }

#CaseEditDetails .MHeadingTxt {
    font-weight: bold;
}

#CaseEditDetails .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#CaseEditDetails .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#CaseEditDetails .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
    background: #f3f3f3 !important;
}



#CaseEditDetails .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#CaseEditDetails .MHeading {
    color: #A5A5A5;
    font-size: 18px;
}

#CaseEditDetails .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#CaseEditDetails .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-size: 16px;
    font-weight: 400;
}

#CaseEditDetails .modal-content {
    border-radius: 12px !important;
    height: 800px;
}


#CaseEditDetails .NextBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

/*This css is for full screen modal poppup for edit detalis ends*/


/*This css is for SuperAdmin Case Details starts*/
.ArbPanelNameTxt {
    margin-left: 20px;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
}

.ArbNameTxtCrd {
    color: #000;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 20px;
    margin-top: 5px;
    font-weight: 400;
}

.ClsScrlMdl {
    height: 180px;
    overflow: auto;
}

.CaseFlxCls {
    display: flex;
    justify-content: center;
}

.CaseDetlsBox {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.CaseRwCls {
    margin-left: 5px;
    padding: 15px;
}

.CaseDetals {
    text-align: center;
}

.CaseCompTxt {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-top: 0px;
    min-width: 110px;
    /* height: 30px; */
    padding: 5px 20px 5px 20px;
    margin-top: 5px;
}

#ArbitrationNotice .IconBorder {
    border-radius: 12px !important;
}

.form-control:focus + .field-icon {
    color: #6418c3;
}

/*
#ArbitrationNotice .BorderColor {
    border: 1px solid #660090 !important;
    border-radius: 12px !important;
}
*/
.BorderColor :focus {
    border-color: #660090 !important;
}

#ArbitrationNotice .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

    #ArbitrationNotice .modal-body .form-control::placeholder {
        background: #f3f3f3 !important;
        opacity: 1;
        height: 50px;
        text-align: left;
        letter-spacing: 0px;
        color: #202020 !important;
        font-weight: 400;
        font-size: 16px;
    }

#ArbitrationNotice .MHeadingTxt {
    font-weight: bold;
}

#ArbitrationNotice .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ArbitrationNotice .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ArbitrationNotice .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
    background: #f3f3f3 !important;
}



#ArbitrationNotice .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#ArbitrationNotice .MHeading {
    color: #A5A5A5;
    font-size: 18px;
}

#ArbitrationNotice .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}



#ArbitrationNotice .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #282828;
    font-weight: normal;
    font-size: 14px;
}

.CaseDetalisLblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px;
}



#ArbitrationNotice .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}



#ArbitrationNotice .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#ArbitrationNotice .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
}

#ArbitrationNotice .modal-content {
    border-radius: 12px !important;
}


/*This css is for SuperAdmin Case Details ends*/


.FntAweIconCls {
    color: #202020;
}

.CaseNtfnTxt {
    color: #065daa;
    font-size: 12px;
    font-weight: 500;
}



/*-------------------------------------------------------------------------------Super Admin Css Starts from here-----------------------------------------------------------------------*/


#ReasonModalPopup .NextBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#ReasonModalPopup .IconBorder {
    border-radius: 12px !important;
}

.form-control:focus + .field-icon {
    color: #6418c3;
}


.BorderColor :focus {
    border-color: #660090 !important;
}

#AppealModalPopup .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

    #AppealModalPopup .modal-body .form-control::placeholder {
        background: #f3f3f3 !important;
        opacity: 1;
        height: 50px;
        text-align: left;
        letter-spacing: 0px;
        color: #202020 !important;
        font-weight: 400;
        font-size: 16px;
    }

#AppealModalPopup .MHeadingTxt {
    font-weight: bold;
}

#AppealModalPopup .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#AppealModalPopup .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#AppealModalPopup .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
    background: #f3f3f3 !important;
}



#AppealModalPopup .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#AppealModalPopup .MHeading {
    color: #A5A5A5;
    font-size: 18px;
}

#AppealModalPopup .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#AppealModalPopup .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #282828;
    font-weight: normal;
    font-size: 16px;
}

#AppealModalPopup .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}

#AppealModalPopup .DpdBcSec select {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: 0;
    border: none !important;
    padding: 4px;
    border-radius: 9px;
    box-shadow: none;
    cursor: pointer;
    background: #f3f3f3 !important;
    border: none !important;
    color: #6c757d !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    font-size: 16px;
}



#AppealModalPopup .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}



#AppealModalPopup .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#AppealModalPopup .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
}

#AppealModalPopup .modal-content {
    border-radius: 12px !important;
}


#AppealModalPopup .NextBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#AppealModalPopup .IconBorder {
    border-radius: 12px !important;
}


#ReasonModalPopup .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

    #ReasonModalPopup .modal-body .form-control::placeholder {
        background: #f3f3f3 !important;
        opacity: 1;
        height: 50px;
        text-align: left;
        letter-spacing: 0px;
        color: #202020 !important;
        font-weight: 400;
        font-size: 16px;
    }

#ReasonModalPopup .MHeadingTxt {
    font-weight: bold;
}

#ReasonModalPopup .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ReasonModalPopup .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ReasonModalPopup .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
    background: #f3f3f3 !important;
}



#ReasonModalPopup .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#ReasonModalPopup .MHeading {
    color: #A5A5A5;
    font-size: 18px;
}

#ReasonModalPopup .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#ReasonModalPopup .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #282828;
    font-weight: normal;
    font-size: 16px;
}

#ReasonModalPopup .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}

#ReasonModalPopup .DpdBcSec select {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: 0;
    border: none !important;
    padding: 4px;
    border-radius: 9px;
    box-shadow: none;
    cursor: pointer;
    background: #f3f3f3 !important;
    border: none !important;
    color: #6c757d !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    font-size: 16px;
}



#ReasonModalPopup .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}



#ReasonModalPopup .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#ReasonModalPopup .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
}

#ReasonModalPopup .modal-content {
    border-radius: 12px !important;
}



#ConfirmModalPop .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#ConfirmModalPop .YesNoTxtMdl {
    font-size: 24px;
    font-weight: bold;
    color: #202020;
}


#ConfirmModalPop .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}



#ConfirmModalPop .modal-footer.PaddingBody {
    padding-left: 62px;
    padding-right: 62px;
    border: none;
}



#ConfirmModalPop .NextBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}


.RespondBCkFlx {
    justify-content: start;
    margin-top: 20px;
}

.RespondBtnMrg {
    margin-left: -24px;
}

.SpcLftMrgMins {
    margin-top: 8px;
    margin-left: -161px;
}

.SpcLftMrgMinsSnd {
    margin-left: -181px;
}

.IpdMrgCls {
    margin-top: 15px !important;
    margin-left: 25px;
    width: 64%;
}

.SrchIpad {
    padding-left: 20px;
}

.FlxSerchCls {
    justify-content: end;
    margin-right: 5px;
}

.CaseDpdIcns {
    margin-top: 20px;
    margin-left: 35px;
    color: #55555b;
    display:none;
}

.CaseDpd select:focus {
    border: none !important;
    outline: none;
}

.CaseDpd select {
    border: none;
    color: #55555b;
    font-weight: 600;
    cursor: pointer;
    height: 30px;
    width: 170px;
    font-size: 20px;
}

.DpdSlctColor {
    color: #55555b;
    cursor: pointer;
    font-size: 16px;
}

.CaseDpd {
    margin-top: 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
}

.SerchCrd {
    background: #fff;
    border-radius: 10px;
    margin-left: 28px !important;
    margin-right: 26px !important;
}

#searchInpt {
    position: relative;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
}

    #searchInpt label {
        position: absolute;
        left: 0px;
        top: 22px;
    }

    #searchInpt input {
        background-color: transparent;
        border-color: transparent;
        outline: 0;
        box-shadow: none;
        font-size: 20px;
        color: #2b2b2b;
    }



    #searchInpt label i {
        color: #202020;
        font-size: 20px;
    }

    #searchInpt #searchInpt-input, #search .hint {
        padding-left: 43px;
        padding-right: 43px;
        border-radius: 23px;
        padding-bottom: 10px;
        padding-top: 9px;
    }

    #searchInpt input:focus {
        background-color: transparent !important;
        border-color: transparent !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

.PrgressTxt {
    font-size: 14px !important;
    color: #000;
    font-weight: bold;
    margin-top: 10px;
}

.CaseNmeSubTxt {
    color: #b8b8b8;
    font-size: 12px !important;
}

.CaseVsTxt {
    font-size: 12px;
    font-weight: 900;
}


.progressOneSnd {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

.CaseMrgCls {
    margin-top: 10px;
}

.CaseRefereNo {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 600;
}

.IpdMrgCls {
    margin-top: 20px;
}
/*
.IpdMrgCls{
    margin-top: 15px;
    margin-left: 25px;
    width: 75%;
}
*/
.DangerIcnCls {
    height: 15px;
    width: 15px;
    margin-right: 9px;
}

.RedNumTxtSnd {
    color: red;
    font-size: 14px !important;
    font-weight: bold;
    margin-top: 4px;
}

.CaseRegCls {
    padding: 15px !important;
    margin-right: 12px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.CaseLogo {
    height: 60px;
    padding: 10px;
    max-width: 110px;
    margin-top: 10px;
    min-width: 70px;
    /*width: auto;*/
    margin-left: -10px;
    object-fit:contain;
}

.CaseLogoSnd {
    height: 60px;
    padding: 10px;
    max-width: 110px;
    margin-left: 10px;
    margin-top: 10px;
    min-width: 70px;
    /*width: auto;*/
    object-fit: contain;
}

/*
.CaseLogoSnd {
    height: 55px;
    padding: 10px;
    width: 110px;
    margin-left: 10px;
    margin-top: 10px;
}*/

.CaseTxtDesgn {
    color: #a61415;
    margin-left: 30px;
    margin-top: 3px;
    font-size: 14px;
}

.ActiveTxtsnd {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.DrpAgleDwnIcn {
    margin-right: 10px;
    height: 25px;
    font-weight: bold;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all 0.3s linear;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(360deg);
}

    .DrpAgleDwnIcn .down {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(1800deg);
        transform: rotate(360deg) !important;
        transition: all 0.3s linear;
    }

.SideSubList a {
    position: relative;
    font-size: 16px;
    color: #a4a4a4 !important;
    margin-left: 50px;
    font-weight: 500;
    margin-top: 10px;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.LogoUplCls {
    margin-left: 25%;
    font-size: 20px;
}

.ProfleUplCls {
    margin-left: 3%;
    font-size: 20px;
    text-align: center;
}

.SucssVsLogo {
    height: 57px;
}

.CompMdlCls{
    height:60px;
}
.CaseVsTxtMdl {
    margin-top: 28px;
    font-size: 16px;
}

.SucessVsTxt {
    color: black;
    margin-top: 38px;
    font-size: 20px;
    margin-left: 25px;
}

.VsLogo2 {
    height: 50px;
}

.VsLogo1 {
    height: 50px;
}

.VsTxtMrg {
    margin-top: 20px;
}

.TxtareBrdCls {
    border-radius: 21px;
    overflow: hidden;
}

.TxtClsDesgin {
    border: 1px solid #C2C2C2;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    background: #f3f3f3 !important;
    font-weight: 400;
    font-size: 16px !important;
    padding: 15px 10px 15px 10px;
    width: 100%;
    height: auto !important;
    border-radius: 20px;
}

    .TxtClsDesgin:focus {
        color: #212529;
        background-color: #fff;
        border-color: #660090 !important;
        outline: 0;
        box-shadow: none !important;
    }


.TblIconCls {
    height: 22px;
}

.ErrorCls {
    top: 52px;
    font-size: 14px;
    color: #dc4e41;
    left: 10px;
}

/*From Here notification css starts here*/
.notificationSpan {
    padding-left: 4px;
    padding-top: 4px;
    font-family: 'Poppins-SemiBold';
    display: flex;
    align-items: center;
}

.btnnotificationClose {
    font-size: 0.875rem;
    line-height: 1.5;
    float: right;
    padding: 0.25rem 0.5rem;
    border-radius: 0.2rem;
}

.ns-effect-slide {
    background: #fff !important;
    top: auto;
    bottom: 30px;
    border: 1px solid #ccc;
    box-shadow: rgba(0,0,0,.117647) 0 1px 1px 1px !important;
}
/*From Here notification css ends here*/


input[type="time"]::-webkit-calendar-picker-indicator {
    /*filter: invert(13%) sepia(94%) saturate(5258%) hue-rotate(268deg) brightness(77%) contrast(99%);*/
    background: url(../image/Time_Picker_Clock.png);
    background-repeat: no-repeat;
}

.ImgClsLogo {
    height: 100px;
    /*width: auto;*/
    max-width: 300px;
    object-fit:contain;
}
/*This is new modal popup Add Users in company*/
#AddUserCompany .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #282828;
    font-weight: normal;
    font-size: 14px;
}

#AddUserCompany .LblForm {
    text-align: left;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 16px;
    color: #c7c7c7;
}

#AddUserCompany .modal-content {
    border-radius: 12px !important;
    width: 700px;
}

#AddUserCompany .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 40px;
}


#AddUserCompany .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#AddUserCompany .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    text-transform: capitalize;
}

#AddUserCompany .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#AddUserCompany .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#AddUserCompany .DpdBcSec select {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: 0;
    border: none !important;
    padding: 4px;
    border-radius: 9px;
    box-shadow: none;
    cursor: pointer;
    background: #f3f3f3 !important;
    border: none !important;
    color: #6c757d !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    font-size: 16px;
}


/*This is new modal popup Add Users in company */

/*This is new modal popup for Edit users in company*/
#EditUserCompany .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 40px;
}


#EditUserCompany .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#EditUserCompany .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    text-transform: capitalize;
}

#EditUserCompany .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#EditUserCompany .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#EditUserCompany .DpdBcSec select {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: 0;
    border: none !important;
    padding: 4px;
    border-radius: 9px;
    box-shadow: none;
    cursor: pointer;
    background: #f3f3f3 !important;
    border: none !important;
    color: #6c757d !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    font-size: 16px;
}


/*This is new modal popup for Edit users company*/

#AddUsersModlSecond .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 40px;
}


#AddUsersModlSecond .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#AddUsersModlSecond .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}

#AddUsersModlSecond .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#AddUsersModlSecond .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#AddUsersModlSecond .DpdBcSec select {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: 0;
    border: none !important;
    padding: 4px;
    border-radius: 9px;
    box-shadow: none;
    cursor: pointer;
    background: #f3f3f3 !important;
    border: none !important;
    color: #6c757d !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    font-size: 16px;
}

.DpdBcSec {
    position: relative;
}

    .DpdBcSec::after {
        font-size: 1rem;
        top: 6px;
        right: 10px;
        position: absolute;
    }


.MrgTpCls {
    margin-top: -16px;
}

.PrflPic {
    width: 255px;
    height: 250px;
    display: inline-block;
    margin-top: -1px !important;
    margin-left: -1px;
    /* margin-right: 26px
px
; */
    margin-top: 0px;
}

.FileUpld {
    display: none;
}

.circle_THREE {
    overflow: hidden;
    z-index: 99;
    height: 180px;
    border: 2px dashed #CAD2DE;
    width: 30%;
}

.circle_TWO {
    overflow: hidden;
    z-index: 99;
    height: 180px;
    border: 2px dashed #CAD2DE;
    width: 61%;
    margin-left: 35%;
}

.circle {
    overflow: hidden;
    z-index: 99;
    height: 180px;
    border: 2px dashed #CAD2DE;
    width: 60%;
}

.circle_THREE img {
    max-width: 100%;
    height: auto;
    margin-left: 12%;
    margin-top: 10px;
    width: 80%;
}


.circle_TWO img {
    max-width: 100%;
    height: auto;
    margin-left: 20%;
    margin-top: 30px;
    width: 60%;
}

.circle img {
    max-width: 100%;
    height: auto;
    margin-left: 38%;
    margin-top: 10px;
    width: 80%;
}


.p-image {
    position: absolute;
    color: #666666;
    margin-top: -220px;
    margin-bottom: 50px;
    margin-left: 56px;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

    .p-image:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    }

.UpldBtn {
    font-size: 1.2em;
}

    .UpldBtn:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        color: #999;
    }

.ShadowRow {
    box-shadow: 4px 4px 12px #00000029;
    margin-left: 230px;
    /* margin-top: -50px; */
    margin-right: 230px;
    margin-bottom: 50px;
}
/*This css for image upload ends here*/


.SupeAdmTblLogo {
    height: 50px;
    width: 80px;
    /*border-radius:25px;*/
}

#AddUsersModl .DpdBcSec select {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    outline: 0;
    border: none !important;
    padding: 4px;
    border-radius: 9px;
    box-shadow: none;
    cursor: pointer;
    background: #f3f3f3 !important;
    border: none !important;
    color: #6c757d !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    font-size: 16px;
}

#AddUsersModl .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#AddUsersModl .fa-clock {
    color: #660090 !important;
}
/*
#ArbitrationNotice .BorderColor {
    border: 1px solid #660090 !important;
    border-radius: 12px !important;
}
*/
.BorderColor :focus {
    border-color: #660090 !important;
}

#AddUsersModl .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    /* font-weight: 500; */
    font-size: 16px;
}

#AddUsersModl .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}

#AddUsersModl .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}

#AddUsersModl .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}

#AddUsersModl .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#AddUsersModl .MHeading {
    color: #A5A5A5;
    font-size: 18px;
}

#AddUsersModl .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#AddUsersModl .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #282828;
    font-weight: normal;
    font-size: 14px;
}

#AddUsersModl .LblForm {
    text-align: left;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 16px;
    color: #c7c7c7;
}

#AddUsersModl .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    margin-bottom: 0px;
}

#AddUsersModl .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#AddUsersModl .modal-footer.PaddingBody {
    padding-left: 40px;
    padding-right: 40px;
}

#AddUsersModl .modal-content {
    border-radius: 12px !important;
    width: 700px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none !important;
}

#datatable table.dataTable thead .sorting {
    background-image: none;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: none !important;
}

#AddUsersModl .image-input {
    text-align: center;
    width: 100%;
}

    #AddUsersModl .image-input input {
        display: none;
    }

    #AddUsersModl .image-input label {
        display: block;
        background: #000;
        padding: 0.3rem 0.6rem;
        cursor: pointer;
        letter-spacing: 0px;
        color: #A5A5A5;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        background: #fff;
    }

        #AddUsersModl .image-input label i {
            font-size: 125%;
            margin-right: 0.3rem;
        }

        #AddUsersModl .image-input label:hover i {
            animation: shake 0.35s;
        }

    #AddUsersModl .image-input img {
        max-width: 175px;
        display: none;
    }

    #AddUsersModl .image-input span {
        display: none;
        text-align: center;
        cursor: pointer;
    }

#AddUsersModl .LblFormSnd {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #FFFFFF;
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    padding-top: 10px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    z-index: 9999 !important;
    display: none;
}

.MargCls {
    margin-right: 10px;
}


/*-------------------------------------------------------------------------------Super Admin Css ends here-----------------------------------------------------------------------------*/
/*Css for forget password modal popup starts*/
#ForgetPwdMdl .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #0600B7;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: none !important;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
}



#ForgetPwdMdl .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#ForgetPwdMdl .ManTxtSucc {
    font-size: 55px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ForgetPwdMdl .SubTxtSucc {
    font-size: 25px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ForgetPwdMdl .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border-radius: 20px;
    padding-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

    #ForgetPwdMdl .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        box-shadow: 0px 1px 28px #00000054;
        border-radius: 20px;
        padding-bottom: 20px;
        margin-left: 50px;
        margin-right: 50px;
    }

#ForgetPwdMdl .ProgrssBarPad {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}


#ForgetPwdMdl .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

#ForgetPwdMdl .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#ForgetPwdMdl .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}


#ForgetPwdMdl .FntClsDesgn {
    margin-left: 10px;
    margin-top: 7px;
}

#ForgetPwdMdl .BckDesgnCrss {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    background: #F1F6FF;
    cursor: pointer;
}

#ForgetPwdMdl .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#ForgetPwdMdl .fa-clock {
    color: #660090 !important;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#ForgetPwdMdl .padClsMdl {
    padding-top: 20px;
    padding-bottom: 20px;
}

#ForgetPwdMdl .GBackCls {
    font-size: 27px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}


#ForgetPwdMdl .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 16px;
}

#ForgetPwdMdl .LblForm {
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: normal;
    font-size: 30px;
    font-weight: bold;
}


#ForgetPwdMdl .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ForgetPwdMdl .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ForgetPwdMdl .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}



#ForgetPwdMdl .modal-body.PaddingBody {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 70px;
    margin-bottom: 70px;
}

#ForgetPwdMdl .LblLognDesgin {
    font-size: 16px;
    color: #c7c7c7;
    text-transform: none;
}

#ForgetPwdMdl .modal-header.PaddingBody {
    padding-left: 20px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
    float: right;
}

#ForgetPwdMdl .modal-footer.PaddingBody {
    padding-left: 30px;
    padding-right: 30px;
}


#ForgetPwdMdl .PdfImgIcon {
    height: 65px;
    width: 50px;
}


#ForgetPwdMdl .modal-content {
    border-radius: 12px !important;
}

/*Css for forget password modal popup ends*/

#ConclusionModal .ManTxtSucc {
    font-size: 65px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ConclusionModal .SubTxtSucc {
    margin-bottom: 35px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ConclusionModal .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border-radius: 20px;
    padding-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

    #ConclusionModal .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        box-shadow: 0px 1px 28px #00000054;
        border-radius: 20px;
        padding-bottom: 20px;
        margin-left: 50px;
        margin-right: 50px;
    }

#ConclusionModal .ProgrssBarPad {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}


#ConclusionModal .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

#ConclusionModal .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#ConclusionModal .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}


#ConclusionModal .FntClsDesgn {
    margin-left: 10px;
    margin-top: 7px;
}

#ConclusionModal .BckDesgnCrss {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    background: #F1F6FF;
    cursor: pointer;
}

#ConclusionModal .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#ConclusionModal .fa-clock {
    color: #660090 !important;
}

#ConclusionModal .padClsMdl {
    padding-top: 20px;
    padding-bottom: 20px;
}

#ConclusionModal .GBackCls {
    font-size: 27px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}


#ConclusionModal .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}

#ConclusionModal .LblForm {
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ConclusionModal .LblFormHeadSnd {
    margin-top: 10px;
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ConclusionModal .LblHeadSubTxt {
    color: #202020;
    font-size: 14px;
    text-align: justify;
}

#ConclusionModal .CaseManTxt {
    color: #202020;
    font-size: 70px;
    font-weight: bold;
}


#ConclusionModal .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ConclusionModal .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ConclusionModal .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}


#ConclusionModal .modal-body.PaddingBody {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 40px;
    margin-bottom: 15px;
}



#ConclusionModal .modal-header.PaddingBody {
    /* padding-left: 31px; */
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
    float: right;
}

#ConclusionModal .modal-footer.PaddingBody {
    padding-left: 30px;
    padding-right: 30px;
}


#ConclusionModal .PdfImgIcon {
    height: 65px;
    width: 50px;
}

#ConclusionModal .modal-content {
    border-radius: 12px !important;
    height: auto;
}



/*Css for Fifth modal popup starts*/

#ArbitrationSuccessPop .ManTxtSucc {
    font-size: 65px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ArbitrationSuccessPop .SubTxtSucc {
    margin-bottom: 35px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ArbitrationSuccessPop .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border-radius: 20px;
    padding-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

    #ArbitrationSuccessPop .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        box-shadow: 0px 1px 28px #00000054;
        border-radius: 20px;
        padding-bottom: 20px;
        margin-left: 50px;
        margin-right: 50px;
    }

#ArbitrationSuccessPop .ProgrssBarPad {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}


#ArbitrationSuccessPop .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

#ArbitrationSuccessPop .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#ArbitrationSuccessPop .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}


#ArbitrationSuccessPop .FntClsDesgn {
    margin-left: 10px;
    margin-top: 7px;
}

#ArbitrationSuccessPop .BckDesgnCrss {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    background: #F1F6FF;
    cursor: pointer;
}

#ArbitrationSuccessPop .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#ArbitrationSuccessPop .fa-clock {
    color: #660090 !important;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#ArbitrationSuccessPop .padClsMdl {
    padding-top: 20px;
    padding-bottom: 20px;
}

#ArbitrationSuccessPop .GBackCls {
    font-size: 27px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}


#ArbitrationSuccessPop .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}

#ArbitrationSuccessPop .LblForm {
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ArbitrationSuccessPop .LblFormHeadSnd {
    margin-top: 10px;
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ArbitrationSuccessPop .LblHeadSubTxt {
    color: #202020;
    font-size: 14px;
    text-align: justify;
}

#ArbitrationSuccessPop .CaseManTxt {
    color: #202020;
    font-size: 70px;
    font-weight: bold;
}


#ArbitrationSuccessPop .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ArbitrationSuccessPop .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ArbitrationSuccessPop .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}


#ArbitrationSuccessPop .modal-body.PaddingBody {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 40px;
    margin-bottom: 15px;
}



#ArbitrationSuccessPop .modal-header.PaddingBody {
    /* padding-left: 31px; */
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
    float: right;
}

#ArbitrationSuccessPop .modal-footer.PaddingBody {
    padding-left: 30px;
    padding-right: 30px;
}


#ArbitrationSuccessPop .PdfImgIcon {
    height: 65px;
    width: 50px;
}

#ArbitrationSuccessPop .modal-content {
    border-radius: 12px !important;
    height: 800px;
}

/*Css for Fifth modal Popup Ends*/




/*Css for Fourth modal popup starts*/



/*File Upload for modal four starts here */

#ArbitrationUploadDocPop .UploadIcn {
    height: 65px;
    width: auto;
}

#ViewCaseModlPopup .UploadIcn {
    height: 65px;
    width: auto;
}

#ViewCaseModlPopup .ManTxtSucc {
    font-size: 40px;
    font-weight: bold;
    color: #202020;
    text-align: center;
    margin-bottom: 20px;
}

#ViewCaseModlPopup .SubTxtSucc {
    margin-bottom: 35px;
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    text-align: center;
}

#ViewCaseModlPopup .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    border-radius: 20px;
    padding-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
}

    #ViewCaseModlPopup .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        box-shadow: 0px 1px 28px #00000054;
        border-radius: 20px;
        padding-bottom: 20px;
        margin-left: 50px;
        margin-right: 50px;
    }

#ViewCaseModlPopup .ProgrssBarPad {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}


#ViewCaseModlPopup .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

#ViewCaseModlPopup .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#ViewCaseModlPopup .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}


#ViewCaseModlPopup .FntClsDesgn {
    margin-left: 10px;
    margin-top: 7px;
}

#ViewCaseModlPopup .BckDesgnCrss {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    background: #F1F6FF;
    cursor: pointer;
}

#ViewCaseModlPopup .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#ViewCaseModlPopup .fa-clock {
    color: #660090 !important;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#ViewCaseModlPopup .padClsMdl {
    padding-top: 20px;
    padding-bottom: 20px;
}

#ViewCaseModlPopup .GBackCls {
    font-size: 27px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}


#ViewCaseModlPopup .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}

#ViewCaseModlPopup .LblForm {
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ViewCaseModlPopup .LblFormHeadSnd {
    margin-top: 10px;
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: normal;
    font-size: 20px;
    font-weight: bold;
}

#ViewCaseModlPopup .LblHeadSubTxt {
    color: #202020;
    font-size: 13px;
    font-weight: 500;
}

#ViewCaseModlPopup .AccidentTxt {
    color: #0600b7;
    font-weight: 500;
    font-size: 14px;
}


#ViewCaseModlPopup .CaseManTxt {
    color: #202020;
    font-size: 45px;
    font-weight: bold;
}


#ViewCaseModlPopup .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ViewCaseModlPopup .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ViewCaseModlPopup .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}


#ViewCaseModlPopup .modal-body.PaddingBody {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: -10px;
    margin-bottom: 15px;
}



#ViewCaseModlPopup .modal-header.PaddingBody {
    /* padding-left: 31px; */
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
    float: right;
}

#ViewCaseModlPopup .modal-footer.PaddingBody {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom:30px;
}


#ViewCaseModlPopup .PdfImgIcon {
    height: 65px;
    width: 50px;
}

#ViewCaseModlPopup .modal-content {
    border-radius: 12px !important;
    height: auto;
}




#ArbitrationUploadDocPop .RwPadClsMdlSnd {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

/*#ArbitrationUploadDocPop .card {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
    width: 600px;
    height: 260px;
    background-color: #ffffff;
    padding: 10px 30px 40px;
}*/


#ArbitrationUploadDocPop .drop_box {
    margin: 10px 0;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: transparent linear-gradient(180deg, #FCFBFF 0%, #F1F6FF 100%) 0% 0% no-repeat padding-box;
    border: 2px dashed #A8B1D7;
    border-radius: 13px;
}

    #ArbitrationUploadDocPop .drop_box p {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 20px;
        color: #808AA3;
    }

#ArbitrationUploadDocPop .btn {
    text-decoration: none;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    outline: none;
    transition: 0.3s;
    background: #5975C6 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 4px #0000000a;
    border-radius: 10px;
}

/*File Upload for modal four starts here */


#ArbitrationUploadDocPop .RwPadClsMdlExtra {
    padding-left: 25px;
    padding-right: 15px;
    border-radius: 20px;
    padding-bottom: 10px;
    margin-left: 50px;
    margin-right: 50px;
}

#ArbitrationUploadDocPop .ClsCrdFlx {
    display: flex;
    justify-content: space-between;
}

#ArbitrationUploadDocPop .RwPadClsMdl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    border-radius: 20px;
    padding-bottom: 15px;
    margin-left: 50px;
    margin-right: 50px;
}

    #ArbitrationUploadDocPop .RwPadClsMdl:hover {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
        box-shadow: 0px 1px 28px #dfe7f8;
        border-radius: 20px;
        padding-bottom: 15px;
        margin-left: 50px;
        margin-right: 50px;
    }

#ArbitrationUploadDocPop .ProgrssBarPad {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
}


#ArbitrationUploadDocPop .progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
    width: auto;
}

#ArbitrationUploadDocPop .FntClsDesgnSnd {
    margin-left: 10px;
    margin-top: 7px;
    color: #86e395;
}

#ArbitrationUploadDocPop .BckDesgnCrssSnd {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: 16px;
    cursor: pointer;
}


#ArbitrationUploadDocPop .FntClsDesgn {
    margin-left: 7px;
    /* margin-bottom: 16px; */
    margin-top: 3px;
    font-size: 14px;
}

#ArbitrationUploadDocPop .BckDesgnCrss {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-top: 8px;
    padding-bottom: 6px;
    background: #F1F6FF;
    cursor: pointer;
}

#ArbitrationUploadDocPop .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#ArbitrationUploadDocPop .fa-clock {
    color: #660090 !important;
}

.BorderColor :focus {
    border-color: #660090 !important;
}

#ArbitrationUploadDocPop .padClsMdl {
    padding-top: 15px;
    padding-bottom: 2px;
}

#ArbitrationUploadDocPop .GBackCls {
    /* font-size: 20px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;*/

     font-size: 13px;
     color: #403eda;
     text-align: left;
     font-weight: bold;
     cursor: pointer;
     text-decoration: underline;
}


#ArbitrationUploadDocPop .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}

#ArbitrationUploadDocPop .LblForm {
    margin-top: 10px;
    background: #FFFFFF;
    opacity: 1;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 30px;
    font-weight: bold;
    margin-left: 75px;
}


#ArbitrationUploadDocPop .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ArbitrationUploadDocPop .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ArbitrationUploadDocPop .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}



#ArbitrationUploadDocPop .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}



#ArbitrationUploadDocPop .modal-header.PaddingBody {
    padding-top: 20px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}

#ArbitrationUploadDocPop .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 25px;
}


#ArbitrationUploadDocPop .PdfImgIcon {
    height: 40px;
    width: 30px;
}

#ArbitrationUploadDocPop .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #0600B7;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    text-transform: capitalize;
}



#ArbitrationUploadDocPop .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#ArbitrationUploadDocPop .modal-content {
    border-radius: 12px !important;
    height: auto;
}



/*Css for Fourth modal Popup Ends*/

#ArbitrationSettlmentPop .IconBorder {
    border-right: 0 !important;
    border-radius: 12px 0px 0px 12px !important;
}

#ArbitrationSettlmentPop .fa-clock {
    color: #660090 !important;
}

/*
#ArbitrationSettlmentPop .BorderColor {
    border: 1px solid #660090 !important;
    border-radius: 12px !important;
}
*/
.BorderColor :focus {
    border-color: #660090 !important;
}

#ArbitrationSettlmentPop .padClsMdl {
    padding-top: 20px;
    padding-bottom: 3px;
}

#ArbitrationSettlmentPop .GBackCls {
    /*   font-size: 20px;
    color: #010101;
    text-align: left;
    font-weight: bold;
    cursor: pointer;*/
    font-size: 13px;
    color: #403eda;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}


#ArbitrationSettlmentPop .modal-body .form-control {
    border: 1px solid #C2C2C2;
    border-radius: 21px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 35px;
}

/*#ArbitrationSettlmentPop .LblForm {
    background: #FFFFFF;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020;
    font-size: 24px;
}*/

#ArbitrationSettlmentPop .MHeadingTxt {
    font-weight: bold;
    /* padding-top: 25px; */
    padding-bottom: 15px;
}

#ArbitrationSettlmentPop .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ArbitrationSettlmentPop .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ArbitrationSettlmentPop .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
}



#ArbitrationSettlmentPop .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}



#ArbitrationSettlmentPop .modal-header.PaddingBody {
    padding-top: 30px;
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
    padding-bottom: 25px;
}

#ArbitrationSettlmentPop .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 30px;
}


#ArbitrationSettlmentPop .LblForm {
    text-align: left;
    letter-spacing: 0px;
    /*color: #C7C7C7;*/
    color: #000;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
    padding-top: 15px;
}

#ArbitrationSettlmentPop .AttachmntIcn {
    height: 23px;
    width: 23px;
}

#ArbitrationSettlmentPop .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    margin-top: 20px;
}



#ArbitrationSettlmentPop .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#ArbitrationSettlmentPop .modal-content {
    border-radius: 12px !important;
    height: 100%;
}

/*Rohit css starts here*/

/*Login Page Css start from here*/

@import url("https://use.typekit.net/idy8oth.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

body {
    background-color: #fafafa;
}

.FntAweDesgn {
    margin-top: 5px;
    margin-right: 10px;
    color: #809fb8;
}

    .FntAweDesgn a {
        margin-top: 5px;
        color: #809fb8;
    }

        .FntAweDesgn a:hover {
            margin-top: 5px;
            color: #809fb8;
        }

.LnkDesgin a {
    color: #202020;
    text-decoration: none;
}

    .LnkDesgin a:hover {
        color: #202020;
        text-decoration: none;
    }

/*#ArbitrationSettlmentPop .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Oswald', sans-serif !important;
    background: skyblue;
    border-radius: 5px;
    
    border: 1px solid skyblue;
    text-transform: uppercase;
}*/

/*#field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
}*/

.LoginLogo {
    height: 75px;
    width: auto;
    margin-top: 30px;
    width: 250px;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #660090 !important;
    outline: 0;
    box-shadow: none !important;
}

.EmalLogoPad {
}

.EmailLogo {
    height: 120px;
    width: auto;
    margin-top: 30px;
    width: 410px;
}

.ToggleSnd {
    display: none !important;
}

.modal-lg, .modal-xl {
    max-width: 680px !important;
}

.modal-md {
    max-width: 680px !important;
}

.background {
    width: 100%;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    height: 520px;
    align-items: flex-end;
    justify-content: flex-end;
    align-content: center;
    flex-direction: row;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -32px;
    margin-right: 20px;
    /*color: #6418c3;*/
    position: relative;
    z-index: 2;
}

.ImgSeclogin {
    height: 100%;
    background: url(../image/BG.Png);
    background-repeat: no-repeat;
    overflow-x: hidden;
    padding-top: 20px;
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: bottom;
    border-bottom-right-radius: 50px;
    width: 49%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: none !important;
    border-bottom-right-radius: calc( 0.3rem - 1px );
    border-bottom-left-radius: calc( 0.3rem - 1px );
}

.LoginHeadTxt {
    font-size: 30px;
    font-weight: bold;
    color: #202020;
}

.BtnLogn {
    color: #fff;
    width: 96%;
    height: 45px;
    border-radius: 10px;
    outline: none;
    border: none;
    background-color: #3a36da !important;
    box-shadow: 0px 0px 0px #3a36da;
    text-transform: capitalize;
    font-size: 16px;
}

.PadTopCls {
    padding-top: 80px;
}

.LoginSubTxt {
    font-size: 16px;
    font-weight: bold;
    color: #202020;
}

.LblLognDesgin {
    font-size: 16px;
    color: #c7c7c7;
    text-transform: capitalize;
}

.DpdBcSec select {
    margin-bottom: 10px;
    margin-top: 10px;
    outline: 0;
    background: #fff;
    color: #000;
    border: none !important;
    padding: 4px;
    border-radius: 9px;
    box-shadow: 0px 0px 6px #00000003;
    width: 100%;
}

.TxtUsrNme {
    border-radius: 10px !important;
    height: 50px;
    background: #f3f3f3 !important;
    border: none !important;
    color: #131313 !important;
}

    .TxtUsrNme:focus {
        box-shadow: none !important;
        outline: none;
        border: 1px solid #660090 !important;
    }

        .TxtUsrNme:focus + .field-icon {
            color: #6418c3; /* can use any color*/
        }

.field-icon:focus {
    color: #6418c3;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -32px;
    margin-right: 20px;
    /*color: #6418c3;*/
    position: relative;
    z-index: 2;
}

.SpcTxtTopCls {
    padding-top: 20px;
}

.ForgtPwdCls {
    font-size: 14px;
    color: #131313;
    /*text-decoration: none;*/
}

    .ForgtPwdCls:hover {
        color: #131313;
    }

.ArwLft {
    color: #809fb8;
    margin-right: 10px;
}

.ResetColorLnk {
    font-size: 14px;
    color: #065daa;
    text-decoration: none;
    font-weight: bold;
}

.WebsiteTxt {
    font-size: 21px;
    color: #000;
}

.SidentfcnNum {
    font-size: 14px;
    background-color: #3A36DB;
    width: 27px;
    height: 27px;
    border-radius: 30px;
    color: #fff;
    margin-left: 10px;
    padding: 0px 4px 0px 4px;
    margin-right: 12px;
    border: 2px solid #fff;
    text-align: center;
}

.SidbarTxt {
    font-weight: bold;
    padding-bottom: 10px;
    margin-top: 20px;
    color: #b8b8b8;
}
.SidbarTxtsnd {
    font-weight: bold;
    font-size: 14px;
    color: #b8b8b8;
}

.mrgnTopFoot {
    margin-top: 255px;
    margin-left: 20px;
}

.ResetColorLnk:hover {
    color: #065daa;
}

.mrgnSpcTop {
    margin-top: 70px;
}

.BoxShdwSec {
    box-shadow: 0px 0px 6px #00000003;
    background: #fff;
}

.ArrowLft {
    margin-top: 5px;
    color: #065daa;
}

.login-form {
    padding-left: 210px !important;
    padding-right: 0px !important;
    padding-top: 82px !important;
    padding-bottom: 50px !important;
}
/*    @media screen and (max-height: 450px) {
        .ImgSeclogin {
        padding-top: 15px;
    }
}

@media screen and (max-width: 450px) {
    .login-form {
        margin-top: 10%;
    }

    .register-form {
        margin-top: 10%;
    }
}

@media screen and (min-width: 768px) {

    .ImgSeclogin {
        width: 42%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .login-form {
        margin-top: 25%;
    }

    .register-form {
        margin-top: 20%;
    }
}
*/
/*Login Page Css start from here*/

/*<!-- ============================================================== -->
<!--This css is for SideBar starts here-- >
<!-- ============================================================== -->*/

.CustImgClsTest {
    height: 200px !important;
    margin-top: 70px;
}



.Tech_ProjtTxt {
    left: 30% !important;
    font-size: 20px !important;
}



.HeadContent a {
    color: var(--cl-text)
}


.SidebarLayout::-webkit-scrollbar {
    width: 5px;
}

.SidebarLayout ul li a.toggle {
    display: none;
}



.FileMainBckLay, .AdminSerBody {
    margin: 10px !important;
}



.Margin30 {
    margin: 0px !important;
}



#PressRelease .p-2 {
    padding: 0 !important;
}


:root {
    --bg-primary: #41444b;
    --bg-secondary: #52575d;
    --bg-active: #fddb3a;
    --cl-text: #f6f4e6;
}

.HedBrdRght {
    border-right: 1px solid #ddd;
    padding-right: 40px;
}

.SidebarLayout {
    position: fixed;
    width: 15% !important;
    height: 100%;
    background: #ffffff;
    transition: .5s;
    border-right: 1px solid #fefefe;
    z-index: 99 !important;
    top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .SidebarLayout::-webkit-scrollbar {
        width: 5px;
    }

    .SidebarLayout ul {
        position: absolute;
        /* top: 60px; */
        left: 10px;
        width: 100%;
        padding: 0px;
    }

    .SidebarLayout .active {
        width: 15% !important;
        background: #fbca0b;
    }

    .SidebarLayout ul li a .icon {
        position: relative;
        display: block;
        min-width: 25px;
        height: 20px;
        line-height: 60px;
        text-align: center;
    }

.HeadLayout {
    height: 90px;
    background: #fff;
    z-index: 9;
    position: fixed;
    width: 100%;
    top: 0;
    /* padding-bottom: 20px; */
    margin-left: 15%;
}

.SidebarLayout ul li {
    list-style: none;
    width: 100%;
    position: relative;
    padding: 20px;
    padding-top: 10px;
}

.SidebarLayout .active .title {
    color: #000 !important
}

.SidebarLayout ul li a {
    position: relative;
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--cl-text);
    transition: .2s;
}

    .SidebarLayout ul li a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        transition: .2s;
    }


    .SidebarLayout ul li a .title {
        position: relative;
        font-size: 16px;
        color: #a4a4a4;
        margin-left: 25px;
        font-weight: 500;
    }

    .SidebarLayout ul li a .titleSnd {
        position: relative;
        font-size: 16px;
        color: #a4a4a4;
        font-weight: 500;
    }



.SideBarLogoBg {
    height: 50px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
}



.SidebarLayout.active {
    left: 0;
    width: 15% !important;
    z-index: 99;
}



.MainMenuTxt {
    color: #a4a4a4;
    font-size: 16px;
}



.HeadContentSec {
    display: none;
}



.toggle {
    cursor: pointer;
}



.HeadContent {
    display: block;
    background-color: #2b2b2b;
    position: fixed;
    width: 100%;
    z-index: 999;
}



.NavLogo {
    height: 50px;
    width: 110px;
}



.LogoBgColor {
    background-color: #000;
    margin-right: 32px;
    padding-left: 60px;
    padding-top: 8px;
    height: 65px;
}


.toggle {
    display: none;
    margin-top: 36px;
    margin-right: 20px;
    color: #000;
}



/*.NvDrpDon {
color: #fff;
font-family: Rubik-Regular;
font-size: 24px;
padding: 0px 0px 10px 5px !important;
}*/



.NvDrpDon:hover {
    color: #fff;
}



.NvDrpDon:focus {
    color: #fff;
}



/*<!-- ============================================================== -->
<!--This css is for SideBar ends here-- >
<!-- ============================================================== -->*/

/*header css starts here*/



#search {
    position: relative;
    font-size: 18px;
    padding-top: 40px;
    margin: -20px auto 0;
    margin-left: 0px;
}

    #search label {
        position: absolute;
        left: 17px;
        top: 51px;
    }

    #search input {
        color: #2B2B2B;
        background-color: #f5f2f2;
        border-color: transparent;
        outline: 0;
        box-shadow: none;
    }

    #search label i {
        color: #413eda;
        font-size: 20px;
        margin-bottom: 5px;
    }

    #search #search-input, #search .hint {
        padding-left: 43px;
        padding-right: 43px;
        border-radius: 23px;
        padding-bottom: 10px;
        padding-top: 9px;
    }

    #search input:focus {
        color: #2B2B2B !important;
        background-color: #f5f2f2 !important;
        border-color: transparent !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

.notificationImg {
    height: 25px;
    width: 25px;
    margin-top: 20px;
}

.ntfcnNum {
    font-size: 14px;
    background-color: #4ecaff;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    color: #fff;
    margin-left: 10px;
    position: absolute;
    text-align: center;
    margin-top: 10px;
    padding: 0px 1px 0px 2px;
    border: 2px solid #fff;
}

.ntfcnNumSnd {
    font-size: 14px;
    background-color: #4ecaff;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    color: #fff;
    margin-left: 10px;
    position: absolute;
    text-align: center;
    margin-top: 10px;
    padding: 0px 1px 0px 2px;
    border: 2px solid #fff;
}

.PadleftNtfcn {
    padding-left: 0px;
}

.PadleftNtfcnSnd {
    padding-left: 1px;
}

.NtfcnSecFlex {
    display: flex;
    justify-content: flex-end;
    margin-top: 13px;
    margin-right: -58px;
}

.ntfcnMrgnRght {
    margin-right: 30px;
}

.NewArbiBtnSnd {
    border: 1px solid #0093fe;
    background-color: #fff;
    color: #000;
    border-radius: 10px;
    height: 43px;
    font-weight: 500;
    padding: 7px 30px 10px 30px;
    margin-right: 10px;
}

.NewArbiBtn {
    border: none;
    background-color: #4ecaff;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    padding: 10px 40px 10px 40px;
}

.NvDrpDon {
    color: #000;
    font-size: 16px;
    display: flex;
    /* margin-top: 5px; */
    font-weight: bold;
    padding: 2px 0px 5px 5px !important;
}

.NvDrpDonTxt {
    font-size: 16px;
    color: #a4a4a4;
    font-weight: 400;
}

.NvDrpDon:hover {
    color: #000;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    font-size: 18px;
    color: #a4a4a4;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    margin-left: 15px;
    border-left: 0.3em solid transparent;
    margin-top: 10px;
}

.dropdown-menu {
    box-shadow: 0px 0px 6px #00000003;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0.25rem;
    border-radius: 10px !important;
    background: #f3f3f3;
    border: none !important;
    color: #131313 !important;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    font-weight: 400;
    color: #131313 !important;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item.active, .dropdown-item:active {
        text-decoration: none;
        background: #f3f3f3 !important;
        border: none !important;
        color: #131313 !important;
    }


.btnSpc {
    text-align: center;
    margin-top: 20px;
}

.ClsPadTopExt {
    margin-top: 13px;
}
/*Sonal Css Starts from Here*/
#GKGeneral .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}



#GKGeneral .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}



#GKGeneral .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    border: none;
}



#GKGeneral .NextBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none !important;
    border-radius: 4px;
}

.select2-results__option:hover {
    background: #F6EEFF;
    color: #6418C3;
    font-weight: bold;
}

.MdlDpd {
    padding-bottom: 200px;
    display: flex;
    justify-content: center;
    font-weight: bold !important
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
/*
    .MdlDpd .select2-container--open .select2-dropdown--below {
        border-top: none;
        border-top-left-radius: 0;
        border: none !important;
        border-top-right-radius: 0;
    }*/
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    min-width: 125px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 4px;
}

.select2-dropdown {
    background-color: white;
    border: none !important;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 300px;
    z-index: 1051;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 7px !important;
    width: 20px;
}

.dpdslct .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #6418C3 !important;
    border-width: 0 7px 7px 7px !important;
}

.dpdslct .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6418C3 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    display: block !important;
}

.dpdslct .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 28px;
    font-weight: bold;
}

.dpdslct .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ddd !IMPORTANT;
    border-radius: 4px;
}

.dpdslct .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 126px !important;
}

.dpdslct1 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #6418C3 !important;
    border-width: 0 7px 7px 7px !important;
}

.dpdslct1 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6418C3 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    display: block !important;
}

.dpdslct1 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 28px;
    font-weight: bold;
}

.dpdslct1 .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ddd !IMPORTANT;
    border-radius: 4px;
}

.dpdslct1 .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 126px !important;
}
#GKGeneral .NameTxt {
    font-size: 50px;
}



#GKGeneral .modal-content {
    border-radius: 12px !important;
}



#GKGeneral .list-group-item:not(:last-child) {
    border-bottom: none !important;
}



#GKGeneral .list-group-item.active {
    background-color: #fbf2ff !important;
    color: #660090 !important;
    border-color: #fbf2ff !important;
}



#GKGeneral .list-group {
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#GKGeneral .list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: none !important;
}


#GKGeneral .list-group:after {
    content: "";
    position: absolute;
    margin-top: -6px;
    margin-left: -5px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #f1f1f1;
    transform: rotate(0deg);
    right: 10px;
    top: -5px;
}

#ArbitrationNotice .IconBorder {
    border-radius: 12px !important;
}

.form-control:focus + .field-icon {
    color: #6418c3;
}

/*
#ArbitrationNotice .BorderColor {
    border: 1px solid #660090 !important;
    border-radius: 12px !important;
}
*/
.BorderColor :focus {
    border-color: #660090 !important;
}

#ArbitrationNotice .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

#PanelRescheduleModal .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

#PanelRescheduleModal .modal-content {
    border-radius: 12px !important;
    /* height: 830px; */
}
#PanelRescheduleModal .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}

#PanelRescheduleModal .MHeadingTxt {
    font-weight: bold;
}

#PanelRescheduleModal .modal-footer.PaddingBody {
    padding-left: 23px;
    padding-right: 23px;
}

#PanelRescheduleModal .modal-body .form-control::placeholder {
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

/*start*/

#ArbitrationMediatorPop .modal-body .form-control {
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}

#ArbitrationMediatorPop .modal-content {
    border-radius: 12px !important;
    /* height: 830px; */
}

#ArbitrationMediatorPop .LblForm {
    text-align: left;
    letter-spacing: 0px;
    color: #A5A5A5;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}

#ArbitrationMediatorPop .MHeadingTxt {
    font-weight: bold;
}

#ArbitrationMediatorPop .modal-footer.PaddingBody {
    padding-left: 23px;
    padding-right: 23px;
}

#ArbitrationMediatorPop .modal-body .form-control::placeholder {
    background: #f3f3f3 !important;
    opacity: 1;
    height: 50px;
    text-align: left;
    letter-spacing: 0px;
    color: #202020 !important;
    font-weight: 400;
    font-size: 16px;
}
/*end*/

    #ArbitrationNotice .modal-body .form-control::placeholder {
        background: #f3f3f3 !important;
        opacity: 1;
        height: 50px;
        text-align: left;
        letter-spacing: 0px;
        color: #202020 !important;
        font-weight: 400;
        font-size: 16px;
    }

#ArbitrationNotice .MHeadingTxt {
    font-weight: bold;
}

#ArbitrationNotice .modal-body .DateColor {
    color: #888888 !important;
    font-weight: normal;
}



#ArbitrationNotice .modal-body textarea {
    height: auto !important;
    font-size: 14px;
}



#ArbitrationNotice .modal-body .input-group-text {
    border-radius: 0px 12px 12px 0px;
    background: #f3f3f3 !important;
}



#ArbitrationNotice .modal-body.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 0;
}

#ArbitrationNotice .MHeading {
    color: #A5A5A5;
    font-size: 18px;
}

#ArbitrationNotice .modal-header.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
    background-color: white;
    border: none;
    color: black;
    font-weight: 800;
    border-radius: 12px !important;
}



#ArbitrationNotice .LblForm {
    text-align: left;
    letter-spacing: 0px;
    /*color: #282828;*/
    color: #000;
    font-weight: normal;
    font-size: 14px;
}

#ArbitrationNotice .LblForm {
    text-align: left;
    letter-spacing: 0px;
    /*color: #A5A5A5;*/
    color: #000;
    font-weight: normal;
    font-size: 16px;
    font-weight: 400;
}



#ArbitrationNotice .MCloseBtn {
    text-align: center;
    letter-spacing: 0px;
    color: white;
    font-weight: normal;
    font-size: 20px;
    background: #5DCFFF;
    border-radius: 12px;
    border: 1px solid #5DCFFF;
    text-transform: none;
    box-shadow: 0px 4px 4px #0000000a;
    min-width: 180px;
    height: 49px;
    padding: 5px 35px 5px 35px;
    font-weight: 600;
    margin-top: 20px;
}



#ArbitrationNotice .MSaveBtn {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    background: #6418C3;
    border-radius: 12px;
    min-width: 170px;
    min-height: 49px;
    border: none;
    text-transform: capitalize;
    padding: 5px 35px 5px 35px;
}

#ArbitrationNotice .modal-footer.PaddingBody {
    padding-left: 45px;
    padding-right: 45px;
}

#ArbitrationNotice .modal-content {
    border-radius: 12px !important;
    /*height: 830px;*/
}

.NameTxt {
    color: #000;
    font-size: 30px;
    font-weight: bold;
}

.NameSubTxt {
    color: #b8b8b8;
    font-size: 14px;
    font-weight:600;
}

.NtfcnTxt {
    color: #065daa;
    font-size: 16px;
    font-weight: bold;
}

#myChart {
    height: 500px;
    width: 100%;
}

.DpdDaily {
    border: 1px solid #f5f5f5;
    width: 140px;
    height: 35px;
    color: #000;
    font-weight: 600;
    background: url("/images/DpdArrow.png")95% 50%;
    background-repeat: no-repeat;
    float: right;
    background-size: 16px;
}

.CrdBGImg {
    margin-top: 47px;
    margin-left: 125px;
}

.KnobImg canvas {
    height: 50px;
    width: 50px;
}

.ActiveTxt {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.NumTxt {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.TxtFlex {
    display: flex;
}

.Totaltxt {
    font-size: 16px;
    color: #000;
}

.MrgnTop {
    margin-top: 30px;
}

.sectspclft {
    margin-left: 16%;
    margin-right: 1%;
}

.ReportImg {
    height: 25px;
    margin-right: 10px;
}

.NameSecTop {
    margin-top: 120px;
}

.CrdPeriod {
    border-radius: 10px;
    background: #fff;
    border: none;
    box-shadow: 0px 0px 6px #00000003;
    padding: 0px;
    width: 268px;
    height: 65px;
    margin-right: -50px;
}

.ChngPeriodsImg {
    height: 25px;
    margin-top: 30px;
    margin-right: 10px;
    margin-left: 15px;
}

.DownloadBtn {
    border: none;
    background: #413eda;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #00000003;
}

.mrgnLftRow {
    margin-left: 200px;
}

.CircleImg {
    height: 15px;
    margin-right: 5px;
}

.CrdGraph {
    background: #fff;
    padding-left: 30px;
    padding-top: 50px;
    padding-right: 25px;
    height: 587px;
    box-shadow: 0px 0px 6px #0000000s3;
    border-radius: 10px;
}

.CaseCrd {
    box-shadow: 0px 0px 6px #00000003;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff;
}

.GreenNumTxt {
    color: #46da59;
    font-size: 16px;
    font-weight: 500;
}

.CaseNumTxt {
    font-size: 25px;
    color: #000;
    font-weight: bold;
}

.CaseTxt {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 15px;
}

.RedNumTxt {
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
}

#myChart1 {
    min-height: 150px;
    width: 250px;
    margin-top: 20px;
}

#myChart2 {
    min-height: 150px;
    width: 250px;
    margin-top: 20px;
}

.BigNumTxt {
    color: #413eda;
    font-size: 45px;
    font-weight: bold;
    margin-top: 10px;
}

.ViewBtn {
    border: none;
    background: #413eda;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 30px 10px 30px;
    box-shadow: 0px 0px 6px #00000003;
    border-radius: 10px;
    margin-right: 20px;
}

.GotoTaskBtn {
    border: none;
    background: #fff;
    color: #b8b8b8;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 35px 10px 35px;
    box-shadow: 0px 0px 6px #00000003;
    border-radius: 10px;
}

.TaskCrd {
    height: 333px;
    margin-top: 47px;
    width: 749px;
    /* padding-bottom: 112px !important; */
    margin-left: 2px;
    box-shadow: 0px 0px 6px #00000003;
    border-radius: 10px;
    padding-top: 36px !important;
    background: #fff;
    padding: 30px;
}

.PadTaskCrd {
    padding: 10px;
}

.MotorImg {
    padding: 9px;
    border-radius: 15px;
    width: 68px;
    height: 68px;
}

.CircleFlexImg {
    height: 40px;
    width: 54px;
    margin-left: -30px;
    cursor: pointer;
}

.PrgrsBarbg {
    background-color: #413eda;
    height: 20px;
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
}

.MotorCrd {
    background: #fff;
    padding: 10px;
}

.MotorMrgnTop {
    padding-top: 20px;
    font-size: 14px;
}

.MotorMrgnTopSnd {
    padding-top: 35px;
    font-size: 14px;
}

.Inprgstxt {
    color: #f3b958;
    font-size: 16px;
    font-weight: bold;
}

.NtfcnTxt {
    color: #065daa;
    font-size: 14px;
    font-weight: bold;
}

.DownloadBtn {
    border: none;
    background: #413eda;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 17px 30px 17px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px #00000003;
    height: 65px;
}

.DelayBtn {
    background: #ffd796;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
}
.lblReject {
    background: #ff0000;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
}

.lblRejectIAJRules {
    background: #ff0000;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
}

.lblWithdraw {
    background: #FF5B00;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    height: 30px;
    font-size: 12px;
}

.InprgsBtn {
    background: #413cda;
    padding: 5px 20px 5px 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    font-size: 12px;
}

.CompletedBtn {
    background: #43d412;
    padding: 5px 20px 5px 20px;
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    font-size: 12px;
}

.PrgrsBarbgSnd {
    background-color: #13d493;
    height: 20px;
}

.DangerImg {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

.EllipsisImg {
    margin-left: 5px;
    margin-right: 5px;
}

.CircleFlexImgSnd {
    height: 40px;
    width: 40px;
    margin-left: -17px;
    cursor: default;
    border: 1px solid #fff;
    border-radius: 50%;
}

.publicBtn {
    border: 1px solid #ededed;
    background: white;
    padding: 5px 20px 5px 20px;
    color: #000;
    border-radius: 10px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 14px;
}

.EditBtnSnd {
    background: #f5f5f5;
    padding: 5px 25px 5px 25px;
    color: #000;
    border-radius: 10px;
    margin-right: 20px;
    border: 1px solid #ededed;
    font-weight: bold;
    font-size: 14px;
}

.EditBtn {
    border: none;
    background: #f5f5f5;
    padding: 8px 40px 8px 40px;
    color: #000;
    border-radius: 10px;
    margin-right: 20px;
    border: 1px solid #ededed;
    font-weight: bold;
}

.pannelTxt {
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    color: #413eda;
}

.MsgImg {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.Msgbtn {
    border: 1px solid #ededed;
    color: black;
    padding: 8px 40px 8px 40px;
    background: #fafafa;
    border-radius: 10px;
    font-weight: bold;
    cursor: default !important;
}

.PrgrsBarbgTrd {
    background-color: #413eda;
    height: 10px;
    border-radius: 30px
}

.progressOne {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
    height: 10px;
    margin-top: 5px;
}

.mrgnTopColSnd {
    margin-top: 20px;
}

.mrgnTopCol {
    margin-top: 20px;
}

.HidShwCls {
    display: none;
}

.PanlMrgTpCls {
    margin-top: 10px;
}

.PanelCaseCrdDesgn {
    box-shadow: 0px 0px 6px #00000003;
    border-radius: 10px;
    background: #fff;
    margin-top: 10px;
    padding: 15px;
    margin-right: 12px;
}

.PanlIcnCls {
    height: 15px;
    width: 15px;
    margin-right: 5px;
    margin-top: -4px;
}

.lblDateDisplay {
    border: 1px solid #6418C3;
    background-color: #fff;
    color: #000;
    border-radius: 10px;
    height: 43px;
    font-weight: bold;
    padding: 7px 30px 10px 30px;
    margin-right: 10px;
}

.ReqstAddInfoBtn {
    border: none;
    background-color: #3a36da;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    padding: 3px 20px 5px 20px;
    font-size: 14px;
    margin-top: 20px;
}


.AccAddInfoClsSndCls {
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px;
    background: #413eda;
    border-radius: 12px;
    border: none;
    text-transform: capitalize;
    padding: 5px 20px 5px 20px;
    width: auto;
}

/*media*/
@media(max-width: 1700px) {
    .MrgnLftCom
    {
        margin-left:55px;
    }
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(585px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1145px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifArtboard {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(790px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1030px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(950px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(970px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1003px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .circleForth {
        overflow: hidden;
        z-index: 99;
        height: 150px;
        border: 2px dashed #CAD2DE;
        width: 24%;
    }
    .AdmnNotifDpdSnd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1335px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1280px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .NtfcnDpdhadCases {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(730px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .NtfcnDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(720px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .FlxAccCrdSpc {
        display: flex;
        justify-content: end;
        margin-left: -40px;
    }

    .AccAddInfoClsSndCls {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 12px;
        background: #413eda;
        border-radius: 7px;
        border: none;
        text-transform: capitalize;
        padding: 5px 20px 5px 20px;
        width: auto;
    }

    .MRgClsForAbter {
        margin-left: 75px;
    }

    .CompLogoHead {
        height: 30px;
        margin-top: 16px;
        margin-left: 50px;
    }

    .DpdCaseCls {
        width: 5% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .RespondBCkFlx {
        justify-content: start;
        margin-top: 20px;
        margin-left: -15px
    }

    .RespondBtnMrg {
        margin-left: -24px;
    }

    .MrgnLftDanger {
        margin-left: -50px;
    }

    .IpdMrgCls {
        margin-top: 15px !important;
        margin-left: 38px;
        width: 53%;
    }

    .NtfcnSecFlex {
        display: flex;
        justify-content: flex-end;
        margin-top: 13px;
        margin-right: -50px;
    }

    .Inprgstxt {
        color: #f3b958;
        font-size: 14px;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }

    .CompletedBtn {
        background: #43d412;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }

    .DelayBtn {
        background: #ffd796;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }

    .lblReject {
        background: #ff0000;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-size: 14px;
        border-radius: 20px;
    }

    /*.lblReject {
        background: #FF5B00;
        padding: 10px 30px 10px 30px;
        color: #000;
        font-size: 14px;
        border-radius: 20px;
    }*/

    .KnobImg canvas {
        height: 50px !important;
        width: 50px !important;
        margin-right: 20px !important;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }

    .HeadLayout {
        margin-left: 18%;
        height: 70px;
    }

    .sectspclft {
        margin-left: 18%;
        margin-right: 1%;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 0px;
        width: 54%;
        margin-left: 160px !important;
        height: 70px;
        margin-right: -20px;
    }


    #search {
        position: relative;
        font-size: 18px;
        padding-top: 40px;
        margin-left: 0px;
    }

    .mrgnLftRow {
        margin-left: 131px;
    }

    .mrgnSpcTop {
        margin-top: 45px;
    }

    .TaskCrd {
        height: 328px;
        margin-top: 75px;
        width: 647px;
        margin-left: 10px;
    }

    .CrdBGImg {
        margin-top: 75px;
        margin-left: 83px;
    }


    .HedBrdRght {
        border-right: 1px solid #ddd;
        padding-right: 10px;
    }

    .SidebarLayout {
        position: fixed;
        width: 15% !important;
        height: 100%;
        background: #ffffff;
        transition: .5s;
        border-right: 1px solid #fefefe;
        z-index: 99 !important;
        top: 0px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .SidebarLayout ul {
            position: absolute;
            /* top: 60px; */
            left: 10px;
            width: 100%;
            padding: 0px;
        }

        .SidebarLayout .active {
            width: 15% !important;
            background: #fbca0b;
        }

        .SidebarLayout ul li a .icon {
            position: relative;
            display: block;
            min-width: 25px;
            height: 20px;
            line-height: 60px;
            text-align: center;
        }

    .HeadLayout {
        height: 90px;
        background: #fff;
        z-index: 9;
        position: fixed;
        width: 100%;
        top: 0;
        /* padding-bottom: 20px; */
        margin-left: 15%;
    }

    .SideBarLogoBg {
        height: 60px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mrgnTopFoot {
        margin-top: 275px;
        margin-left: 20px;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 17px 25px 17px 25px;
        border-radius: 10px;
        box-shadow: 0px 0px 6px #00000003;
        height: 70px;
    }
}

@media(max-width: 1600px) {
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(555px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1060px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifArtboard {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(740px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(960px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(910px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(900px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(940px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .AdmnNotifDpdSnd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1225px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1200px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

	.accordion-button::after {
    content: "\002B";
    background-image: none !important;
    font-size: 2rem;
    font-weight: bold;
    margin-left: 40px;
}
    .NtfcnDpdhadCases {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(650px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .NtfcnDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(630px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnBtn {
        border: none;
        color: #8143ce;
        width: 100%;
        height: 40px;
        font-weight: bold;
        border-radius: 10px;
        background: #f6eeff;
        margin-top: 10px;
    }
    .CompLogoHead {
        height: 30px;
        margin-top: 16px;
        margin-left: 50px;
    }

    .DpdCaseCls {
        width: 5% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .MrgnLftDanger {
        margin-left: -50px;
    }

    .IpdMrgCls {
        margin-top: 15px !important;
        margin-left: 32px;
        width: 53%;
    }

    .NtfcnSecFlex {
        display: flex;
        justify-content: flex-end;
        margin-top: 13px;
        margin-right: -40px;
    }

    .DelayBtn {
        background: #ffd796;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }
    .lblReject {
        background: #ff0000;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }

    .lblWithdraw {
        background: #FF5B00;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        height: 30px;
        font-size: 12px;
    }
    .CompletedBtn {
        background: #43d412;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }

    /*Rohit Media start*/
    .login-form {
        padding-left: 50px !important;
        padding-right: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }


    /*Rohit Media ends*/
    .publicBtn {
        border: 1px solid #ededed;
        background: white;
        padding: 5px 20px 5px 20px;
        color: #000;
        border-radius: 10px;
        margin-right: 20px;
        font-weight: bold;
    }

    .CaseIpadSnd {
        padding-bottom: 71px;
    }

    .pannelTxt {
        font-size: 15px;
        font-weight: 500;
        color: #413eda;
    }

    .TaskCrd {
        height: 315px;
        margin-top: 47px;
        width: 615px;
        margin-left: 0px;
    }

    .CrdBGImg {
        margin-top: 64px;
        margin-left: 62px;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 0px;
        width: 57%;
        margin-left: 120px !important;
    }


    .HedBrdRght {
        border-right: 1px solid #ddd;
        padding-right: 10px;
    }

    .SidebarLayout {
        position: fixed;
        width: 16% !important;
        height: 100%;
        background: #ffffff;
        transition: .5s;
        border-right: 1px solid #fefefe;
        z-index: 99 !important;
        top: 0px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .SidebarLayout ul {
            position: absolute;
            /* top: 60px; */
            left: 10px;
            width: 100%;
            padding: 0px;
        }

        .SidebarLayout .active {
            width: 15% !important;
            background: #fbca0b;
        }

        .SidebarLayout ul li a .icon {
            position: relative;
            display: block;
            min-width: 25px;
            height: 20px;
            line-height: 60px;
            text-align: center;
        }

    .HeadLayout {
        height: 90px;
        background: #fff;
        z-index: 9;
        position: fixed;
        width: 100%;
        top: 0;
        /* padding-bottom: 20px; */
        margin-left: 16%;
    }

    .SideBarLogoBg {
        height: 51px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .mrgnTopFoot {
        margin-top: 275px;
        margin-left: 20px;
    }

    .CaseNmeSubTxt {
        color: #b8b8b8;
        font-size: 12px !important;
        word-break: break-all;
        margin-right: 67px;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 17px 20px 17px 20px;
        border-radius: 10px;
        box-shadow: 0px 0px 6px #00000003;
        height: 70px;
    }
}

@media(max-width: 1500px) {
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(420px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(965px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifArtboard {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(580px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(840px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(800px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(780px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(840px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .circleForth {
        overflow: hidden;
        z-index: 99;
        height: 150px;
        border: 2px dashed #CAD2DE;
        width: 26%;
    }
    .AdmnNotifDpdSnd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1120px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .AdmNotiAttReqDpdSnd {
        width: 16% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .AdmNotiAttReqDpd {
        width: 16% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1070px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

	.ReqstAddInfoBtn {
    border: none;
    background-color: #0093fe;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    padding: 3px 20px 5px 20px;
    font-size: 14px;
    margin-top: 20px;
    margin-left: -40px;
}

    .NtfcnDpdhadCases {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(490px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .NtfcnBtn {
        border: none;
        color: #8143ce;
        width: 100%;
        height: 40px;
        font-weight: bold;
        border-radius: 10px;
        background: #f6eeff;
        margin-top: 10px;
    }
    .NtfcnDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(472px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .PrfleImg {
        height: 40px;
        margin-top: 10px;
    }

    .CompLogoHead {
        height: 30px;
        margin-top: 16px;
        margin-left: 20px;
    }

    .DpdCaseCls {
        width: 5% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .RespondBCkFlx {
        justify-content: end;
        margin-top: 20px;
        margin-right: 15px;
    }


    .SpcLftMrgMins {
        margin-left: 0px;
    }

    .SpcLftMrgMinsSnd {
        margin-left: 0px;
    }

    .CaseFlxCrd {
        justify-content: center;
        margin-top: 20px;
    }


    .MrgnLftDanger {
        margin-left: -50px;
    }

    .IpdMrgCls {
        margin-top: 15px !important;
        margin-left: 32px;
        width: 53%;
    }

    .CaseVsTxt {
        font-size: 12px;
        font-weight: 900;
    }

    .CaseRefereNo {
        color: #b8b8b8;
        font-size: 14px;
        font-weight: 600;
    }

    .ActiveTxtsnd {
        font-size: 16px;
        color: #000;
        font-weight: bold;
    }

  /*  .CaseLogo {
        height: 65px;
        width: 145px;
    }*/

    .NtfcnSecFlex {
        display: flex;
        justify-content: flex-end;
        margin-top: 13px;
        margin-right: -50px;
    }

    /*Rohit Media start*/
    .login-form {
        padding-left: 50px !important;
        padding-right: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }


    /*Rohit Media ends*/

    .TaskCrd {
        height: 328px !important;
        margin-top: 47px;
        width: 561px !important;
        margin-left: 10px;
    }

    .CrdBGImg {
        margin-top: 46px;
        margin-left: 91px;
        height: 193px;
        position: relative;
    }

    .CircleFlexImgSnd {
        height: 45px;
        width: 45px;
        margin-left: -27px !important;
        cursor: pointer;
    }

    .pannelTxt {
        font-size: 14px;
        font-weight: 500;
        color: #413eda;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 19px 15px 24px 15px;
        border-radius: 10px;
        box-shadow: 0px 0px 6px #00000003;
        height: 70px;
    }

    .CaseIpadSnd {
        padding-bottom: 72px;
    }

    .TaskCrd {
        height: 328px;
        margin-top: 32px;
        width: 767px;
        margin-left: 10px;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }

    .CaseTxt {
        font-size: 14px;
        color: #000;
        font-weight: bold;
        margin-top: 10px;
    }

    .NameSubTxt {
        color: #b8b8b8;
        font-size: 14px;
        font-weight: 600;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 3px;
        width: 64%;
        margin-left: 73px !important;
    }

    .mrgnLftRow {
        margin-left: -50px;
    }

    .HedBrdRght {
        border-right: 1px solid #ddd;
        padding-right: 10px;
    }

    .SidebarLayout {
        position: fixed;
        width: 17% !important;
        height: 100%;
        background: #ffffff;
        transition: .5s;
        border-right: 1px solid #fefefe;
        z-index: 99 !important;
        top: 0px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .SidebarLayout ul {
            position: absolute;
            /* top: 60px; */
            left: 10px;
            width: 100%;
            padding: 0px;
        }

        .SidebarLayout .active {
            width: 15% !important;
            background: #fbca0b;
        }

        .SidebarLayout ul li a .icon {
            position: relative;
            display: block;
            min-width: 25px;
            height: 20px;
            line-height: 60px;
            text-align: center;
        }

    .HeadLayout {
        height: 90px;
        background: #fff;
        z-index: 9;
        position: fixed;
        width: 100%;
        top: 0;
        /* padding-bottom: 20px; */
        margin-left: 17%;
    }

    .mrgnTopFoot {
        margin-top: 275px;
        margin-left: 20px;
    }

    .SideBarLogoBg {
        height: 51px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .NewArbiBtnSnd {
        border: 1px solid #0093fe;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: 43px;
        font-weight: 500;
        padding: 7px 20px 10px 20px;
        margin-right: 10px;
        width: 115px;
    }

    .lblDateDisplay {
        border: 1px solid #6418C3;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: 43px;
        font-weight: 500;
        padding: 7px 20px 10px 20px;
        margin-right: 10px;
    }
}

@media(max-width: 1440px) {
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(375px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(890px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifArtboard {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(530px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(775px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(755px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(750px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(780px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .circleForth {
        overflow: hidden;
        z-index: 99;
        height: 150px;
        border: 2px dashed #CAD2DE;
        width: 28%;
    }

    .CaseLogoSnd {
        height: 55px;
        padding: 10px;
        max-width: 130px;
        margin-top: 10px;
        min-width: 60px;
        /*width: auto;*/
        object-fit: contain;
    }

    .CaseLogo {
        height: 55px;
        padding: 10px;
        max-width: 130px;
        margin-left: -10px;
        margin-top: 10px;
        min-width: 60px;
        /*width: auto;*/
        object-fit: contain;
    }

    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1015px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .AdmnNotifDpdSnd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(1055px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .AdmNotiAttReqDpd {
        width: 17% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .SidbarTxt {
        font-weight: bold;
        padding-bottom: 10px;
        margin-top: 20px;
        font-size: 14px;
        color: #b8b8b8;
    }

    .NtfcnDpdhadCases {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(455px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

.DpdCaseClsSnd {
        width: 24% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .NtfcnDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(370px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .CompLogoHead {
        height: 30px;
        margin-top: 16px;
        margin-left: 20px;
    }

    .CaseNmeSubTxt {
        color: #b8b8b8;
        font-size: 12px !important;
        word-break: break-all;
        margin-right: 0px;
    }

    .DpdCaseCls {
        width: 5% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .RespondBCkFlx {
        justify-content: end;
        margin-top: 20px;
        margin-right: 0px;
    }

    .RespondBtnMrg {
        margin-right: 9px;
    }

    .SpcLftMrgMins {
        margin-left: 0px;
    }

    .SpcLftMrgMinsSnd {
        margin-left: 0px;
    }


    .MrgnLftDanger {
        margin-left: -50px;
    }

    .CaseVsTxt {
        font-size: 12px;
        font-weight: 900;
    }

    .IpdMrgCls {
        margin-top: 11px !important;
        margin-left: 25px;
        width: 55%;
    }

    .CaseRefereNo {
        color: #b8b8b8;
        font-size: 13px;
        font-weight: 600;
    }

    .ActiveTxtsnd {
        font-size: 16px;
        color: #000;
        font-weight: bold;
    }

   /* .CaseLogo {
        height: 70px;
        width: 150px;
    }*/

    .NtfcnSecFlex {
        display: flex;
        justify-content: flex-end;
        margin-top: 13px;
        margin-right: -40px;
    }



    /*Rohit Media start*/
    .login-form {
        padding-left: 50px !important;
        padding-right: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }

    .LoginLogo {
        height: 75px;
        width: auto;
        margin-top: 30px;
        width: 250px;
    }

    /*Rohit Media ends*/

    .Msgbtn {
        border: 1px solid #ededed;
        color: black;
        font-size: 14px;
        padding: 10px 35px 10px 35px;
        background: #fafafa;
        border-radius: 10px;
        font-weight: bold;
    }

    .publicBtn {
        border: 1px solid #ededed;
        background: white;
        padding: 5px 15px 5px 15px;
        color: #000;
        border-radius: 10px;
        margin-right: 20px;
        font-weight: bold;
    }

    .pannelTxt {
        font-size: 13px;
        font-weight: 500;
        color: #413eda;
    }

    .NameSubTxt {
        color: #b8b8b8;
        font-size: 12px;
        font-weight: 600;
    }

    .MotorCrd {
        background: #fff;
        padding: 0px;
    }

    .CaseIpadSnd {
        padding-bottom: 70px !important;
    }

    .TaskCrd {
        height: 325px !important;
        margin-top: 37px;
        width: 526px !important;
        margin-left: 10px;
    }

    .CrdBGImg {
        margin-top: 37px;
        margin-left: 73px;
        height: 193px;
        position: relative;
    }

    .background {
        width: 2953px !important;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        height: 710px !important;
        align-items: flex-end;
        justify-content: flex-end;
        align-content: center;
        flex-direction: row;
    }

    .CircleFlexImgSnd {
        height: 45px;
        width: 45px;
        margin-left: -27px !important;
        cursor: pointer;
    }

    .pannelTxt {
        font-size: 14px;
        font-weight: 500;
        color: #413eda;
    }

    .CompletedBtn {
        background: #43d412;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }


    .sectspclft {
        margin-left: 18%;
        margin-right: 0%;
    }

    #myChart1 {
        min-height: 150px;
        width: 200px;
        margin-top: 20px;
    }

    #myChart2 {
        min-height: 150px;
        width: 200px;
        margin-top: 20px;
    }

    .mrgnLftRow {
        margin-left: -45px;
    }

    .CaseFlxCrd {
        justify-content: center;
        margin-top: 20px;
    }


    .HedBrdRght {
        border-right: 1px solid #ddd;
        padding-right: 30px;
    }

    .SidebarLayout {
        position: fixed;
        width: 17% !important;
        height: 100%;
        background: #ffffff;
        transition: .5s;
        border-right: 1px solid #fefefe;
        z-index: 99 !important;
        top: 0px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .SidebarLayout ul {
            position: absolute;
            /* top: 60px; */
            left: 10px;
            width: 100%;
            padding: 0px;
        }

        .SidebarLayout .active {
            width: 15% !important;
            background: #fbca0b;
        }

        .SidebarLayout ul li a .icon {
            position: relative;
            display: block;
            min-width: 25px;
            height: 20px;
            line-height: 60px;
            text-align: center;
        }

    .HeadLayout {
        height: 90px;
        background: #fff;
        z-index: 9;
        position: fixed;
        width: 100%;
        top: 0;
        /* padding-bottom: 20px; */
        margin-left: 17%;
    }

    .mrgnTopFoot {
        margin-top: 275px;
        margin-left: 20px;
    }

    .SideBarLogoBg {
        height: 51px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 19px 10px 24px 10px;
        border-radius: 10px;
        box-shadow: 0px 0px 6px #00000003;
        height: 70px;
    }

    .NewArbiBtnSnd {
        border: 1px solid #0093fe;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: 43px;
        font-weight: 500;
        padding: 7px 15px 10px 15px;
        margin-right: 10px;
        font-size:13px;
    }

    .FlxAccCrdSpc {
        display: flex;
        justify-content: end;
        margin-left: -40px;
        font-size: 14px;
    }

    .AccAddInfoCls {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 16px;
        background: #413eda;
        border-radius: 12px;
        border: none;
        text-transform: capitalize;
        padding: 10px 10px 10px 10px;
        width: 100%;
        margin-right: 10px;
        margin-right: 10px;
    }

    .AccAddInfoClsSndCls {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 12px;
        background: #413eda;
        border-radius: 7px;
        border: none;
        text-transform: capitalize;
        padding: 5px 20px 5px 20px;
        width: auto;
    }
}

@media(max-width: 1366px) {
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(310px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(800px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(480px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(670px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(670px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(730px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .CaseLogoSnd {
        height: 55px;
        padding: 10px;
        max-width: 130px;
        margin-top: 10px;
        min-width: 60px;
        /*width: auto;*/
        object-fit: contain;
    }

    .CaseLogo {
        height: 55px;
        padding: 10px;
        max-width: 130px;
        margin-left: -10px;
        margin-top: 10px;
        min-width: 60px;
        /*width: auto;*/
        object-fit: contain;
    }

    .AdmNotiAttReqDpd {
        width: 19% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .AdmNotiAttReqDpdSnd {
        width: 19% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .AdmnNotifDpdSnd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(995px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(930px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }


	.ReqstAddInfoBtn {
    border: none;
    background-color: #0093fe;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    padding: 3px 10px 5px 10px;
    font-size: 14px;
    margin-top: 20px;
    margin-left: -40px;
}

	.accordion-button::after {
    content: "\002B";
    background-image: none !important;
    font-size: 2rem;
    font-weight: bold;
    margin-left: 20px;
}

   .SidbarTxt {
        font-weight: bold;
        padding-bottom: 10px;
        margin-top: 20px;
        font-size: 12px;
        color: #b8b8b8;
    }

    .NtfcnDpdhadCases {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(390px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }


    .NtfcnDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(390px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .PrfleImg {
        height: 45px;
        margin-top: 10px;
    }

    .CompLogoHead {
        height: 30px;
        margin-top: 16px;
        margin-left: 30px;
    }

    .DpdCaseCls {
        width: 5% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }


    /*Rohit Media start*/
    .RespondBCkFlx {
        justify-content: end;
        margin-top: 20px;
    }


    .SpcLftMrgMins {
        margin-left: 0px;
    }

    .SpcLftMrgMinsSnd {
        margin-left: 0px;
    }

    .CaseFlxCrd {
        justify-content: center;
        margin-top: 20px;
    }

    .MrgnLftDanger {
        margin-left: -50px;
    }

    .DangerImg {
        height: 18px;
        width: 18px;
        margin-right: 10px;
    }

    .RedNumTxt {
        color: red;
        font-size: 15px;
        font-weight: bold;
        margin-right: 5px;
    }

    .CaseTxtDesgn {
        color: #a61415;
        margin-left: 24px;
        margin-top: 3px;
        font-size: 14px;
    }

    .CaseVsTxt {
        font-size: 12px;
        font-weight: 900;
    }

    .IpdMrgCls {
        margin-top: 11px !important;
        margin-left: 25px;
        width: 50%;
    }

    .CaseRefereNo {
        color: #b8b8b8;
        font-size: 13px;
        font-weight: 600;
    }

    .ActiveTxtsnd {
        font-size: 16px;
        color: #000;
        font-weight: bold;
    }

  /*  .CaseLogo {
        height: 55px;
        width: 130px;
    }*/

    .NtfcnSecFlex {
        display: flex;
        justify-content: flex-end;
        margin-top: 13px;
        margin-right: -45px;
    }

    .login-form {
        padding-left: 50px !important;
        padding-right: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }

    /*Rohit Media ends*/

    .dpdslct .select2-container {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        position: relative;
        vertical-align: middle;
        width: 106px !important;
    }

    .Msgbtn {
        border: 1px solid #ededed;
        color: black;
        font-size: 14px;
        padding: 10px 30px 10px 30px;
        background: #fafafa;
        border-radius: 10px;
        font-weight: bold;
    }

    .background {
        width: 2957px !important;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        height: 775px !important;
        align-items: flex-end;
        justify-content: flex-end;
        align-content: center;
        flex-direction: row;
    }

    .PadTopCls {
        padding-top: 40px;
    }

    .CircleFlexImgSnd {
        height: 45px;
        width: 45px;
        margin-left: -27px !important;
        cursor: pointer;
    }

    .pannelTxt {
        font-size: 14px;
        font-weight: 500;
        color: #413eda;
    }

    #myChart1 {
        min-height: 150px;
        width: 190px;
        margin-top: 20px;
    }

    #myChart2 {
        min-height: 150px;
        width: 190px;
        margin-top: 20px;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }

    .NameSubTxt {
        color: #b8b8b8;
        font-size: 12px;
        font-weight: 600;
    }

    .CaseTxt {
        font-size: 13px;
        color: #000;
        font-weight: bold;
        margin-top: 5px;
    }

    .MotorImg {
        height: 50px !important;
        width: 50px !important;
        box-shadow: 0px 0px 6px #00000003 !important;
        padding: 9px;
        border-radius: 15px;
        margin-right: 5px;
    }

    .DelayBtn {
        background: #ffd796;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }
    .lblReject {
        background: #ff0000;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }
    .lblWithdraw {
        background: #FF5B00;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        height: 30px;
        font-size: 12px;
    }

    .Inprgstxt {
        color: #f3b958;
        font-size: 13px;
    }

    .CircleFlexImg {
        height: 39px;
        width: 52px;
        margin-left: -30px;
        cursor: pointer;
    }

    .SidebarLayout ul li a .title {
        position: relative;
        font-size: 13px;
        color: #a4a4a4;
        margin-left: 25px;
        font-weight: 500;
    }

    .SidebarLayout ul li a .titleSnd {
        position: relative;
        font-size: 13px;
        color: #a4a4a4;
        font-weight: 500;
    }

    .CrdBGImg {
        margin-top: 32px;
        margin-left: 71px;
        height: 193px;
        position: relative;
    }

    .TaskCrd {
        height: 330px !important;
        width: 524px !important;
        margin-left: 0px;
        margin-top: 33px;
    }

    .mrgnLftRow {
        margin-left: -100px;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 0px;
        width: 67%;
        margin-left: 20px !important;
    }

    .HedBrdRght {
        border-right: 1px solid #ddd;
        padding-right: 17px;
    }

    .SidebarLayout {
        position: fixed;
        width: 17% !important;
        height: 100%;
        background: #ffffff;
        transition: .5s;
        border-right: 1px solid #fefefe;
        z-index: 99 !important;
        top: 0px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .SidebarLayout ul {
            position: absolute;
            /* top: 60px; */
            left: 10px;
            width: 100%;
            padding: 0px;
        }

        .SidebarLayout .active {
            width: 15% !important;
            background: #fbca0b;
        }

        .SidebarLayout ul li a .icon {
            position: relative;
            display: block;
            min-width: 25px;
            height: 20px;
            line-height: 60px;
            text-align: center;
        }

    .HeadLayout {
        height: 90px;
        background: #fff;
        z-index: 9;
        position: fixed;
        width: 100%;
        top: 0;
        /* padding-bottom: 20px; */
        margin-left: 17%;
    }

    .mrgnTopFoot {
        margin-top: 275px;
        margin-left: 20px;
    }

    .SideBarLogoBg {
        height: 51px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        padding: 10px 15px 10px 15px;
        border-radius: 10px;
        box-shadow: 0px 0px 6px #00000003;
        height: 70px;
    }

    .NewArbiBtnSnd {
        border: 1px solid #0093fe;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: 43px;
        font-weight: 500;
        padding: 7px 15px 10px 15px;
        margin-right: 10px;
        font-size: 14px;
    }

    .lblDateDisplay {
        border: 1px solid #6418C3;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: auto;
        font-weight: 500;
        padding: 7px 10px 10px 10px;
        margin-right: 10px;
    }

    .AccAddInfoClsSndCls {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 12px;
        background: #413eda;
        border-radius: 7px;
        border: none;
        text-transform: capitalize;
        padding: 5px 20px 5px 20px;
        width: auto;
    }

    .CaseCompTxt {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        margin-top: 0px;
        min-width: 100px;
    }
}

@media(max-width: 1280px) {
    .CircleFlexImgSnd {
        height: 45px;
        width: 45px;
        margin-left: -27px !important;
        cursor: pointer;
    }
    .FlxAccCrdSpc {
        display: flex;
        justify-content: end;
        margin-left: -45px;
        font-size: 14px;
    }

    .AccAddInfoCls {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 16px;
        background: #413eda;
        border-radius: 12px;
        border: none;
        text-transform: capitalize;
        padding: 10px 10px 10px 10px;
        width: 100%;
        margin-right: 10px;
        margin-right: 10px;
    }

    .AccAddInfoClsSndCls {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 12px;
        background: #413eda;
        border-radius: 7px;
        border: none;
        text-transform: capitalize;
        padding: 5px 20px 5px 20px;
        width: auto;
    }

    .CaseCompTxt {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        margin-top: 0px;
        min-width: 100px;
    }

    .DpdCaseCls {
        width: 5% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    /*Rohit Media start*/



    /*Rohit Media ends*/


    .mrgnLftRow {
        margin-left: 20px;
    }

    .HeadLayout {
        margin-left: 19%;
        height: 70px;
    }

    .NewArbiBtn {
        border: none;
        background-color: #4ecaff;
        color: white;
        border-radius: 10px;
        font-weight: 500;
        padding: 10px 35px 10px 35px;
    }

    .sectspclft {
        margin-left: 20%;
        margin-right: 0%;
    }

    .NameTxt {
        color: #000;
        font-size: 20px;
        font-weight: bold;
    }

    .mrgnLftRow {
        margin-left: -80px;
    }

    .CrdPeriod {
        height: 80px;
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 7px;
        width: 320px;
        margin-left: -33px !important;
        margin-right: 20px;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 22px 19px 22px 19px;
        border-radius: 10px;
    }

    .HedBrdRght {
        border-right: 1px solid #ddd;
        padding-right: 5px;
    }

    .SidebarLayout {
        position: fixed;
        width: 17% !important;
        height: 100%;
        background: #ffffff;
        transition: .5s;
        border-right: 1px solid #fefefe;
        z-index: 99 !important;
        top: 0px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .SidebarLayout ul {
            position: absolute;
            /* top: 60px; */
            left: 10px;
            width: 100%;
            padding: 0px;
        }

        .SidebarLayout .active {
            width: 15% !important;
            background: #fbca0b;
        }

        .SidebarLayout ul li a .icon {
            position: relative;
            display: block;
            min-width: 25px;
            height: 20px;
            line-height: 60px;
            text-align: center;
        }

    .HeadLayout {
        height: 90px;
        background: #fff;
        z-index: 9;
        position: fixed;
        width: 100%;
        top: 0;
        /* padding-bottom: 20px; */
        margin-left: 17%;
    }

    .mrgnTopFoot {
        margin-top: 275px;
        margin-left: 20px;
    }

    .SideBarLogoBg {
        height: 51px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 22px 15px 22px 15px;
        border-radius: 10px;
        text-align: center;
        margin-left: -45px;
        height: 80px;
    }

    .NewArbiBtnSnd {
        border: 1px solid #0093fe;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: 43px;
        font-weight: 500;
        padding: 7px 15px 10px 15px;
        margin-right: 10px;
        font-size: 14px;
        width: 115px;
    }

    .TaskCrd {
        height: 330px !important;
        width: 484px !important;
        margin-left: 0px;
        margin-top: 33px;
    }

    .CrdBGImg {
        margin-top: 32px;
        margin-left: 53px;
        height: 193px;
        position: relative;
    }
}

@media(max-width: 1200px) {
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(275px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(670px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(410px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(560px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(580px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(645px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NvDrpDon {
        color: #000;
        font-size: 14px;
        display: flex;
        margin-top: 5px;
        font-weight: bold;
        padding: 2px 0px 5px 5px !important;
    }
    .circleForth {
        overflow: hidden;
        z-index: 99;
        height: 150px;
        border: 2px dashed #CAD2DE;
        width: 33%;
    }

    .CaseLogoSnd {
        height: 55px;
        margin-left: 10px;
        padding: 10px;
        max-width: 130px;
        margin-top: 10px;
        min-width: 60px;
        /*width: auto;*/
        object-fit: contain;
    }

    .CaseLogo {
        height: 55px;
        padding: 10px;
        max-width: 130px;
        margin-top: 10px;
        min-width: 60px;
        /*width: auto;*/
        object-fit: contain;
    }


    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(815px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .AdmNotiAttReqDpd {
        width: 20% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .AdmNotiAttReqDpdSnd {
        width: 20% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .AdmnNotifDpdSnd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(870px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .SidbarTxtsnd {
        font-weight: bold;
        font-size: 12px;
        color: #b8b8b8;
    }

    .SidbarTxt {
        font-weight: bold;
        padding-bottom: 10px;
        margin-top: 20px;
        font-size: 12px;
        color: #b8b8b8;
    }
    .RectCsMrg {
        margin-left: 0px !important;
        padding-left: 0px;
    }

    .NtfcnDpdhadCases {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(360px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

.DpdCaseClsSnd {
        width: 28% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .NtfcnDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(360px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .CaseCompTxt {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        margin-top: 0px;
        min-width: 100px;
        height: 25px;
    }

    .lblDateDisplay {
        border: 1px solid #6418C3;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: auto;
        font-weight: 500;
        padding: 7px 10px 10px 10px;
        font-size: 12px;
        margin-right: 10px;
    }

    .DpdCaseCls {
        width: 5% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .SpcLftMrgMins {
        margin-left: 0px;
    }

    .SpcLftMrgMinsSnd {
        margin-left: 0px;
    }

    .CaseFlxCrd {
        justify-content: center;
        margin-top: 20px;
    }

    .CaseVsTxt {
        font-size: 12px;
        font-weight: 900;
    }

    .IpdMrgCls {
        margin-top: 15px;
        margin-left: 17px;
        width: 55%;
    }

    .CaseRefereNo {
        color: #b8b8b8;
        font-size: 12px;
        font-weight: 600;
    }

    .ActiveTxtsnd {
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }

  /*  .CaseLogo {
        height: 55px;
        width: 130px;
    }*/

    .NtfcnSecFlex {
        display: flex;
        justify-content: flex-end;
        margin-top: 13px;
        margin-right: 0px;
    }
    .SidebarLayout ul li a .title {
        position: relative;
        font-size: 13px;
        color: #a4a4a4;
        margin-left: 19px;
        font-weight: 500;
    }

    .SidebarLayout ul li a .titleSnd {
        position: relative;
        font-size: 13px;
        color: #a4a4a4;
        font-weight: 500;
    }

    .SidebarLayout ul li {
        list-style: none;
        width: 100%;
        position: relative;
        padding: 16px;
    }

        .SidebarLayout ul li a .icon {
            position: relative;
            display: block;
            min-width: 25px;
            height: 20px;
            line-height: 60px;
            text-align: center;
        }
    /*Rohit Media start*/
    .login-form {
        padding-left: 40px !important;
        padding-right: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }


    /*Rohit Media ends*/

    .pannelTxt {
        font-size: 12px;
        font-weight: 500;
        color: #413eda;
    }

    .CircleFlexImgSnd {
        height: 40px;
        width: 52px;
        margin-left: -34px !important;
        cursor: pointer;
    }

    .CaseTxt {
        font-size: 12px;
        color: #000;
        font-weight: bold;
        margin-top: 5px;
    }

    .CircleFlexImg {
        height: 39px;
        width: 47px;
        margin-left: -30px;
        cursor: pointer;
    }

    .EditBtn {
        border: none;
        background: #eaeaea;
        padding: 7px 40px 7px 40px;
        color: #000;
        border-radius: 10px;
        margin-right: 20px;
        font-weight: bold;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }

    .CompletedBtn {
        background: #43d412;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }

    .NameSubTxt {
        color: #b8b8b8;
        font-size: 12px;
        font-weight: 600;
    }

    .Inprgstxt {
        color: #f3b958;
        font-size: 11px;
        margin-top: 8px;
    }

    .DelayBtn {
        background: #ffd796;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }
    .lblReject {
        background: #ff0000;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
    }
    .lblWithdraw {
        background: #FF5B00;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        height: 30px;
        font-size: 12px;
    }

    .Msgbtn {
        border: 1px solid #ededed;
        color: black;
        font-size: 14px;
        padding: 7px 5px 7px 10px;
        background: #fafafa;
        border-radius: 10px;
        font-weight: bold;
    }

    .publicBtn {
        border: 1px solid #ededed;
        background: white;
        padding: 5px 15px 5px 15px;
        color: #000;
        border-radius: 10px;
        margin-right: 20px;
        font-weight: bold;
    }

    .CrdBGImg {
        margin-top: 46px;
        margin-left: 37px;
        height: 193px;
        position: relative;
    }

    .TaskCrd {
        height: 364px !important;
        width: 462px !important;
        margin-left: 0px;
    }

    .SideBarLogoBg {
        height: 43px;
        margin-left: 25px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .CrdGraph {
        background: #fff;
        padding-left: 30px;
        padding-top: 30px;
        padding-right: 25px;
        height: 587px;
        box-shadow: 0px 0px 6px #00000003;
        border-radius: 10px;
    }

    .CaseIpadSnd {
        padding-bottom: 35px !important;
    }

    .CaseCrd {
        box-shadow: 0px 0px 6px #00000003;
        border-radius: 10px;
        padding: 15px;
        padding-top: 36px;
        background: #fff;
    }

    .login-form {
        padding-left: 75px;
        padding-right: 75px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mrgnLftRow {
        margin-left: 20px;
    }

    .HeadLayout {
        margin-left: 19%;
        height: 70px;
    }

    .NewArbiBtn {
        border: none;
        background-color: #4ecaff;
        color: white;
        border-radius: 10px;
        font-weight: 500;
        padding: 10px 25px 10px 25px;
        margin-left: -40px;
    }

    .ClsPadTopExt {
        margin-top: 13px;
        margin-left: -40px;
    }

    .sectspclft {
        margin-left: 17%;
        margin-right: 0%;
    }

    .NameTxt {
        color: #000;
        font-size: 20px;
        font-weight: bold;
    }

    .mrgnLftRow {
        margin-left: 5px;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 7px;
        width: 80%;
        margin-left: -37px !important;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 22px 19px 22px 19px;
        border-radius: 10px;
    }

    .MrgnLftDanger {
        margin-left: -50px;
    }

    .CaseTxtDesgn {
        color: #a61415;
        margin-left: 5px;
        margin-top: 3px;
        font-size: 14px;
    }

    .DangerImg {
        height: 15px;
        width: 15px;
        MARGIN-BOTTOM: 8PX;
        margin-right: 10px;
    }

    .RedNumTxt {
        color: red;
        font-size: 12px;
        font-weight: bold;
        margin-right: 5px;
    }

    .HedBrdRght {
        border-right: 1px solid #ddd;
        padding-right: 5px;
    }

    .SidebarLayout {
        position: fixed;
        width: 17% !important;
        height: 100%;
        background: #ffffff;
        transition: .5s;
        border-right: 1px solid #fefefe;
        z-index: 99 !important;
        top: 0px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .SidebarLayout ul {
            position: absolute;
            /* top: 60px; */
            left: 10px;
            width: 100%;
            padding: 0px;
        }

        .SidebarLayout .active {
            width: 15% !important;
            background: #fbca0b;
        }

        .SidebarLayout ul li a .icon {
            position: relative;
            display: block;
            min-width: 25px;
            height: 20px;
            line-height: 60px;
            text-align: center;
        }

    .HeadLayout {
        height: 90px;
        background: #fff;
        z-index: 9;
        position: fixed;
        width: 100%;
        top: 0;
        /* padding-bottom: 20px; */
        margin-left: 17%;
    }

    .mrgnTopFoot {
        margin-top: 275px;
        margin-left: 20px;
    }

    .SideBarLogoBg {
        height: 45px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .PendingBadgeBtn {
        background: #faaaad;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
        margin-right: 10px;
        height: 30px;
        margin-right: 10px;
    }

    .InPrgessBadgeBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        font-weight: bold;
        font-size: 12px;
        margin-right: 10px;
        height: 30px;
    }

    .ComletdBadgeBtn {
        background: #43d412;
        padding: 5px 20px 5px 20px;
        color: #fff;
        border-radius: 20px;
        border-radius: 20px;
        font-weight: bold;
        font-size: 14px;
        margin-right: 10px;
        height: 30px;
    }
}


/*ipad pro*/
@media(min-width: 769px) and (max-width: 1024px) {
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(275px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(470px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifArtboard {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(340px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(470px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(565px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(420px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(450px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .CaseLogo {
        height: 55px;
        padding: 10px;
        max-width: 130px;
        margin-top: 10px;
        min-width: 60px;
        /*width: auto;*/
        object-fit: contain;
    }

    .CaseLogoSnd {
        height: 55px;
        padding: 10px;
        max-width: 130px;
        margin-left: 10px;
        margin-top: 10px;
        min-width: 60px;
        /*width: auto;*/
        object-fit: contain;
    }

    .MrgrighNoftiCls{
        margin-right:30px;
    }

    .AdmNotiAttReqDpd {
        width: 45% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(600px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

.DpdCaseClsSnd {
        width: 34% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .HidShwCls {
        display: block;
    }

    /*Rohit Media start*/
    .IpdMrgCls {
        margin-top: 15px;
        margin-left: 17px;
        width: 55%;
    }

    .CaseRefereNo {
        color: #b8b8b8;
        font-size: 14px;
        font-weight: 600;
    }

    .ActiveTxtsnd {
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }
/*
    .CaseLogo {
        height: 55px;
        width: 130px;
    }*/

    .login-form {
        padding-left: 40px !important;
        padding-right: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }



    .LoginLogo {
        height: 75px px;
        width: auto;
        margin-top: 30px;
        width: 250px;
    }


    /*Rohit Media ends*/


    .CircleFlexImgSnd {
        height: 45px;
        width: 45px;
        margin-left: -27px !important;
        cursor: pointer;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }

    .CrdGraph {
        background: #fff;
        padding-left: 30px;
        padding-top: 50px;
        width: 974px;
        padding-right: 25px;
        height: 587px;
        box-shadow: 0px 0px 6px #00000003;
        border-radius: 10px;
    }

    .CaseIpad {
        width: 467px;
        margin-top: 20px;
        padding-bottom: 28px;
    }

    .CaseIpadSnd {
        width: 467px;
        margin-top: 20px;
        margin-left: 256px;
    }

    .ColDirc {
        width: 100% !important;
    }

    .ColDircSnd {
        width: 35% !important;
    }

    .FlexDirc {
        flex-direction: column;
    }

    .CaseTxt {
        font-size: 12px;
        color: #000;
        font-weight: bold;
        margin-top: 5px !important;
    }

    .progressOne {
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        background-color: #e9ecef;
        border-radius: 0.25rem;
        height: 10px;
        margin-top: 5px;
        width: 700px;
    }

    .FlexDircSnd {
        width: 100%;
        margin-top: 20px;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 5px;
        width: 348px;
        margin-left: -37px !important;
    }

    #search label {
        position: absolute;
        left: 17px;
        top: 38px;
    }

    .RowDirc {
        flex-direction: column;
    }

    #search {
        position: relative;
        font-size: 18px;
        padding-top: 27px;
        margin-left: 0px;
    }

    .CrdBGImg {
        margin-top: 47px;
        margin-left: 541px;
        height: 193px;
        position: relative;
    }

    .TaskCrd {
        height: 331px !important;
        margin-top: 47px;
        width: 972px !important;
        margin-left: 0px;
    }

    .sectspclft {
        margin-left: 0%;
        margin-right: 0%;
    }

    .HeadLayout {
        margin-left: 0%;
        background: #fff;
        height: 90px;
    }

    .toggle {
        padding-top: 15px;
        display: block !important;
        font-size: 20px;
        color: black !important;
    }

    .login-form {
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mrgnSpcTop {
        margin-top: 260px;
    }

    .toggle {
        padding-top: 0px;
        display: block !important;
        font-size: 20px;
        color: black !important;
    }

    .login-form {
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mrgnSpcTop {
        margin-top: 260px;
    }

    .SidebarLayout {
        position: fixed;
        width: 0% !important;
        height: 100%;
        background: #fff;
        transition: .5s;
        z-index: 99 !important;
        overflow: hidden;
        border-right: none;
        top: 0px;
    }

        .SidebarLayout.active {
            left: 0;
            width: 30% !important;
            z-index: 999 !important;
            top: 0px;
            border-right: 1px solid #fefefe;
        }

            .SidebarLayout.active .toggle {
                display: none;
                margin-top: 0px;
                margin-right: 20px;
                color: #000;
            }

    .NameSecTop {
        margin-top: 150px;
    }

    .HedBrdRght {
        display: none !important;
    }

    .ClsPadTopExt {
        margin-top: 13px;
        margin-left: 0px;
    }

    .CompLogoHead {
        height: 30px;
        margin-top: 30px;
        margin-left: 30px;
    }

    .toggle {
        display: none;
        margin-top: 25px;
        margin-right: 20px;
        color: #000;
    }
}

/*ipad*/
@media(max-width: 768px) {
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(75px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(250px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifArtboard {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(170px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(270px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(345px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(265px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(275px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .CaseLogo {
        height: 70px;
        padding: 10px;
        max-width: 130px;
        margin-top: 10px;
        min-width: 75px;
        /*width: auto;*/
        object-fit: contain;
    }

    .CaseLogoSnd {
        height: 70px;
        padding: 10px;
        max-width: 130px;
        margin-left: 10px;
        margin-top: 10px;
        min-width: 75px;
        /*width: auto;*/
        object-fit: contain;
    }

    .AdmNotiAttReqDpd {
        width: 60% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(260px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .accordion-button::after {
        content: "\002B";
        background-image: none !important;
        font-size: 2rem;
        font-weight: bold;
        margin-left: 10px;
    }

    .AccMrgRightCls {
        margin-top: 20px !important;
        margin-right: -60px !important;
    }

    .ReqstAddInfoBtn {
        border: none;
        background-color: #0093fe;
        color: white;
        border-radius: 10px;
        font-weight: 500;
        padding: 3px 10px 5px 10px;
        font-size: 12px;
        margin-top: 20px;
        margin-left: -20px;
    }

    .accordion-item {
        background-color: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        margin: 10px;
        border-radius: 20px !important;
        padding-left: 15px;
        width: 100%;
        margin-left: -2px;
    }

    .NtfcnDpdhadCases {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(175px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

.DpdCaseClsSnd {
        width: 44% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .NtfcnDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(180px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }  
   .ArbNameTxtSnd {
        margin-left: 0px;
        margin-top: -5px;
        font-size: 16px;
        font-weight: bold;
        font-size: 16px;
        padding-top: 14px;
    }

    .FlxAccCrdSpc {
        display: flex;
        justify-content: end;
        margin-left: 0px;
        font-size: 14px;
    }

    .AccAddInfoClsSndCls {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 12px;
        background: #413eda;
        border-radius: 7px;
        border: none;
        text-transform: capitalize;
        padding: 5px 20px 5px 20px;
        width: auto;
    }

    .CaseCompTxt {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        margin-top: 0px;
        min-width: 100px;
    }

    .CaseDetalisLblForm {
        margin-top: 9px !important;
        margin-right: -40px;
    }

    .HidShwCls {
        display: block;
    }

    #ViewDetailModal .modal-content {
        border-radius: 12px !important;
        height: auto;
    }

    .MrgnLftDanger {
        margin-left: 0px;
    }

    .CaseRegCls {
        margin-top: 10px;
        padding: 20px !important;
        margin-right: 12px;
        padding-top: 20px !important;
    }

    .RedNumTxt {
        color: red;
        font-size: 14px;
        font-weight: bold;
        margin-right: 5px;
        margin-top: 3px;
    }

    .DangerImg {
        height: 15px;
        width: 15px;
        margin-right: 10px;
    }

    .CaseTxtDesgn {
        color: #a61415;
        margin-left: 15px;
        margin-top: 3px;
        font-size: 14px;
    }

    .IpdMrgCls {
        margin-top: 15px;
        margin-left: 25px;
        width: 75%;
    }

    .CaseFlxCrd {
        justify-content: space-between;
        margin-top: 20px;
    }

    .MrgPadTop {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .progressOneSnd {
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        background-color: #e9ecef;
        border-radius: 0.25rem;
        height: 10px;
        margin-top: 5px;
        width: 100%;
    }

    .SrchIpad {
        width: 92%;
    }

    /*Rohit Media start*/
    .login-form {
        padding-left: 10px !important;
        padding-right: 0px !important;
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }

    .toggle {
        padding-top: 0px;
        display: block !important;
        font-size: 20px;
        color: black !important;
        margin-top: 35px;
    }

    .SidebarLayout {
        top: 0px;
        position: fixed;
        width: 0% !important;
        height: 100%;
        background: #fff;
        transition: .5s;
        overflow: hidden;
        border-right: none;
    }

    .LoginLogo {
        height: 75px;
        width: auto;
        margin-top: 30px;
        width: 250px;
    }

    .SidebarLayout.active {
        left: 0;
        width: 40% !important;
        z-index: 99;
    }


    /*Rohit Media ends*/


    .CircleFlexImgSnd {
        height: 45px;
        width: 45px;
        margin-left: -27px !important;
        cursor: pointer;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }

    .CrdGraph {
        background: #fff;
        padding-left: 30px;
        padding-top: 50px;
        width: 720px;
        padding-right: 25px;
        height: 587px;
        box-shadow: 0px 0px 6px #00000003;
        border-radius: 10px;
    }

    .CaseIpad {
        width: 340px;
        margin-top: 20px;
    }

    .CaseIpadSnd {
        width: 330px;
        margin-top: 20px;
        margin-left: 20px;
    }

   /* .ColDirc {
        width: 100% !important;
    }*/

    .FlexDirc {
        flex-direction: column;
    }

    .CaseTxt {
        font-size: 14px;
        color: #000;
        font-weight: bold;
        padding-top: 5px !important;
    }

    .progressOne {
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        background-color: #e9ecef;
        border-radius: 0.25rem;
        height: 10px;
        margin-top: 5px;
        width: 679px;
    }

    .FlexDircSnd {
        /* width: 69%; */
        margin-top: 20px;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 5px;
        width: 348px;
        margin-left: -37px !important;
    }

    #search label {
        position: absolute;
        left: 17px;
        top: 38px;
    }

    /*.RowDirc {
        flex-direction: column;
    }*/

    #search {
        position: relative;
        font-size: 18px;
        padding-top: 27px;
        margin-left: 0px;
    }

    .CrdBGImg {
        margin-top: 47px;
        margin-left: 167px;
        height: 193px;
        position: relative;
    }

    .TaskCrd {
        height: 331px !important;
        width: 720px !important;
        margin-left: 0px;
    }

    .sectspclft {
        margin-left: 0%;
        margin-right: 0%;
    }

    .HeadLayout {
        margin-left: 0%;
        background: #fff;
        height: 90px;
    }

    .toggle {
        padding-top: 2px;
        display: block !important;
        font-size: 20px;
        color: black !important;
    }

    .login-form {
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mrgnSpcTop {
        margin-top: 260px;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 5px;
        width: 80%;
        margin-top: 20px;
        margin-left: 0px !important;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 22px 19px 22px 19px;
        border-radius: 10px;
        margin-top: 20px;
        margin-left:0px;
    }

    .SidebarLayout {
        position: fixed;
        width: 0% !important;
        height: 100%;
        background: #fff;
        transition: .5s;
        z-index: 99 !important;
        overflow: hidden;
        border-right: none;
        top: 0px;
    }

        .SidebarLayout.active {
            left: 0;
            width: 40% !important;
            z-index: 999 !important;
            top: 0px;
            border-right: 1px solid #fefefe;
        }

            .SidebarLayout.active .toggle {
                display: none;
                margin-top: 0px;
                margin-right: 20px;
                color: #000;
            }

    .NameSecTop {
        margin-top: 150px;
    }

    .HedBrdRght {
        display: none !important;
    }

    .CompLogoHead {
        height: 25px;
        margin-top: 35px;
        margin-left: 20px;
    }

    .NtfcnSecFlex {
        display: flex;
        justify-content: flex-end;
        margin-top: 15px;
        margin-right: 15px;
    }

    .NewArbiBtn {
        border: none;
        background-color: #4ecaff;
        color: white;
        border-radius: 10px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-left: -85px;
        font-size: 14px;
    }

    .ClsPadTopExt {
        margin-top: 14px;
        margin-left: -40px;
    }

    .NvDrpDon {
        color: #000;
        font-size: 12px;
        display: flex;
        /* margin-top: 5px; */
        font-weight: bold;
        padding: 2px 0px 5px 8px !important;
    }

    #ArbitrationUploadDocPop .modal-content,
    #ArbitrationSuccessPop .modal-content {
        border-radius: 12px !important;
        height: 100%;
    }

    .SucessVsTxt {
        color: black;
        margin-top: 12px;
        font-size: 20px;
        margin-left: 35px;
    }

    #ArbitrationNotice .modal-body .form-control {
        border: 1px solid #CCCCCC;
        border-radius: 12px;
        background: #f3f3f3 !important;
        opacity: 1;
        height: 50px;
        text-align: left;
        letter-spacing: 0px;
        color: #202020 !important;
        font-weight: 400;
        font-size: 14px;
    }

    #ArbitrationNotice .MHeading {
        color: #A5A5A5;
        font-size: 16px;
        /* margin-top: 0px !important; */
    }

    #ArbitrationNotice .LblForm {
        text-align: left;
        letter-spacing: 0px;
        /*color: #A5A5A5;*/
        color: #000;
        font-weight: normal;
        font-size: 14px;
        font-weight: 400;
    }

    .NewArbiBtnSnd {
        border: 1px solid #0093fe;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: 43px;
        font-weight: 500;
        padding: 7px 15px 10px 15px;
        margin-right: 10px;
        font-size: 14px;
        width: 110px;
    }
}


/*phone*/
@media(max-width: 767px) {
    .NotifBellSixth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(10px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifAdminBell {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(10px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifArtboard {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(10px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NotifictnDpdFifth {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(10px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .BellNfcDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(10px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdTrd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(10px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .NtfcnDpdFourth {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(10px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .ChngPeriodsImg {
        height: 25px;
        margin-top: 34px;
        margin-right: 10px;
        margin-left: 15px;
    }

    .CaseLogo {
        height: 70px;
        padding: 10px;
        max-width: 130px;
        margin-top: 10px;
        min-width: 75px;
        /*width: auto;*/
        object-fit: contain;
    }
    .CaseLogoSnd {
        height: 70px;
        padding: 10px;
        max-width: 130px;
        margin-left: 10px;
        margin-top: 10px;
        min-width: 75px;
        /*width: auto;*/
        object-fit: contain;
    }


    .FlxNotfiDpdCls {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        text-align: start;
    }

    .AdmNotiAttReqDpd {
        width: 90% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }

    .AdmNotfiClsBtn {
        border: none;
        color: #8143ce;
        min-width: 100px;
        height: 40px;
        font-weight: bold;
        border-radius: 10px;
        background: #f6eeff;
        margin-top: 10px;
        width: 100%;
    }

    .AdmnNotifDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(10px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }

    .ArbNameTxtSnd {
        margin-left: 0px;
        margin-top: -5px;
        font-size: 16px;
        font-weight: bold;
        font-size: 16px;
        padding-bottom: 0px;
        padding-top: 14px;
    }

    .accordion-button::after {
        content: "\002B";
        background-image: none !important;
        font-size: 2rem;
        font-weight: bold;
        margin-left: -30px;
    }

    .tabcontentFrst {
        display: none;
        padding: 0px !important;
        border-top: none;
        margin-top: 30px;
    }

    .accordion-item {
        padding-bottom: 15px;
        background-color: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        margin-left: 0px;
        border-radius: 20px !important;
        padding-left: 10px;
        width: 100%;
        margin-bottom: 10px;
    }

    .NtfcnDpdhadCases {
        box-shadow: 0px 0px 6px #00000003 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(140px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }


 .DpdCaseClsSnd {
        width: 94% !important;
        background: #fff !important;
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: center !important;
    }
    .NtfcnDpd {
        box-shadow: 0px 0px 6px #d0d0d0 !important;
        border-radius: 10px !important;
        width: 100%;
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: 0.5rem 0;
        margin: 0;
        transform: translate(12px, 75px) !important;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff !important;
        background-clip: padding-box;
        border: none;
        background: #fff !important;
        border: none !important;
        color: #131313 !important;
    }
    .CaseDetalisLblForm {
        display: flex;
        flex-direction: row !important;
    }

    .FlxAccCrdSpc {
        display: flex;
        justify-content: end;
        margin-left: 0px;
        font-size: 14px;
        flex-direction: column;
    }

    .AccAddInfoClsSndCls {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 12px;
        background: #413eda;
        border-radius: 7px;
        border: none;
        text-transform: capitalize;
        padding: 5px 20px 5px 20px;
        width: auto;
    }

    .CaseCompTxt {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        margin-top: 0px;
        min-width: 100px;
    }/*
    .CaseCompTxt {
        font-size: 14px;
        color: #000;
        font-weight: 600;
        padding: 5px 8px 5px 8px;
        width: 27%;
    }*/

    .progressTab {
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        margin-top: 15px;
        background-color: #e9ecef;
        border-radius: 10px;
        width: 100%;
        height: 15px;
        /* margin-right: 50px; */
        margin-bottom: 20px;
    }

    .TblAccptBtn {
        border: none;
        background-color: #3a36da;
        color: white;
        border-radius: 10px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-right: 10px;
    }

    #ViewDetailModal .modal-content {
        border-radius: 12px !important;
        height: 1110px;
    }

    .EditBtnSnd {
        border: none;
        background: #eaeaea;
        padding: 5px 40px 5px 40px;
        color: #000;
        border-radius: 10px;
        font-size: 12px;
        margin-right: 10px;
        font-weight: bold;
        width: 100%;
        margin-bottom: 10px;
    }

    .CaseFlxCrd {
        justify-content: space-between;
        margin-top: 20px;
        display: block !important;
    }

    .publicBtnSnd {
        border: 1px solid #ededed;
        background: white;
        padding: 5px 10px 5px 10px;
        color: #000;
        font-size: 14px;
        border-radius: 10px;
        margin-right: 10px;
        font-weight: bold;
        width: 100%;
        margin-bottom: 10px;
    }

    .RedNumTxtSnd {
        color: red;
        font-size: 14px !important;
        font-weight: bold;
        margin-top: 4px;
    }

    .MobViewCls {
        text-align: center;
        margin-bottom: 15px;
    }
    /*Rohit Media start*/
    .ProfleUplCls {
        margin-left: 50%;
        font-size: 20px;
        text-align: center;
    }

    .LogoUplCls {
        margin-left: 84%;
        font-size: 20px;
    }

    .circle img {
        max-width: 100%;
        height: auto;
        margin-left: 85%;
        margin-top: 30px;
        width: 100%;
    }

    .circle_TWO img {
        max-width: 100%;
        height: auto;
        margin-left: 55%;
        margin-top: 30px;
        width: 60%;
    }


    #AddUsersModl .MSaveBtn {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 20px;
        background: #6418C3;
        border-radius: 12px;
        min-width: 170px;
        min-height: 49px;
        border: none;
        text-transform: capitalize;
        padding: 5px 35px 5px 35px;
        width: 100%;
    }

    #AddUsersModl .MCloseBtn {
        text-align: center;
        letter-spacing: 0px;
        color: white;
        font-weight: normal;
        font-size: 20px;
        background: #5DCFFF;
        border-radius: 12px;
        border: 1px solid #5DCFFF;
        text-transform: none;
        box-shadow: 0px 4px 4px #0000000a;
        min-width: 180px;
        height: 49px;
        padding: 5px 35px 5px 35px;
        font-weight: 600;
        width: 100%;
    }

    .circle {
        overflow: hidden;
        z-index: 99;
        height: 180px;
        border: 2px dashed #CAD2DE;
        width: 100%;
    }

    .circle_TWO {
        overflow: hidden;
        z-index: 99;
        height: 180px;
        border: 2px dashed #CAD2DE;
        width: 100%;
        margin-left: 0%;
        margin-top: 20px;
    }

    #AddUsersModl .modal-content {
        border-radius: 12px !important;
        width: 350px;
    }

    .MobDirctnCls {
        display: flex;
        flex-direction: column-reverse;
    }


    .ImgSeclogin {
        height: 210px;
        background: url(../image/BG.Png);
        background-repeat: no-repeat;
        overflow-x: hidden;
        padding-top: 0px;
        background-repeat: no-repeat;
        object-fit: cover;
        background-position: bottom;
        border-bottom-right-radius: 0px;
        position: relative;
        width: 100%;
    }

    .LoginLogo {
        height: 45px;
        width: auto;
        margin-top: 20px;
        width: auto;
        margin-left: 75px;
    }

    .login-form {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    /*.LoginSubTxt {
        font-size: 16px;
        font-weight: bold;
        color: #202020;
        text-align: center;
    }*/

    .PadTopCls {
        padding-top: 10px;
        text-align: center;
    }

    .txtAlingCls {
        text-align: center;
    }

    .toggle {
        padding-top: 15px;
        display: block !important;
        font-size: 20px;
        color: black !important;
    }

    .SidebarLayout {
        position: fixed;
        width: 0% !important;
        height: 100%;
        background: #fff;
        transition: .5s;
        z-index: 99 !important;
        overflow: hidden;
        border-right: none;
        top: 0px;
    }

        .SidebarLayout.active {
            left: 0;
            width: 100% !important;
            z-index: 999 !important;
            top: 0px;
        }

    .NameSecTop {
        margin-top: 220px;
    }

    .HedBrdRght {
        display: none !important;
    }

    /*.LoginLogo {
        height: 60px;
        width: auto;
        margin-top: 30px;
        width: auto;
    }*/



    .SpcTxtTopCls {
        padding-top: 10px;
    }

    .LoginHeadTxt {
        font-size: 25px;
        font-weight: bold;
        color: #202020;
    }

    .LoginSubTxt {
        font-size: 14px;
        font-weight: bold;
        color: #202020;
        text-align: center;
    }

    .TxtUsrNme {
        border-radius: 10px !important;
        height: 44px;
        background: #f3f3f3 !important;
        border: none !important;
        color: #131313 !important;
        font-size: 14px;
    }

    .LblLognDesgin {
        font-size: 14px;
        color: #c7c7c7;
        text-transform: uppercase;
    }

    .BtnLogn {
        color: #fff;
        width: 93%;
        height: 40px;
        border-radius: 10px;
        outline: none;
        border: none;
        text-transform: capitalize;
        font-size: 14px;
        background-color: #3a36da !important;
        box-shadow: 0px 0px 0px #3a36da;
    }

    .RmvPadMobCls {
        padding: 0px !important;
    }

    /*Rohit Media ends*/

    .CircleFlexImgSnd {
        height: 45px;
        width: 45px;
        margin-left: -27px !important;
        cursor: pointer;
    }

    .InprgsBtn {
        background: #413cda;
        padding: 5px 20px 5px 20px;
        color: #fff;
        font-weight: bold;
        border-radius: 20px;
        font-size: 12px;
    }


    .CrdGraph {
        background: #fff;
        padding-left: 30px;
        padding-top: 50px;
        width: 330px;
        padding-right: 25px;
        height: 602px;
        box-shadow: 0px 0px 6px #00000003;
        border-radius: 10px;
    }

    .CaseIpad {
        width: 330px;
        margin-top: 20px;
    }

    .CaseIpadSnd {
        width: 332px !important;
        margin-top: 20px;
        margin-left: 0px !important;
    }

    .ActiveTxt {
        font-size: 18px;
        color: #000;
        font-weight: bold;
    }
    /*.CaseIpadSnd {
        width: 379px !important;
        margin-top: 20px;
        margin-left: 0px !important;
    }*/


    .ColDirc {
        width: 100% !important;
    }

    .FlexDirc {
        flex-direction: column;
    }

    .CaseTxt {
        font-size: 14px;
        color: #000;
        font-weight: bold;
        padding-top: 5px !important;
    }

    .progressOne {
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        background-color: #e9ecef;
        border-radius: 0.25rem;
        height: 10px;
        margin-top: 5px;
        width: 288px;
    }

    .RedNumTxt {
        color: red;
        font-size: 12px;
        font-weight: bold;
    }

    .EllipsisImg {
        margin-left: 0px;
        margin-right: -10px;
    }

    .ActiveTxt {
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }

    .DangerImg {
        height: 15px;
        width: 15px;
        margin-right: 5px;
        margin-top: 8px;
    }

    .publicBtn {
        border: 1px solid #ededed;
        background: white;
        padding: 5px 10px 5px 10px;
        color: #000;
        font-size: 12px;
        border-radius: 10px;
        margin-right: 10px;
        font-weight: bold;
    }

    .EditBtn {
        border: none;
        background: #eaeaea;
        padding: 7px 40px 7px 40px;
        color: #000;
        border-radius: 10px;
        font-size: 12px;
        margin-right: 10px;
        font-weight: bold;
    }

    .FlexDircSnd {
        width: 100%;
        margin-top: 20px;
    }

    .Msgbtn {
        border: 1px solid #ededed;
        color: black;
        font-size: 12px;
        padding: 7px 5px 7px 10px;
        background: #fafafa;
        border-radius: 10px;
        font-weight: bold;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 5px;
        width: 348px;
        margin-left: -37px !important;
    }

    #search label {
        position: absolute;
        left: 17px;
        top: 38px;
    }

    .RowDirc {
        flex-direction: column;
    }

    #search {
        position: relative;
        font-size: 18px;
        padding-top: 27px;
        margin-left: 0px;
    }

    .CrdBGImg {
        margin-top: 33px;
        margin-left: 7px;
        height: 193px;
        position: relative;
    }

    .TaskCrd {
        height: 331px !important;
        width: 333px !important;
        margin-left: 0px;
    }

    .GotoTaskBtn {
        border: none;
        background: #fff;
        color: #b8b8b8;
        font-weight: 500;
        font-size: 13px;
        padding: 10px 20px 10px 20px;
        box-shadow: 0px 0px 6px #00000003;
        border-radius: 10px;
    }

    .ViewBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 13px;
        padding: 10px 7px 10px 7px;
        box-shadow: 0px 0px 6px #00000003;
        border-radius: 10px;
        margin-right: 20px;
    }

    .CaseCrd {
        box-shadow: 0px 0px 6px #00000003;
        border-radius: 10px;
        padding: 15px;
        padding-top: 36px;
        background: #fff;
    }

    .sectspclft {
        margin-left: 0%;
        margin-right: 0%;
    }

    .HeadLayout {
        margin-left: 0%;
        background: #fff;
        height: 70px;
    }

    .toggle {
        padding-top: 0px;
        display: block !important;
        font-size: 20px;
        color: black !important;
    }

    .login-form {
        padding-left: 45px;
        padding-right: 45px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mrgnSpcTop {
        margin-top: 260px;
    }

    .CrdPeriod {
        border-radius: 10px;
        background: #fff;
        border: none;
        box-shadow: 0px 0px 6px #00000003;
        padding: 0px;
        width: 100%;
        margin-top: 20px;
        margin-left: 0px !important;
        /* padding-bottom: 10px; */
        height: 75px;
        /* padding-right: 20px; */
        margin-right: 0px;
    }

    .NvDrpDon {
        color: #000;
        font-size: 16px;
        display: flex;
        /* margin-top: 5px; */
        font-weight: bold;
        padding: 0px 0px 0px 0px !important;
        margin-top: 10px;
    }

    .DownloadBtn {
        border: none;
        background: #413eda;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        padding: 15px 15px 15px 15px;
        border-radius: 10px;
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
    }

    .NtfcnSecFlex {
        display: flex;
        justify-content: start;
        margin-top: 13px;
    }

    .ClsPadTopExt {
        margin-top: 13px;
        margin-left: -8px;
    }

    .HeadLayout {
        margin-left: 0%;
        background: #fff;
        height: 150px;
    }

    .CompLogoHead {
        height: 30px;
        /* margin-top: 35px; */
        /* margin-left: 20px; */
    }

    .NewArbiBtn {
        border: none;
        background-color: #4ecaff;
        color: white;
        border-radius: 10px;
        font-weight: 500;
        padding: 10px 15px 10px 15px;
        margin-left: -245px;
        font-size: 14px;
        margin-top: 10px;
    }

    .ClsPadTopExt {
        margin-top: 13px;
        margin-left: -95px;
    }

    .NameSecTop {
        margin-top: 170px;
    }

    .mrgnLftRow {
        margin-left: -25px;
    }

    .PrfleImg {
        height: 45px;
        margin-top: 15px;
        margin-right: 10px;
    }

    .HidShwCls {
        display: block;
    }

    #GKGeneral .NameTxt {
        font-size: 30px;
    }

    .circle_THREE {
        overflow: hidden;
        z-index: 99;
        height: 180px;
        border: 2px dashed #CAD2DE;
        width: 85%;
    }

        .circle_THREE img {
            max-width: 100%;
            height: auto;
            margin-left: 20%;
            margin-top: 10px;
            width: 75%;
        }


    /*This is modal header class*/
    #ArbitrationNotice .modal-header.PaddingBody,
    #ArbitrationSettlmentPop .modal-header.PaddingBody,
    #ArbitrationUploadDocPop .modal-header.PaddingBody,
    #ArbitrationSuccessPop .modal-header.PaddingBody,
    #ViewDetailModal .modal-header.PaddingBody,
    #AddUserCompany .modal-header.PaddingBody,
    #ConfirmModalPop .modal-header.PaddingBody,
    #ReasonModalPopup .modal-header.PaddingBody,
    #ViewCaseModlPopup .modal-header.PaddingBody,
    #EditModlPopupCase .modal-header.PaddingBody,
    #AddUsersModl .modal-header.PaddingBody,
    #RequestAdditionalInfo .modal-header.PaddingBody,
    #AttentionRequiredModal .modal-header.PaddingBody {
        padding-left: 20px;
        padding-right: 20px;
        background-color: white;
        border: none;
        color: black;
        font-weight: 800;
        border-radius: 12px !important;
    }



    /*This is modal body class*/
    #GKGeneral .modal-body.PaddingBody,
    #ArbitrationNotice .modal-body.PaddingBody,
    #ArbitrationSettlmentPop .modal-body.PaddingBody,
    #ArbitrationUploadDocPop .modal-body.PaddingBody,
    #ArbitrationSuccessPop .modal-body.PaddingBody,
    #ViewDetailModal .modal-body.PaddingBody,
    #AddUserCompany .modal-body.PaddingBody,
    #ConfirmModalPop .modal-body.PaddingBody,
    #ReasonModalPopup .modal-body.PaddingBody,
    #ExamplemodalPop .modal-header.PaddingBody,
    #ViewCaseModlPopup .modal-body.PaddingBody,
    #AddUsersModl .modal-body.PaddingBody,
    #RequestAdditionalInfo .modal-body.PaddingBody,
    #AttentionRequiredModal .modal-body.PaddingBody,
    #ViewCaseModlPopup .modal-body.PaddingBody{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
    }




    /*This is modal footer class*/
    #GKGeneral .modal-footer.PaddingBody,
    #ArbitrationNotice .modal-footer.PaddingBody,
    #ArbitrationSettlmentPop .modal-footer.PaddingBody,
    #ArbitrationUploadDocPop .modal-footer.PaddingBody,
    #ViewDetailModal .modal-footer.PaddingBody,
    #AddUserCompany .modal-footer.PaddingBody,
    #ConfirmModalPop .modal-footer.PaddingBody,
    #ReasonModalPopup .modal-footer.PaddingBody,
    #ExamplemodalPop .modal-footer.PaddingBody,
    #ViewCaseModlPopup .modal-footer.PaddingBody,
    #AddUsersModl .modal-footer.PaddingBody,
    #RequestAdditionalInfo .modal-footer.PaddingBody,
    #AttentionRequiredModal .modal-footer.PaddingBody {
        padding-left: 20px;
        padding-right: 15px;
        border: none;
    }

    /*This is for file upload heading text*/
    #ArbitrationUploadDocPop .LblForm {
        margin-top: 10px;
        background: #FFFFFF;
        opacity: 1;
        text-align: left;
        letter-spacing: 0px;
        color: #202020;
        font-size: 24px;
        font-weight: bold;
        margin-left: 0px;
    }

    /*This is for File upload in modal popup*/
    #ArbitrationUploadDocPop .RwPadClsMdlSnd {
        padding-left: 0px;
        padding-right: 0px;
        border-radius: 20px;
        padding-bottom: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }


    /*All This are file upload components*/
    #ArbitrationUploadDocPop .RwPadClsMdlExtra {
        padding-left: 20px;
        padding-right: 15px;
        border-radius: 20px;
        padding-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    #ArbitrationUploadDocPop .RwPadClsMdl {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 15px;
        border-radius: 20px;
        padding-bottom: 15px;
        margin-left: 0px;
        margin-right: 0px;
    }

        #ArbitrationUploadDocPop .RwPadClsMdl:hover {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 15px;
            box-shadow: 0px 1px 28px #dfe7f8;
            border-radius: 20px;
            padding-bottom: 15px;
            margin-left: 0px;
            margin-right: 0px;
        }

    #ArbitrationUploadDocPop .ProgrssBarPad {
        padding-left: 15px;
        padding-right: 0;
        padding-top: 0px;
    }

    #ArbitrationUploadDocPop .BckDesgnCrssSnd {
        border-radius: 50%;
        height: 30px;
        width: 30px;
        margin-top: 16px;
        cursor: pointer;
        margin-left: -25px;
    }

    /*This is for height of modal popup*/
    #ArbitrationUploadDocPop .modal-content,
    #ArbitrationSuccessPop .modal-content,
    #ViewDetailModal .modal-content,
    #ViewCaseModlPopup .modal-content {
        height: 100% !important;
    }



    .VsTxtMrg {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #ArbitrationNotice .MCloseBtn,
    #ArbitrationSettlmentPop .MCloseBtn,
    #ArbitrationUploadDocPop .MCloseBtn,
    #AddUserCompany .MCloseBtn, #RequestAdditionalInfo .MCloseBtn, #AttentionRequiredModal .MCloseBtn {
        text-align: center;
        letter-spacing: 0px;
        color: white;
        font-weight: normal;
        font-size: 20px;
        background: #5DCFFF;
        border-radius: 12px;
        border: 1px solid #5DCFFF;
        text-transform: none;
        box-shadow: 0px 4px 4px #0000000a;
        min-width: 180px;
        height: 49px;
        padding: 5px 35px 5px 35px;
        font-weight: 600;
        width: 100%;
    }

    #ArbitrationNotice .MSaveBtn,
    #ArbitrationSettlmentPop .MSaveBtn,
    #ArbitrationUploadDocPop .MSaveBtn,
    #ViewDetailModal .MSaveBtn,
    #AddUserCompany .MSaveBtn,
    #ViewCaseModlPopup .MSaveBtn {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 20px;
        background: #6418C3;
        border-radius: 12px;
        min-width: 170px;
        min-height: 49px;
        border: none;
        text-transform: capitalize;
        padding: 5px 35px 5px 35px;
        width: 100%;
    }

    #ConfirmModalPop .NextBtn,
    #ReasonModalPopup .NextBtn,
    #GKGeneral .NextBtn {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 20px;
        background: #6418C3;
        border-radius: 12px;
        min-width: 170px;
        min-height: 49px;
        border: none;
        text-transform: capitalize;
        padding: 5px 35px 5px 35px;
        width: 100%;
    }

    #ExamplemodalPop .LblForm {
        background: #FFFFFF;
        opacity: 1;
        text-align: left;
        letter-spacing: 0px;
        color: #A5A5A5;
        font-weight: normal;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }

    #ConfirmModalPop .YesNoTxtMdl {
        font-size: 16px;
        font-weight: bold;
        color: #202020;
    }


    .MdlMrgTop {
        margin-top: 10px !important;
    }

    #AddUserCompany .modal-content {
        border-radius: 12px !important;
        width: auto;
    }

    #ArbitrationSuccessPop .SubTxtSucc {
        margin-bottom: 35px;
        margin-top: 10px;
        font-size: 18px;
        font-weight: bold;
        color: #202020;
        text-align: center;
    }

    #ArbitrationSuccessPop .ManTxtSucc {
        font-size: 50px;
        font-weight: bold;
        color: #202020;
        text-align: center;
    }

    .SucessVsTxt {
        color: black;
        margin-top: 38px;
        font-size: 20px;
        margin-left: 0px;
        text-align: center;
        margin-bottom: 38px;
    }

    #ArbitrationSuccessPop .LblForm {
        background: #FFFFFF;
        opacity: 1;
        text-align: left;
        letter-spacing: 0px;
        color: #A5A5A5;
        font-weight: normal;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }

    .FlxSerchCls {
        justify-content: center;
        margin-right: 5px;
        margin-bottom: 20px;
    }

    .CaseDpd select {
        border: none;
        color: #55555b;
        font-weight: 600;
        cursor: pointer;
        height: 30px;
        width: 225px;
        font-size: 20px;
    }

    .MyPanelTxt {
        font-size: 24px;
        margin-bottom: 20px;
        color: #000;
        font-weight: bold;
    }

    .PaelFlxCls {
        flex-direction: column;
    }

    .PanlMrgCls {
        margin-top: 20px;
    }

    .ColDircSnd {
        width: 100% !important;
    }

    .lblDateDisplay {
        border: 1px solid #6418C3;
        background-color: #fff;
        color: #000;
        border-radius: 10px;
        height: auto;
        font-weight: 500;
        padding: 7px 10px 10px 10px;
        margin-right: 10px;
        width: 100%;
    }

    .PnelBtnEdit {
        border: none;
        background: #eaeaea;
        padding: 7px 40px 7px 40px;
        color: #000;
        border-radius: 10px;
        font-size: 12px;
        margin-right: 10px;
        font-weight: bold;
        width: 100% !important;
        height: 43px;
    }

    .PnelMsgBtn {
        border: 1px solid #ededed;
        color: black;
        font-size: 12px;
        padding: 7px 5px 7px 10px;
        background: #fafafa;
        border-radius: 10px;
        font-weight: bold;
        width: 100% !important;
        height: 43px;
    }

    .MSaveBtn {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 20px;
        background: #6418C3;
        border-radius: 12px;
        min-width: 170px;
        min-height: 49px;
        border: none;
        text-transform: capitalize;
        padding: 5px 35px 5px 35px;
        width: 100%;
    }
}