﻿@media(max-width:1024px) {
}

@media(max-width: 996px) {
}

@media(max-width:823px) {
    #sidebar {
        min-height: calc(100vh - 96px) !important;
        max-height: calc(100vh - 96px) !important;
    }

    .divparent {
        margin-top: 0.5rem !important;
    }

    #globalmenuIDMenu div a, #globalmenuIDMenu div a i:before, #projectwiseID div a, #projectwiseID div a:before {
        background-color: transparent;
    }
}

@media(max-width:912px) {

    .orgName {
        margin-right: -4.1% !important;
    }

    /* add by swati rajput*/
    #content .k-grid {
        margin-bottom: 50px !important;
    }
}

@media(max-width:768px) {

    #topWrapper #topbar {
        max-height: 61px;
    }

    .ProappsTxt {
        margin-left: 5% !important;
    }

    .organizationnameLayout {
        margin-top: 0px !important;
    }

    .fontB {
        margin-top: 7px !important;
        height: 52px;
    }

    .sidebarlargelogo {
        padding-left: 0px !important;
        margin-right: .5rem !important;
    }

    .totalRecords {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    ul.breadcrumb1 a, .upper-row label {
        font-size: 13px;
    }

    .breadcrumb1 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 180px;
    }

    .orgName {
        font-size: 13px !important;
        /* margin-top:1px;*/

        font-size: 13px !important;
        padding: 2px 66px 2px 1px;
        margin-right: -5.1%;
        line-height: 2.8;
        margin-top: -7px !important;
    }

    .page-name {
        line-height: 2.0 !important;
        margin-top: -4px;
        font-size: 13px;
    }

    #content .k-grid, #content .k-grid td {
        font-size: 13px !important;
    }

    .nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        /* width: 100px;*/
    }

    .hideForRnD {
        padding-left: 15px !important;
    }

        .hideForRnD div .k-multiselect {
            padding-right: 1rem !important;
        }

    .dbUnirIconColor {
        font-size: 18px;
    }

    .dbIconColor {
        font-size: 10px;
    }

    .k-grid .k-button {
        font-size: 11px;
    }

    .actionBtnWidth {
        min-width: 35px !important;
        min-height: 24px;
        max-height: 28px;
        max-width: 17px;
    }

    .querydiv {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .querylbl {
        margin-right: 1rem !important;
    }

    .column {
        padding-bottom: 1rem;
    }

    .ImageDiv {
        display: none;
    }

    .Editprofilebody {
        height: 324px;
    }

    .card i {
        position: relative;
        right: -66% !important;
        top: 60%;
        font-size: 12rem;
        line-height: 0;
        opacity: 0.2;
        color: #fff;
        z-index: 0;
    }

    .divpad {
        padding-right: 0.5rem !important;
    }

    /*#CommonRightModel {
        max-width: 93% !important;
        top: 55px;
        right: 12px !important;
        height: 88vh;*/
    /*  height: 89vh;
        margin-top: 1em;*/
    /*}*/


}

@media(max-width:375px) {
    .orgName {
        width: 100% !important;
        text-align: left !important;
    }
}

@media(max-width:768px) {
    .page-name {
        width: 100% !important;
    }
}

@media(max-width:667px) {
}

@media(max-width:653px) {
}

@media(max-width:640px) {
}

@media(max-width:600px) {
}

@media(max-width:575px) {
    .UserProfilewdth {
        max-width: 84%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media(max-width: 535px) {
    .UserDetails {
        right: 23px !important;
    }

    #nav-tabContent {
        overflow: hidden !important;
    }

    .orglogo {
        height: 48px;
    }

    .totalRecords {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }

    .orgName {
        margin-top: 5px;
        margin-right: -3px;
        float: none;
        padding: 0px 65px 0px 0px;
        /*padding: 0px 50px 0px 0px;*/
        /* border-left: none;*/
    }

    .page-name {
        margin-top: -4px;
        padding: 1px 45px 0px 9px !important;
    }

    .k-multiselect {
        width: 95% !important;
        padding-left: .5rem !important;
        margin-left: .25rem !important;
    }

    .k-animation-container {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

    .footerimg {
        margin: 0px 8px 3px 0px;
    }

    .totalRecords {
        padding-top: 0.09rem !important;
        padding-bottom: 0.1rem !important;
    }

    .font-sizeconten {
        margin-top: 2px;
    }

    #pleaseWaitModal .modal-content {
        width: 220px;
        height: 70px !important;
        margin-top: 215px;
        margin-left: 42px;
    }

    #pleaseWaitModal h3.w-100 {
        font-size: 16px;
    }

    #pleaseWaitModal .modal-body {
        overflow: hidden;
        padding-top: 0px;
    }
}

