/* Extra small devices */
@media (max-width: 575.98px)
{
    .f .filter select{border-radius: 40px 0px 0px 40px;         }
    .r{
        display: block;
    }
    .f{
        display: block;
    justify-content: space-between;
    }
    .buttonmain{
        font-size: 14px!important;
    }
    .la{
        
    width: 18px;
    height: 18px;}
    .admindashboard .leftcontent .TopRightuserandname .leftname h3{display: flex
        ;
            flex-wrap: wrap;}
    .login{height:calc(100vh  - 2rem)}
    .login .positionrelative{padding-right:0;}
    .login .positionrelative .logobglogin {
        z-index: 1;
        width: 110px;
        top: 6%;
    }
    .login .bglogin
    {
        width: 90%;
        padding-top:10%;
    }
    .login .positionrelative .two-color-bg::before
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 65%;
        left: 0;
    }
    .login .positionrelative .two-color-bg::after
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 35%;
        left: 0;
    }
    .login .heightfit {
        gap: 15px;
    }
    .login .rightcontent h3
    {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 3rem;
    }
    .login .rightcontent .loginform .formflex {
        flex-direction: column;
    }
    .login .rightcontent .loginform .formflex .paddingbottom {
        text-align: left;
        margin: 6px 0;
    }
    .login .rightcontent
    {
        padding:0;
        border:none;
    }
    .rightcontent .form {
        padding: 0;
        width: 90%;
    }
    .login .rightcontent .loginform .forgotpassword h5
    {
        padding-top:0;
        letter-spacing: -0.35px;
    }
    .forgotright{padding-left: 0rem !important;align-items: center !important;}
    .resetright{padding-left: 0rem !important;align-items: center !important;}
    .rightcontent .loginbutton{padding: 0.5rem 1.25rem;}
    /* -----------------------Employee---------------------------------- */
    .admindashboard .rightcontent
    {
        flex-direction: column;
        margin-right: 0;
        gap:15px;
    }
    .admindashboard .rightcontent .formflex{margin-bottom: 0.55rem;}
    .form-group-label{
        text-align: left;margin-top: 15px;}
    .admindashboard{height:100%;}
    .admindashboard .heightone{height:100%;}
    .admindashboard .rightcontent .formflex label{
        margin-right: 0;font-size: 16px;letter-spacing: -0.45px;
        margin-bottom: 0.25rem;}
        .dashpadding{border:none;}
    .mobilehide{display:none!important;}
    .mobileshow{display:block!important;}
    .admindashboard .toplogodatetime{
        position: absolute;
        padding: 10px 15px;;
    }
    .admindashboard .leftcontent .TopRightuserandname .rightimage {
        margin: 1rem 0.25rem!important;
    }
    .admindashboard .leftcontent .TopRightuserandname .leftname {
        text-align: left!important;
    }
    .admindashboard .leftcontent .TopRightuserandname
    {
        width: 100%;
    justify-content: space-between;
    padding: 0 0.75rem;
    }
    .admindashboard .width70 {
        width: 100%;
    }
    .admindashboard .rightcontent .formflex .labelright {
        text-align: left;
        margin-top: 10px;
    }
    .search-container{width:100%;}
    .admindashboard .rightcontent .w100 .borderrighttableleave {
        overflow: auto;
    }
    .admindashboard .rightcontent .w100 .tablelist {
        overflow: auto;
        min-width: max-content;
        width: 100%;
    }
    .admindashboard .rightcontent .w100 .pagination{margin-bottom: 1rem;}
    .admindashboard .rightcontent .w100 .tablelist th {
        padding: 0.75rem;
        font-size: 16px;
    }
    .admindashboard .rightcontent .w100 .tablelist td {
        padding: 1rem 0.55rem;
        font-size: 16px;
    }
    .admindashboard .rightcontent .maincard .centercontent .text h4{font-size: 15px;}
    .admindashboard .rightcontent .maincard .centercontent .text h2{font-size: 35px;}
    .admindashboard .rightcontent .maincard .bottomIcon img
    {
        width: 35px;
        right: 5px;
        bottom: 5px;
    }
    .holidaylistmain .iconmain .icon{width: 70px;}
    .holidaylistmain .content{padding: 0.55rem 0.75rem;flex-direction: column;}
    .holidaylistmain .content h4{font-size: 15px;}
    .holidaylistmain .datechange h5
    {
        font-size: 15px;
    }
    .holidaylistmain .list th, .holidaylistmain .list tr, .holidaylistmain .list td {
        padding: 0.6rem;
        font-size: 15px;
    }
    .login .positionrelative .textbottombutton
    {
        display: block;
        border: 1px solid #d3d3d3;
        border-radius: 40px;
        padding: 0.5rem 1.5rem;
        cursor:pointer;
    }
    .login .rightcontent .loginform .forgotpassword{margin-top:10px;}
    .login .rightcontent{background-position: left;}
    .admindashboard .centertitle h3{font-size: 18px;margin-bottom: 0.75rem;}
    .card2{margin-bottom: 0.75rem;padding:0;}
    .admindashboard .rightcontent .card1 .color1{margin-right: 0;margin-bottom: 0.75rem;}
    .spanpasswordgenerate span{padding-bottom: 0px;margin-top: 0.55rem;}
    .admindashboard .rightcontent .w100 .tablelist .viewbutton{width: auto;}
    /* .admindashboard .rightcontent .w100 .borderrighttable{overflow: scroll;} */
    .holidayaddmodal .modalflexend{padding-top: 1rem;}
    .holidayaddmodal .toplogodatetime{display: none;}
    .w25{width:100%;}
    .backtodashboard{padding: 0.25rem 1rem;justify-content: center;}
    .holidayaddmodal .borderright
    {
        padding: 0!important;
    }
    .holidayaddmodal .flexalign {
        display: block;
        margin-bottom: 0;
    }
    .holidaylistmain
    {
        padding: 1rem !important;
    }
    .nopadding, .cursorpointer{padding: 0;}
    .dashpadding{margin-bottom: 0;}
    .admindashboard .rightcontent .formflex input, .admindashboard .rightcontent .formflex .selectform, .admindashboard .rightcontent .formflex textarea{font-size: 16px;}
    .admindashboard .rightcontent .w100 .borderright
    {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    .toggle-password, .search-container .search-icon
    {
        right: 20px;
        top:20px;
    }
    .admindashboard .rightcontent .w100 .borderrighttable, .admindashboard .rightcontent .w100 .borderrighttableleave{padding: 0;}
    .holidayaddmodal .borderright, .leaveadminmodal .borderright{padding-right: 0!important;}
    .leaveadminmodal .toplogodatetime
    {
        display:none;
    }
    .holidayaddmodal .TopRight .rightname h3, .leaveadminmodal .TopRight .rightname h3
    {
        letter-spacing: 0;
    }
    .holidayaddmodal .btn-close, .leaveadminmodal .btn-close {
        position: absolute;
        right: 15px;
        top: 15px;
        margin: 0;
        padding: 0;
    }
    .attchmentdiv
    {
        padding: 0.5rem;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .view-attachment
    {
        width: min-content;
        line-height: normal;
    }
    .leaveadminmodal .borderright{margin-bottom: 0!important;
        padding-bottom: 1rem !important;}
        
    .card1{padding: 0;}
    .dash_holidaylist_buttton{padding-right: 0;}
    .leaveadminmodal .TopRight .rightname{background-color: #00a0e3;}
    .leaveadminmodal .TopRight .rightname h3
    {
        background-color: transparent;
        padding: 0;
    }
    .leaveadminmodal .modalflexend
    {
        background-color: #00a0e3;
        width: 100%;
        padding: 0.75rem 1.5rem;
        letter-spacing: -0.55px;
        align-items: center;
    }
    .leaveadminmodal .TopRight .btnclose{top:12px;color:#fff!important}
    .admindashboard .rightcontent .w100
    {
        padding: 0 0.75rem;
    }
    .admindashboard .toplogodatetime img {
        width: 120px;
    }
    .apply_data, .balance_data{flex-direction: column;}
    .admindashboard .leftcontent .TopRightuserandname .leftname h5 {
        font-size: 13px;
    }
    .apply_data .manageflex {
        padding-left: 0;
    }
    .apply_data .first{
        padding: 0.25rem;
    margin-bottom: 0.5rem;
    }
    .balance_data .manageflex {
    flex-direction: column;
}
    .m0{margin: 0;}
    .p0{padding: 0;}
}

/* Small devices */
@media (min-width: 576px) and (max-width: 767.98px)
{
    .f .filter select{border-radius: 40px 0px 0px 40px;         }
    .r{
        display: block;
    }
    .f{
        display: block;
    justify-content: space-between;
    }
     .buttonmain{
        font-size: 14px!important;
    }
    .la{
        
    width: 18px;
    height: 18px;}
    .login{height:calc(100vh  - 2rem)};
    .btnclose{color:#000;}
    .login .positionrelative{padding-right:0;}
    .login .positionrelative .logobglogin
    {
        z-index: 1;
        width: calc(135px + 0.5vw);
    }
    .login .bglogin{padding-top:20%;}
    .login .positionrelative .two-color-bg::before
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 65%;
        left: 0;
    }
    .login .positionrelative .two-color-bg::after
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 35%;
        left: 0;
    }
    .login .rightcontent .loginform .formflex .paddingbottom {
        text-align: left;
        margin: 6px 0;
    }
    .login .rightcontent
    {
        padding:0;
        border:none;
    }
    .backtodashboard
    {
        padding:0;
        justify-content: center;
    }
    .backtodashboard a
    {
        display: flex;
        align-items: center;
        padding: 1rem;
        gap: 10px;
        font-size: 16px;
        font-weight: 500;
        flex-direction: column;
        text-align: center;
        line-height: normal;
    }
    .backtodashboard img {
        padding-right: 0;
    }
    .w25 {
        width: auto;
    }
    .admindashboard .centertitle h3 {
        font-size: 18px;
    }
    .admindashboard .rightcontent{flex-direction: column;margin: auto 0.75rem;}
    .admindashboard .rightcontent .card1 .color1{margin-right: 0;}
    .admindashboard .card1{margin-bottom: 1rem;padding-right: 0;}
    .admindashboard .card2, .dash_holidaylist_buttton{padding-right: 0;}
    .holidayaddmodal .borderright, .leaveadminmodal .borderright{padding-right: 0!important;}
    .holidayaddmodal .flexalign{flex-direction: column;}
    .admindashboard .rightcontent .formflex .labelright, .form-group-label {
        text-align: left;
    }
    .admindashboard .rightcontent .formflex .select-icon{right:1.75rem;}
    .search-container .search-icon, .toggle-password{right:30px;}
    .search-container{width: 100%;}
    .admindashboard .rightcontent .w100 .borderrighttableleave, .admindashboard .rightcontent .w100 .borderrighttable{padding: 0;}
    .admindashboard .rightcontent .w100 .borderrighttableleave, .admindashboard .rightcontent .w100 .borderrighttable{overflow: auto;}
    .admindashboard .rightcontent .w100 .tablelist .viewbutton{width: 100%;}
    .admindashboard .rightcontent .formflex input, .admindashboard .rightcontent .formflex .selectform, .admindashboard .rightcontent .formflex textarea{margin-bottom: 0.75rem;}
    .admindashboard .rightcontent .formflex{margin-bottom: 0;}
    .admindashboard .width70{width: 100%;}
    .admindashboard .toplogodatetime{padding-top: 2rem;
        padding-left: 1rem;}
        .admindashboard .toplogodatetime img {
            width: 120px;}
            .admindashboard .rightcontent .w100 .tablelist {
                width: 100%;
            }
            .maincard.card2{padding-bottom: 0.75rem;}
            .nopadding,.cursorpointer{padding-right: 0;}
            .admindashboard .toplogodatetime p {
                font-size: 14px;
            }   
            .m0{margin: 0;}
    .p0{padding: 0;}
    .apply_data .manageflex {
        padding-left: 0;
    }
    .apply_data .first{
        padding: 0.25rem;
    margin-bottom: 0.5rem;
    }
}

/* Medium devices */
@media (min-width: 768px) and (max-width: 991.98px)
{
    .f .filter select{border-radius: 40px 0px 0px 40px;         }
    .r{
        display: block;
    }
    .f{
        display: block;
    justify-content: space-between;
    }
     .buttonmain{
        font-size: 13px!important;
    }
    .la{
        
    width: 20px;
    height: 20px;}
    .login{height:calc(100vh  - 2rem)};
    .btnclose{color:#000;}
    .login .positionrelative{padding-right:0;}
    .login .positionrelative .logobglogin
    {
        z-index: 1;
        width: calc(135px + 0.5vw);
    }
    .login .bglogin{padding-top:10%;}
    .scrollbuttonlogin, .login .positionrelative .textbottombutton{bottom:12%;display: flex;justify-content: center;}
    .login .rightcontent .loginform .forgotpassword{margin-top:10px;padding: 0;}
    .login .positionrelative .two-color-bg::before
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 65%;
        left: 0;
    }
    .login .positionrelative .two-color-bg::after
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 35%;
        left: 0;
    }
    .login .rightcontent .loginform .formflex .paddingbottom {
        text-align: left;
        margin: 6px 0;
    }
    .login .rightcontent
    {
        padding:0;
        border:none;
    }
    .login .rightcontent .loginform .forgotpassword h5
    {
        padding-top:0;
    }
    .forgotbg {
        width: 60% !important;
    }
    .admindashboard .toplogodatetime{padding:1.5rem 0 0 2rem;position: absolute;}
    .admindashboard .leftcontent .TopRightuserandname{width:100%;}
    .admindashboard .rightcontent .maincard .centercontent .text h4{font-size: 16px;}
    .admindashboard .rightcontent .maincard .centercontent .text h2{font-size: 35px;}
    .admindashboard .rightcontent .maincard .bottomIcon img
    {
        width: 35px;
        bottom: 5px;
        right: 5px;
    }
    .holidaylistmain .iconmain .icon{width: 75px;height: 100%;}
    .holidaylistmain .content
    {
        padding: 0.55rem 0.75rem;
    }
    .holidaylistmain .content h4{font-size: 16px;}
    .holidaylistmain .datechange h5{font-size: 16px;}
    .holidaylistmain .list tbody th:nth-child(1){width: auto;}
    .holidaylistmain .list th, .holidaylistmain .list tr, .holidaylistmain .list td{
        padding: 0.7rem 1rem;
        font-size: 16px;}
        .admindashboard .heightone{height:100%;}
    .holidayaddmodal .toplogodatetime{display: none;}
    .holidayaddmodal .TopRight, .leaveadminmodal .TopRight{margin-top: 1rem;}
    .holidayaddmodal .TopRight .rightname h3, .leaveadminmodal .TopRight .rightname h3{padding: 0.45rem 5rem;}
    .search-container{width: 100%;}
    .dashpadding{border:none;margin-bottom:0;}
    .admindashboard .rightcontent
    {
        gap: 15px;
    }
    .admindashboard .copyright{position: relative;}
    .admindashboard .rightcontent .w100 .borderright{margin-bottom: 1rem;}
    .admindashboard .rightcontent .formflex{margin-bottom: 0;}
    .admindashboard .rightcontent .formflex label
    {
        margin-right: 0;
        margin-top: 10px;
    }
    .form-group-label{text-align: left;}
    .borderrighttableleave{overflow: auto;}
    .admindashboard .rightcontent .w100 .tablelist{overflow: auto;min-width: max-content;
        width: 100%;}
    .w100{overflow: auto;}
    .admindashboard .rightcontent .w100 .tablelist td{font-size: 16px;}
    .admindashboard .rightcontent .w100 .pagination{margin-bottom: 1rem;}
    .admindashboard .width70{width:100%;}
    .admindashboard .rightcontent .formflex .labelright {
        text-align: left;
        /* margin-top: 10px; */
    }

    .toggle-password{right: 25px;}
    .spanpasswordgenerate span
    {
        margin-top: 0;
        letter-spacing: -0.25px;
    }
    .search-container .search-icon{right: 20px;}
    .admindashboard .rightcontent .w100 .borderrighttable{overflow: auto;padding: 0;}
    .admindashboard .rightcontent .w100 .borderrighttableleave{padding: 0;}
    .admindashboard .rightcontent .w100 .tablelist .viewbutton{width: auto;}
    .adminmainmodal .toplogodatetime{display: none;}
    .admindashboard .rightcontent .card1 .color1{margin-right: 0;}
    .admindashboard .rightcontent .card1{margin-bottom: 15px;}
    .adminmainmodal .borderright{padding-right: 0!important;}
    .adminmainmodal .form-group-label{text-align: right;}
    .attchmentdiv{margin:0;}
    .admindashboard .rightcontent .formflex input, .admindashboard .rightcontent .formflex .selectform, .admindashboard .rightcontent .formflex textarea
    {
        margin-bottom: 12px;
    }
    .adminmainmodal .borderright{margin-bottom: 0!important;padding-top: 1rem !important;}
    .backtodashboard
    {
        padding:0;
        justify-content: center;
    }
    .backtodashboard a
    {
        display: flex;
        align-items: center;
        padding: 1rem;
        gap: 10px;
        font-size: 16px;
        font-weight: 500;
        flex-direction: column;
        text-align: center;
        line-height: normal;
    }
    .backtodashboard img {
        padding-right: 0;
    }
    .holidayaddmodal .borderright
    {
        padding:0!important;
        margin-bottom: 0!important;
    }
    .holidayaddmodal .formflex label{margin-top: 0!important;}
    .holidayaddmodal .flexalign{align-items: baseline;}
    .admindashboard .rightcontent .w100 .borderright .buttonmain{margin: 0;}
    .w25 {
        width: 25%;
    }
    .admindashboard .centertitle h3 {
        font-size: 18px;
    }
    .resetright .toggle-password {
        right: 20px;
        top: 50%;
    }

    .admindashboard .toplogodatetime img {
        width: 120px;
        margin-bottom: 2rem;
        margin-top: 0.75rem;
    }
    .maincard.card2{padding-bottom: 0.75rem;}
    .balance_data .br0, .apply_data .br0{font-size: 13px;}
    .m0{margin: 0;}
    .p0{padding: 0;}
    .apply_data .first{
        text-align: center;
    padding: 0.55rem;
    }
}

/* Large devices */
@media (min-width: 992px) and (max-width: 1199.98px)
{
    .f .filter select{border-radius: 40px 0px 0px 40px;         }
    .r{
        display: block;
    }
    .f{
        display: block;
    justify-content: space-between;
    }
     .buttonmain{
        font-size: 14px!important;
    }
    .la{
        
    width: 20px;
    height: 20px;}
    .paddingbottominput{margin-bottom: 0;}
    .login{height:calc(100vh  - 2rem)};
    .btnclose{color:#000;}
    .login .positionrelative .logobglogin
    {
        z-index: 1;
        width: calc(110px + 0.5vw);
    }
    .login .positionrelative .logobglogin
    {
        z-index: 1;
        width: calc(135px + 0.5vw);
    }
    .login .bglogin{padding-top:20%;}
    .login .positionrelative .two-color-bg::before
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 55%;
        left: 0;
    }
    .login .positionrelative .two-color-bg::after
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 45%;
        left: 0;
    }
    .admindashboard .rightcontent .margin3
    {
        gap: 0px;
    }
    .admindashboard .rightcontent .card1 .color1{margin-right: 0;}
    .search-container
    {
        width: 100%;
    }
    .admindashboard .rightcontent .formflex label
    {
        margin:0;
    }
    .form-group-label {
        text-align: left;
        margin-top: 15px;
    }
    .admindashboard .rightcontent .formflex
    {
        /* margin-bottom: 0px; */
    }
    .admindashboard .rightcontent .w100 {
        overflow: auto;
        margin-right: 1rem;
    }
    .admindashboard .rightcontent .w100 .borderrighttableleave
    {
        overflow: auto;
    }
    .admindashboard .rightcontent .w100 .tablelist th
    {
        padding: 0.75rem;
        font-size: 16px;
    }
    .admindashboard .rightcontent .w100 .tablelist td
    {
        font-size: 16px;
    }
    .admindashboard .rightcontent .w100 .pagination
    {
        margin-bottom:1rem;
    }
    .admindashboard .width70{width:100%;}
    .admindashboard .width70 .formflex
    {
        margin-top:1rem;
    }
    .toggle-password
    {
        right: 20px;
        top:20px;
    }
    .dashpadding {
        border: 0;
        margin: 0;
    }

    .admindashboard {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .admin .formflex{margin-bottom: 15px!important;}
    .spanpasswordgenerate span{
        margin-top: 0.25rem;
        padding-bottom: 0px;
    }
    .admindashboard .rightcontent .formflex .select-icon{right:2rem;}
    .search-container .search-icon{right: 20px;}
    /* .holidayaddmodal .borderright, .leaveadminmodal .borderright{padding-right: 0!important;} */
    .adminpadding{padding:0;}
    .leaveadminmodal .form-group-label{
        text-align: right!important;
    }
    .backtodashboard
    {
        padding:0;
        justify-content: center;
    }
    .backtodashboard a
    {
        display: flex;
        align-items: center;
        padding: 1rem;
        gap: 10px;
        font-size: 16px;
        font-weight: 500;
        flex-direction: column;
        text-align: center;
        line-height: normal;
    }
    .backtodashboard img {
        padding-right: 0;
    }
    .attchmentdiv{margin:0;}
    .adminmodal input, .adminmodal .selectform, .adminmodal textarea{margin-bottom:15px;}
    .adminmodal .borderright{margin-bottom: 0!important;}
    .w25 {
        width: 25%;
    }
    .admindashboard .centertitle h3 {
        font-size: 18px;
    }
    .admindashboard .rightcontent{margin-bottom: 0.75rem;}
    .resetright .form{width: 100% !important;
        margin-left: -4% !important;}
        .resetright{padding-left: 3rem !important;}
        .maincard.card2{padding-bottom: 1rem;}
        .admindashboard .rightcontent .w100 .borderrighttableleave, .admindashboard .rightcontent .w100 .borderrighttable{padding: 0;}
        .employeelistablelist{width: 100%!important;}
        .m0{margin: 0;}
    .p0{padding: 0;}
}
/* Extra large devices */
@media (min-width: 992px) and (max-width: 1068px)
{
    .f .filter select{border-radius: 40px 0px 0px 40px;         }
    .r{
        display: block;
    }
    .f{
        display: block;
    justify-content: space-between;
    }
    .la{
        
    width: 20px;
    height: 20px;}
    .login{height:calc(100vh  - 2rem)};
    .admindashboard .rightcontent .w100 .tablelist {
        width: 100%;
    }
    .m0{margin: 0;}
    .p0{padding: 0;}
}
@media (min-width: 992px) and (max-width: 1199px)
{.login .positionrelative .textbottombutton{display: none;}.rightcontent .loginbutton{margin: 2rem auto;}.m0{margin: 0;}
    .p0{padding: 0;}.apply_data .first{text-align: center;
    padding: 0.5rem;}}

/* Extra large devices */
@media (min-width: 1200px) and (max-width: 1399.98px)
{
    .f .filter select{border-radius: 40px 0px 0px 40px;         }
    .r{
        display: block;
    }
    .f{
        display: block;
    justify-content: space-between;
    }
    .la{
        
    width: 20px;
    height: 20px;}
    .login{height:calc(100vh  - 2rem)};
    .btnclose{color:#000;}
    .login .positionrelative .logobglogin
    {
        z-index: 1;
        width: calc(120px + 0.5vw);
    }
    .login .bglogin{padding-top:25%;}
    .login .positionrelative .logobglogin
    {
        z-index: 1;
        width: calc(135px + 0.5vw);
    }
    .login .positionrelative .two-color-bg::before
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 65%;
        left: 0;
    }
    .login .positionrelative .two-color-bg::after
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 35%;
        left: 0;
    }
    .admindashboard .rightcontent .formflex label {
        font-weight: 600;
        font-size: 16px;
        margin-right: 0;
    }
    .form-group-label {
        text-align: right;
        padding: 0;
    }
    .admindashboard .rightcontent .w100 .tablelist th{font-size: 16px;}
    .admindashboard .rightcontent .w100 .tablelist td{font-size: 16px;}
    .admindashboard .rightcontent .w100 .pagination{margin-bottom: 1rem;}
    .admindashboard .width70
    {
        width: 100%;
    }
    .toggle-password{right: 20px;top:22px;}
    .admindashboard .rightcontent{margin-right: 0.65rem;}
    .admindashboard .rightcontent .maincard .centercontent .text h4{font-size: 17px;}
    /* .holidaylistmain .content
    {
        flex-direction: column;
        margin: 0;
    } */
    .search-container
    {
        width: 100%;
    }
    .dashpadding {
        border: 0;
        margin: 0;
    }
    .admindashboard .rightcontent .margin3
    {
        margin-right: 0.55rem;
    }
    .search-container .search-icon{right: 20px;}
    .admindashboard .rightcontent .w100 .borderrighttable, .admindashboard .rightcontent .w100 .borderrighttableleave{padding: 0;}
        .admindashboard .rightcontent .w100 {
        overflow: auto;
        margin-right: 1rem;
    }
    .flexcenter{margin: 0;padding:0;}
        .admindashboard .rightcontent .w100 .borderrighttableleave {
        overflow: auto;
    }
    .m0{margin: 0;}
    .p0{padding: 0;}
    /* .admindashboard .rightcontent .formflex .labelright{padding: 0;} */
    .backtodashboard
    {
        padding:0;
    }
    .backtodashboard a
    {
        display: flex;
        align-items: center;
        padding: 1rem;
        gap: 10px;
        font-size: 16px;
        font-weight: 500;
        flex-direction: column;
        text-align: center;
        line-height: normal;
    }
    .backtodashboard img {
        padding-right: 0;
    }

    .resetright .form {
        width: 100% !important;
        margin-left: -6% !important;
    }
    .resetright{padding-left: 4rem !important;}
    .holidaylistmain .content h4{font-size: 18px;}
    .holidaylistmain .datechange h5{font-size: 16px;}
    .holidayaddmodal .flexalign{gap:20px;}
    .admindashboard .toplogodatetime img {
        width: 120px;
    }
    .holidayaddmodal .borderright, .leaveadminmodal .borderright
    {
        padding-right: 0!important;
    }
    /* .admindashboard .rightcontent .formflex{margin-bottom: 0;} */
    .paddingbottom{padding-bottom: 1rem;}
    .paddingbottominput{margin-bottom: 0;}
    .login .positionrelative .textbottombutton{display: none;}
}

