@media (min-width: 980px) {
    /*-----*/
    .custom-bar-chart {
        margin-bottom: 40px;
    }

}

@media (min-width: 768px) and (max-width: 979px) {

    /*-----*/
    .custom-bar-chart {
        margin-bottom: 40px;
    }

    /*chat room*/


}
@media (min-width: 768.5px) {
    #sidebar::-webkit-scrollbar {
        width: 0px;
        background: #fff;
        border: 0;
        margin: 15px 0;
        cursor: grabbing !important;
        padding: 5px 2px !important;
    }
    ::-webkit-scrollbar-thumb{
           
            width:20px !important;
            height:70px !important;
            border: 1px solid #D1D9E6;
            border-radius: 3px;
            background: #1b263c;
            cursor: grabbing !important;
            outline: none;
            
            box-shadow: 0 0 0px 4px rgb(254 126 23 / 35%);
            
    }
    
  ::-webkit-scrollbar-track{
        background-color: #d7dde4;
        
        width:auto !important;
        
    }


/**/
    ul.sidebar-menu li.active a {
        color: #00416a !important;
        filter: drop-shadow(-3px -3px 2px rgba(255, 255, 255, .3)) drop-shadow(5px 5px 5px rgba(0, 0, 0, .2)) drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));
    }

    #btnSearch {
       
       
        padding:7px 10px !important;
    }

    
    .table-responsive .tblSearch tbody tr td #Search {
        margin-left: -3px;
       width:500px;
    }
}

    @media (max-width: 768px) {
        .margin_adj{
            margin-top:20px;
        }
        .adjust {
            margin-top: 120px;
            margin-bottom: 20px;
        }
        #btnDelete {
            letter-spacing: 1px;
            font-weight: 400;
            /* color: #00416a; */
            position: absolute !important;
            top: 58px !important;
            right: 18px !important;
            z-index: 999 !important;
            padding: 8px 12px !important;
            box-shadow: unset !important;
        }
        table.dataTable > tbody > tr.child ul.dtr-details > li{
            display: flex !important;
        }
        .col-md-2 > .btn.btn-primary.btnCustom {
            position: absolute !important;
            top: 58px !important;
            right: 128px !important;
            z-index: 999 !important;
            width: 30%;
            padding: 8px 3px !important;
        }
        .patientlist .col-md-2 > .btn.btn-primary.btnCustom.newset {
            top: 8px !important;
        }
            /*#btnDelete {
            width: 50% !important;
        }

        .col-md-2 > .btn.btn-primary.btnCustom {
            width: 50% !important;
        }

        .row > .col-md-2 {
            display: inline-flex !important;
        }*/
            .dataTables_wrapper div.dataTables_filter label {
                color: #084283;
                font-weight: 600 !important;
                font-size: 14px;
            }

        .table-hover tbody tr:hover {
            background-color: #ebf0f6 !important;
        }

        thead tr th:nth-child(1) {
            padding-left: 60px !important;
        }

        tbody tr td:nth-child(1) {
            padding-left: 60px !important;
        }
        .table-responsive .tblSearch tbody tr td:nth-child(1) {
            padding-left: 0px !important;
        }
        .table-responsive .tblSearch tbody tr td a.btn.btn-primary.btnCustom {
            position:absolute !important;
            top:160px !important;
            right:20px;
            z-index:999;
            padding:8px 12px !important;
        }
        .sub-menu.active ul.sub li {
            background: unset !important;
        }
        ul.sidebar-menu li.active:hover {
            background-color: transparent !important;
        }
        .btn.btn-primary.btnCustom.newsetting {
            top: 0px !important;
        }
        ul.sidebar-menu li.active a {
            filter: unset !important;
        }
        ul.sidebar-menu li ul.sub li a{
            color:#fff !important;
        }
        ul.sub li span:nth-child(1) {
            display: none !important;
            background-color: transparent !important;
        }
        ul.sub li span:nth-child(2) {
            display: none !important;
            background-color: transparent !important;
        }
        ul.sub li:hover span:nth-child(2)::before {
            display: none !important;
        }
        .set_intentive{
           top:30px !important;
        }
        .set_intentive3 {
            top: 17px !important;
        }
        .zfdsgg .col-md-2 > .btn.btn-primary.btnCustom {
            top: 18px !important;
            right: 18px !important;
            z-index: 1 !important;
        }
        .col-md-2 > .btn.btn-primary.btnCustom.btnCustom_2 {
            top: 18px !important;
            right: 18px !important;
            z-index: 1 !important;
        }
        .set_intentive4 {
            top: 19px !important;
        }
        .set_intentive4 #btnSearch {
            padding: 8px 12px !important;
        }
        .set_intentive2 {
            padding-top: 12px !important;
        }
            .set_intentive2 #btnSearch {
                padding:8px 12px !important;
            }
        ul.sub li:hover span:nth-child(1) {
            background:unset !important;
        }
        ul.sub li:hover span:nth-child(2) {
            background: unset !important;
        }
            ul .sub li:hover span:nth-child(1)::before {
            display: none !important;
        }
        .table-responsive .tblSearch tbody tr td #btnDelete {
            top: 160px !important;
            right: 120px !important;
            z-index: 999;
        }
            .table-responsive .tblSearch tbody tr td #btnSearch {
            width: 120px !important;
            margin-top: 5px;
            padding: 7px 8px !important;
        }
        .table-responsive .tblSearch tbody tr td #Search {
           margin-left:-2px;
        }
        .card.p-3{
    padding:5px !important;
        }
        table.dataTable > tbody > tr.child ul.dtr-details {
            display: block !important;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        ul li {
            list-style: none;
           
            justify-content: space-between;
        }

        .tblSearch > div {
            padding: 10px !important;
        }

        .dataTables_scrollHead table.dataTable {
            margin-top: 10px !important;
        }

        .dataTables_wrapper div.dataTables_filter input {
            width: 230px !important;
        }

        #btnSearch {
            margin-top: 1px;
            /*border-radius:0px 5px 5px 0px !important;*/
        }
        #Search {
            /*border-radius: 5px 0px 0px 5px !important;*/
        }
        .dataTables_wrapper div.dataTables_filter {
            text-align: right;
            position: unset !important;
            z-index: 9 !important;
        }

        div.dt-button-collection {
            width: 160px;
        }

        div.dataTables_wrapper div.dataTables_info {
            font-size: 14.2px !important;
            line-height: 1.7;
            padding: 7px 0px 7px 0px !important;
        }

        div.dt-button-collection .dt-button {
            min-width: 100% !important;
        }

        .btn-group, .btn-group-vertical {
            position: relative;
            display: -ms-inline-flexbox;
            vertical-align: middle;
            width: 30%;
        }

        tbody tr td:last-child {
            text-align: justify !important;
        }

        .form-panel {
            /* background: #ffffff; */
            margin: 0px !important;
            padding: 0px !important;
        }

            .form-panel h3 {
                font-size: 20px !important;
                line-height: 1.4 !important;
            }

        /*ul.sidebar-menu li.active {
            margin: 15px 10px 15px 0px !important;
        }*/

        ul.sidebar-menu li a {
            font-size: 14.5px;
        }
        #sidebar > ul > li > ul.sub > li > a::before {
            content: '-';
            padding-right: 5px;
            color: #04c8a8 !important;
        }
        ul.sidebar-menu li:hover, ul.sidebar-menu li:focus {
            background: unset !important;
            color: #fff !important;
            border-radius: 0px 40px 40px 0px;
            display: block;
        }
        ul.sidebar-menu li ul.sub li a {
            line-height:3.5 !important;
        }
        ul.sidebar-menu li a.active i {
            color: #04c8a8 !important;
        }
            .segbw {
            margin-bottom: 10px;
        }
        /*#my-tour-tooltip {
        display: block;
        top: 73px;
        left: 10px !important;
    }*/
        #my-tour-tooltip h1,
        #my-tour-tooltip h2,
        #my-tour-tooltip h3,
        #my-tour-tooltip h4,
        #my-tour-tooltip h5,
        #my-tour-tooltip h6 {
            font-size: 1em !important;
            text-align: center !important;
        }

        #my-tour-tooltip p {
            margin: 10px;
            text-align: center !important;
            line-height: 1.7;
            align-items: center;
        }

        .custom-btn {
            margin-bottom: 30px !important;
        }

        .wrapper {
            margin-top: 120px;
        }

        .custom-btn {
            padding: 20px 5px;
        }

        .header {
            position: absolute;
        }

        ul.sidebar-menu {
            margin-top: 109px;
        }

            ul.sidebar-menu li.active a {
                color: #04c8a8 !important;
            }

            ul.sidebar-menu li.active {
                border-radius: 0px 40px 40px 0px;
                background: unset !important;
            }

            ul.sidebar-menu li b:nth-child(1)::before {
                border-bottom-left-radius: 20px;
                border-bottom-right-radius: 0px;
            }

            ul.sidebar-menu li b:nth-child(2)::before {
                border-top-right-radius: 0px;
                border-top-left-radius: 20px;
            }
        /*sidebar*/
        #sidebar {
            height: 100%;
            overflow-y: scroll !important;
            width: auto !important;
            z-index: 1001;
            transition: 0.5s ease;
            /*background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%) !important;*/
            background-color:unset !important;
            background:url(../Content/assets/img/bg3.jpg);
            background-position:center;
            background-size:cover;
            background-repeat:no-repeat;
        }
        ul.sidebar-menu li b:nth-child(2)::before{
            display:none !important;
        }
        ul.sidebar-menu li b:nth-child(1)::before {
            display: none !important;
        }
        ul.sidebar-menu li.active b:nth-child(1) {
            display: none !important;
        }
        ul.sidebar-menu li.active b:nth-child(2) {
            display: none !important;
        }
        ul.sidebar-menu li b:nth-child(1) {
            display: none !important;
        }
        ul.sidebar-menu li b:nth-child(2) {
            display: none !important;
        }
        /* body container */
        #main-content {
            margin: 0px !important;
            position: none !important;
        }

        #sidebar > ul > li > a > span {
            line-height: 35px;
        }

        #sidebar > ul > li {
            margin: 0 10px 5px 0px;
        }
        .dcjq-parent.active span {
            color: #04c8a8 !important;
            font-weight:600 !important;
            font-size:15px !important;
            letter-spacing:0.5px !important;
        }
        #sidebar > ul > li > a {
            height: 40px;
            line-height: 2;
            padding: 0 10px;
            text-align: left;
        }

                #sidebar > ul > li > a i {
                    /*display: none !important;*/
                }

                #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
                    margin-right: 10px;
                    margin-top: 15px;
                }

                #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
                #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
                    margin-top: 15px;
                }

            #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
                width: 100%;
            }
        .sub-menu a{
            position:relative !important;
        }
            .sub-menu > a::after {
                content: '\f107';
                font-weight:600 !important;
                font-family:"Font Awesome 5 Free";
               position:absolute;
               right:10px;
               top:5px;
               transition:0.5s ease;
            }
        .sub-menu > a.active::after {
            content: '\f106';
            font-weight: 600 !important;
            font-family: "Font Awesome 5 Free";
            position: absolute;
            right: 10px;
            top: 5px;
        }
        #sidebar > ul > li > ul.sub > li > a {
            font-weight: 400 !important;
            background: transparent !important;
        }

                    #sidebar > ul > li > ul.sub > li > a:hover {
                    }


        /* sidebar */
        #sidebar {
            margin: 0px !important;
        }

            /* sidebar collabler */
            #sidebar .btn-navbar.collapsed .arrow {
                display: none;
            }

            #sidebar .btn-navbar .arrow {
                position: absolute;
                right: 35px;
                width: 0;
                height: 0;
                top: 48px;
                border-bottom: 15px solid #282e36;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
            }


        /*---------*/

        .modal-footer .btn {
            margin-bottom: 0px !important;
        }

        .btn {
            margin-bottom: 5px;
        }


        /* full calendar fix */
        .fc-header-right {
            left: 25px;
            position: absolute;
        }

        .fc-header-left .fc-button {
            margin: 0px !important;
            top: -10px !important;
        }

        .fc-header-right .fc-button {
            margin: 0px !important;
            top: -50px !important;
        }

        .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
            background: none !important;
            color: #FFFFFF !important;
        }

        .fc-state-default, .fc-state-default .fc-button-inner {
            background: none !important;
        }

        .fc-button {
            border: none !important;
            margin-right: 2px;
        }

        .fc-view {
            top: 0px !important;
        }

        .fc-button .fc-button-inner {
            margin: 0px !important;
            padding: 2px !important;
            border: none !important;
            margin-right: 2px !important;
            background-color: #fafafa !important;
            background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
            background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
            background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
            background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
            filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
            -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
            -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
            box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
            -webkit-border-radius: 3px !important;
            -moz-border-radius: 3px !important;
            border-radius: 3px !important;
            color: #646464 !important;
            border: 1px solid #ddd !important;
            text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
            text-align: center;
        }

        .fc-button.fc-state-disabled .fc-button-inner {
            color: #bcbbbb !important;
        }

        .fc-button.fc-state-active .fc-button-inner {
            background-color: #e5e4e4 !important;
            background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
            background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
            background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
            background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
            filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
        }

        .fc-content {
            margin-top: 50px;
        }

        .fc-header-title h2 {
            line-height: 40px !important;
            font-size: 12px !important;
        }

        .fc-header {
            margin-bottom: 0px !important;
        }

        /*--*/

        /*.chart-position {*/
        /*margin-top: 0px;*/
        /*}*/

        .stepy-titles li {
            margin: 10px 3px;
        }

        /*-----*/
        .custom-bar-chart {
            margin-bottom: 40px;
        }

        /*menu icon plus minus*/
        .dcjq-icon {
            top: 10px;
        }

        ul.sidebar-menu li ul.sub li a {
            padding: 0;
            font-size:13px; 
        }
        #sidebar .sub-menu > .sub li {
            padding-left: 12px;
        }
        /*---*/

        .img-responsive {
            width: 100%;
        }
    }



    @media (max-width: 480px) {

        .notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
            display: none;
        }

        #top_menu .nav > li, ul.top-menu > li {
            float: right;
        }

        .hidden-phone {
            display: none !important;
        }

        .chart-position {
            margin-top: 0px;
        }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #ccc;
            border-color: #ccc;
        }
    }

    @media (max-width:320px) {
        .login-social-link a {
            padding: 15px 17px !important;
        }

        .notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
            display: none;
        }

        #top_menu .nav > li, ul.top-menu > li {
            float: right;
        }

        .hidden-phone {
            display: none !important;
        }

        .chart-position {
            margin-top: 0px;
        }

        .lock-wrapper {
            margin: 10% auto;
            max-width: 310px;
        }

        .lock-input {
            width: 82%;
        }

        .cmt-form {
            display: inline-block;
            width: 75%;
        }
    }