/*---------------amitava- login page-----------*/

.login_body .bg {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, #1c73ca 50%, #064785 50%);
    bottom: 0;
    left: -50%;
    opacity: .5;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: -1;
}

.login_body .bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 4s;
}

.login_body .bg3 {
    animation-duration: 5s;
}

.login_body .content {
    left: 50%;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.login_body .mat-form-field-wrapper {
    margin-right: 0px!important;
}

@keyframes slide {
    0% {
        transform: translateX(-25%);
    }
    100% {
        transform: translateX(25%);
    }
}

.login_body .from {
    width: auto!important;
    margin: 0 auto;
}

.login_body .from:before {
    content: "";
    background: url("../images/login_pageicon.png") no-repeat center center;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-top: -64px;
    display: block;
}

.login_body .from {
    width: 540px!important;
    box-shadow: 0 0 10px #333!important;
    border-radius: 5px!important;
    background: rgba(232, 237, 237, 1);
    background: -moz-linear-gradient(-45deg, rgba(232, 237, 237, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(232, 237, 237, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(232, 237, 237, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(232, 237, 237, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(232, 237, 237, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(232, 237, 237, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(232, 237, 237, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(232, 237, 237, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(232, 237, 237, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(232, 237, 237, 1) 100%);
    background: linear-gradient(135deg, rgba(232, 237, 237, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(232, 237, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e8eded', endColorstr='#e8eded', GradientType=1);
}

.login_body .from h2 {
    margin: 12px 0 15px 0!important;
    padding: 0px!important;
    background: none!important;
    font-size: 30px!important;
    color: #333!important;
    text-transform: uppercase!important;
}

.login_body .mat-form-field {
    position: relative!important;
}

.login_body .mat-form-field-label-wrapper {
    padding-top: 0px;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 28px!important;
    font-size: 18px;
    color: #000!important;
    padding: 0 10px!important;
}

.login_body .mat-input-element {
    font-size: 18px;
    color: #000;
}

.login_body .mat-form-field-flex {
    height: 50px!important;
    border: solid 1px #d1d2d2!important;
    margin-bottom: 25px!important;
    background: #f4fafa!important;
    padding: 0!important;
}

.login_body .mat-form-field-flex input {
    background: #f4fafa!important;
    padding: 0 2%!important;
    width: 100%;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 0px!important;
}

.login_body .mat-raised-button {
    background: rgba(73, 155, 234, 1)!important;
    background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%)!important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1)))!important;
    background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%)!important;
    background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%)!important;
    background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%)!important;
    background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%)!important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0)!important;
    font-size: 24px!important;
    color: #fff!important;
    text-transform: uppercase!important;
    padding: 10px 0 10px 0!important;
}

.login_body .signupfooter {
    padding-top: 5px;
}

.login_body .signupfooter a {
    font-size: 18px;
    color: #0d4c8c;
}

.login_body .signupfooter a:last-of-type {
    padding-right: 0px!important;
}

.login_body .signupfooter a:hover {
    color: #13b9af;
}

.login_body .logowrapper {
    display: block!important;
    margin-top: 5px!important;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-underline {
    display: none!important;
}

.login_body .mat-form-field-flex {
    background: #fff;
    padding: 0 16px;
    padding-top: 0px;
    border: solid 1px #818282;
}

.login_body .mat-form-field-label {
    padding: 1px 0px!important;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
    color: #000!important;
}

.login_body input.mat-input-element {
    height: 100%!important;
    color: #000!important;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0!important;
}

.login_body .mat-form-field-type-mat-native-select .mat-input-element {
    padding-right: 15px;
}

.login_body .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    display: none !important;
}

.login_body .mat-form-field-infix {
    border-top: 0px!important;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0px 0px!important;
    background: #fff;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0px!important;
}

.login_body .mat-form-field-type-mat-native-select .mat-input-element {
    height: 64px!important;
    padding-right: 30px!important;
}

.login_body .mat-form-field-label-wrapper {
    top: -62px!important;
    display: block!important;
}

.login_body textarea .mat-input-element {
    resize: none!important;
    color: #000!important;
    padding: 4px 0px!important;
    margin: 0px 0!important;
    height: 45px!important;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 8px!important;
}

.login_body .mat-form-field-type-mat-native-select .mat-input-element {
    color: #000!important;
    padding-left: 16px!important;
}

.login_body .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-empty.mat-form-field-label {
    display: block;
    padding: 8px 0!important;
}

.login_body .mat-form-field-appearance-legacy .mat-form-field-underline {
    display: none!important;
}

.login_body input.mat-input-element {
    margin-top: 0!important;
}

.login_body .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    right: 5px!important;
}

.login_body .mat-form-field-label-wrapper {
    position: inherit!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    overflow: inherit!important;
    background: none!important;
}

.login_body .mat-form-field-infix {
    height: 100%!important;
}

.loginbody .mat-form-field-subscript-wrapper {
    position: inherit;
    box-sizing: border-box;
    width: 100%;
    overflow: inherit;
    margin-bottom: 15px;
}

.loginbody .mat-form-field-hint-spacer {
    display: none;
}

.loginbody .mat-error {
    margin: 0px 0!important;
    display: block;
}

.login_body .mat-form-field-flex {
    border: 1px solid #c3bdbd!important;
}


/* --------------------------priti_gracemedical_(ADDadmin_form)_09.09.21------------------------- */

.pymedical {
    min-height: 703px;
}

.addeditform {
    padding: 15px;
    display: block;
    background: #eeeaea;
    border: 3px inset #2470ba;
    border-top: none;
}

.ADD_Admin_dashboard {
    background: #fff;
    width: 1600px;
    margin: 0px auto;
    display: block;
    padding: 20px 0!important;
}

.ADD_Admin_dashboard .top_header {
    background: rgb(40, 124, 202);
    background: linear-gradient(275deg, rgba(40, 124, 202, 1) 0%, rgba(22, 71, 133, 1) 100%);
    display: block;
    padding: 16px 10px;
}

.ADD_Admin_dashboard .top_header h2 {
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    text-transform: capitalize;
}

.addeditform .mat-form-field-flex {
    margin-top: 10px;
}

.addeditform .libformclass .form .passbuttoncls {
    margin-bottom: 12px!important;
}

.passbuttoncls .GeneratePasswordcls {
    background: rgb(31, 97, 167);
    background: linear-gradient(343deg, rgba(31, 97, 167, 1) 0%, rgba(40, 124, 202, 1) 45%, rgba(31, 97, 167, 1) 100%);
    font-size: 16px;
    margin-right: 5px;
    padding: 10px 12px!important;
}

.addeditform .form-element .mat-raised-button {
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    margin-right: 8px;
    font-size: 16px;
    padding: 10px 16px;
}

.addeditform .mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
    color: #000!important;
}


/* .addeditform input.mat-input-element{        padding: 0px 0px!important;   height: 100%!important;   color: #000!important; } */

.addeditform .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0!important;
}

.addeditform .mat-form-field-type-mat-native-select .mat-input-element {
    padding-right: 15px;
}

.addeditform .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    display: none !important;
}