@media (min-width: 1400px) and (max-width: 1600px)
{
.admindashboard .rightcontent .w100 {
        overflow: auto;
        margin-right: 1rem;
    }
}

/* Extra extra large devices */
@media (min-width: 1400px) and (max-width: 1920px)
{
    .admindashboard .rightcontent .w100 {
    overflow: hidden;
    }
    .admindashboard .rightcontent .w100 .borderrighttableleave {
        overflow: auto;
    }
    .admindashboard .rightcontent .w100 .tablelist {
        /* overflow: auto;
        min-width: max-content; */
        width: 100%;
    }
    .leavetable .adminpadding .borderrighttableleave {
        overflow: auto;
    }
    .leavetable .adminpadding .borderrighttableleave {
        overflow: auto;
        min-width: max-content;
        width: 100%;
    }
    .la{
        
    width: 20px;
    height: 20px;}
    .login{height:calc(100vh  - 2rem)};
    .btnclose{color:#000;}
    .login .rightcontent h3{font-size:calc(16px + 0.75vw);}
    .login .rightcontent strong{border-bottom:3px solid #00a0e3;}
    .login .bglogin{padding-top:20%;}
    .login .positionrelative .logobglogin
    {
        z-index: 1;
        width: calc(135px + 0.5vw);
    }
    .login .positionrelative .two-color-bg::before
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 65%;
        left: 0;
    }
    .login .positionrelative .two-color-bg::after
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 35%;
        left: 0;
    }
    
    .admindashboard .rightcontent .formflex label{margin-right: 0;font-size: 15px;}
    .admindashboard .rightcontent .formflex .select-icon{right: 1.75rem;}
    .toggle-password{right: 20px;}
    .search-container{width:50%;}
    .search-container .search-icon{right: 20px;}
    .admindashboard .rightcontent .w100 .borderrighttableleave, .admindashboard .rightcontent .w100 .borderrighttable{padding: 0;}
    .backtodashboard
    {
        padding:0;
        justify-content: center;
    }
    .backtodashboard a
    {
        display: flex;
        align-items: center;
        padding: 1rem;
        gap: 10px;
        font-size: 16px;
        font-weight: 500;
        flex-direction: column;
        text-align: center;
        line-height: normal;
    }
    .backtodashboard img {
        padding-right: 0;
    }
    .resetright .form {
        width: 100% !important;
        margin-left: -8% !important;
    }
    .resetright .toggle-password {
        right: 20px;
    }
    .resetright{padding-left: 3rem !important;}
    .row>*{padding-right: 0;}
    .admindashboard .rightcontent .w100 .tablelist th, .admindashboard .rightcontent .w100 .tablelist td{padding: 1rem 0.95rem;}
    .admindashboard .rightcontent .w100 .borderright
    {
        padding: 2rem;
    }
    .admindashboard .rightcontent{margin-right: 0.75rem;}
    .lwidth{width: 25%;}
    .form-group-label{padding-right: 0;}
    .admindashboard .copyright
    {
        
    }
    .admindashboard .rightcontent .formflex{width:100%;}
    /* .heightone{
        height: 100%;} */
        .dashpadding{border: 0;
            margin: 0;}
            .nopadding, .cursorpointer{padding-right: 0;}
            .admindashboard .toplogodatetime{padding-top: 2rem;}
            .admindashboard .rightcontent .holidaylist h4{margin-top: 0.55rem;}
            .leaveadminmodal .borderright{padding:0!important;}
            .attchmentdiv{margin:0;}
            .holidayaddmodal .flexalign{gap:15px;}
            .admindashboard .toplogodatetime img {
                width: 125px;
            }
            .login .positionrelative .textbottombutton{display: none;}
}
 /* Extra extra extra large devices */
 @media (min-width: 1921px) and (max-width: 3000px)
{
    .admindashboard .rightcontent .w100 {
    overflow: hidden;
    }
    .admindashboard .rightcontent .w100 .borderrighttableleave {
        overflow: auto;
    }
    .admindashboard .rightcontent .w100 .tablelist {
        /* overflow: auto;
        min-width: max-content; */
        width: 100%;
    }
    .login{height:calc(100vh  - 2rem)};
    .btnclose{color:#000;}
    .login .rightcontent h3{font-size:calc(16px + 0.75vw);}
    .login .rightcontent strong{border-bottom:3px solid #00a0e3;}
    .login .positionrelative .logobglogin
    {
        z-index: 1;
        width: calc(140px + 1dvw + 1vw);
    }
    .login .bglogin{padding-top:20%;}
    .login .positionrelative .two-color-bg::before
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 65%;
        left: 0;
    }
    .login .positionrelative .two-color-bg::after
    {
        content: '';
        position: absolute;
        width: 100%;
        height: 35%;
        left: 0;
    }

    .resetright .form {
        width: 100% !important;
        margin-left: -12% !important;
    }
    .resetright .toggle-password {
        right: 20px;
    }
    .admindashboard .toplogodatetime{padding-bottom:0;}
    .top2rem{margin-top:2rem;}
    .admindashboard .rightcontent .w100 .borderrighttable{padding: 0;}
    .admindashboard .rightcontent .w100 .tablelist .editbutton, .admindashboard .rightcontent .w100 .tablelist .deletebutton{cursor:pointer;}
    .login .positionrelative .textbottombutton{display: none;}
}