@media(max-width:500px) {
    .settingThemeIcon {
        padding: 3px 17px 3px 17px !important;
    }

    .NotificationAnchor {
        padding: 3px 19px 3px 19px !important;
    }

    #sidebar {
        min-height: calc(100vh - 108px) !important;
        max-height: calc(100vh - 108px) !important;
    }

        #sidebar ul li a, #sidebar ul ul a {
            font-size: 12px !important;
        }

            #sidebar ul li a img {
                height: 35px;
                width: 35px;
            }

    #content .k-dropdown .k-dropdown-wrap .k-input, #content .k-dropdowntree .k-dropdown-wrap .k-input {
        font-size: 12px !important;
    }

    #content .k-grid, #content .k-grid td, .k-datepicker .k-picker-wrap .k-input, .k-grid tr, label, .k-grid .k-grid-toolbar a p span {
        font-size: 14px !important;
    }

    ul.breadcrumb1 li, ul.breadcrumb1 li a, .orgName, .page-name {
        font-size: 12px !important;
    }

    .k-grid .k-grid-toolbar a p span {
        font-size: 12px !important;
    }

    .breadcrumb1 /*,.orgName */ {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100px;
        padding: 0px 50px 0px 0px !important;
        margin-top: 0px !important;
        width: 164px;
        line-height: 25px;
        border-left: 28px solid transparent !important;
    }

    .page-name {
        text-overflow: ellipsis;
        width: 100% !important;
        /* width: 130px;*/
        /*   width:unset;*/
        line-height: 2.8 !important;
    }

    h5, h6 {
        font-size: 15px !important;
    }

    h6 {
        font-size: 13px !important;
    }

    b {
        font-size: 10px !important;
    }

    .arrowsizelyt {
        font-size: 18px !important;
    }

    .navbar-toggler, #topmenuCollapse, .k-header .k-icon {
        font-size: 13px;
    }

    .footertext, .releasenotetxt a, .font-sizeconten {
        font-size: 10px !important;
    }

    .footerimg {
        margin: 2px 8px 2px 0px;
    }

    .k-datepicker .k-picker-wrap .k-input {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .k-button {
        font-size: 13px !important;
    }

    .editButtonGrid, .editButtonGrid.k-button {
        font-size: 8px !important;
    }

    #MRListModalOpen {
        max-width: 80% !important;
    }

    .second {
        padding-bottom: 1rem;
    }

    .dynamicModelDiv .card {
        min-height: 120px;
    }

    .second {
        padding-bottom: 0px !important;
    }
    /*.Editprofilebody {
        height: 71vh !important;
    }*/
    .DashboardBtn {
    }

    .hardCodeCard {
        padding-left: 1rem !important;
    }

    .Shortcode {
        right: 1% !important;
    }
    /*  .hardCodeCard {
        padding-left: 2rem !important;
    }*/
    .ResponsivescreenML {
        font-size: 18px !important;
        margin-top: 14px !important;
    }
}


@media(max-width:414px) {
    .nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        /* width:65px;*/
    }
}

@media(max-width:500px) and (min-width:412) {
    .upper-row {
        border-bottom: 1.1px solid rgba(221, 221, 221, 0.85);
        background-color: #eee;
        line-height: 7px;
        padding-top: 4px;
        height: 55px !important;
    }
}

@media(max-width:425px) {
    .SetPXOnRespScreen {
        padding: 0px 13px
    }
}

@media(max-width:411px) {
}

@media(max-width:375px) {
    .UserDetails {
        left: 105px !important;
        margin-top: 74px;
        right: 21px !important;
    }

    .logout_txt {
        margin-left: .5rem !important;
    }

    .orgName {
        margin-top: 3px;
    }

    .k-grid .k-grid-toolbar > label {
        margin-top: 0.6rem !important;
    }

    .orgName {
        padding: 0px 50px 0px 0px !important;
        margin-top: 0px !important;
        width: 164px;
        line-height: 25px;
        border-left: 28px solid transparent !important;
    }

    .k-item.k-filter-item .k-animation-container {
        left: -56px !important;
        top: 20px !important;
    }

    .Shortcode {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 6em
    }
}
/*dhanashree*/
@media(max-width:335px) {
    .orgName {
        margin-left: 0px !important;
    }

    .page-name {
        width: 120px;
    }
}

@media(max-width:320px) {
    .UserDetails {
        left: 31px !important;
    }

    .organizationnameLayout {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 160px;
        overflow: hidden;
    }

    #sidebar {
        min-height: calc(100vh - 103px) !important;
        max-height: calc(100vh - 103px) !important;
    }

    .breadcrumb1 {
        width: 123px;
    }

    .orgName {
        white-space: nowrap;
        /* text-overflow: ellipsis !important;*/ /*change by swati */
        /*width: 63px;
        overflow: hidden !important;*/
    }

    .page-name {
        line-height: 2.4 !important;
    }

    .theme {
        width: 37px !important;
    }

    .Shortcode {
        /*  bottom: 2rem !important;*/
    }
}

@media(max-width:280px) {
}