/* .addeditform .mat-form-field-appearance-legacy .mat-form-field-infix {    padding: 0px 0px!important;    background: #fff; }     */

.addeditform .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0px!important;
}

.addeditform .mat-form-field-type-mat-native-select .mat-input-element {
    height: 64px!important;
    padding-right: 30px!important;
}

.addeditform textarea .mat-input-element {
    resize: none!important;
    color: #000!important;
    padding: 4px 0px!important;
    margin: 0px 0!important;
    height: 45px!important;
}

.addeditform .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 8px!important;
}

.addeditform .mat-form-field-type-mat-native-select .mat-input-element {
    color: #000!important;
    padding-left: 16px!important;
}

.addeditform .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-empty.mat-form-field-label {
    display: block;
    padding: 8px 0!important;
}

.addeditform .mat-form-field-appearance-legacy .mat-form-field-underline {
    display: none!important;
}

.addeditform input.mat-input-element {
    margin-top: 0!important;
}

.addeditform .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    right: 5px!important;
}

.addeditform .form_field_wrapperphone .phonenumber {
    width: 100%;
}

.addeditform .form_field_status {
    margin-bottom: 10px;
}

.addeditform .mat-form-field-wrapper {
    margin-right: 10px;
}

.addeditform textarea.mat-input-element {
    padding: 2px 0!important;
}

.addeditform .container .form .form_field_wrapper {
    flex: 1 0 49%;
    margin: 0 .5%;
}

.addeditform .passbuttoncls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


/* --------------------------priti_gracemedical_(ADDadmin)_10.09.21------------------------- */

@media screen and (max-width:1720px) {
    .ADD_Admin_dashboard {
        width: 84%;
    }
}

@media screen and (max-width:1250px) {
    .addeditform .passbuttoncls {
        width: 100%;
    }
}

@media screen and (max-width:1199px) {
    .ADD_Admin_dashboard {
        width: 94%;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0px!important;
    }
}

@media screen and (max-width:1080px) {
    .addeditform .passbuttoncls {
        justify-content: flex-start;
    }
}

@media screen and (max-width:580px) {
    .addeditform .container .form .form_field_wrapper {
        width: 100%;
    }
    .addeditform .container .form .mat-form-field-wrapper {
        margin-right: 0px;
    }
}

@media screen and (max-width:520px) {
    .ADD_Admin_dashboard {
        margin-top: 16px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width:420px) {
    .ADD_Admin_dashboard {
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width:360px) {
    .ADD_Admin_dashboard .addeditform .material-icons {
        font-size: 20px;
    }
}


/* --------------------------priti_gracemedical_(admin/addadmin_form)_13.09.21------------------------- */

.addeditform .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    display: block!important;
}

.addeditform textarea.mat-input-element {
    resize: none!important;
    color: #000!important;
    margin: 0px 0!important;
    height: 15px!important;
}

.addeditform .mat-form-field-wrapper {
    position: relative;
}

.addeditform .mat-form-field-wrapper {
    padding-bottom: 1.34375em;
}

.addeditform .mat-form-field-flex {
    background: #fff;
    border: 1px solid #d0d0d0;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 0 12px;
}


/* .addeditform input.mat-input-element{  margin-top: -.0625em!important;  display: block; top: -7px;  margin-bottom: 2px ;} */

.addeditform .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 12px!important;
}

.addeditform .mat-form-field-wrapper {
    position: relative;
}

.addeditform .mat-form-field-appearance-legacy .mat-form-field-infix {
    background: none;
}

.addeditform .mat-form-field-flex {
    margin-top: 0px;
}

.addeditform textarea.mat-input-element {
    padding: 2px 0;
    margin: -2px 0;
}

.addeditform .mat-form-field-wrapper {
    margin-right: 0!important;
}

.addeditform .mat-card-content,
.mat-card-subtitle {
    font-size: 14px!important;
}


/* .addeditform .mat-form-field-has-label .mat-form-field-label{    top: -68px!important; } */

.addeditform textarea.mat-input-element {
    resize: none!important;
    color: #000!important;
    margin: 0px 0!important;
    height: 15px!important;
}

@media screen and (max-width:400px) {
    .addeditform .passbuttoncls {
        flex-wrap: wrap;
        justify-content: center!important;
        margin-bottom: 5px!important;
    }
    .addeditform .passbuttoncls .GeneratePasswordcls {
        margin-bottom: 10px;
    }
    .addeditform .libformclass .form .submitbtnsection {
        margin: 0px auto;
    }
    .addeditform .libformclass .form .form_field_status {
        margin-bottom: 10px!important;
    }
}


/* --------------------------priti_gracemedical_(admin/adminlisting)_14.09.21------------------------- */

.addeditform form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0px auto;
    justify-content: space-evenly;
}

.addeditform input {
    font: inherit;
    background: transparent;
    color: currentColor;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
    text-align: inherit;
    box-sizing: content-box;
}

.addeditform input.mat-input-element {
    margin-top: -.0625em;
}


/* -----------------priti_16.09.21_gracemedical_form(add-user)------------ */

.py_add-patient .form_field_gender {
    padding-bottom: 10px;
}

.py_add-patient .form_field_gender .mat-error {
    margin-top: 2px!important;
    margin-bottom: 2px!important;
}

.py_add-patient .form_field_wrappergender .form_field_gender .mat-radio-button {
    margin: 0 5px!important;
}

.addeditform .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    color: #0e6567!important;
    margin-top: 2px;
}

.addeditform .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    top: -53px!important;
}

.addeditform .mat-form-field-flex {
    height: 56px;
}

.addeditform .mat-form-field-flex {
    padding: 0 .75em .75em .75em!important;
}

.addeditform textarea.mat-input-element {
    padding: 2px 0;
    margin: -2px 0;
}

.addeditform .form_field_address .mat-form-field-flex {
    height: 96px;
}


/* --------------------------priti_gracemedical_(patient-listing)_16.09.21------------------------- */

.py_edit-patient .addeditform .form .form-element .mat-raised-button:last-child {
    display: none;
}


/* --------------------------priti_gracemedical_(form_update)_17.09.21------------------------- */

.addeditform .add_form .phonenumber {
    background: #fff;
    height: 56px;
    border: 1px solid #d0d0d0;
    border-radius: 4px 4px 0 0;
}

.addeditform .add_form .mat-form-field-wrapper {
    padding-bottom: 0!important;
}

.addeditform .add_form .mat-form-field-wrapper {
    padding-bottom: 12px!important;
}

