/* Responsive CSS */
@media screen and (max-width: 1680px) {
    .baseTableInpts .formFieldsWrap li.w_1_2{
        width: 100%;
    }
    .baseTableInpts .formFieldsWrap li.w_1_4{
        width: 50%;
    }
}
@media screen and (max-width: 1600px) {
    .formFieldsWrap li.w_1_3-2{
        width: 33.33%;
    }
    .twoEqlColTbl{
        flex-direction: column;
    }
    .baseTableInpts .formFieldsWrap li.w_1_2{
        width: 50%;
    }
    .baseTableInpts .formFieldsWrap li.w_1_4{
        width: 25%;
    }
}

@media screen and (max-width: 1400px) {
    .leaveTopRow {
        grid-template-columns: 1fr;
    }

    .leaveRequestSidebar,
    .leaveEntitlementPanel {
        max-width: 100%;
    }

    .leaveRequestSidebar .formFieldsWrap {
        grid-template-columns: 1fr 1fr;
    }

    .leaveRequestSidebar .formFieldsWrap li.w_1_1 {
        grid-column: span 2;
    }

    /*Margin/Padding*/
     .mt_24{
         margin-top: 22px;
    }
     .mb_24{
         margin-bottom: 22px;
    }
     .pt_24{
         padding-top: 22px;
    }
     .pb_24{
         padding-bottom: 22px;
    }
     .mt_28{
         margin-top: 26px;
    }
     .mb_28{
         margin-bottom: 26px;
    }
     .pt_28{
         padding-top: 26px;
    }
     .pb_28{
         padding-bottom: 26px;
    }
     .mt_32{
         margin-top: 28px;
    }
     .mb_32{
         margin-bottom: 28px;
    }
     .pt_32{
         padding-top: 28px;
    }
     .pb_32{
         padding-bottom: 28px;
    }
     .mt_36{
         margin-top: 32px;
    }
     .mb_36{
         margin-bottom: 32px;
    }
     .pt_36{
         padding-top: 32px;
    }
     .pb_36{
         padding-bottom: 32px;
    }
     .mt_40{
         margin-top: 36px;
    }
     .mb_40{
         margin-bottom: 36px;
    }
     .pt_40{
         padding-top: 36px;
    }
     .pb_40{
         padding-bottom: 36px;
    }
     .mt_44{
         margin-top: 40px;
    }
     .mb_44{
         margin-bottom: 40px;
    }
     .pt_44{
         padding-top: 40px;
    }
     .pb_44{
         padding-bottom: 40px;
    }
     .mt_48{
         margin-top: 44px;
    }
     .mb_48{
         margin-bottom: 44px;
    }
     .pt_48{
         padding-top: 44px;
    }
     .pb_48{
         padding-bottom: 44px;
    }
     .mt_52{
         margin-top: 48px;
    }
     .mb_52{
         margin-bottom: 48px;
    }
     .pt_52{
         padding-top: 48px;
    }
     .pb_52{
         padding-bottom: 48px;
    }
     .mt_56{
         margin-top: 52px;
    }
     .mb_56{
         margin-bottom: 52px;
    }
     .pt_56{
         padding-top: 52px;
    }
     .pb_56{
         padding-bottom: 52px;
    }
     .mt_60{
         margin-top: 56px;
    }
     .mb_60{
         margin-bottom: 56px;
    }
     .pt_60{
         padding-top: 56px;
    }
     .pb_60{
         padding-bottom: 56px;
    }
     .mt_64{
         margin-top: 60px;
    }
     .mb_64{
         margin-bottom: 60px;
    }
     .pt_64{
         padding-top: 60px;
    }
     .pb_64{
         padding-bottom: 60px;
    }
     .mt_68{
         margin-top: 64px;
    }
     .mb_68{
         margin-bottom: 64px;
    }
     .pt_68{
         padding-top: 64px;
    }
     .pb_68{
         padding-bottom: 64px;
    }
     .mt_72{
         margin-top: 68px;
    }
     .mb_72{
         margin-bottom: 68px;
    }
     .pt_72{
         padding-top: 68px;
    }
     .pb_72{
         padding-bottom: 68px;
    }
     .mt_76{
         margin-top: 72px;
    }
     .mb_76{
         margin-bottom: 72px;
    }
     .pt_76{
         padding-top: 72px;
    }
     .pb_76{
         padding-bottom: 72px;
    }
     .mt_80{
         margin-top: 76px;
    }
     .mb_80{
         margin-bottom: 76px;
    }
     .pt_80{
         padding-top: 76px;
    }
     .pb_80{
         padding-bottom: 76px;
    }
     .mt_84{
         margin-top: 80px;
    }
     .mb_84{
         margin-bottom: 80px;
    }
     .pt_84{
         padding-top: 80px;
    }
     .pb_84{
         padding-bottom: 80px;
    }
     .mt_88{
         margin-top: 84px;
    }
     .mb_88{
         margin-bottom: 84px;
    }
     .pt_88{
         padding-top: 84px;
    }
     .pb_88{
         padding-bottom: 84px;
    }
     .mt_92{
         margin-top: 88px;
    }
     .mb_92{
         margin-bottom: 88px;
    }
     .pt_92{
         padding-top: 88px;
    }
     .pb_92{
         padding-bottom: 88px;
    }
     .mt_96{
         margin-top: 92px;
    }
     .mb_96{
         margin-bottom: 92px;
    }
     .pt_96{
         padding-top: 92px;
    }
     .pb_96{
         padding-bottom: 92px;
    }
     .mt_100{
         margin-top: 96px;
    }
     .mb_100{
         margin-bottom: 96px;
    }
     .pt_100{
         padding-top: 96px;
    }
     .pb_100{
         padding-bottom: 96px;
    }
     .mt_104{
         margin-top: 100px;
    }
     .mb_104{
         margin-bottom: 100px;
    }
     .pt_104{
         padding-top: 100px;
    }
     .pb_104{
         padding-bottom: 100px;
    }
     .mt_108{
         margin-top: 104px;
    }
     .mb_108{
         margin-bottom: 104px;
    }
     .pt_108{
         padding-top: 104px;
    }
     .pb_108{
         padding-bottom: 104px;
    }
     .mt_112{
         margin-top: 108px;
    }
     .mb_112{
         margin-bottom: 108px;
    }
     .pt_112{
         padding-top: 108px;
    }
     .pb_112{
         padding-bottom: 108px;
    }
     .mt_116{
         margin-top: 112px;
    }
     .mb_116{
         margin-bottom: 112px;
    }
     .pt_116{
         padding-top: 112px;
    }
     .pb_116{
         padding-bottom: 112px;
    }
     .mt_120{
         margin-top: 116px;
    }
     .mb_120{
         margin-bottom: 116px;
    }
     .pt_120{
         padding-top: 116px;
    }
     .pb_120{
         padding-bottom: 116px;
    }
    /*  */
    .leftBar{
        width: 240px;
    }
    .mainSec{
        padding-left: 240px;
    }
    .navbar-expand-md .navbar-nav .nav-link{
        gap: 10px;
        padding: 10px 16px;
    }
    .leftBar .navbar-expand-md .navbar-nav .nav-item {
        margin-bottom: 10px;
    }
    .topHdr{
        padding: 12px 20px;
    }
    .topHdr .searchBox{
        max-width: 360px;
    }
    .mainContentWrap {
        padding: 32px 20px;
    }
    .mainContentRgLft {
        width: 280px;
    }
    .dashFeaturesList li{
        width: 25%;
    }
    .dashGraphsSec{
        flex-direction: column;
    }
    .dashGraphsLeaveReq{
        width: 100%;
    }
    .describeColor{
        justify-content: flex-end;
        gap: 32px;
    }
    .baseTableWrapWithSmlGph {
        max-width: 100%;
    }
}

 @media screen and (max-width: 1200px) {
    .leaveTopRow {
        grid-template-columns: 1fr;
    }

    .leaveRequestSidebar,
    .leaveEntitlementPanel {
        max-width: 100%;
    }

    .leaveRequestSidebar .formFieldsWrap {
        grid-template-columns: 1fr;
    }

    .leaveRequestSidebar .formFieldsWrap li.w_1_1 {
        grid-column: span 1;
    }

    /*Margin/Padding*/
     .mt_24{
         margin-top: 22px;
    }
     .mb_24{
         margin-bottom: 22px;
    }
     .pt_24{
         padding-top: 22px;
    }
     .pb_24{
         padding-bottom: 22px;
    }
     .mt_28{
         margin-top: 24px;
    }
     .mb_28{
         margin-bottom: 24px;
    }
     .pt_28{
         padding-top: 24px;
    }
     .pb_28{
         padding-bottom: 24px;
    }
     .mt_32{
         margin-top: 26px;
    }
     .mb_32{
         margin-bottom: 26px;
    }
     .pt_32{
         padding-top: 26px;
    }
     .pb_32{
         padding-bottom: 26px;
    }
     .mt_36{
         margin-top: 28px;
    }
     .mb_36{
         margin-bottom: 28px;
    }
     .pt_36{
         padding-top: 28px;
    }
     .pb_36{
         padding-bottom: 28px;
    }
     .mt_40{
         margin-top: 32px;
    }
     .mb_40{
         margin-bottom: 32px;
    }
     .pt_40{
         padding-top: 32px;
    }
     .pb_40{
         padding-bottom: 32px;
    }
     .mt_44{
         margin-top: 36px;
    }
     .mb_44{
         margin-bottom: 36px;
    }
     .pt_44{
         padding-top: 36px;
    }
     .pb_44{
         padding-bottom: 36px;
    }
     .mt_48{
         margin-top: 40px;
    }
     .mb_48{
         margin-bottom: 40px;
    }
     .pt_48{
         padding-top: 40px;
    }
     .pb_48{
         padding-bottom: 40px;
    }
     .mt_52{
         margin-top: 44px;
    }
     .mb_52{
         margin-bottom: 44px;
    }
     .pt_52{
         padding-top: 44px;
    }
     .pb_52{
         padding-bottom: 44px;
    }
     .mt_56{
         margin-top: 48px;
    }
     .mb_56{
         margin-bottom: 48px;
    }
     .pt_56{
         padding-top: 48px;
    }
     .pb_56{
         padding-bottom: 48px;
    }
     .mt_60{
         margin-top: 52px;
    }
     .mb_60{
         margin-bottom: 52px;
    }
     .pt_60{
         padding-top: 52px;
    }
     .pb_60{
         padding-bottom: 52px;
    }
     .mt_64{
         margin-top: 56px;
    }
     .mb_64{
         margin-bottom: 56px;
    }
     .pt_64{
         padding-top: 56px;
    }
     .pb_64{
         padding-bottom: 56px;
    }
     .mt_68{
         margin-top: 60px;
    }
     .mb_68{
         margin-bottom: 60px;
    }
     .pt_68{
         padding-top: 60px;
    }
     .pb_68{
         padding-bottom: 60px;
    }
     .mt_72{
         margin-top: 64px;
    }
     .mb_72{
         margin-bottom: 64px;
    }
     .pt_72{
         padding-top: 64px;
    }
     .pb_72{
         padding-bottom: 64px;
    }
     .mt_76{
         margin-top: 68px;
    }
     .mb_76{
         margin-bottom: 68px;
    }
     .pt_76{
         padding-top: 68px;
    }
     .pb_76{
         padding-bottom: 68px;
    }
     .mt_80{
         margin-top: 72px;
    }
     .mb_80{
         margin-bottom: 72px;
    }
     .pt_80{
         padding-top: 72px;
    }
     .pb_80{
         padding-bottom: 72px;
    }
     .mt_84{
         margin-top: 76px;
    }
     .mb_84{
         margin-bottom: 76px;
    }
     .pt_84{
         padding-top: 76px;
    }
     .pb_84{
         padding-bottom: 76px;
    }
     .mt_88{
         margin-top: 80px;
    }
     .mb_88{
         margin-bottom: 80px;
    }
     .pt_88{
         padding-top: 80px;
    }
     .pb_88{
         padding-bottom: 80px;
    }
     .mt_92{
         margin-top: 84px;
    }
     .mb_92{
         margin-bottom: 84px;
    }
     .pt_92{
         padding-top: 84px;
    }
     .pb_92{
         padding-bottom: 84px;
    }
     .mt_96{
         margin-top: 88px;
    }
     .mb_96{
         margin-bottom: 88px;
    }
     .pt_96{
         padding-top: 88px;
    }
     .pb_96{
         padding-bottom: 88px;
    }
     .mt_100{
         margin-top: 92px;
    }
     .mb_100{
         margin-bottom: 92px;
    }
     .pt_100{
         padding-top: 92px;
    }
     .pb_100{
         padding-bottom: 92px;
    }
     .mt_104{
         margin-top: 96px;
    }
     .mb_104{
         margin-bottom: 96px;
    }
     .pt_104{
         padding-top: 96px;
    }
     .pb_104{
         padding-bottom: 96px;
    }
     .mt_108{
         margin-top: 100px;
    }
     .mb_108{
         margin-bottom: 100px;
    }
     .pt_108{
         padding-top: 100px;
    }
     .pb_108{
         padding-bottom: 100px;
    }
     .mt_112{
         margin-top: 104px;
    }
     .mb_112{
         margin-bottom: 104px;
    }
     .pt_112{
         padding-top: 104px;
    }
     .pb_112{
         padding-bottom: 104px;
    }
     .mt_116{
         margin-top: 108px;
    }
     .mb_116{
         margin-bottom: 108px;
    }
     .pt_116{
         padding-top: 108px;
    }
     .pb_116{
         padding-bottom: 108px;
    }
     .mt_120{
         margin-top: 112px;
    }
     .mb_120{
         margin-bottom: 112px;
    }
     .pt_120{
         padding-top: 112px;
    }
     .pb_120{
         padding-bottom: 112px;
    }
    /*  */
    .formFieldsWrap li.w_1_3,
    .formFieldsWrap li.w_1_3-2{
        width: 50%;
    }
    .dashFeaturesList li {
        width: 33.33%;
    }
    .dashFeaturesList.col4 li {
        width: 50%;
    }
}

 @media screen and (max-width: 1024px) {
    .leaveEntitlementTable {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .leaveEntitlementTable thead,
    .leaveEntitlementTable tbody,
    .leaveEntitlementTable th,
    .leaveEntitlementTable td,
    .leaveEntitlementTable tr {
        display: block;
    }

    .leaveEntitlementTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .leaveEntitlementTable tr {
        border-bottom: 1px solid #e5e7eb;
        padding: 8px 0;
    }

    .leaveEntitlementTable td {
        border: 0;
        padding: 6px 0;
        position: relative;
        padding-left: 40%;
    }

    .leaveEntitlementTable td:before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 35%;
        font-weight: 600;
        color: #4b5563;
    }

    .leftBar {
        width: 220px;
    }
    .mainSec {
        padding-left: 220px;
    }
    .topHdr .searchBox {
        max-width: 320px;
    }
    .searchBox input[type="text"]{
        height: 40px;
        padding: 10px 32px 10px 12px;
    }
    .topHdrRight{
        gap: 16px;
    }
    .topHdrDD .dropdown-toggle{
        gap: 10px;
    }
    .topHdrDD .dropdown-toggle > img {
        width: 48px;
        height: 48px;
        border-radius: 8px;
    }
    .topHdrDD .dropdown-toggle::after{
        top: 6px;
    }
    .mainContentRgLft {
        width: 240px;
        padding-right: 20px;
    }
    .upload-wrapper{
        height: 208px;
    }
    .mainContentRgRgt{
        padding-left: 20px;
    }
    .formFieldsWrap{
        margin-left: -8px;
        margin-right: -8px;
    }
    .formFieldsWrap li {
        padding: 8px;
    }
    .formInpt input, .formInpt input[type="text"], .formInpt input[type="email"], .formInpt input[type="date"], .formInpt input[type="password"], .formInpt textarea, .formInpt select,
    .formInpt .ui-selectmenu-button.ui-button{
        height: 45px;
        padding: 8px 12px;
    }
    .hasDatePicker .ui-datepicker-trigger{
        bottom: 12px;
    }
}

 @media screen and (max-width: 992px) {
    
    /*Margin/Padding*/
     .mt_16{
         margin-top: 15px;
    }
     .mb_16{
         margin-bottom: 15px;
    }
     .pt_16{
         padding-top: 15px;
    }
     .pb_16{
         padding-bottom: 15px;
    }
     .mt_18{
         margin-top: 16px;
    }
     .mb_18{
         margin-bottom: 16px;
    }
     .pt_18{
         padding-top: 16px;
    }
     .pb_18{
         padding-bottom: 16px;
    }
     .mt_20{
         margin-top: 18px;
    }
     .mb_20{
         margin-bottom: 18px;
    }
     .pt_20{
         padding-top: 18px;
    }
     .pb_20{
         padding-bottom: 18px;
    }
     .mt_24{
         margin-top: 20px;
    }
     .mb_24{
         margin-bottom: 20px;
    }
     .pt_24{
         padding-top: 20px;
    }
     .pb_24{
         padding-bottom: 20px;
    }
     .mt_28{
         margin-top: 22px;
    }
     .mb_28{
         margin-bottom: 22px;
    }
     .pt_28{
         padding-top: 22px;
    }
     .pb_28{
         padding-bottom: 22px;
    }
     .mt_32{
         margin-top: 24px;
    }
     .mb_32{
         margin-bottom: 24px;
    }
     .pt_32{
         padding-top: 24px;
    }
     .pb_32{
         padding-bottom: 24px;
    }
     .mt_36{
         margin-top: 26px;
    }
     .mb_36{
         margin-bottom: 26px;
    }
     .pt_36{
         padding-top: 26px;
    }
     .pb_36{
         padding-bottom: 26px;
    }
     .mt_40{
         margin-top: 28px;
    }
     .mb_40{
         margin-bottom: 28px;
    }
     .pt_40{
         padding-top: 28px;
    }
     .pb_40{
         padding-bottom: 28px;
    }
     .mt_44{
         margin-top: 32px;
    }
     .mb_44{
         margin-bottom: 32px;
    }
     .pt_44{
         padding-top: 32px;
    }
     .pb_44{
         padding-bottom: 32px;
    }
     .mt_48{
         margin-top: 36px;
    }
     .mb_48{
         margin-bottom: 36px;
    }
     .pt_48{
         padding-top: 36px;
    }
     .pb_48{
         padding-bottom: 36px;
    }
     .mt_52{
         margin-top: 40px;
    }
     .mb_52{
         margin-bottom: 40px;
    }
     .pt_52{
         padding-top: 40px;
    }
     .pb_52{
         padding-bottom: 40px;
    }
     .mt_56{
         margin-top: 44px;
    }
     .mb_56{
         margin-bottom: 44px;
    }
     .pt_56{
         padding-top: 44px;
    }
     .pb_56{
         padding-bottom: 44px;
    }
     .mt_60{
         margin-top: 48px;
    }
     .mb_60{
         margin-bottom: 48px;
    }
     .pt_60{
         padding-top: 48px;
    }
     .pb_60{
         padding-bottom: 48px;
    }
     .mt_64{
         margin-top: 52px;
    }
     .mb_64{
         margin-bottom: 52px;
    }
     .pt_64{
         padding-top: 52px;
    }
     .pb_64{
         padding-bottom: 52px;
    }
     .mt_68{
         margin-top: 56px;
    }
     .mb_68{
         margin-bottom: 56px;
    }
     .pt_68{
         padding-top: 56px;
    }
     .pb_68{
         padding-bottom: 56px;
    }
     .mt_72{
         margin-top: 60px;
    }
     .mb_72{
         margin-bottom: 60px;
    }
     .pt_72{
         padding-top: 60px;
    }
     .pb_72{
         padding-bottom: 60px;
    }
     .mt_76{
         margin-top: 64px;
    }
     .mb_76{
         margin-bottom: 64px;
    }
     .pt_76{
         padding-top: 64px;
    }
     .pb_76{
         padding-bottom: 64px;
    }
     .mt_80{
         margin-top: 68px;
    }
     .mb_80{
         margin-bottom: 68px;
    }
     .pt_80{
         padding-top: 68px;
    }
     .pb_80{
         padding-bottom: 68px;
    }
     .mt_84{
         margin-top: 72px;
    }
     .mb_84{
         margin-bottom: 72px;
    }
     .pt_84{
         padding-top: 72px;
    }
     .pb_84{
         padding-bottom: 72px;
    }
     .mt_88{
         margin-top: 76px;
    }
     .mb_88{
         margin-bottom: 76px;
    }
     .pt_88{
         padding-top: 76px;
    }
     .pb_88{
         padding-bottom: 76px;
    }
     .mt_92{
         margin-top: 80px;
    }
     .mb_92{
         margin-bottom: 80px;
    }
     .pt_92{
         padding-top: 80px;
    }
     .pb_92{
         padding-bottom: 80px;
    }
     .mt_96{
         margin-top: 84px;
    }
     .mb_96{
         margin-bottom: 84px;
    }
     .pt_96{
         padding-top: 84px;
    }
     .pb_96{
         padding-bottom: 84px;
    }
     .mt_100{
         margin-top: 88px;
    }
     .mb_100{
         margin-bottom: 88px;
    }
     .pt_100{
         padding-top: 88px;
    }
     .pb_100{
         padding-bottom: 88px;
    }
     .mt_104{
         margin-top: 92px;
    }
     .mb_104{
         margin-bottom: 92px;
    }
     .pt_104{
         padding-top: 92px;
    }
     .pb_104{
         padding-bottom: 92px;
    }
     .mt_108{
         margin-top: 96px;
    }
     .mb_108{
         margin-bottom: 96px;
    }
     .pt_108{
         padding-top: 96px;
    }
     .pb_108{
         padding-bottom: 96px;
    }
     .mt_112{
         margin-top: 100px;
    }
     .mb_112{
         margin-bottom: 100px;
    }
     .pt_112{
         padding-top: 100px;
    }
     .pb_112{
         padding-bottom: 100px;
    }
     .mt_116{
         margin-top: 104px;
    }
     .mb_116{
         margin-bottom: 104px;
    }
     .pt_116{
         padding-top: 104px;
    }
     .pb_116{
         padding-bottom: 104px;
    }
     .mt_120{
         margin-top: 108px;
    }
     .mb_120{
         margin-bottom: 108px;
    }
     .pt_120{
         padding-top: 108px;
    }
     .pb_120{
         padding-bottom: 108px;
    }
    /*  */
    .formFieldsWrap li.w_1_3, .formFieldsWrap li.w_1_3-2 {
        width: 100%;
    }
    .formInpt input, .formInpt input[type="text"], .formInpt input[type="email"], .formInpt input[type="date"], .formInpt input[type="password"], .formInpt textarea, .formInpt select, .formInpt .ui-selectmenu-button.ui-button {
        height: 40px;
        padding: 8px 10px;
    }
    .topHdr .searchBox {
        max-width: 240px;
    }
    .topHdrRight {
        gap: 10px;
    }
    .topHdr {
        padding: 12px 16px;
    }
    .mainContentWrap {
        padding: 24px 16px;
    }
    .topHdrDD .dropdown-toggle {
        gap: 8px;
    }
    .topHdrDD .dropdown-toggle > img {
        width: 42px;
        height: 42px;
        border-radius: 4px;
    }
    .topHdrAnchors{
        width: 32px;
        height: 32px;
        padding: 6px;
        border-radius: 6px;
    }
    .notiDot{
        width: 6px;
        height: 6px;
        top: 7px;
        right: 9px;
    }
    .dashFeaturesList li {
        width: 50%;
    }
    .baseTableTR{
        width: 100%;
        justify-content: flex-start;
        margin-top: 10px;
    }
    .baseTableInpts .formFieldsWrap li.w_1_2 {
        width: 100%;
    }
    .baseTableInpts .formFieldsWrap li.w_1_4 {
        width: 50%;
    }
}

 @media screen and (max-width: 839px) {
    
    /*Margin/Padding*/
     .mt_14{
         margin-top: 13px;
    }
     .mb_14{
         margin-bottom: 13px;
    }
     .pt_14{
         padding-top: 13px;
    }
     .pb_14{
         padding-bottom: 13px;
    }
     .mt_16{
         margin-top: 14px;
    }
     .mb_16{
         margin-bottom: 14px;
    }
     .pt_16{
         padding-top: 14px;
    }
     .pb_16{
         padding-bottom: 14px;
    }
     .mt_18{
         margin-top: 15px;
    }
     .mb_18{
         margin-bottom: 15px;
    }
     .pt_18{
         padding-top: 15px;
    }
     .pb_18{
         padding-bottom: 15px;
    }
     .mt_20{
         margin-top: 16px;
    }
     .mb_20{
         margin-bottom: 16px;
    }
     .pt_20{
         padding-top: 16px;
    }
     .pb_20{
         padding-bottom: 16px;
    }
     .mt_24{
         margin-top: 18px;
    }
     .mb_24{
         margin-bottom: 18px;
    }
     .pt_24{
         padding-top: 18px;
    }
     .pb_24{
         padding-bottom: 18px;
    }
     .mt_28{
         margin-top: 20px;
    }
     .mb_28{
         margin-bottom: 20px;
    }
     .pt_28{
         padding-top: 20px;
    }
     .pb_28{
         padding-bottom: 20px;
    }
     .mt_32{
         margin-top: 22px;
    }
     .mb_32{
         margin-bottom: 22px;
    }
     .pt_32{
         padding-top: 22px;
    }
     .pb_32{
         padding-bottom: 22px;
    }
     .mt_36{
         margin-top: 24px;
    }
     .mb_36{
         margin-bottom: 24px;
    }
     .pt_36{
         padding-top: 24px;
    }
     .pb_36{
         padding-bottom: 24px;
    }
     .mt_40{
         margin-top: 26px;
    }
     .mb_40{
         margin-bottom: 26px;
    }
     .pt_40{
         padding-top: 26px;
    }
     .pb_40{
         padding-bottom: 26px;
    }
     .mt_44{
         margin-top: 28px;
    }
     .mb_44{
         margin-bottom: 28px;
    }
     .pt_44{
         padding-top: 28px;
    }
     .pb_44{
         padding-bottom: 28px;
    }
     .mt_48{
         margin-top: 32px;
    }
     .mb_48{
         margin-bottom: 32px;
    }
     .pt_48{
         padding-top: 32px;
    }
     .pb_48{
         padding-bottom: 32px;
    }
     .mt_52{
         margin-top: 36px;
    }
     .mb_52{
         margin-bottom: 36px;
    }
     .pt_52{
         padding-top: 36px;
    }
     .pb_52{
         padding-bottom: 36px;
    }
     .mt_56{
         margin-top: 40px;
    }
     .mb_56{
         margin-bottom: 40px;
    }
     .pt_56{
         padding-top: 40px;
    }
     .pb_56{
         padding-bottom: 40px;
    }
     .mt_60{
         margin-top: 44px;
    }
     .mb_60{
         margin-bottom: 44px;
    }
     .pt_60{
         padding-top: 44px;
    }
     .pb_60{
         padding-bottom: 44px;
    }
     .mt_64{
         margin-top: 48px;
    }
     .mb_64{
         margin-bottom: 48px;
    }
     .pt_64{
         padding-top: 48px;
    }
     .pb_64{
         padding-bottom: 48px;
    }
     .mt_68{
         margin-top: 52px;
    }
     .mb_68{
         margin-bottom: 52px;
    }
     .pt_68{
         padding-top: 52px;
    }
     .pb_68{
         padding-bottom: 52px;
    }
     .mt_72{
         margin-top: 56px;
    }
     .mb_72{
         margin-bottom: 56px;
    }
     .pt_72{
         padding-top: 56px;
    }
     .pb_72{
         padding-bottom: 56px;
    }
     .mt_76{
         margin-top: 60px;
    }
     .mb_76{
         margin-bottom: 60px;
    }
     .pt_76{
         padding-top: 60px;
    }
     .pb_76{
         padding-bottom: 60px;
    }
     .mt_80{
         margin-top: 64px;
    }
     .mb_80{
         margin-bottom: 64px;
    }
     .pt_80{
         padding-top: 64px;
    }
     .pb_80{
         padding-bottom: 64px;
    }
     .mt_84{
         margin-top: 68px;
    }
     .mb_84{
         margin-bottom: 68px;
    }
     .pt_84{
         padding-top: 68px;
    }
     .pb_84{
         padding-bottom: 68px;
    }
     .mt_88{
         margin-top: 72px;
    }
     .mb_88{
         margin-bottom: 72px;
    }
     .pt_88{
         padding-top: 72px;
    }
     .pb_88{
         padding-bottom: 72px;
    }
     .mt_92{
         margin-top: 76px;
    }
     .mb_92{
         margin-bottom: 76px;
    }
     .pt_92{
         padding-top: 76px;
    }
     .pb_92{
         padding-bottom: 76px;
    }
     .mt_96{
         margin-top: 80px;
    }
     .mb_96{
         margin-bottom: 80px;
    }
     .pt_96{
         padding-top: 80px;
    }
     .pb_96{
         padding-bottom: 80px;
    }
     .mt_100{
         margin-top: 84px;
    }
     .mb_100{
         margin-bottom: 84px;
    }
     .pt_100{
         padding-top: 84px;
    }
     .pb_100{
         padding-bottom: 84px;
    }
     .mt_104{
         margin-top: 88px;
    }
     .mb_104{
         margin-bottom: 88px;
    }
     .pt_104{
         padding-top: 88px;
    }
     .pb_104{
         padding-bottom: 88px;
    }
     .mt_108{
         margin-top: 92px;
    }
     .mb_108{
         margin-bottom: 92px;
    }
     .pt_108{
         padding-top: 92px;
    }
     .pb_108{
         padding-bottom: 92px;
    }
     .mt_112{
         margin-top: 96px;
    }
     .mb_112{
         margin-bottom: 96px;
    }
     .pt_112{
         padding-top: 96px;
    }
     .pb_112{
         padding-bottom: 96px;
    }
     .mt_116{
         margin-top: 100px;
    }
     .mb_116{
         margin-bottom: 100px;
    }
     .pt_116{
         padding-top: 100px;
    }
     .pb_116{
         padding-bottom: 100px;
    }
     .mt_120{
         margin-top: 104px;
    }
     .mb_120{
         margin-bottom: 104px;
    }
     .pt_120{
         padding-top: 104px;
    }
     .pb_120{
         padding-bottom: 104px;
    }
}

 @media screen and (max-width: 767px) {
    
    /*Margin/Padding*/
     .mt_14{
         margin-top: 13px;
    }
     .mb_14{
         margin-bottom: 13px;
    }
     .pt_14{
         padding-top: 13px;
    }
     .pb_14{
         padding-bottom: 13px;
    }
     .mt_16{
         margin-top: 14px;
    }
     .mb_16{
         margin-bottom: 14px;
    }
     .pt_16{
         padding-top: 14px;
    }
     .pb_16{
         padding-bottom: 14px;
    }
     .mt_18{
         margin-top: 15px;
    }
     .mb_18{
         margin-bottom: 15px;
    }
     .pt_18{
         padding-top: 15px;
    }
     .pb_18{
         padding-bottom: 15px;
    }
     .mt_20{
         margin-top: 16px;
    }
     .mb_20{
         margin-bottom: 16px;
    }
     .pt_20{
         padding-top: 16px;
    }
     .pb_20{
         padding-bottom: 16px;
    }
     .mt_24{
         margin-top: 17px;
    }
     .mb_24{
         margin-bottom: 17px;
    }
     .pt_24{
         padding-top: 17px;
    }
     .pb_24{
         padding-bottom: 17px;
    }
     .mt_28{
         margin-top: 18px;
    }
     .mb_28{
         margin-bottom: 18px;
    }
     .pt_28{
         padding-top: 18px;
    }
     .pb_28{
         padding-bottom: 18px;
    }
     .mt_32{
         margin-top: 20px;
    }
     .mb_32{
         margin-bottom: 20px;
    }
     .pt_32{
         padding-top: 20px;
    }
     .pb_32{
         padding-bottom: 20px;
    }
     .mt_36{
         margin-top: 22px;
    }
     .mb_36{
         margin-bottom: 22px;
    }
     .pt_36{
         padding-top: 22px;
    }
     .pb_36{
         padding-bottom: 22px;
    }
     .mt_40{
         margin-top: 24px;
    }
     .mb_40{
         margin-bottom: 24px;
    }
     .pt_40{
         padding-top: 24px;
    }
     .pb_40{
         padding-bottom: 24px;
    }
     .mt_44{
         margin-top: 26px;
    }
     .mb_44{
         margin-bottom: 26px;
    }
     .pt_44{
         padding-top: 26px;
    }
     .pb_44{
         padding-bottom: 26px;
    }
     .mt_48{
         margin-top: 28px;
    }
     .mb_48{
         margin-bottom: 28px;
    }
     .pt_48{
         padding-top: 28px;
    }
     .pb_48{
         padding-bottom: 28px;
    }
     .mt_52{
         margin-top: 30px;
    }
     .mb_52{
         margin-bottom: 30px;
    }
     .pt_52{
         padding-top: 30px;
    }
     .pb_52{
         padding-bottom: 30px;
    }
     .mt_56{
         margin-top: 32px;
    }
     .mb_56{
         margin-bottom: 32px;
    }
     .pt_56{
         padding-top: 32px;
    }
     .pb_56{
         padding-bottom: 32px;
    }
     .mt_60{
         margin-top: 36px;
    }
     .mb_60{
         margin-bottom: 36px;
    }
     .pt_60{
         padding-top: 36px;
    }
     .pb_60{
         padding-bottom: 36px;
    }
     .mt_64{
         margin-top: 40px;
    }
     .mb_64{
         margin-bottom: 40px;
    }
     .pt_64{
         padding-top: 40px;
    }
     .pb_64{
         padding-bottom: 40px;
    }
     .mt_68{
         margin-top: 44px;
    }
     .mb_68{
         margin-bottom: 44px;
    }
     .pt_68{
         padding-top: 44px;
    }
     .pb_68{
         padding-bottom: 44px;
    }
     .mt_72{
         margin-top: 48px;
    }
     .mb_72{
         margin-bottom: 48px;
    }
     .pt_72{
         padding-top: 48px;
    }
     .pb_72{
         padding-bottom: 48px;
    }
     .mt_76{
         margin-top: 52px;
    }
     .mb_76{
         margin-bottom: 52px;
    }
     .pt_76{
         padding-top: 52px;
    }
     .pb_76{
         padding-bottom: 52px;
    }
     .mt_80{
         margin-top: 56px;
    }
     .mb_80{
         margin-bottom: 56px;
    }
     .pt_80{
         padding-top: 56px;
    }
     .pb_80{
         padding-bottom: 56px;
    }
     .mt_84{
         margin-top: 60px;
    }
     .mb_84{
         margin-bottom: 60px;
    }
     .pt_84{
         padding-top: 60px;
    }
     .pb_84{
         padding-bottom: 60px;
    }
     .mt_88{
         margin-top: 64px;
    }
     .mb_88{
         margin-bottom: 64px;
    }
     .pt_88{
         padding-top: 64px;
    }
     .pb_88{
         padding-bottom: 64px;
    }
     .mt_92{
         margin-top: 68px;
    }
     .mb_92{
         margin-bottom: 68px;
    }
     .pt_92{
         padding-top: 68px;
    }
     .pb_92{
         padding-bottom: 68px;
    }
     .mt_96{
         margin-top: 72px;
    }
     .mb_96{
         margin-bottom: 72px;
    }
     .pt_96{
         padding-top: 72px;
    }
     .pb_96{
         padding-bottom: 72px;
    }
     .mt_100{
         margin-top: 76px;
    }
     .mb_100{
         margin-bottom: 76px;
    }
     .pt_100{
         padding-top: 76px;
    }
     .pb_100{
         padding-bottom: 76px;
    }
     .mt_104{
         margin-top: 80px;
    }
     .mb_104{
         margin-bottom: 80px;
    }
     .pt_104{
         padding-top: 80px;
    }
     .pb_104{
         padding-bottom: 80px;
    }
     .mt_108{
         margin-top: 84px;
    }
     .mb_108{
         margin-bottom: 84px;
    }
     .pt_108{
         padding-top: 84px;
    }
     .pb_108{
         padding-bottom: 84px;
    }
     .mt_112{
         margin-top: 88px;
    }
     .mb_112{
         margin-bottom: 88px;
    }
     .pt_112{
         padding-top: 88px;
    }
     .pb_112{
         padding-bottom: 88px;
    }
     .mt_116{
         margin-top: 92px;
    }
     .mb_116{
         margin-bottom: 92px;
    }
     .pt_116{
         padding-top: 92px;
    }
     .pb_116{
         padding-bottom: 92px;
    }
     .mt_120{
         margin-top: 96px;
    }
     .mb_120{
         margin-bottom: 96px;
    }
     .pt_120{
         padding-top: 96px;
    }
     .pb_120{
         padding-bottom: 96px;
    }
    /*  */
    .loginBox{
        padding: 32px 24px;
    }
    .mainWrap {
        display: block;
    }
    .leftBar{
        position: sticky;
        width: 100%;
        z-index: 99;
    }
    .leftBar .navbar{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .mainSec {
        padding-left: 0;
        position: static;
    }
    .upldSec {
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .topHdrDdInfo{
        display: none;
    }
    .topHdrDD .dropdown-toggle::after {
        top: 50%;
        margin-top: -8px;
    }
    .navbar-brand{
        margin-bottom: 0;
        margin-top: 42px;
    }
    .topHdr .searchBox{
        display: none;
    }
    .topHdr .navbar-toggler{
        display: block;
        padding: .25rem .05rem;
    }
    .topHdr {
        position: fixed;
        top: 0;
        z-index: 100;
        background-color: var(--white);
        box-shadow: none;
        padding: 4px 12px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
    }
    .mainContentCT {
        flex-wrap: wrap;
    }
    .mainContentRgLft {
        width: 100%;
        padding-right: 0;
    }
    .mainContentRgRgt {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid #eee;
        padding-top: 20px;
        margin-top: 32px;
    }
    .topHdrDD .dropdown-toggle > img {
        width: 32px;
        height: 32px;
        border-radius: 2px;
    }
    .topHdrRight {
        gap: 8px;
    }
    .topHdrAnchors {
        width: 24px;
        height: 24px;
        padding: 0;
        border-radius: 6px;
        background-color: transparent;
    }
    .notiDot{
        top: 3px;
        right: 5px;
    }
    .leftBar{
        position: relative;
    }
    .sticky_header .leftBar{
        z-index: 200;
    }
    .sticky_header .navbar-brand {
        position: fixed;
        top: 0;
        left: 50px;
        width: 66px;
        margin: auto;
    }
    /*  */
    .navbar-collapse{
        display: block !important;
        background-color: var(--blue);
        position: fixed;
        left: -280px;
        top: 48px;
        width: 280px !important;
        height: calc(100% - 48px);
        padding-top: 24px;
        padding-right: 8px;
        overflow: auto;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
        transition: all ease 0.3s;
    }
    .navOpen{
        overflow: hidden;
    }
    .navOpen .navbar-collapse{
        left: 0;
        z-index: 9999;
        border-right: 1px solid #fff;
    }
    .navOpen:before{
        display: block;
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }
}

 @media screen and (max-width: 575px) {
    
    /*Margin/Padding*/
     .mt_14{
         margin-top: 13px;
    }
     .mb_14{
         margin-bottom: 13px;
    }
     .pt_14{
         padding-top: 13px;
    }
     .pb_14{
         padding-bottom: 13px;
    }
     .mt_16{
         margin-top: 14px;
    }
     .mb_16{
         margin-bottom: 14px;
    }
     .pt_16{
         padding-top: 14px;
    }
     .pb_16{
         padding-bottom: 14px;
    }
     .mt_18{
         margin-top: 15px;
    }
     .mb_18{
         margin-bottom: 15px;
    }
     .pt_18{
         padding-top: 15px;
    }
     .pb_18{
         padding-bottom: 15px;
    }
     .mt_20{
         margin-top: 16px;
    }
     .mb_20{
         margin-bottom: 16px;
    }
     .pt_20{
         padding-top: 16px;
    }
     .pb_20{
         padding-bottom: 16px;
    }
     .mt_24{
         margin-top: 17px;
    }
     .mb_24{
         margin-bottom: 17px;
    }
     .pt_24{
         padding-top: 17px;
    }
     .pb_24{
         padding-bottom: 17px;
    }
     .mt_28{
         margin-top: 18px;
    }
     .mb_28{
         margin-bottom: 18px;
    }
     .pt_28{
         padding-top: 18px;
    }
     .pb_28{
         padding-bottom: 18px;
    }
     .mt_32{
         margin-top: 19px;
    }
     .mb_32{
         margin-bottom: 19px;
    }
     .pt_32{
         padding-top: 19px;
    }
     .pb_32{
         padding-bottom: 19px;
    }
     .mt_36{
         margin-top: 18px;
    }
     .mb_36{
         margin-bottom: 18px;
    }
     .pt_36{
         padding-top: 18px;
    }
     .pb_36{
         padding-bottom: 18px;
    }
     .mt_40{
         margin-top: 20px;
    }
     .mb_40{
         margin-bottom: 20px;
    }
     .pt_40{
         padding-top: 20px;
    }
     .pb_40{
         padding-bottom: 20px;
    }
     .mt_44{
         margin-top: 22px;
    }
     .mb_44{
         margin-bottom: 22px;
    }
     .pt_44{
         padding-top: 22px;
    }
     .pb_44{
         padding-bottom: 22px;
    }
     .mt_48{
         margin-top: 24px;
    }
     .mb_48{
         margin-bottom: 24px;
    }
     .pt_48{
         padding-top: 24px;
    }
     .pb_48{
         padding-bottom: 24px;
    }
     .mt_52{
         margin-top: 26px;
    }
     .mb_52{
         margin-bottom: 26px;
    }
     .pt_52{
         padding-top: 26px;
    }
     .pb_52{
         padding-bottom: 26px;
    }
     .mt_56{
         margin-top: 28px;
    }
     .mb_56{
         margin-bottom: 28px;
    }
     .pt_56{
         padding-top: 28px;
    }
     .pb_56{
         padding-bottom: 28px;
    }
     .mt_60{
         margin-top: 30px;
    }
     .mb_60{
         margin-bottom: 30px;
    }
     .pt_60{
         padding-top: 30px;
    }
     .pb_60{
         padding-bottom: 30px;
    }
     .mt_64{
         margin-top: 32px;
    }
     .mb_64{
         margin-bottom: 32px;
    }
     .pt_64{
         padding-top: 32px;
    }
     .pb_64{
         padding-bottom: 32px;
    }
     .mt_68{
         margin-top: 36px;
    }
     .mb_68{
         margin-bottom: 36px;
    }
     .pt_68{
         padding-top: 36px;
    }
     .pb_68{
         padding-bottom: 36px;
    }
     .mt_72{
         margin-top: 40px;
    }
     .mb_72{
         margin-bottom: 40px;
    }
     .pt_72{
         padding-top: 40px;
    }
     .pb_72{
         padding-bottom: 40px;
    }
     .mt_76{
         margin-top: 44px;
    }
     .mb_76{
         margin-bottom: 44px;
    }
     .pt_76{
         padding-top: 44px;
    }
     .pb_76{
         padding-bottom: 44px;
    }
     .mt_80{
         margin-top: 48px;
    }
     .mb_80{
         margin-bottom: 48px;
    }
     .pt_80{
         padding-top: 48px;
    }
     .pb_80{
         padding-bottom: 48px;
    }
     .mt_84{
         margin-top: 52px;
    }
     .mb_84{
         margin-bottom: 52px;
    }
     .pt_84{
         padding-top: 52px;
    }
     .pb_84{
         padding-bottom: 52px;
    }
     .mt_88{
         margin-top: 56px;
    }
     .mb_88{
         margin-bottom: 56px;
    }
     .pt_88{
         padding-top: 56px;
    }
     .pb_88{
         padding-bottom: 56px;
    }
     .mt_92{
         margin-top: 60px;
    }
     .mb_92{
         margin-bottom: 60px;
    }
     .pt_92{
         padding-top: 60px;
    }
     .pb_92{
         padding-bottom: 60px;
    }
     .mt_96{
         margin-top: 64px;
    }
     .mb_96{
         margin-bottom: 64px;
    }
     .pt_96{
         padding-top: 64px;
    }
     .pb_96{
         padding-bottom: 64px;
    }
     .mt_100{
         margin-top: 68px;
    }
     .mb_100{
         margin-bottom: 68px;
    }
     .pt_100{
         padding-top: 68px;
    }
     .pb_100{
         padding-bottom: 68px;
    }
     .mt_104{
         margin-top: 72px;
    }
     .mb_104{
         margin-bottom: 72px;
    }
     .pt_104{
         padding-top: 72px;
    }
     .pb_104{
         padding-bottom: 72px;
    }
     .mt_108{
         margin-top: 76px;
    }
     .mb_108{
         margin-bottom: 76px;
    }
     .pt_108{
         padding-top: 76px;
    }
     .pb_108{
         padding-bottom: 76px;
    }
     .mt_112{
         margin-top: 80px;
    }
     .mb_112{
         margin-bottom: 80px;
    }
     .pt_112{
         padding-top: 80px;
    }
     .pb_112{
         padding-bottom: 80px;
    }
     .mt_116{
         margin-top: 84px;
    }
     .mb_116{
         margin-bottom: 84px;
    }
     .pt_116{
         padding-top: 84px;
    }
     .pb_116{
         padding-bottom: 84px;
    }
     .mt_120{
         margin-top: 88px;
    }
     .mb_120{
         margin-bottom: 88px;
    }
     .pt_120{
         padding-top: 88px;
    }
     .pb_120{
         padding-bottom: 88px;
    }
    /*  */
    .dashFeaturesList{
        margin-left: -6px;
        margin-right: -6px;
    }
    .dashFeaturesList li {
        padding: 6px;
    }
    .dashFeaturesBox{
        padding: 18px 16px;
    }
}
 @media screen and (max-width: 479px) {
    
    /*Margins/Paddings*/
     .mt_80{
         margin-top: 40px;
    }
     .mb_80{
         margin-bottom: 40px;
    }
     .pt_80{
         padding-top: 40px;
    }
     .pb_80{
         padding-bottom: 40px;
    }
     .mt_84{
         margin-top: 44px;
    }
     .mb_84{
         margin-bottom: 44px;
    }
     .pt_84{
         padding-top: 44px;
    }
     .pb_84{
         padding-bottom: 44px;
    }
     .mt_88{
         margin-top: 48px;
    }
     .mb_88{
         margin-bottom: 48px;
    }
     .pt_88{
         padding-top: 48px;
    }
     .pb_88{
         padding-bottom: 48px;
    }
     .mt_92{
         margin-top: 52px;
    }
     .mb_92{
         margin-bottom: 52px;
    }
     .pt_92{
         padding-top: 52px;
    }
     .pb_92{
         padding-bottom: 52px;
    }
     .mt_96{
         margin-top: 56px;
    }
     .mb_96{
         margin-bottom: 56px;
    }
     .pt_96{
         padding-top: 56px;
    }
     .pb_96{
         padding-bottom: 56px;
    }
     .mt_100{
         margin-top: 60px;
    }
     .mb_100{
         margin-bottom: 60px;
    }
     .pt_100{
         padding-top: 60px;
    }
     .pb_100{
         padding-bottom: 60px;
    }
     .mt_104{
         margin-top: 64px;
    }
     .mb_104{
         margin-bottom: 64px;
    }
     .pt_104{
         padding-top: 64px;
    }
     .pb_104{
         padding-bottom: 64px;
    }
     .mt_108{
         margin-top: 68px;
    }
     .mb_108{
         margin-bottom: 68px;
    }
     .pt_108{
         padding-top: 68px;
    }
     .pb_108{
         padding-bottom: 68px;
    }
     .mt_112{
         margin-top: 72px;
    }
     .mb_112{
         margin-bottom: 72px;
    }
     .pt_112{
         padding-top: 72px;
    }
     .pb_112{
         padding-bottom: 72px;
    }
     .mt_116{
         margin-top: 76px;
    }
     .mb_116{
         margin-bottom: 76px;
    }
     .pt_116{
         padding-top: 76px;
    }
     .pb_116{
         padding-bottom: 76px;
    }
     .mt_120{
         margin-top: 80px;
    }
     .mb_120{
         margin-bottom: 80px;
    }
     .pt_120{
         padding-top: 80px;
    }
     .pb_120{
         padding-bottom: 80px;
    }
    /*  */
    .dashFeaturesList li {
        width: 100%;
    }
    .dashFeaturesList.col4 li {
        width: 100%;
    }
}

 @media screen and (max-width: 375px) {
    
}
 @media screen and (max-width: 359px) {
    
}