@media(max-width: 5000px) and (min-width: 1700px){
.custom-table-space.responsive-table perfect-scrollbar#sidebar-ps {
    height:calc(100vh - 250px);
}
.ellipsis{
    min-width: 100%!important;
}
}
@media(max-width: 1700px) and (min-width: 991px){
.custom-table-space.responsive-table perfect-scrollbar#sidebar-ps {
    height:calc(100vh - 250px);
}
}
@media (max-width: 1024px) and (min-width: 320px){
    .address-label{
    width: 100%;
    position: relative;
}
.address-label span.address-des{
        overflow-y: auto;
    width: 65%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
}
.main-panel{
    padding-bottom: 100px!important;
}
}

@media (max-width: 991px) and (min-width: 320px) {
 
    /*main panel css start*/
    /*login page css*/
    .mylogin2 .login-container .lef-side {
        display: none;
    }
    .mylogin2 .login-container .sign-in .sign-inner {
        width: 90%;
        padding: 10px 20px;
    }
    nav.navbar.topbar.navbar-expand-sm .text-img{
        display: none;
    }
    /*login page css end*/
    perfect-scrollbar.perfect-scrollbar.open-slide {
        box-shadow: 0 6px 4px 0px #e0e0e0;
        width: auto !important;
    }
    .main-panel {
        width: 100%;
        margin-left: 0;
        padding: 12px !important;
    }
    .edit-form.form-group.mrg-bottm.res-mob {
        margin-bottom: 0!important;
    }
    .mrg-bottm {
        margin-bottom: 15px!important;
    }
    /*mainpanel css end

    sidebar css start*/
    .navbar-nav .mob-menu {
        display: none;
        padding: 18px 0;
    }
    .menu-icon{
        right: 20px;
        left:inherit !important;
    }
    .perfect-scrollbar.open-slide span.text-img svg{
        position: static !important;
    }
    .perfect-scrollbar.open-slide span.menu-title{
        font-size: 13px !important;
        opacity: 1 !important;
    }
    .topbar-right .right-bar {
        display: none;
    }
    li.mob-menu label {
        margin: 0;
        cursor: pointer;
    }
    span.menu-sp {
        height: 3px;
        width: 24px;
        background: #50abd3;
        display: inline-block;
        border-radius: 22px;
        position: relative;
        transform: rotate(180deg);
    }
    span.menu-sp:before {
        content: "";
        position: absolute;
        height: 3px;
        display: inline-block;
        border-radius: 22px;
        width: 18px;
        top: 6px;
        background: #50abd3;
    }
    span.menu-sp:after {
        content: "";
        position: absolute;
        height: 3px;
        display: inline-block;
        border-radius: 22px;
        width: 14px;
        top: -6px;
        background: #50abd3;
    }
    .overlay-mob-menu ~ .perfect-scrollbar{
        transform: translateX(-250px);
    }
    .overlay-mob-menu.active ~ .perfect-scrollbar {
        transform: translateX(0);
    }
    .topbar .topbar-left {
        box-shadow: none;
        width: auto!important;
        padding-left: 12px;
    }
    .mylogin2 .login-container .sign-in .login-logo img{
        width: 162px!important;
    }
    .theme-container {
        margin-bottom: 70px;
    }
    div.sidebar .sidebar-nav .side-item .side-link {
        padding: 10px 20px !important;
    }
    .overlay-mob-menu.active{
        display: block !important;
      }
    /*sidebar css end

     footer stat*/
    .footer-bg.mr-ft-left {
        width: 100%;
        margin-left: 0;
        padding: 10px;
        flex-flow: row wrap;
    }
    .footer-bg ul.ftr-right-bx li {
        margin-left: 10px;
    }
    /*  footer end main panel css end 

    /*table css start*/
    .custom-table-body-row {
        background: #fff;
        box-shadow: 0 0 10px #ddd;
    }
    .custom-table-space table {
        border-spacing: 0 10px;
        box-shadow: none;
        background: #f4f6f8;
    }
    section.patient-list .custom-table-space table{
            background: #e1f4ff;
    }
    td.com-members-count {
        width: auto;
    }
    thead.custom-table-head.tran-tab-head {
        display: none;
    }

    .head-title.page-detail-li.page-head-text.resp-head {
        margin-bottom: 8px;
    }
    .custom-table-body-row td {
        display: block;
    }
    label.resp-label {
        display: block;
        font-weight: 500;
        color: #4a4a4a;
        font-size: 13px;
    }
    span.sort-svg svg path {
    fill: #36a1d7;
}
    .main-panel .custom-table-space.responsive-table .table .custom-table-body-row td {
        padding: 10px;
        max-width: 100%;
        min-width: 100%;
        box-shadow: 0 0 0px #ddd;
    }
    .topbar-right {
        padding-right: 12px;
    }
    .custom-table-body-row:hover td:before {
        display: none;
    }
    p.table-text-para,
    .table-text, p.table-text-para a {
        color: #848484 !important;
        width: 100%;
    }
    table {
        border-collapse: separate;
    }
    .pos-relative span.del-icon {
        bottom: 28px;
    }
    /*table css enduser input css start */

    .page-detail-ul {
        width: 100%;
    }
    .def-btn,
    .def-btn:hover {
        min-width: 120px;
        padding: 5px 12px;
        font-size: 13px;
    }
    .page-detail-ul {
        width: 100%;
    }
    .page-detail-li,
    ul.page-detail-ul,
    .page-head-text.page-detail-li {
        width: 100%;
    }
    /*user input css end*/

    /*nursing home details css start*/
    .nursing-home-details ul li,.patient-exam-list.nursing-home-details ul li {
    width: 100%;
    padding: 5px 0;
    font-weight: 400;
}

.nursing-home-details ul {
    flex-flow: row wrap;
    justify-content: flex-start;
}

.nursing-home-details ul li:last-child {display: block;}

.patient-exam-list.nursing-home-details ul li:last-child {
    display: flex;
    justify-content: flex-start;
}

.patient-exam-list.nursing-home-details ul li:last-child p {
    margin-left: 0;
    margin-right: 15px;
}

/*nursing home details css end*/
/*dashboard css*/
.divice-count,.divice-count.last-orders {
    display: block;
    width: 100%!important;
    padding: 0;
    padding-bottom: 15px;
}

ul.mgnt-ul-list {
    flex-flow: row wrap;
}
.responsive-style-table .custom-table-space.responsive-table{
        width: 800px;
}


/*dashbaord css end*/
/*user list css start*/

/*pop ups table style start*/
.modal-body thead.custom-table-head.tran-tab-head,.modal-body .table .custom-table-body-row td{
    display: contents;
    width: 100%;
}
/*pop ups table style end*/
/*org mgnt*/
section.common-section.patient-list{
    margin-bottom: 0; 
}
section.patient-list{
    margin-bottom: 70px; 
}

/*new style*/
.mgnt-dashboard.org-dashbaord canvas#canvas, .mgnt-dashboard canvas#canvas,
.mgnt-dashboard canvas#canvas1, .mgnt-dashboard canvas#canvas2{
    height: 120px !important;
    width: 240px !important;
    margin: 0 auto;
}
.mgnt-dashboard.org-dashbaord canvas#canvas1{
    width: 100% !important;
    height: 100% !important;
}
.mgnt-dashboard ul.mgnt-ul-list:last-child li.divice-count .device-table{
    min-height: auto !important;
}
.device-table .table-perfect-scroll-tab{
    height: auto !important;
}
}
@media (max-width: 768px) and (min-width: 320px) {

        .add-new-ques.drop-list {
        padding: 0 10px!important;
    }
        .cdk-overlay-pane{
            min-width: 85% !important;
    }
    .mylogin2 .login-container .sign-in .align-pro button{
        min-width: 120px!important;
    }
    .mat-select-panel {
    width: 100%!important;
    min-width: 100%!important;
    max-width: 100%!important;
}
    .add-new-ques.drop-list ul.ftr-right-bx li button {
        min-width: auto;
        padding: 5px 15px;
    }


    /*login css start*/
    .mylogin2 .login-container .sign-in .sign-inner {
        width: 90%!important;
        padding: 10px 0px;
    }
    .mylogin2 .login-container .sign-in form a{
        display: block;
        bottom: 30px!important;
    }
    /*login css end*/
    .add-port-show .drop-items.show.drop-items:after {
        right: 20px;
    }
    
    /*nav and pills start*/
    .ix-nav-bills.nav-pills .nav-link,
    .ix-nav-bills.nav-pills .show > .nav-link,
    .custom-search-input {
        font-size: 12px;
    }
    .border-dashed-bottom {
        margin-bottom: 0;
    }
    
    .head-title.page-detail-li.page-head-text {
        flex-flow: row wrap;
    }
    .vertical-breadcrumb li a,
    .vertical-breadcrumb li span {
        font-size: 12px;
    }
    .page-detail-li h4 {
        font-size: 16px;
    }
    /*nav and pills end*/
    /*add customer in customer management start*/
    .form.form-split-two .form-control,
    .drop-items.form.form-split-two.show .form-control,
    .drop-items {
        width: 100%!important;
    }


    .footer-bg ul.ftr-right-bx li button {
        width: auto;
        min-width: auto;
        padding: 6px 19px;
        position: relative;
    }
    .footer-bg ul {
        flex: auto;
    }
    span.del-icon {
        line-height: 32px;
    }
    /*add customer in customer management end*/

    /*profile details css start*/

    .modal-content.exam-routine div.bottom-bots.nursing-home-details.profile-details ul li{
     width: 100% !important;
    margin-right: 0;
    margin-bottom: 20px;
    min-height: auto;
    }
    .bottom-bots.nursing-home-details.profile-details ul{
        flex-flow: wrap;
    }
    p.table-text-para a{
    color: #848484 !important;
    /* font-weight: 600; */
    }
    /*profile details css end*/

    /*user management css*/
    ul.user-card li {
    width: 49%;
    margin-right: 14px;
}

    ul.user-card li:nth-child(2n) {
        margin-right: 0;
    }

    /*user management css end*/

    /*organization css style*/
    .form-group ul.total-mgnt-list {
    flex-flow: row wrap;
    padding: 10px;
}

.form-group ul.total-mgnt-list li {
    width: 100%;
    text-align: left;
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

.form-group .right-line:after {
    display: none;
}

.form-group ul.total-mgnt-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.custom-table-space.responsive-table .custom-table-head th, .custom-table-space.responsive-table .custom-table-body td{
    width: 100%!important;
}

/*organization style end*/
/*add profile css*/
ul.total-mgnt-list{
    flex-flow: row wrap;
}
ul.total-exam-list{
    flex-flow: row wrap;
}
ul.total-mgnt-list li{
    width: 100%!important;
    padding-bottom: 10px;
    text-align: left!important;
}
ul.total-exam-list li{
    width: 100%!important;
    padding-bottom: 10px;
    text-align: left!important;
}
.right-line:after{
    display: none;
}
p.table-text-para button{
    margin-left: 0!important;
}
.status-list,.chart-container canvas{
    display: block;
    position: unset!important;
}
.chart-container{
    display: block!important;
    width: 100%!important;
}

/*teleconference*/
.during-cal .video-options ul li{
    margin: 0 5px;
    width: 35px;
    height: 35px;
}
.during-cal .video-options ul{
    width: 100%;
}
.during-cal .video-options ul li img {
    width: 20px;
}

.during-cal .add-btn.start-exam button {
    width: auto;
    min-width: 80px;
}

.during-cal .video-options {justify-content: flex-end;bottom: 3%;}

.during-cal .doc-img {
    height: 120px;
    width: 85px;
    position: absolute;
}
.during-cal .add-btn.start-exam{
    position: absolute;
    top: -90px;
    text-align: center;
    width: 100%;
}
.during-cal .calling-to,div#camera.active {
    width: 80px;
    height: 80px;
}
.usr-li .add-video-icon.page-details{
        justify-content: flex-end;
}
.during-cal .call-status p{
    font-size: 14px
}
nav.my-class.navbar, nav.navbar.topbar.navbar-expand-sm{
    background: #ffffff !important;
}
.navbar-expand-sm .navbar-nav{
    margin-right: 40px;
}
.bottom-bots.nursing-home-details.profile-details ul li {
    width: 45% !important;
}
.time-picker .error-msg{
    max-width: 100%;
}
.modal-dialog.modal-max-wid, .modal-dialog-wd, ngb-modal-window.d-block.fade.modal.modal-dialog-wd.show div.modal-dialog{
    min-width: 100% !important;
    width: 100% !important;
    margin: auto !important;
}
.modal-content.exam-routine .close{
    position: absolute;
    right: -20px;
    top: -20px;
}
}
@media only screen and (max-width: 767px){
    div.mgnt-dashboard{
        margin-top: 160px !important;
    }
    div.select-date-picker {
        display: block;
    }
    .select-date-picker .select-date-picky{
        width: 100% !important;
        margin-bottom: 15px;
    }
    .select-date-picker .select-date-picky .form-control {
        flex-wrap: wrap !important;
    }
    div.select-date-picker div.select-date-picky .form-control label {
        width: 100% !important;
        text-align: left !important;
    }
    div.form-control .select-calendar {
        position: relative;
        width: 90%;
    }
    div.content-wrapper div.mgnt-dashboard ul.mgnt-ul-list li.total-org-order, .select-date-picker .select-date-picky, .select-date-picker, div.select-date-picky .select-calendar input {
        width: 100% !important;
    }
    ul.navbar-nav.topbar-right.ml-auto.org-logo-left{
        position: absolute;
        left: 0;
        display: flex;
        height: auto;
        top: 60px;
        background: #36a1d7 !important;
        height: 45px;
        color: #fff;
        width: 50%;
    }
    ul.navbar-nav.topbar-right.ml-auto{
        position: absolute;
        right: 0;
        top: 60px;
        background: #36a1d7 !important;
        padding: 0px 10px;
        color: #fff;
        width: 50%;
        height: auto;
        margin-right: 0px;
    }
    ul.topbar-right .right-bar .profile-link .profile-name {
        color: #fff;
    }
    ul.topbar-right li.right-bar {
        padding: 3.5px 0px;
    }
    section.main-panel {
        margin-top: 40px;
    }
    .org-name-navbar svg path {
        fill: #ffffff;
    }
    .navbar-nav.topbar-right.ml-auto.org-logo-left {
        flex-direction: row;
    }
    .patient-list-table .ps-content table.custom-comm-table.comm-tran-table{
        margin-top: 0px !important;
    }
}
@media (max-width: 425px) and (min-width: 320px) {
    /*login page css start*/
    .mylogin2 .login-container .sign-in h1 {
        font-size: 22px;
    }
    .mylogin2 .login-container .sign-in .login-img {
        margin-bottom: 20px;
    }
    .mylogin2 .login-container .sign-in p,
    .form .form-control label,
    .form-control input,
    .form-control select,
    .form-control textarea,
    .form-control .select-list,
    .def-btn.primary-btn,
    .def-btn.primary-btn:hover {
        font-size: 12px!important;
    }
    .error-msg {
        font-size: 10px;
    }
    /*login page css start*/
    .add-port-show .drop-items.show {
        width: 100%;
    }
    .add-port-show .drop-items.show .footer-bg {
        flex-flow: row wrap;
    }
    .add-port-show .drop-items.show .footer-bg ul {
        display: flex;
        width: 100%;
    }
    .add-port-show .drop-items.show .footer-bg ul:last-child {
        margin-top: 10px;
    }
    p.table-text-para a {
        font-size: 12px;
        line-height: 18px;
    }
    .phn-state {
        width: 18%!important;
    }
    /*buttons css*/
    .def-btn,
    .def-btn:hover {
        min-width: 100px;
    }
    .add-new-user button,
    .add-new-user button:hover {
        min-width: 120px;
    }
    .def-btn.primary-btn,
    .def-btn.primary-btn:hover {
        position: relative;
    }
    .ix-nav-bills.nav-pills .nav-link,
    .ix-nav-bills.nav-pills .show > .nav-link {
        padding: 8px 15px;
    }

    /*user management css start*/
    ul.user-card li {
    width: 100%;
    margin-right: 0;
    }

    /*user management css end*/
    li.add-left.inline-title {
    margin-left: 0;
}

.add-btn {
    display: block;
}
.tabcontent .col-3.tab-content-wrapper{
    flex: 0 0 100%;
    max-width: 100%;
}
.tabcontent .col-3.tab-content-wrapper:nth-of-type(2){
    margin-top: 130px;
}
.calendar-wrapper .cal-month-view .cal-header .cal-cell{
    font-size: 12px !important;
}
div.calendar-wrapper .cal-month-view .cal-open-day-events{
    position: fixed;
    height: 60%;
    z-index: 1;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 50%);
    right: 0;
    left: 0;
    width: 100%;
    bottom: 0;
}
div.cal-month-view .cal-day-cell, div.cal-month-view .cal-cell-top {
    min-height: 60px;
    position: relative;
}
div.cal-month-view .cal-day-badge{
    position: absolute;
    bottom: 0px;
}
ul.navbar-nav.topbar-right.ml-auto.org-logo-left{
    position: absolute;
    left: 0;
    display: flex;
    height: auto;
    top: 60px;
    background: #36a1d7 !important;
    height: 45px;
    color: #fff;
    width: 50%;
}
ul.navbar-nav.topbar-right.ml-auto{
    position: absolute;
    right: 0;
    top: 60px;
    background: #36a1d7 !important;
    padding: 0px 10px;
    color: #fff;
    width: 50%;
    height: auto;
}
ul.topbar-right li.right-bar{
    padding: 3.5px 0px;
}
nav.topbar .navbar-nav .dropdown-menu-right{
    position: absolute;
}
nav.my-class.navbar{
    background: #ffffff !important;
}
section.main-panel{
    margin-top: 40px;
}
ul.topbar-right .right-bar .profile-link .profile-name{
    color: #fff;
}
.navbar.topbar a.sidebar-open{
    width: 150px !important;
}
.navbar.topbar a.sidebar-open svg{
    width: 150px !important;
}
nav.navbar.topbar.navbar-expand-sm{
    background: #ffffff !important;
}
.navbar-nav.topbar-right.ml-auto.org-logo-left{
    flex-direction: row;
}
.navbar-nav.topbar-right.ml-auto.org-logo-left .selectbox{
    margin-top: 0px !important;
}
.navbar-nav.topbar-right.ml-auto.org-logo-left .selectbox .select-list span.mat-select-value-text{
    color: #ffffff;
}
.topbar-right .right-bar .profile-link .profile-name, 
.navbar-nav.topbar-right.ml-auto.org-logo-left .selectbox .select-list span.mat-select-value-text{
    font-size: 13px !important;
}
.org-name-navbar svg path{
    fill: #ffffff;
}
div.content-wrapper div.mgnt-dashboard ul.mgnt-ul-list li.total-org-order, 
.select-date-picker .select-date-picky, .select-date-picker, div.select-date-picky .select-calendar input{
    width: 100% !important;
}
div.select-date-picker{
    display: block;
}
.select-date-picker button.primary-btn{
    bottom: 0;
}
div.select-date-picker div.select-date-picky .form-control label{
    width: 100% !important;
    text-align: left !important;
}
.select-date-picker .select-date-picky .form-control{
    flex-wrap: wrap !important;
}
div.form-control .select-calendar{
    position: relative;
    width: 90%;
}
.mgnt-dashboard ul.mgnt-ul-list:last-child li perfect-scrollbar.scrollheight{
    height: auto;
}
.no-record-found img{
    width: 20px !important;
}
div.mgnt-dashboard{
    margin-top: 160px !important;
}
div.select-date-picker .select-date-picky{
    margin-bottom: 15px;
}
span.input-group-append{
    right: 25px;
}
.navbar-expand-sm .navbar-nav{
    margin-right: 0px ;
}
.bottom-bots.nursing-home-details.profile-details ul li {
    width:100% !important;
    margin-right: 0px !important;
}
.time-picker .error-msg{
    max-width: 65% !important;
}
}
@media (max-width: 375px) and (min-width: 320px) {
    .block-span {
        display: initial!important;
    }
    .ix-nav-bills.nav-pills .nav-link,
    .ix-nav-bills.nav-pills .show > .nav-link {
        padding: 8px 8px;
        font-size: 11px;
    }
    .custom-search-input:focus{
        width: 140px;
    }
    section.patient-list .ix-nav-bills.nav-pills .nav-link {
     padding: 12px 20px; 
}
.address-label{
    width: 100%;
    position: relative;
}
.address-label span.address-des{
        overflow-y: auto;
    width: 65%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
}
button.search-com-button img{
    width: 12px;
}
.custom-search-input{
    width: 100px;
    padding: 7px 10px!important;
}
.tabcontent .col-3.tab-content-wrapper{
    flex: 0 0 100%;
    max-width: 100%;
}
.tabcontent .col-3.tab-content-wrapper:nth-of-type(2){
    margin-top: 130px;
}
.time-picker .error-msg{
    max-width: 80% !important;
}
}
@media (max-width: 550px) and (min-width: 320px){
.add-btn {
    margin-top: 10px; 
}
}