.addeditform .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 20px 0 0!important;
    border-top: 6px solid transparent!important;
}

.addeditform .add_form .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 15px 0 0!important;
    border-top: .84375em solid transparent!important;
}

.add_form input.mat-input-element {
    margin-top: -.0625em!important;
    font-size: 16px!important;
}

.add_form .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation-name: cdk-text-field-autofill-end;
    animation-name: cdk-text-field-autofill-end;
}

.addeditform textarea.mat-input-element {
    height: auto!important;
}

.addeditform .form_field_address .mat-form-field-flex {
    height: auto!important;
}

.addeditform textarea.mat-input-element {
    resize: vertical;
    overflow: auto;
}

.addeditform textarea {
    resize: none!important;
}


/* --------------------------priti_gracemedical_Admin(Location-listing)_21.09.21------------------------- */

.py_location-listing .searchbtncls {
    text-align: center!important;
}

.py_location-listing .togglesearchcls {
    background: #1c73ca;
    border-radius: 10px;
    border: solid 1px #d0d0d0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.py_location-listing .mat-form-field-wrapper {
    /* margin-left: 10px; */
    height: 100%;
}

.py_location-listing .lib-pager-class .mat-form-field {
    width: 80px;
    margin: 10px auto;
    text-align: center;
}

.py_location-listing .mat-form-field {
    display: inline-block;
    position: relative;
}

.py_location-listing .lib-pager-class .mat-form-field .mat-form-field-flex {
    border: 1px solid #e4e4e4;
    padding: 0 5px;
    border-radius: 4px;
}

.py_location-listing .lib-pager-class {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    float: inherit!important;
    margin: 0px auto;
    position: relative;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0!important;
}

.py_location-listing .mat-card {
    background: #e0e8eb;
}

.py_location-listing .top_header h2 {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
}

.py_location-listing {
    padding: 15px;
    display: block;
}

.py_location-listing .top_header {
    background: rgb(40, 124, 202);
    background: linear-gradient(275deg, rgba(40, 124, 202, 1) 0%, rgba(22, 71, 133, 1) 100%);
    display: block;
    padding: 16px 10px;
    border-radius: 6px;
    margin-bottom: 10px!important;
}

.py_location-listing .top_header {
    margin-bottom: 25px;
}

.py_location-listing .locationbtn {
    text-align: right;
    padding-bottom: 10px;
}

.py_location-listing .locationbtn button {
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    font-size: 18px;
    line-height: 24px!important;
    color: #fff!important;
    margin: 2px 0;
    padding: 10px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}

.py_location-listing thead {
    background: #012136!important;
    border-radius: 8px 8px 0 0!important;
}

.py_location-listing table {
    box-shadow: none;
    border: 1px solid #f3f3f3!important;
    border-radius: 8px!important;
}

.py_location-listing thead th {
    color: #fff!important;
    font-size: 16px!important;
}

.py_location-listing thead th .mat-checkbox-inner-container {
    border: solid 1px #fff;
}

.py_location-listing table tr:nth-of-type(even) {
    background: #f3f3f3;
}

.py_location-listing .actionbuttonwrapper .actionbuttonwrapperspan .cursor .material-icons:nth-child(1) {
    margin: 4px;
    color: #0c3956!important;
}

.py_location-listing .searchbtncls .search_class .material-icons {
    width: 40px;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(180, 180, 180, 1) 0%, rgba(236, 236, 236, 1) 100%);
    height: 40px;
    margin: auto;
    text-align: center;
    line-height: 40px;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-weight: 600;
    margin: 0 10px 0 0;
    font-size: 30px;
    vertical-align: middle;
}

.py_location-listing .searchbtncls .search_class .add_button .mat-button-wrapper {
    color: #fff;
}

.py_location-listing .searchbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    margin: 0 .5%;
}

.py_location-listing .togglesearchcls .searchbar .mat-form-field {
    flex: 1 0 32%;
    margin: 0 .5%;
}

.py_location-listing .togglesearchcls .searchbtncls {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.py_location-listing .searchbar .mat-form-field .mat-form-field-flex {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #0b3c6c;
    border-radius: 2px 2px 0 0;
    padding: 0 10px 3px;
    background: #fff;
    cursor: pointer;
    height: 65px;
    overflow-y: hidden;
}

.py_location-listing .togglesearchcls .searchbar .mat-form-field input.mat-chip-input {
    width: 50px;
    ;
    flex: 1 0 50px;
}


/* .py_location-listing .mat-form-field-appearance-legacy .mat-form-field-infix{    padding: .4375em 0!important; } */


/* .py_location-listing .mat-form-field-infix{    border-top: .84375em solid transparent!important; } */


/* .py_location-listing .mat-form-field-label-wrapper{    top: -.84375em!important;    padding-top: .84375em!important; } */


/* .py_location-listing .mat-form-field-label-wrapper{ position: absolute!important;left: 0!important; box-sizing: content-box!important;width: 100%!important; 
    height: 100%!important;  overflow: hidden!important;  pointer-events: none!important; } */

.py_location-listing .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-empty.mat-form-field-label {
    padding: 0px 0!important;
}

.py_location-listing .mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
    color: rgb(0 0 0 / 85%)!important;
    margin-top: -12px;
}

.py_location-listing .mat-button .mat-button-wrapper>*,
.mat-fab .mat-button-wrapper>*,
.mat-flat-button .mat-button-wrapper>*,
.mat-icon-button .mat-button-wrapper>*,
.mat-mini-fab .mat-button-wrapper>*,
.mat-raised-button .mat-button-wrapper>*,
.mat-stroked-button .mat-button-wrapper>* {
    vertical-align: inherit!important;
}

.py_location-listing .searchbtncls {
    margin-top: 0px!important;
}

.py_location-listing .buttonSearchDatacls_div {
    padding: 0!important;
}

.py_location-listing .CustomButtonListen_div {
    padding: 0!important;
}

.py_locationlisttable .togglesearchcls .searchbtncls .search_class button {
    background: rgb(180, 180, 180);
    background: linear-gradient(0deg, rgba(180, 180, 180, 1) 0%, rgba(236, 236, 236, 1) 100%);
    margin-left: 10px;
}


/* --------------------------priti_gracemedical_Admin(Location-listing)_22.09.21------------------------- */

@media screen and (max-width:1199px) {
    .py_location-listing .togglesearchcls .searchbar .mat-form-field {
        width: 99%!important;
        margin: 0px auto!important;
    }
    .py_location-listing thead {
        display: none!important;
    }
    .py_location-listing td {
        display: flex!important;
        justify-content: space-between;
    }
    .py_location-listing td::before {
        content: attr(title);
        float: none;
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 10px;
        padding-top: 10px;
        color: #0c3956!important;
        position: relative;
        z-index: 9;
        min-width: 100px;
        text-align: left;
    }
    .py_location-listing td:last-child {
        text-align: right!important;
    }
    .py_location-listing .mat-card {
        padding: 0px!important;
    }
    .py_location-listing .actionbuttonwrapperspan {
        display: flex;
        justify-content: flex-end;
    }
    .py_location-listing .togglesearchcls {
        padding: 15px 15px 0!important;
    }
    .py_location-listing .togglesearchcls .searchbtncls {
        padding-bottom: 15px;
    }
    .py_location-listing .mat-form-field-wrapper {
        margin-left: 0px!important;
        margin-right: 0px!important;
        margin: 0 6px!important;
    }
    .py_location-listing .lib-pager-class {
        flex-wrap: wrap!important;
    }
    .py_location-listing tbody .cdk-column-Actions::before {
        content: 'Actions';
    }
    .py_location-listing .cdk-column-description::before {
        width: 100%;
    }
}

@media screen and (max-width:400px) {
    .py_location-listing .lib-pager-class .mat-form-field {
        width: 70px!important;
    }
}


/* --------------------****doctor_assistent_listing (preview_modal)***_22.09.21----------------- */

.storelisttable_h4 h4 {
    display: flex!important;
}

.storelisttable_h4 {
    width: 700px;
}

.storelisttable_h4 h4 strong {
    font-weight: 500;
}

@media screen and (max-width:991px) {
    .storelisttable_h4 {
        width: 501px;
    }
}

@media screen and (max-width:640px) {
    .storelisttable_h4 {
        width: 461px;
    }
}

@media screen and (max-width:600px) {
    .storelisttable_h4 {
        width: auto;
    }
}

@media screen and (max-width:520px) {
    .storelisttable_h4 h4 {
        display: block!important;
    }
}


/* --------------------------priti_gracemedical_Admin(form_cssupdate)_23.09.21------------------------- */

.py_location-listing .multipledeleteandupdatebuttan {
    margin-top: 10px!important;
    display: block!important;
    text-align: center;
}

.py_location-listing .multipledeleteandupdatebuttan button {
    background: rgba(14, 61, 92, 1);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    padding: 10px 16px!important;
    margin-left: 10px;
    font-size: 18px;
    color: #fff!important;
    margin: 10px 5px;
    padding: 0 15px;
    text-transform: capitalize;
}

.py_location-listing .locationbtn a {
    background: rgba(14, 61, 92, 1);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    font-size: 18px;
    color: #fff!important;
    margin: 2px 0;
    padding: 10px 18px;
    border-radius: 5px;
}

.py_location-listing .py_locationlisttable .togglesearchcls .searchbtncls .add_button .mat-button-wrapper {
    background: url(../images/searchiconblck.png) no-repeat center center!important;
    display: block;
    background-size: 70%!important;
    font-size: 0px;
    line-height: 36px;
}

.py_locationlisttable .togglesearchcls .searchbtncls .search_class .add_button {
    font-size: 22px;
    color: #fff;
    padding: 4px;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    min-width: inherit;
}


/* -------------gracemedical-locationlisting( bottom-sheet_modal )23.09.21-------------- */

.mat-bottom-sheet-container bottom-sheet .bottom-sheet-header-toggle {
    background: rgb(25, 140, 240);
    background: linear-gradient(0deg, rgba(25, 140, 240, 1) 0%, rgba(6, 71, 133, 1) 100%)!important;
    display: block;
    padding: 12px;
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
}

.mat-bottom-sheet-container bottom-sheet .mat-nav-list .mat-list-item {
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    margin-bottom: 8px;
    border-radius: 5px;
}

.mat-bottom-sheet-container bottom-sheet .mat-nav-list .mat-list-item .mat-list-item-content .bottom-sheetActive {
    color: #fff;
}

.mat-bottom-sheet-container bottom-sheet .mat-nav-list .mat-list-item .mat-list-item-content .bottom-sheetInactive {
    color: #fff;
}

.mat-bottom-sheet-container bottom-sheet .mat-nav-list .mat-list-item:last-child {
    margin-bottom: 0px;
}