@media only screen and (max-width: 800px){
    label.resp-label{
        display: none;
    }
    thead.custom-table-head.tran-tab-head, .custom-comm-table .custom-table-head .custom-table-head-row{
        display: block;
    }
    .custom-table-space.responsive-table table.four-col .custom-table-body td, .custom-table-space.responsive-table table.four-col .custom-table-head th{
        width: 25% !important;
        display: inline-block !important;
    }
    .custom-table-space.responsive-table table.three-col .custom-table-body td, .custom-table-space.responsive-table table.three-col .custom-table-head th {
        width: 33.33% !important;
        display: inline-block !important;
    }
    .custom-table-space.responsive-table table.five-col .custom-table-body td, .custom-table-space.responsive-table table.five-col .custom-table-head th {
        width: 20% !important;
        display: inline-block !important;
    }
    .add-btn-text, .nursing-patient-list p, .four-list p, .def-btn, .def-btn:hover{
        font-size: 12px !important;
    }
    .nursing-patient-list{
        padding: 8px 30px 8px 10px !important;
    }
    .nursing-home-details h3{
        font-size: 14px;
    }
    .patient-list-table table.custom-comm-table th:first-child, .patient-list-table table.custom-comm-table td:first-child{
        width: 10% !important;
      }
      .patient-list-table table.custom-comm-table th:nth-of-type(2), .patient-list-table table.custom-comm-table td:nth-of-type(2){
        width: 10% !important;
      }
      .patient-list-table table.custom-comm-table th:nth-of-type(3), .patient-list-table table.custom-comm-table td:nth-of-type(3){
        width: 10% !important;
      }
      .patient-list-table table.custom-comm-table th:nth-of-type(4), .patient-list-table table.custom-comm-table td:nth-of-type(4){
        width: 20% !important;
      }
      .patient-list-table table.custom-comm-table th:nth-of-type(5), .patient-list-table table.custom-comm-table td:nth-of-type(5){
        width: 15% !important;
      }
      .patient-list-table table.custom-comm-table th:nth-of-type(6), .patient-list-table table.custom-comm-table td:nth-of-type(6){
        width: 15% !important;
      }
      .patient-list-table table.custom-comm-table th:nth-of-type(7), .patient-list-table table.custom-comm-table td:nth-of-type(7){
        width: 20% !important;
      }
      .patient-list-table.nursing-home table.custom-comm-table th:first-child, .patient-list-table.nursing-home table.custom-comm-table td:first-child{
        width: 20% !important;
      }
      .patient-list-table.nursing-home table.custom-comm-table th:nth-of-type(2), .patient-list-table.nursing-home table.custom-comm-table td:nth-of-type(2){
        width: 15% !important;
      }
      .patient-list-table.nursing-home table.custom-comm-table th:nth-of-type(3), .patient-list-table.nursing-home table.custom-comm-table td:nth-of-type(3){
        width: 20% !important;
      }
      .patient-list-table.nursing-home table.custom-comm-table th:nth-of-type(4), .patient-list-table.nursing-home table.custom-comm-table td:nth-of-type(4){
        width: 15% !important;
      }
      .patient-list-table.nursing-home table.custom-comm-table th:nth-of-type(5), .patient-list-table.nursing-home table.custom-comm-table td:nth-of-type(5){
        width: 15% !important;
      }
      .patient-list-table.nursing-home table.custom-comm-table th:nth-of-type(6), .patient-list-table.nursing-home table.custom-comm-table td:nth-of-type(6){
        width: 15% !important;
      }
      span.add-btn-text svg{
          width: 11px !important;
          height: 11px !important;
      }
      .select-date-picker{
          width: 80%;
      }
      .select-date-picker .select-date-picky{
          width: 80%;
      }
      .select-date-picker .select-date-picky .form-control{
          width: 50% !important;
      }
      .select-date-picker .select-date-picky .form-control label{
          margin: 0 2px !important;
      }
      .custom-table-space.responsive-table .custom-table-body td.com-members-count p{
         text-overflow: inherit !important;
         overflow: inherit !important;
         white-space: normal !important;
         display: inline-flex;
      }
      .divice-count.last-orders .custom-comm-table .custom-table-head .custom-table-head-row th:first-child, .device-table tbody.custom-table-body.tran-tab-body.custom-table-body-one tr td:first-child{
        width: 12% !important;
      }
      .divice-count.last-orders .custom-comm-table .custom-table-head .custom-table-head-row th:nth-of-type(2), .device-table tbody.custom-table-body.tran-tab-body.custom-table-body-one tr td:nth-of-type(2){
        width: 25% !important;
      }
      .divice-count.last-orders .custom-comm-table .custom-table-head .custom-table-head-row th:nth-of-type(4), .device-table tbody.custom-table-body.tran-tab-body.custom-table-body-one tr td:nth-of-type(4){
        width: 23% !important;
      }
      .divice-count.last-orders .custom-comm-table .custom-table-head .custom-table-head-row th:nth-of-type(3), .device-table tbody.custom-table-body.tran-tab-body.custom-table-body-one tr td:nth-of-type(3),
      .divice-count.last-orders .custom-comm-table .custom-table-head .custom-table-head-row th:nth-of-type(5), .device-table tbody.custom-table-body.tran-tab-body.custom-table-body-one tr td:nth-of-type(5){
        width: 20% !important;
    }
    .device-table .custom-comm-table.dashboard-table-list .custom-table-head .custom-table-head-row th, .device-table tbody.custom-table-body.tran-tab-body.custom-table-body-one.dashboard-table-list tr td {
        min-width: 33.3% !important;
        width: 33.3% !important;
    }
    .mylogin2 .login-container .sign-in .sign-inner{
        width: 50% !important;
    }
    .login-theme .form .form-control:nth-of-type(2){
        margin-bottom: 0;
    }
    .mylogin2 .login-container .sign-in form a{
        bottom: 0px !important;
    }
    .check-box.checkbox.login-checkbox{
        margin-top: 15px;
    }
    .recurring-app-checkbox-cancel .check-box.checkbox.login-checkbox{
        margin-top: 0px;
    }
    .modal-content.calendar-booking-modal .reason-wrapper, .recurring-app-checkbox-cancel{
        width: 90% !important;
    }
    .recurring-app-checkbox-cancel .check-box.checkbox label.cbx{
        display: block;
    }
    div.modal-booking-detail{
        width: 98% !important;
    }
    .mylogin2 .login-container .sign-in .align-pro{
        margin: 25px 0px 0px 0;
    }
    .mylogin2 .login-container .sign-in p{
        margin-bottom: 10px !important;
        font-size: 12px;
    }
    .header-logo{
        margin-left: 0px !important;
    }
    .modal-content{
        /* width: auto !important; */
        max-width: 100% !important;
    }
    .modal-content .radio {
        margin: 0 20px 0px 0;
    }
    .nursing-det span{
        display: block;
        padding-left: 0 !important;
    }
    .nursing-detail .select-date-picker .select-date-picky .form-control label{
        margin: 5px 2px !important;
    }
    .responsive-patient-list-inside{
        width: 100% !important;
    }
    .modal-body thead.custom-table-head.tran-tab-head th, .modal-body thead.custom-table-head.tran-tab-head td{
        width: 16.6% !important;
    }
    .form.form-split-two .form-control{
        display: block;
    }
    .examind-patient-list.form-group span.cross-icon{
        position: absolute !important;
        top: 10px;
        right: 0;
    }
    .examind-patient-list.form-group span.profile-id, .examind-patient-list.form-group span.name-of-profile, .examind-patient-list.form-group span.mapped-count{
        line-height: 44px;
    }
    .examind-patient-list.form-group span:nth-of-type(4){
        float: right;
    }
    
}
@media only screen and (max-width:460px){
    label.resp-label{
        display: block;
    }
    thead.custom-table-head.tran-tab-head, .custom-comm-table .custom-table-head .custom-table-head-row{
        display: none;
    }
    .mylogin2 .login-container .sign-in .sign-inner{
        width: 90% !important;
    }
    .mylogin2 .form .form-control label, .mylogin2 .check-box.checkbox label.cbx, .mylogin2 .login-container .sign-in form a{
        font-size: 12px;
    }
    /* .custom-table-space.responsive-table table.four-col .custom-table-body td, .custom-table-space.responsive-table table.four-col .custom-table-head th{
        width: auto !important;
    } */
}
@media only screen and (max-width: 640px) and (min-width: 461px) {
    .mylogin2 .login-container .sign-in .sign-inner{
        width: 70% !important;
    }
}