.mat-bottom-sheet-container .mat-list-base {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.mat-bottom-sheet-container .mat-nav-list .mat-list-item {
    width: 25%;
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 0 0.5%;
}

.mat-bottom-sheet-container {
    border: solid 8px #254e6d;
    border-bottom: none;
    padding: 15px!important;
}


/* --------------------------priti_gracemedical(doctor_assistent-listing_cssupdate)_28.09.21------------------------- */

.addeditform .form .form_field_wrapperaddress .form_field_address .mat-form-field-label {
    top: -62px!important;
}


/* ---------------priti_gracemedical(admin-dashboard)_28.09.21-------------------------- */

.admin_dashboard_blocks .dashboard_listblock h2 {
    font-weight: 600;
    font-size: 28px;
    padding-left: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 1px;
}

.admin_grid_view {
    background: #e2dbdb;
    display: block;
}


/* ---------------priti_gracemedical(dashboard)_29.09.21-------------------------- */

.gm_admindashboard {
    background: url("https://all-frontend-assest.s3.amazonaws.com/grace_medical/dreamstime_gm_headernew1.2.png"), url("https://all-frontend-assest.s3.amazonaws.com/grace_medical/gm-doctor-header_new.png"), url("https://all-frontend-assest.s3.amazonaws.com/grace_medical/dreamstime_gmdashboard_new1.jpg")!important;
    background-repeat: no-repeat!important;
    background-position: right 22% bottom 99%, right 12% bottom 140%, center top!important;
    background-size: 27%, 19%, cover!important;
    border-radius: 0!important;
    padding: 58px 0!important;
    display: block;
}

.gm_container {
    width: 94%;
    margin: 0px auto;
    display: block!important;
}

.gm_textwrapper {
    width: 1040px;
    display: block;
}

.gm_textwrapper a {
    color: #2974d2;
}


/* ----------------------------priti_29.09.21_delete-modal----------------- */

.maindialognew .mat-dialog-title {
    margin-bottom: 10px;
}

.dialoghead .mat-dialog-content p {
    margin: 0;
}


/* ---------------priti_gracemedical(form_update_"user>admin>Add-admin-form")_04.10.21-------------------------- */

.py_addlocationform .libformclass .form .add_form .phonenumber {
    width: 100%;
}

.py_addeditform .form .form_field_wrapperprofile_image,
.py_addeditform .form .form_field_upload_image {
    padding: 0 8px 8px;
    background: #fff;
    border: 2px dashed #1dbce9;
    margin-bottom: 16px;
}

.py_addeditform .form .form_field_wrapperprofile_image mat-label,
.py_addeditform .form .form_field_upload_image mat-label {
    font-size: 18px;
    padding-top: 16px;
    display: block;
}

.py_addeditform .form .form_field_wrapperprofile_image .drop,
.py_addeditform .form .form_field_upload_image .drop {
    padding: 0 1%!important;
    text-align: center!important;
    background-color: #4492e0;
}

.py_AddEditBlog .drop {
    text-align: center;
    margin-bottom: 20px;
    justify-content: center;
}

.py_AddEditBlog .filesid {
    width: 97%;
    background: #e4e2e2;
    padding: 0 1.5%;
    display: block;
    margin-bottom: 20px;
    position: relative;
}

.py_AddEditBlog .filesid h1 {
    text-align: center;
    color: #3773a1;
    font-size: 18px;
}

.py_AddEditBlog .imagecardcls {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    box-shadow: none!important;
    background: none;
    width: 95%!important;
}

.py_AddEditBlog .filesdivcls {
    text-align: center;
    display: block;
    word-break: break-word;
}

.cropimagesdiv,
.croppedImagecls,
.imagecardcls {
    margin: 0px auto;
}

.py_AddEditBlog .actionbtndiv {
    text-align: center;
    min-height: 40px;
}

.py_AddEditBlog .actionbtndiv .mat-chip {
    background: linear-gradient(to bottom, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    font-size: 18px;
    color: #fff!important;
    margin: 2px;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 5px;
    min-width: 65px;
    min-height: 30px;
}

.py_addeditform .form .form_field_wrapperprofile_image .drop,
.py_addeditform .form .form_field_wrapperupload_image .drop {
    cursor: pointer;
}

.py_AddEditBlog .imagecardcls img {
    width: 100%;
    margin: 0;
    border: solid 5px #f1f1f1;
}

.py_AddEditBlog .filesid h1 {
    font-weight: normal;
}

.addeditform .form .form_field_wrapperaddress .form_field_address .mat-form-field-label-wrapper {
    top: 52px!important;
}

.addeditform .form .form_field_wrapperaddress .form_field_address .mat-form-field-label {
    top: -62px!important;
    margin-top: 30px!important;
}

.addeditform .form .form_field_wrapperaddress .form_field_address .mat-form-field-label {
    margin-top: -38px!important;
}


/* ---------------priti_gracemedical(form_update_"user>admin>Add-admin-form")_05.10.21-------------------------- */

@media screen and (max-width:1199px) {
    .py_location-listing .locationbtn {
        margin-bottom: 25px;
        padding-bottom: 0!important;
    }
}

@media screen and (max-width:780px) {
    .gm_admindashboard .gm_textwrapper h1 {
        font-size: 24px;
        line-height: 34px;
    }
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-form-field-flex {
    height: auto;
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-form-field-label-wrapper {
    top: 0px!important;
    padding-top: .84375em;
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-form-field-label {
    top: 8px!important;
    margin-top: 0;
    padding: 0px 0!important;
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-chip-list-wrapper .mat-standard-chip,
.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor input.mat-input-element {
    margin-top: -.0625em!important;
    display: block;
    top: -7px;
    position: relative;
    margin-bottom: 2px;
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-chip-list-wrapper {
    margin: -1px;
}

.addeditform .form .form_field_wrapperaddress .form_field_address .mat-form-field-label-wrapper {
    top: 4px!important;
}

.addeditform .form .form_field_wrapperaddress .form_field_address .mat-form-field-label {
    margin-top: 2px!important;
    top: -62px!important;
}

.addeditform textarea.mat-input-element {
    max-height: 56px!important;
    margin-bottom: -6px!important;
}

.addeditform .add_form .mat-form-field-wrapper {
    position: relative;
}


/* .addeditform .mat-form-field-wrapper .phonenumber{    width: 100%; padding: 8px 0 0; } */

.addeditform .add_form .mat-form-field-wrapper .phonenumber input {
    width: 98%;
    margin-bottom: 2px;
}

.addeditform .add_form .mat-form-field-wrapper .phonenumber .matlabel {
    display: none;
}

.py_AddEditBlog .py_addeditform .libformclass form .phonenumber input:not(:placeholder-shown)+label.matlabel {
    font-size: 14px;
    display: block;
    color: #0e6567!important;
    font-size: 14px;
    top: 5px;
    left: 14px;
    position: absolute;
}

.addeditform .add_form .mat-form-field-wrapper .phonenumber input::placeholder {
    color: #000;
}


/* ---------------priti_gracemedical(form_update_"user>admin>Add-admin-form")_06.10.21-------------------------- */

.py_addeditform .form .form_field_wrapperprofile_image mat-label,
.py_addeditform .form .form_field_upload_image mat-label {
    font-size: 16px;
    color: #000;
}

.addeditform input.mat-input-element {
    color: #27272f!important;
    font-size: 16px;
}

.addeditform .add_form .mat-form-field-wrapper .phonenumber input {
    color: #27272f!important;
}

.addeditform .form .form_field_wrapperaddress .form_field_address .mat-form-field-label {
    top: -2px!important;
    margin-top: 0px!important;
}

.py_add-patient .form_field_gender {
    padding-left: 10px;
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-form-field-label {
    top: 2px!important;
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-form-field-label {
    top: 8px!important;
}

.addeditform .form .form_field_wrapperaddress .form_field_address .mat-form-field-label-wrapper {
    top: 10px!important;
}

.addeditform .form_field_wrapper .mat-error {
    position: absolute;
    bottom: -7px;
    font-size: 14px;
}

.py_AddEditBlog .py_addeditform .libformclass form .phonenumber input:not(:placeholder-shown)+label.matlabel {
    font-size: 13px!important;
}

.addeditform .form_field_wrappercontact_phone .mat-error,
.addeditform .form_field_wrapperphone .mat-error {
    position: absolute;
    bottom: -2px;
    left: 10px;
}

.addeditform .mat-form-field-has-label .mat-form-field-label {
    line-height: 24px;
}

.ADD_Admin_dashboard .top_header h2 {
    line-height: 24px;
}


/* ---------------priti_gracemedical(form_update_"add-user>Add-doctor-assistent-form")_07.10.21-------------------------- */

.py_AddEditBlog .py_addeditform .libformclass form .phonenumber input:not(:placeholder-shown)+label.matlabel {
    top: 2px;
}

.addeditform .add_form .mat-form-field-wrapper .phonenumber input {
    padding: 11px 12px 10px!important;
    margin-top: 3px!important;
}

.py_addeditform .form .form_field_wrapperprofile_image .drop,
.py_addeditform .form .form_field_wrapperupload_image .drop {
    padding: 10px!important;
}

.py_AddEditBlog .actionbtndiv {
    margin-bottom: 10px!important;
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-chip-list-wrapper .mat-standard-chip,
.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor input.mat-input-element {
    margin-top: -.0625em!important;
    display: block;
    top: -1px;
    position: relative;
    margin-bottom: 2px;
    margin-right: 6px;
}

.addeditform .form .form_field_wrapperselect_doctor .form_field_select_doctor .mat-form-field-label-wrapper {
    top: 0px!important;
    padding-top: .84375em!important;
}

.addeditform .form_field_wrapperaddress .mat-error {
    bottom: -14px;
}

.addeditform .form_field_wrapperemail .mat-error {
    bottom: -10px;
}

.addeditform .form_field_wrappergender .mat-error {
    bottom: -9px;
}

.addeditform .form_field_gender {
    position: relative;
    margin-bottom: 8px;
    margin-top: 10px;
}

.py_myaccount .addeditform .form_field_wrapperphone .mat-error {
    position: absolute;
    bottom: -7px;
    left: 0px;
}

.ADD_Admin_dashboard .top_header .mat-card-actions,
.mat-card-content,
.mat-card-subtitle {
    margin-bottom: 0!important;
}


/* ---------------priti_gracemedical_19.10.21-------------------------- */

.gm_admindashboard {
    background-position: right 22% bottom 99%, right 12% bottom 115%, center top!important;
}

.gm_admindashboard .gm_textwrapper {
    text-align: center;
}

.gm_admindashboard .gm_textwrapper h1 {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 46px;
    margin-bottom: 10px;
    text-transform: capitalize!important;
}

.gm_admindashboard .gm_textwrapper p {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    margin-bottom: 20px;
}

.gm_admindashboard .gm_textwrapper h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 0;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
}

.gm_admindashboard .gm_textwrapper .titlewrapper_py {
    background-color: #164785;
    padding: 10px;
    display: block;
}

.addvideo_group {
    border-top: solid 1px #b3b9bf;
    padding: 15px 0!important;
}

.addvideo_group:first-of-type {
    border: none;
}

.addvideo {
    background: rgba(14, 61, 92, 1);
    background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);
    font-size: 18px;
    color: #fff!important;
    margin: 2px 0;
    padding: 10px 18px;
    border-radius: 5px;
    border: none;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.addvideo_group mat-form-field {
    display: block;
}

.addvideo_group .trainingsubbtn {
    background: rgb(31, 97, 167);
    background: linear-gradient( 343deg, rgba(31, 97, 167, 1) 0%, rgba(40, 124, 202, 1) 45%, rgba(31, 97, 167, 1) 100%);
    font-size: 16px;
    margin-right: 5px;
    margin-top: 10px;
    padding: 10px 12px!important;
    display: block;
}

.btncls .trainingsubbtn {
    background: rgb(25, 140, 240);
    background: linear-gradient( 0deg, rgba(25, 140, 240, 1) 0%, rgba(6, 71, 133, 1) 100%);
    margin-right: 8px;
    font-size: 16px;
    padding: 10px 16px;
}

.containervideo_wrapper {
    width: 600px;
    max-width: 100%;
}

.containervideo {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}


/* Then style the iframe to fit in the container div with full height and width */

.containervideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.videogallery .mat-column-description {
    width: 40%;
}

.module_videoblock {
    position: relative;
}

.videothumbnailcls {
    position: absolute;
    left: 25%;
    top: 16%;
    width: 50%!important;
    cursor: pointer!important;
    z-index: 1!important;
}


/* ------------------------priti_dashboard_responsive_19.10.21------------ */

@media screen and (max-width:1840px) {
    .gm_textwrapper {
        width: 1010px!important;
    }
    .gm_admindashboard {
        background-size: 28%, 20%, cover!important;
    }
}

@media screen and (max-width: 1800px) {
    .gm_textwrapper {
        width: 940px!important;
    }
    .gm_admindashboard .gm_textwrapper h2 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1780px) {
    .gm_admindashboard .gm_textwrapper p {
        font-size: 30px;
        line-height: 38px;
    }
    .gm_admindashboard .gm_textwrapper h2 {
        font-size: 20px;
    }
    .gm_admindashboard {
        background-size: 29%, 21%, cover!important;
    }
}

@media screen and (max-width: 1680px) {
    .gm_admindashboard {
        background-size: 30%, 22%, cover!important;
    }
    .gm_textwrapper {
        width: 870px!important;
    }
}

@media screen and (max-width: 1660px) {
    .gm_admindashboard {
        background-size: 32%, 23%, cover!important;
    }
    .gm_admindashboard .gm_textwrapper p {
        font-size: 28px;
        line-height: 36px;
    }
    .gm_admindashboard .gm_textwrapper h2 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1580px) {
    .gm_textwrapper {
        width: 780px!important;
    }
    .gm_admindashboard .gm_textwrapper p {
        font-size: 25px;
        line-height: 34px;
    }
    .gm_admindashboard {
        background-size: 35%, 24%, cover!important;
    }
}

@media screen and (max-width: 1460px) {
    .gm_textwrapper {
        width: 680px!important;
    }
    .gm_admindashboard .gm_textwrapper h2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1360px) {
    .gm_admindashboard .gm_textwrapper p {
        font-size: 23px;
        line-height: 30px;
    }
    .gm_admindashboard {
        background-size: 36%, 25%, cover!important;
    }
}

@media screen and (max-width: 1340px) {
    .gm_textwrapper {
        width: 640px!important;
    }
}

@media screen and (max-width: 1320px) {
    .gm_textwrapper {
        width: 624px!important;
    }
    .gm_admindashboard {
        background-size: 37%, 26%, cover!important;
        background-position: right 22% bottom 99%, right 9% bottom 115%, center top!important;
    }
}

@media screen and (max-width: 1280px) {
    .gm_admindashboard {
        background-size: 38%, 28%, cover!important;
        background-position: right 22% bottom 99%, right 7% bottom 115%, center top!important;
    }
    .gm_textwrapper {
        width: 600px!important;
    }
    .gm_admindashboard .gm_textwrapper p {
        font-size: 22px;
        line-height: 30px;
    }
}

@media screen and (max-width: 1240px) {
    .gm_textwrapper {
        width: 560px!important;
    }
    .gm_admindashboard .gm_textwrapper p {
        font-size: 20px;
        line-height: 28px;
    }
    .gm_admindashboard .gm_textwrapper h2 {
        font-size: 18px;
        line-height: 24px;
    }
    .gm_admindashboard {
        background-size: 41%, 30%, cover!important;
        background-position: right 22% bottom 99%, right 6% bottom 115%, center top!important;
    }
}

@media screen and (max-width:1199px) {
    .videogallery .mat-column-description {
        width: auto;
    }
    .gm_admindashboard {
        background-color: #c2d5ea!important;
        background-position: right 72% top, right 19% top, center top!important;
        background-size: 49.6%, 49.88%, 165%!important;
        padding-top: 74%!important;
        padding-bottom: 3%!important;
    }
    .gm_admindashboard .gm_textwrapper {
        width: auto!important;
        text-align: center;
    }
}

@media screen and (max-width:960px) {
    .dashboard_listblock {
        width: 100%!important;
    }
    .dashboard_listblock_patient,
    .dashboard_listblock .admin_grid_view .main_practice_block4 {
        margin-bottom: 40px!important;
    }
}

@media screen and (max-width:560px) {
    .gm_admindashboard .gm_textwrapper h1 {
        font-size: 40px;
    }
}

@media screen and (max-width:460px) {
    .gm_admindashboard .gm_textwrapper h1 {
        font-size: 36px;
    }
}

@media screen and (max-width:420px) {
    .gm_admindashboard .gm_textwrapper h1 {
        font-size: 30px;
    }
}

@media screen and (max-width:360px) {
    .gm_admindashboard .gm_textwrapper h1 {
        font-size: 27px;
    }
}


/* -------------priti_gracemedical_admin-listing-19.10.21------- */

.sd_adminlisttable .togglesearchcls .mat-form-field:nth-child(1) {
    display: none;
}


/* -------------priti_gracemedical_dashboard-19.10.21------- */

.doctor_list_view table tbody tr td {
    border-left: 0px solid #1115!important;
}


/* -------------priti_gracemedical_admin-listing_preview_imgage-section_hide-19.10.21------- */

.maindialognew .example-card:last-child {
    display: none;
}


/* -------------priti_21.10.21------- */

.py_location-listing .videogallery thead th {
    position: relative;
}

.py_location-listing .videogallery thead th .material-icons {
    position: absolute;
    top: 16px;
}

.py_location-listing .imagegalary thead th {
    position: relative;
}

.py_location-listing .imagegalary thead th .material-icons {
    position: absolute;
    top: 16px;
}

.py_location-listing .py_locationlisttable thead th {
    position: relative;
}

.py_location-listing .py_locationlisttable thead th .material-icons {
    position: absolute;
    top: 16px;
}


/* -------------priti_25.10.21_add_users(form)------- */

.addeditform .mat-form-field-flex {
    height: auto!important;
}


/* .addeditform .mat-form-field-has-label .mat-form-field-label {    top: -50px!important;} */

.addeditform .add_form .phonenumber {
    height: auto!important;
}

.addeditform .form_field_wrapperaddress .mat-error {
    bottom: -8px!important;
}

.addeditform .form_field_wrappercontact_phone .mat-error,
.addeditform .form_field_wrapperphone .mat-error {
    bottom: 3px!important;
}

.addeditform .add_form .mat-form-field-wrapper .phonenumber input {
    padding: 14px 12px 16px!important;
    margin-top: 6px!important;
}

.addeditform .mat-form-field-wrapper .phonenumber {
    padding: 0 0!important;
}


/* ----------------------------------------galary_image_25.10.21----------------- */

.py_addeditform .form .form_field_wrapperimage_file .form_field_image_file {
    padding: 0 8px 8px;
    background: #fff;
    border: 2px dashed #1dbce9;
    margin-bottom: 16px;
}

.py_addeditform .form .form_field_wrapper .actionbtndiv2 mat-chip {
    background: linear-gradient(to bottom, rgba(88, 88, 88, 1) 0%, rgba(20, 25, 26, 1) 100%)!important;
    font-size: 18px;
    color: #fff!important;
    margin: 2px;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 5px;
    min-width: 90px;
    min-height: 40px;
}

.py_addeditform .form .form_field_wrapperimage_file .form_field_image_file mat-label {
    padding-top: 16px;
    display: block;
}

.py_addeditform .form .form_field_wrapperimage_file .actionbtndiv2 {
    padding-bottom: 10px;
}

.py_imagegalary .form .form_field_wrapperimage_file .filefieldsmaincls mat-form-field {
    width: 100%;
}

.py_imagegalary .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0px!important;
}

.py_imagegalary .filefieldscls:last-child {
    margin-bottom: 10px;
}

.py_addeditform .form .form_field_wrapperimage_file .actionbtndiv2 {
    padding-bottom: 10px;
}

.py_AddEditBlog .actionbtndiv {
    margin-bottom: 0px!important;
}

.py_AddEditBlog .actionbtndiv {
    /* border-bottom: 1px solid #000!important; */
    display: block;
    padding-bottom: 10px;
}

.py_AddEditBlog .actionbtndiv:last-child {
    border-bottom: 0px solid #000;
}

.detail-view mat-dialog-container {
    width: 700px;
}


/* ------------------------prit_26.10.21_(admin-listig)--------------- */

.button_div_custom_cls {
    display: flex;
}

.sd_adminlisttable .actionbuttonwrapper .FolderView button {
    background: url(../images/folderview_icon.png) no-repeat top center;
    background-size: 37px;
    min-width: 30px;
    min-height: 30px;
    line-height: 24px !important;
    padding: 0 !important;
    box-shadow: none;
    cursor: pointer;
    margin-top: -6px;
    display: block;
    font-size: 0;
}

.sd_adminlisttable .actionbuttonwrapper .userView button {
    background: url(../images/view-vector-icon-260nw-576481999\ \(1\).png) no-repeat top center;
    background-size: 24px;
    min-width: 30px;
    min-height: 30px;
    line-height: 24px!important;
    padding: 0!important;
    box-shadow: none;
    cursor: pointer;
    margin-top: -4px;
    display: block;
    font-size: 0;
}

.modalviewmain {
    background-color: #fff!important;
}

viewmodal {
    background: #fff;
    padding: 1px;
    display: block;
    position: relative;
}

viewmodal .mat-card {
    border: 5px solid #195077;
    margin: 5px;
    padding: 0;
}

viewmodal .mat-card h2 {
    background: #04305a;
    color: #fff;
    text-align: center;
    padding: 5px 30px 5px 10px;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
}

viewmodal .mat-card h4:nth-child(odd) {
    background: #ccc;
    display: flex;
    flex-wrap: wrap;
    padding: 10px!important;
    margin-bottom: 5px;
    border-radius: 9px;
}

viewmodal .mat-card h4 strong {
    margin-bottom: 0 !important;
    font-size: 18px !important;
    min-width: 170px;
    color: #195077;
    font-weight: normal;
    display: inline-block;
}

viewmodal .mat-card h4 span {
    font-size: 16px;
    line-break: anywhere;
    font-weight: normal;
    color: #000;
}

.detailcontent {
    font-size: 20px;
    padding: 10px;
    margin: 0;
}

.detailcontent h4 {
    padding: 10px;
    margin: 0;
}

.py_changepassword .submitbtnsection button:nth-child(3) {
    display: none;
}


/* .mat-form-field-hide-placeholder .mat-select-value{    padding: 8px 0 0 10px!important;} */


/* .mat-form-field-hide-placeholder .mat-select-arrow-wrapper {
    padding-top: 8px!important;
} */


/* ----------------------priti_27.10.21_modal---------------------- */

.modalviewmain .close-btn-modal {
    position: absolute;
    top: -20px;
    right: -20px;
    background: #195077;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    z-index: 9;
    min-width: unset;
}

.py_myaccount .chnbtnpasw {
    position: relative;
}

.py_myaccount .chnbtnpasw .changebutton {
    position: absolute;
    left: 196px;
    bottom: 16px;
    font-size: 16px;
    padding: 10px 16px;
    border: none;
    color: #fff;
    background: rgb(25, 140, 240);
    background: linear-gradient( 0deg, rgba(25, 140, 240, 1) 0%, rgba(6, 71, 133, 1) 100%);
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    border-radius: 4px;
    font-weight: bold;
}


/**********my_account_changh_btn_responsive************ */

.modal_scroll {
    /* max-height: 80vh; */
    /* overflow-y: auto; */
    display: block;
    /* min-height: 100px;
        overflow-x: hidden; */
    padding: 5px!important;
}

@media screen and (max-width:400px) {
    .py_myaccount .addeditform {
        padding-bottom: 62px;
    }
    .py_myaccount .chnbtnpasw .changebutton {
        left: 99px;
    }
}

@media screen and (max-width:380px) {
    .py_myaccount .chnbtnpasw .changebutton {
        left: 87px;
    }
}

@media screen and (max-width:360px) {
    .py_myaccount .chnbtnpasw .changebutton {
        left: 75px;
    }
}

@media screen and (max-width:340px) {
    .py_myaccount .chnbtnpasw .changebutton {
        left: 71px;
    }
}

@media screen and (max-width:325px) {
    .py_myaccount .chnbtnpasw .changebutton {
        left: 63px;
    }
}


/* .py_team-listing .multipledeleteandupdatebuttan button:nth-child(2) {
    display: none;
}

.nd-satus-show .multipledeleteandupdatebuttan button:nth-child(2) {
    display: inherit !important;
} */


/* --------------------------------------------------end-------------------------------------------- */

.backend_link_body {
    position: fixed;
    right: -140px;
    -webkit-animation: linear;
    -webkit-animation-name: ease-out;
    -webkit-animation-duration: 0;
    top: 100px;
    width: 140px;
    z-index: 99;
    background: #13a59c;
    border-radius: 0 0 0 10px;
}

.backend_link {
    background: #13a59c;
    border-radius: 40px 0 0 40px;
    padding: 10px 10px 8px 10px;
    position: absolute;
    left: -60px;
}

.backend_link img {
    width: 40px;
    cursor: pointer;
}

.backend_link:hover img {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.showDIV .backend_link img {
    animation-name: rotate;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotate {
    from {
        transform: rotate(-360deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.backend_link_body.hideDIV {
    right: -140px;
}

.showDIV {
    right: 0;
    -webkit-animation: linear;
    -webkit-animation-name: ease-in;
    -webkit-animation-duration: 1s;
}

@-webkit-keyframes ease-in {
    0% {
        right: -140px;
    }
    100% {
        right: 0;
    }
}

.action_btn {
    background: url(../images/services_icon.png) no-repeat center center;
    background-size: 66%;
    font-size: 0px;
    border: none;
    width: 50px;
    height: 50px;
    background-color: #3cc3bb;
    border-radius: 100px;
    padding: 10px;
    border: solid 1px #228983;
}

.action_btn:hover {
    animation: mymove1 2s infinite;
}

@keyframes mymove1 {
    from {
        background-color: #3cc3bb;
    }
    to {
        background-color: #2e817c;
    }
}

.enable_btn {
    background: url(../images/edit_icon_new.png) no-repeat center center;
    background-size: 60%;
    font-size: 0px;
    border: none;
    width: 50px;
    height: 50px;
    background-color: #3cc3bb;
    border-radius: 100px;
    padding: 10px;
    border: solid 1px #228983;
}

.enable_btn:hover {
    animation: mymove2 2s infinite;
}

@keyframes mymove2 {
    from {
        background-color: #3cc3bb;
    }
    to {
        background-color: #2e817c;
    }
}

.backend_button_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 80px;
    align-items: center;
    padding: 10px;
}

.backend_button_div {
    position: relative;
}

.backend_button_body span {
    display: none;
    position: absolute;
    background: #338782;
    top: 55px;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    right: 0px;
    width: 120px;
    text-transform: capitalize;
}

.backend_button_body span::before {
    content: '';
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: #338782;
    width: 8px;
    height: 8px;
    top: -8px;
    position: absolute;
    left: 76%;
}

.backend_button_body .span1:hover span {
    display: block;
}

.backend_button_body .span2:hover span {
    display: block;
}

/* .formselector {
    width: 60% !important;
} */

.formselector .smlmenudiv {
    width: 100% !important;
}

.formselector .ADD_Admin_dashboard {
    width: 100% !important;
    padding: 0 !important;
}

/* .formselector .mat-dialog-container {
    width: 100% !important;
} */

.altimageee {
    width: 100% !important;
    object-fit: inherit;
    height: auto !important;
    padding: 13px !important;
}

.foratltimgdiv {
    display: flex;
    align-items: center;
    background: #1c73ca;
}

.addlocatcionbtndiv {
    text-align: right;
}

.addlocatcionbtndiv button {
    /* font-size: 14px; */
    font-family: var(--font-family-base);
    color: #fff;
    margin: 0;
    background: var(--gm-blue-2);
    border-radius: 0;
    font-size: 16px;
    padding: 5px 8px;
    border: 0;
    height: 36px;
    margin-left: 5px;
    text-transform: uppercase;
    line-height: 30px!Important;
}

.editsectionwrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.dleteicon {
    background: url(../images/deleteicon.png) no-repeat center center;
    background-size: 20px;
    min-width: 26px;
    min-height: 26px;
    line-height: 24px!important;
    padding: 0!important;
    box-shadow: none;
    cursor: pointer;
    margin: 2px 5px;
    display: block;
    font-size: 0;
    border: none !important;
}

.statustoggel {
    background: url(../images/statustoggel.png) no-repeat center center;
    background-size: 26px;
    min-width: 30px;
    min-height: 30px;
    line-height: 24px!important;
    padding: 0!important;
    box-shadow: none;
    cursor: pointer;
    margin: 2px 5px;
    display: block;
    font-size: 0;
    border: none !important;
}

.editbutton {
    background: url(../images/edit_icon2.png) no-repeat center center;
    background-size: 22px;
    min-width: 30px;
    min-height: 30px;
    line-height: 24px!important;
    padding: 0!important;
    box-shadow: none;
    cursor: pointer;
    margin: 2px 5px;
    display: block;
    font-size: 0;
    border: none !important;
}

.disableBlock {
    opacity: 0.3;

    
}
.hidecls{
    display: none !important
}