*, ::after, ::before {
    box-sizing: border-box;
}
body {
    font-family: Verdana !important;
    -webkit-text-size-adjust: none;
    font-size: 11px;
    background-color: #f5faff;
}

.bodytext {
    background-color: #f5faff;
    margin: 0px;
    font-family: Verdana;
    font-size: 11px;
    color: #333333;
}

form input,
select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.BaseTableLite {
    background-color: #e8e8e8;
    border: 1px solid #b5b5b5;
    margin-top: 20px;
    width: 898px;
}

.WhiteBorder {
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    background-color: #e1dbc6;
}

.LoginInfoBody {
    /* commented after cosmetic refresh
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background-color: #7e6677;
	height: 23px;
	*/
    width: 100%;
}

.menuBarBody {
    /*border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	width: 849px;
	text-align: left;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #d6cdb0;*/
}

.menuBarSubBody {
    /*border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	height: 24px;
	text-align: left;
	vertical-align: middle;*/
}

.MenuBackgroundL {
    background-image: url("Images/LeftMenu.png");
    background-repeat: no-repeat;
    background-position: left center;
    height: 45px;
    width: 125px;
}

.MenuBackground {
    background-image: url("Images/MiddleMenu.png");
    background-repeat: repeat-x;
    background-position: center center;
    height: 45px;
    width: 100px;
}

#menu-row {
    position: relative;
}

.MenuBackgroundR {
    /*background-color: #d6cdb0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	height: 100%;
	padding: 3px;
	text-align: center;*/
    background-image: url("Images/RightMenu.png");
    background-repeat: no-repeat;
    background-position: right center;
    height: 45px;
    width: 119px;
}

.MenuBackgroundSeparator {
    background-image: url("Images/MenuSeparator.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 44px;
    width: 2px;
}

/*menu on mouse over
.MenuBackgroundL:hover
{
	background-image: url( 'Images/LeftMenuGray.png' );
	background-repeat: no-repeat;
	background-position: left center;
	height: 45px;
	width: 125px;
	color: #1A65A8;
}



.MenuBackground:hover
{
	background-image: url( 'Images/MiddleMenuGray.png' );
	background-repeat:repeat-x;
	background-position: center center;
	height:45px;
	width:100px;
	color: #1A65A8;
}




.MenuBackgroundR:hover
{
	background-image: url( 'Images/RightMenuGray.png' );
	background-repeat: no-repeat;
	background-position: right center;
	height: 45px;
	width: 119px;
	color: #1A65A8;
}
*/
/**/

.menuLink {
    color: white;
    text-decoration: none;
    font-family: Calibri;
    font-size: 13px !important;
}

    .menuLink:hover {
        color: #bfdfff;
        text-decoration: none;
        font-family: Calibri;
        font-size: 13px !important;
    }

.menuLinkNew {
    text-decoration: none;
    font-family: Calibri;
    font-size: 16px !important;
}

    .menuLinkNew:hover {
        color: #bfdfff;
        text-decoration: none;
        font-family: Calibri;
        font-size: 16px !important;
    }

.PageContentBackground {
    /*background-color: #e1dbc6;*/
    background-color: #f5faff;
}

.LoginDateAndUserText {
    color: #ffffff;
    text-decoration: none;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
}

.LoginPageText {
    color: #ffffff;
    text-decoration: none;
    font-family: Courier New, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}

.LoginSeperatorText {
    color: #ff4500;
    text-decoration: none;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}

.curvedHeaderSmall {
    background-image: url(Images/curvedHeaderSmall.gif);
}

.LoginLink {
    color: #003399;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
}

.formSectionBody {
    width: 775px;
    background-color: #ffffff;
}

.alignLeft {
    text-align: left;
}

.formLableLink {
    color: #212529;
    text-align: left;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 4px;
    display: block;
}

.formLableErrorLink {
    color: #dc3545;
    text-align: left;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 4px;
    display: block;
}

.formLogintxtbox {
    color: #000000;
    font-size: 11px;
    background-color: #d5eaff;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    height: 22px;
}

.usermessage {
    color: #434343;
    margin-top: 20px;
    text-align: justify;
}

.divRounded {
    background-position: left top;
    background-repeat: no-repeat;
}

.errorLine {
    background-position: left center;
    direction: ltr;
    text-indent: 13px;
    background-repeat: no-repeat;
    text-align: left;
    margin-left: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    height: 19px;
    vertical-align: middle;
}

.bigFormtitle {
    color: #433e3e;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-left: 4px;
}

.formtxtboxbig {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #eee8aa;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    height: 20px;
    width: 150px;
}

.formtxtboxDisabledval {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #eee8aa;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    height: 22px;
    width: 150px;
}

.alertText {
    font-size: 10px;
    color: #ff0033;
    direction: ltr;
    font-style: italic;
    font-family: Verdana;
    text-align: left;
    font-weight: 700;
}

.forgotPasswordAlert {
    font-size: 11px;
    color: #000000;
    direction: ltr;
    font-style: italic;
    font-family: Verdana;
    text-align: left;
}

.userHomeMessageText {
    color: #443d45;
    font-size: 10pt;
    font-family: Verdana;
}

.downloadbody {
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    background-color: #e8e8e8;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 1px;
    margin: 8px 5px;
    padding-top: 1px;
}

.userHomeMessageText {
    color: #443d45;
    font-size: 10pt;
    font-family: Verdana;
}

.AcctSummaryHeader {
    color: Gray;
    font-size: 9pt;
    font-family: Arial;
    text-align: justify;
}

.FormFieldTextBox {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    width: 120px;
    text-align: left;
    height: 22px;
}

#bubble_tooltip {
    width: 147px;
    position: absolute;
    display: none;
}

#bubble_tooltip .bubble_top {
    background-image: url("images/bubble_top.gif");
    background-repeat: no-repeat;
    height: 16px;
}

#bubble_tooltip .bubble_middle {
    background-image: url("images/bubble_middle.gif");
    background-repeat: repeat-y;
    background-position: bottom left;
    padding-left: 7px;
    padding-right: 7px;
}

#bubble_tooltip .bubble_middle span {
    position: relative;
    top: -8px;
    font-size: 10px;
}

#bubble_tooltip .bubble_bottom {
    background-image: url("images/bubble_bottom.gif");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    height: 44px;
    position: relative;
    top: -6px;
}
a.tooltip-point .feather {
    width: 16px;
    height: 16px;
}
.voice-mail-tooltip {
    position: absolute;
    display: none;
    font-size: 10px;
    left: 0px !important;
    width: 150px !important;
    top: -78px !important;
}
.voice-mail-tooltip.payment-info-tooltip {
    left: -22px !important;
    top: -105px !important;
}
.voice-mail-tooltip .bubble_middle {
    background: #000;
    padding: 10px;
    border-radius: 5px;
    background-image: unset !important;
    color: #fff;
}
.voice-mail-tooltip .bubble_middle span {
    top: unset !important;
}

.voice-mail-tooltip:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 24px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #000;
}

.FormButton {
    background-color: #1c6fb8;
    color: White;
    font-family: Calibri;
    font-size: 12px;
    border-color: #004785;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    margin: 0 0 10px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.black_overlay1 {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1001;
    background-image: url("Images/loading-new.gif");
    background-position: center;
    background-repeat: no-repeat;
    /*-moz-opacity: 0.8;
	opacity: .60;
	filter: alpha(opacity=50);*/
}

.white_content1 {
    position: absolute;
    top: 25%;
    left: 35%;
    width: 400px;
    height: 250px;
    padding: 16px;
    border: 8px solid #567a94;
    background-color: white;
    z-index: 1002;
    overflow: auto;
    font-family: verdana;
    font-size: 11px;
}

.white_contentLocation {
    background-color: white;
    border: 5px solid #996633;
    display: none;
    font-family: verdana;
    font-size: 11px;
    height: 39%;
    left: 35%;
    top: 40%;
    overflow: auto;
    position: absolute;
    z-index: 1002;
}

/*Changes done for cosmetic refresh*/
.HeaderText {
    color: White;
    font-size: 35px;
    font-family: Lucida Sans, Arial, Verdana;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
}

.LoginTable {
    height: 330px;
    width: 620 px;
    background-repeat: repeat-y;
    background-position: center top;
    background-image: url("Images/login_center.png");
    /*background-color:#ffffff;
	border:solid 1px red;		*/
}

.GrayTableWithBorder {
    background-color: #d8d8d8;
    border: 1px solid #aeb7b7;
}

.GrayRow {
    background-color: #d8d8d8;
}

.UpperLeftCorner {
    background-repeat: no-repeat;
    /*background-image: url( 'Images/LCorner.png' );*/
    width: 19px;
    height: 35px;
    border-radius: 10px 0 0 0;
    border-bottom: 1px solid #999;
    /*background-color:#d5e8f7;*/
    background: #f4fff8; /* Old browsers */
    background: -moz-linear-gradient(top, #f4fff8 1%, #bad6ee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4fff8 1%, #bad6ee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient( to bottom, #f4fff8 1%, #bad6ee 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fff8', endColorstr='#bad6ee',GradientType=0 ); /* IE6-9 */
}

.UpperRightCorner {
    /*background-repeat: no-repeat;
    background-image: url( 'Images/RCorner.png' );*/
    width: 19px;
    height: 35px;
    border-radius: 0 10px 0 0;
    border-bottom: 1px solid #999;
    /*background-color:#d5e8f7;*/
    background: #f4fff8; /* Old browsers */
    background: -moz-linear-gradient(top, #f4fff8 1%, #bad6ee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4fff8 1%, #bad6ee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient( to bottom, #f4fff8 1%, #bad6ee 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fff8', endColorstr='#bad6ee',GradientType=0 ); /* IE6-9 */
}

.UpperCenter {
    /*background-repeat: repeat-x;
    background-image: url( 'Images/Center.png' );*/
    height: 35px;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    color: #433e3e;
    vertical-align: middle;
    padding: 3px 0;
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 1px solid #999;
    /*background-color:#d5e8f7;*/
    background: #f4fff8; /* Old browsers */
    background: -moz-linear-gradient(top, #f4fff8 1%, #bad6ee 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4fff8 1%, #bad6ee 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient( to bottom, #f4fff8 1%, #bad6ee 100% ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fff8', endColorstr='#bad6ee',GradientType=0 ); /* IE6-9 */
}

.Middle {
    background-color: #d8d8d8;
    border-left: 1px solid #aeb7b7;
    border-right: 1px solid #aeb7b7;
}

.BottomRow {
    border-bottom-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #aeb7b7;
    border-bottom-color: #aeb7b7;
    border-left-color: #aeb7b7;
    background-color: #d8d8d8;
}

.BoldText {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #433e3e;
    padding-left: 5px;
}

.formtxtbox {
    font-family: Verdana;
    font-size: 12px;
    background-color: white;
    border: 1px solid #bcc2c2;
    height: 25px;
}

a {
    font-family: Verdana;
    font-size: 11px;
    color: #00549e;
    font-weight: bold;
    text-decoration: none;
}

    a:hover {
        font-family: Verdana;
        color: #0079e8;
        font-weight: bold;
        text-decoration: none;
    }

.lnk {
    font-family: Calibri;
    font-size: 13px;
    color: #00549e;
    font-weight: bold;
    text-decoration: none;
    margin-left: 26px;
}

    .lnk:hover {
        font-family: Calibri;
        font-size: 13px;
        color: #0079e8;
        font-weight: bold;
        text-decoration: none;
    }

.Separator {
    color: #00549e;
}

.err {
    color: #c60000;
    font-size: 11px;
}

.GridHeader {
    /*color: #2A2A2A;
    font-weight: bold;
    height: 40px;
    background-color: #D8D8D8;
    text-align: left;*/
}

.GridRow {
    /*background-color: #FEFEFE;
    color: #494949;
    height: 25px;
    text-align: left;*/
}

.GridFooter {
    /*color: #2A2A2A;
    font-weight: bold;
    height: 40px;
    background-color: #D8D8D8;
    text-align: left;*/
}

.GridAlternateRow {
    /*color: #606060;
    height: 25px;
    background-color: #D8D8D8;
    text-align: left;*/
}

.FormFieldHeader {
    color: #212529;
    text-align: left;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 4px;
    display: block;
}

.FormFieldErrorHeader {
    color: #dc3545;
    text-align: left;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 4px;
    display: block;
}

.eSign {
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
}

.Upper-DIV {
    width: 100%;
}

.Upper-LEFT-DIV {
    width: 20%;
}

.Upper-RIGHT-DIV {
    width: 80%;
    position: relative;
    left: 188px;
    margin-top: -29px;
}

.Upper-PS-MID-DIV {
    width: 62%;
    position: relative;
    left: 188px;
    margin-top: -29px;
}

.Upper-PS-RIGHT-DIV {
    width: 18%;
    position: relative;
    left: 188px;
    margin-top: 0px;
}

.fluid-wrap {
    width: 90%;
    margin: 40px auto;
    padding: 20px;
    background: #eee;
    overflow: hidden;
}

.main-content {
    width: 80%;
    position: relative;
    left: 175px;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    background-color: #e8e8e8;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 1px;
    margin: 8px 5px;
    padding-top: 1px;
}

.sidebar {
    width: 30%;
    float: left;
    position: relative;
}

    .sidebar ul {
        list-style: none;
    }

        .sidebar ul li a {
            color: #900;
            text-decoration: none;
            padding: 3px 0;
            display: block;
        }

.overlay-black {
    position: fixed;
    height: 100% !important;
    width: 100% !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    overflow-y: scroll;
}

@media all and (min-width: 1001px) {
    .sidebar ul li a:after {
        content: " (" attr(data-email) ")";
        font-size: 11px;
        font-style: italic;
        color: #666;
    }
}

@media all and (max-width: 1000px) and (min-width: 700px) {
    .sidebar ul li a:before {
        content: "Email: ";
        font-style: italic;
        color: #666;
    }
}

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
    .sidebar ul li a {
        padding-left: 21px;
        background: url(../images/email.png) left center no-repeat;
    }
}

.nav-icon {
    display: none;
    float: right;
    margin: 12px 16px 0 0;
}

.patient-dashboard-wrapper .nav-icon {
    float: unset;
    margin: 0;
}

.nav-icon img {
    width: 24px;
}

.login-wrapper {
    margin-top: 40px;
    width: 620px;
    background: #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -moz-box-shadow: 0px 2px 4px #333;
    -webkit-box-shadow: 0px 2px 4px #333;
    box-shadow: 0px 2px 4px #333;
}

    .login-wrapper h2 {
        background: #00549e;
        color: #fff;
        font-size: 16px;
        border-radius: 7px 7px 0px 0px;
        -webkit-border-radius: 7px 7px 0px 0px;
        -moz-border-radius: 7px 7px 0px 0px;
        padding: 10px 24px;
        text-align: left;
        font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    }

    .login-wrapper .LoginTable {
        background: none;
    }

    .login-wrapper .UpperCenter {
        border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        padding: 4px 10px;
    }

    .login-wrapper .footer-col {
        height: 108px;
    }

    .login-wrapper .top-space {
        height: 20px;
    }

    .login-wrapper .UpperCenter {
        border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        padding: 5px 13px;
        border-left: 1px solid #c0d7e3;
        border-right: 1px solid #c0d7e3;
        border-bottom: 0px;
    }

#tdlogo {
    background-position: center center;
    height: 100px;
    vertical-align: middle;
    background-repeat: no-repeat;
}

.table-outer {
    background-color: #e8e8e8;
    border: 1px solid #b5b5b5;
    margin-top: 20px;
    width: 990px;
}

.table-main-wrapper {
    background-color: #e8e8e8;
    border: 1px solid #b5b5b5;
    margin-top: 20px;
    width: 82%;
}

.table-main-wrapper_2 {
    background-color: #e8e8e8;
    border: 1px solid #b5b5b5;
    margin: 12px 0px 0px 22px;
    width: 98%;
    text-align: left;
}

.select-box-col {
    width: 350px;
}

.footer-table {
    width: 70%;
}

.middle-content-t {
    width: 90%;
    padding: 0px 12px;
}

#ctl00_UpdatePanel1 #table-container {
    margin-top: 16px;
    width: 98%;
}

.grid-scroll-col {
    width: 100%;
}

#ctl00_ContentPlaceHolder1_trMsgs .table-main-wrapper {
    width: 100%;
}

#ctl00_ContentPlaceHolder1_trMsgs .table-main-wrapper table:first-child {
    width: 100%;
}

.ans-row {
    margin-bottom: 8px;
    display: inline-block;
}

.login-btn {
    background-color: #84c724;
    color: #fff;
    font-size: 12px !important;
    padding: 9px 10px;
    border: 0px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.blue-btn {
    margin-bottom: 4px;
    background-color: #00549e;
    color: #fff;
    font-size: 12px !important;
    padding: 8px 10px;
    border: 0px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.grey-btn {
    background-color: #999;
    color: #fff;
    font-size: 12px !important;
    padding: 8px 10px;
    border: 0px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.login-btn {
    cursor: pointer;
    background: #78ac2d;
    color: #fff;
    font-size: 12px !important;
    padding: 5px 8px;
    border: 0px;
    font-weight: 600;
    border-radius: 3px;
}

#mobile-menu {
    display: block;
}

form label {
    font-size: 11px !important;
}

form .formLableLink {
    font-size: 11px !important;
}

form input[type="text"] {
    height: 30px;
    padding: 0px 3px;
    font-size: 11px;
    width: 100%;
    margin: 0 0 6px 0;
}

form input[type="password"] {
    height: 30px;
    padding: 0px 3px;
    font-size: 11px;
    width: 100%;
    margin: 0 0 6px 0;
}

form select {
    height: 30px;
    width: 100% !important;
    margin: 0 0 6px 0;
}

.formtxtboxbig {
    height: 30px;
    padding: 0px 3px;
}

.LoginTable input[type="text"] {
    width: 88% !important;
}

.LoginTable input[type="password"] {
    width: 88% !important;
}

.FormFieldHeader select {
    margin: 0 0 6px 0;
}

.tab-scroll-m .ui-widget-content {
    min-height: 220px !important;
}

.table-head-hd {
    display: block;
}

#message-list #ctl00_ContentPlaceHolder1_grdMessages a {
    font-weight: inherit !important
}

form .phone-code {
    width: 60px !important;
}

.rxgrid .grid tbody td span {
    font-size: 10px;
}

.rx-pay-sbox {
    width: 450px !important;
}

.popup-wrapper {
    height: auto !important;
}

.close-popup-x {
    padding: 5px;
    background: #f31616;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    float: right;
}

.rx-f-select {
    width: 132px !important;
    font-size: 11px;
}

.ajax__calendar .ajax__calendar_container {
    z-index: 999 !important;
}

@media only screen and (min-width: 768px) {
    .desk-hide #mobile-menu {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .popup-wrapper {
        width: 96% !important;
        left: 2% !important;
        top: 8% !important;
        overflow-y: scroll;
        max-height: 80%;
    }

    #ctl00_ContentPlaceHolder1_Editor_toolbargroup table {
        margin: 0px !important;
    }

    .defaultSkin table.mceToolbar {
        margin-bottom: 0px !important;
    }

    blink,
    .blink {
        left: 28% !important;
    }

    .img-full {
        width: auto;
    }

    .head-tb {
        margin: 0 0 12px 0;
        display: inline-block;
    }

    .tab-scroll-m {
        /*width: calc(100vw - 24px) !important;*/
    }
    #divPatientAccountList {
        width: 100% !important;
    }

    .menuBarBody {
        width: 100% !important;
        position: absolute;
        top: 0px;
    }

    .mobile-v {
        width: 100% !important;
    }

    .head-logo {
        width: 98% !important;
    }

    .patient-dashboard-wrapper .head-logo {
        width: 100% !important;
    }

    .menuBarSubBody {
        width: 100%;
        display: inline-block !important;
        position: relative;
        z-index: 9;
    }

    .menuBarSubBody table tr td {
        width: auto !important;
        padding: 2px 7px;
        background-image: none !important;
    }

    .menuBarSubBody .MenuBackgroundSeparator {
        padding: 0px !important;
        width: 1px !important;
        background: #1865a7;
    }

    .menuBarSubBody table {
        width: 100%;
    }

    .tab-head {
        padding: 0px;
    }

    /*#ctl00_UpdatePanel1 #table-container table tr td table tr td {
        display: inline-block;
        width: 40%;
    }*/

    .table-main-wrapper {
        width: 97%;
    }

    .table-outer {
        width: 98%;
    }

    .middle-content-t {
        width: 100%;
    }

    .footer-table {
        width: 90%;
    }

    .top-header {
        width: 100%;
        float: left;
        background: #d8d8d8 !important;
    }

    .patient-dashboard-wrapper .top-header {
        width: 100%;
        float: unset;
        background: inherit !important;
    }

    .top-header tr td {
        margin: 5px 0;
        line-height: 22px;
    }

    .top-header tr td:first-child {
        width: 180px;
        text-align: center !important;
    }

    .top-header tr td:last-child {
        text-align: left !important;
    }

    .footer-table tbody tr td:last-child {
        text-align: right !important;
    }

    #Fieldset1 {
        width: 100%;
    }

    #Fieldset1 table {
        width: 680px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .grid-scroll-col {
        width: 680px;
        overflow: auto;
        display: block;
    }

    /*#ctl00_ContentPlaceHolder1_trSendUI {
        width: 680px;
        margin-top: 10px;
    }

    #ctl00_ContentPlaceHolder1_trSendUI table {
        width: 680px;
    }

    #ctl00_ContentPlaceHolder1_trSendUI table tr td {
        display: block;
    }

    #ctl00_ContentPlaceHolder1_trSendUI table tr td input {
        width: 100%;
    }*/

    #ctl00_ContentPlaceHolder1_Editor_tbl {
        /*width: 680px !important;*/
        height: 432px !important;
        background: #fff;
    }

    #ctl00_ContentPlaceHolder1_Editor_tbl tbody {
        width: 100%;
    }

    #ctl00_ContentPlaceHolder1_Editor_tbl .defaultSkin table,
    .defaultSkin tbody,
    .defaultSkin a,
    .defaultSkin img,
    .defaultSkin tr,
    .defaultSkin div,
    .defaultSkin td,
    .defaultSkin iframe,
    .defaultSkin span,
    .defaultSkin *,
    .defaultSkin .mceText {
        white-space: normal !important;
    }

    #ctl00_ContentPlaceHolder1_Editor_tbl table tr td {
        display: inline-block !important;
    }

    #ctl00_ContentPlaceHolder1_btnsend {
        width: auto !important;
    }

    #ctl00_ContentPlaceHolder1_Editor_ifr {
        height: 360px !important;
    }

    .defaultSkin .mceLeft {
        height: 110px !important;
    }

    #ctl00_ContentPlaceHolder1_btnClear {
        width: auto !important;
    }

    .FormFieldHeader iframe {
        width: auto;
    }

    #ctl00_ContentPlaceHolder1_Editor_toolbargroup table {
        width: auto !important;
    }

    #ctl00_ContentPlaceHolder1_trDept {
        margin-bottom: 16px; /*display:inline-block;*/
    }

    .table-block tr td {
        display: inline-block;
        text-align: left !important;
        width: 48%;
    }

    .table-block-full tr td {
        display: inline-block;
        text-align: left !important;
        width: 90%;
    }

    .table-bill tr td {
        display: inline-block;
        text-align: left !important;
        width: 38% !important;
    }

    .table-bill .formlablelink {
        font-weight: 600;
    }

    .table-head-hd {
        display: none;
    }

    .m-menu-hide {
        display: none !important;
    }
    /*#table-containerm{ height:auto !important;}*/


    .rxgrid .grid tbody td span {
        font-size: 11px !important;
        display: inline-block;
    }

    .table-pyment tr td {
        display: block;
        text-align: left !important;
        width: 60%;
    }

    .rx-pay-sbox {
        width: 50%;
    }

    .downloadbody {
        margin: 0 auto !important;
    }

    .ipd-view {
        width: 100% !important;
    }

    .ajax__calendar_container table tr td {
        display: inline-block !important;
    }
}

.order-history .GridRow:nth-child(2n) {
    background: #d5eaff;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .mob-views {
        margin-left: 0 !important;
        width: 100%;
    }

    .desktop-menu {
        /*display: none;*/
    }

    .LoginInfoBody .desk-right-aside {
        width: 100% !important;
    }

    .desk-right-aside .table-main-wrapper_2 {
        margin-left: 0;
        width: 100%;
    }

    .mob-v-card {
        /*overflow-x: auto;
        max-width: 100vw;*/
    }

    #ctl00_UpdatePanel1 #table-container .tab-scroll-m {
        height: 400px !important;
    }

    .ajax__calendar_container table tr td {
        display: inline-block !important;
    }

    .popup-wrapper {
        width: 94% !important;
        left: 3% !important;
        top: 8% !important;
        overflow-y: scroll;
        max-height: 80%;
    }

    .popup-wrapper table tr td {
        display: block;
    }

    .table-pyment tr td {
        display: block;
        text-align: left !important;
        width: 100%;
    }

    .tab-head {
        padding: 0px;
    }

    .menuBarBody {
        width: 100% !important;
        position: absolute;
    }

    .mobile-v {
        width: 100% !important;
    }

    .head-logo {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .patient-dashboard-wrapper .head-logo {
        width: 100% !important;
        margin-bottom: 0px;
    }

    .head-logo tr td {
        display: block;
    }

    .menuBarSubBody {
        width: 100%;
        display: inline-block !important;
        position: relative;
        z-index: 9;
    }

    .menuBarSubBody table tr td {
        display: block;
        width: 100% !important;
        height: 40px !important;
        line-height: 40px;
        background-color: #257ec5;
        background-image: none !important;
        border-bottom: solid #1b6dae 1px;
    }

    .menuBarSubBody table tr td:hover {
        color: #ccc;
        background: #104472;
    }

    .menuBarSubBody table {
        width: 100%;
    }

    .MenuBackgroundSeparator {
        display: none !important;
    }

    .lnk {
        margin-left: 6px;
    }

    .bill-row tr td {
        display: block;
    }

    .login-wrapper {
        width: 94%;
        margin-top: 14px;
    }

    #tdlogo {
        height: 62px;
        background-size: 90px;
    }

    .login-wrapper .LoginTable {
        width: 90%;
        height: 290px;
    }

    .login-wrapper .top-space {
        height: 0px;
    }

    .login-wrapper .footer-col {
        height: auto;
    }

    .login-wrapper .footer-col img {
        width: 30px;
        margin: 8px 0;
    }

    .table-outer {
        width: 98%;
    }

    .table-main-wrapper {
        float: left;
        width: 100%;
    }

    .middle-content-t {
        width: 100% !important;
    }

    .footer-table {
        width: 100%;
    }

    .footer-table tbody tr td {
        display: block;
        width: 100%;
        text-align: center !important;
    }

    .footer-table tbody tr td:last-child {
        text-align: center !important;
        margin-top: 10px;
    }

    #table-container .GvListing tbody tr td {
        display: block;
        position: relative;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        word-break: break-all;
    }

    #table-container .GvListing thead tr th {
        position: static;
    }

    #table-container table tr td {
        display: block;
        width: 90%;
    }

    .select-box-col {
        width: 90%;
    }

    .formLableLink {
        margin: 10px 0 0 0px;
        display: inline-block;
    }

    .top-header {
        width: 100%;
        padding: 5px;
        float: left;
        background: #d8d8d8 !important;
        border-bottom: 1px solid #cfcdcd;
    }

    .patient-dashboard-wrapper .top-header {
        padding: inherit;
        float: unset;
        border-bottom: none;
    }

    .top-header tr td {
        display: block;
        width: 100%;
        text-align: center !important;
        margin: 5px 0;
        line-height: 22px;
    }
    /*#tblSecureMail {width:310px;}*/
    #Fieldset1 {
        width: 100%;
    }

    #Fieldset1 table {
        width: 100%;
        text-align: center;
    }

    #ctl00_ContentPlaceHolder1_trDept {
        margin-bottom: 16px;
        display: inline-block;
    }
    /*#ctl00_ContentPlaceHolder1_Editor_toolbargroup { width:auto !important;}*/
    #ctl00_ContentPlaceHolder1_Editor_toolbargroup table {
        width: auto !important;
    }

    #ctl00_ContentPlaceHolder1_trDept td:first-child {
        display: block;
    }

    .grid-scroll-col {
        width: 270px;
        overflow: auto;
        display: block;
    }

    /*FormFieldHeader select {
        width: 200px !important;
    }*/
    #ctl00_ContentPlaceHolder1_trSendUI {
        width: 240px;
        margin-top: 10px;
    }
    /*#ctl00_ContentPlaceHolder1_trSendUI table{ width:240px;    }*/
    #ctl00_ContentPlaceHolder1_trSendUI table tr td {
        display: block;
    }

    #ctl00_ContentPlaceHolder1_trSendUI table tr td input {
        width: 100%;
    }

    #ctl00_ContentPlaceHolder1_Editor_tbl {
        width: 100% !important; /*overflow:auto; display:block;*/
        height: 332px !important;
        background: #fff;
    }

    #ctl00_ContentPlaceHolder1_Editor_tbl tbody {
        width: 100%;
    }

    #ctl00_ContentPlaceHolder1_Editor_tbl .defaultSkin table,
    .defaultSkin tbody,
    .defaultSkin a,
    .defaultSkin img,
    .defaultSkin tr,
    .defaultSkin div,
    .defaultSkin td,
    .defaultSkin iframe,
    .defaultSkin span,
    .defaultSkin *,
    .defaultSkin .mceText {
        white-space: normal !important;
    }

    #ctl00_ContentPlaceHolder1_Editor_tbl table tr td {
        display: inline-block !important;
    }

    #ctl00_ContentPlaceHolder1_btnsend {
        width: auto !important;
    }

    #ctl00_ContentPlaceHolder1_Editor_ifr {
        height: 260px !important;
    }

    .defaultSkin .mceLeft {
        height: auto;
        display: table !important;
    }

    #ctl00_ContentPlaceHolder1_btnClear {
        width: auto !important;
    }

    .FormFieldHeader iframe {
        width: auto;
    }

    .HeaderText {
        font-size: 24px;
        padding: 0 0 0 10px;
        display: inline-block;
    }

    .head-inline {
        display: inline-block !important;
    }

    .menuLink {
        font-family: Calibri;
        width: 100%;
    }

    .menuLink br {
        display: none;
    }

    .nav-icon {
        display: block;
    }

    .hide-row {
        height: 10px !important;
    }

    .patient-dashboard-wrapper .hide-row {
        height: 0px !important;
    }

    .table-block tr td {
        display: block;
        text-align: left !important;
    }

    .changepass-col {
        width: 290px !important;
    }

    #mobile-menu {
        display: none;
    }

    .mobile-tb-grid {
        width: 100% !important;
        overflow: scroll;
        display: -moz-box !important;
        display: -webkit-box;
    }

    .tab-scroll {
        width: 100% !important;
        overflow: scroll;
        display: -moz-box;
        display: -webkit-box;
    }

    .tab-scroll-m {
        /*width: calc(100vw - 25px) !important;*/
    }
    #divPatientAccountList {
        width: 100% !important;
    }
    /*.tab-scroll-m1{ width:100% !important; overflow:scroll;  display:-webkit-box;}*/

    /*.tab-scroll-m::-webkit-box{ display: inline-flexbox;}*/
    .ui-tabs .ui-tabs-panel {
        padding: 8px !important;
    }

    .ans-row {
        margin-bottom: 8px;
    }

    .block-btn {
        display: block;
        margin: 8px auto;
        width: 60% !important;
    }

    /*.img-full {
        width: 100%;
    }*/

    .fieldset_border {
        border: 0px;
        padding: 0px;
        margin: 0px;
    }

    fieldset {
        padding: 0px;
    }

    blink,
    .blink {
        left: 88px !important;
    }

    .m-menu-hide {
        display: none !important;
    }

    #ctl00_UpdatePanel1 .ui-tabs .ui-tabs-panel {
        padding: 0px !important;
    }

    #tblSecureMail .FormFieldHeader select {
        width: 260px !important;
        margin: 0px 10px;
    }

    .table-head-hd {
        display: none;
    }
    /*#table-containerm{ height:auto !important;}*/
    /*.rxgrid .grid tbody td{ white-space:nowrap;  }*/
    .rxgrid .grid tbody td span {
        font-size: 1em !important;
        display: inline-block;
        word-break: break-all;
    }

    .rx-pay-sbox {
        width: 70% !important;
    }

    .rx-btn-popup {
        white-space: pre-line;
    }

    #Attachments1 {
        margin-top: 10px;
    }

    #cell-full-m table tr td {
        width: 100% !important;
    }

    .act-sumy-h {
        height: 1px;
    }
    /*#trPayItems #ButtonPanel .table-block .blue-btn{width:70%;}*/
    form select {
        width: 96%;
    }

    table.GvListing thead {
        display: none;
    }

    .order-history .GridRow {
        display: block;
        margin: 0 auto 10px;
        width: 90%;
    }

    .order-history .GridRow:nth-child(2n) {
        background: #fff;
    }

    .GridRow {
        height: auto;
        border-top: 1px solid #596380;
    }

    .GridRow td {
        border-top: none;
    }

    .GridRow td:before {
        font-weight: bold;
    }

    .rx-order th {
        display: none;
    }


    .rx-order tr.active {
        display: block;
    }

    .rx-order tr:nth-child(2n) {
        background: none !important;
    }

    .rx-order td {
        display: block;
        position: relative;
        width: 100%;
        text-align: right;
        box-sizing: border-box;
    }


    .plans-grid th {
        display: none;
    }

    .plans-grid tr {
        display: block;
        margin: 0 auto 10px;
        height: auto;
        width: 90%;
        border-top: 1px solid #596380;
    }

    .plans-grid td {
        display: block;
        position: relative;
        width: 100%;
        text-align: right;
        box-sizing: border-box;
        min-height: 26px;
    }

    .btn-container {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 10px #ccc;
        -moz-box-shadow: 0 0 10px #ccc;
        -webkit-box-shadow: 0 0 10px #ccc;
        left: 0;
    }

    .btn-container td {
        width: 100%;
        display: block;
        padding: 10px 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .table-block tr td {
        width: 48% !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .table-block tr td {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .img-full {
        width: 100%;
    }
}

/**********************
***********************
New CSS by Praveen
***********************
***********************/
@media only screen and (max-width: 1024px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
}

.patient-dashboard-header {
    background: #00549e;
}

.logo-name {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-family: Lucida Sans, Arial, Verdana;
    font-weight: bold;
}

.portal-name {
    position: relative;
}

.portal-name:after {
    content: "";
    width: 2px;
    height: 18px;
    background: #fff;
    position: absolute;
    right: -8px;
}

.portal-info-wrapper {
    background: #d8d8d8;
    padding: 8px 0px;
    font-size: 9px;
    text-align: center;
}

.vertical-separator {
    height: 12px;
    width: 1px;
    background: #333333;
}

.patient-dashboard-footer {
    background: #d8d8d8;
    color: #353535;
}

.footer-top {
    padding: 20px 0px;
}

.footer-bottom {
    padding: 10px 0px;
}

.footer-bottom {
    border-top: 1px solid #b3b3b3;
}

.body-container {
    display: flex;
    align-items: stretch;
    gap: 20px;
}

.left-sidebar-menu {
    width: 250px;
    background: #00549e;
    border-radius: 6px;
    padding: 15px 0px;
    position: relative;
}

.main-content-container {
    width: 100%;
    max-width: calc(100% - 270px);
}

.patient-menu-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.patient-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-family: Calibri;
    font-size: 14px !important;
    padding: 10px 24px;
    line-height: 1.5;
    color: #71a2ce;
    text-transform: uppercase;
    cursor: pointer;
}

.patient-menu-item .feather {
    width: 18px;
}

.patient-menu-item:hover,
.patient-menu-item.active {
    text-decoration: none;
    font-family: Calibri;
    color: #fff;
}

.card {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: #212529;
    word-wrap: break-word;
    word-break: normal !important;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 6px;
}
.card-header {
    padding: 8px 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
    background-color: rgba(33, 37, 41, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.175);
}
.card-title {
    font-size: 16px;
    margin: 0px;
    font-weight: 500;
}
.card-body {
    flex: 1 1 auto;
    padding: 16px;
}
.d-flex {
    display: flex !important;
}
.align-items-center {
    align-items: center !important;
}
.text-dark {
    color: #212529 !important;
}
.gap-1 {
    gap: 4px !important;
}
.gap-2 {
    gap: 8px !important;
}
.gap-3 {
    gap: 16px !important;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !important;
}
.profile-user .user-profile-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 120px;
    height: 120px;
    padding: 4px;
    background-color: #f3f3f9;
    border: 1px solid #e9ebec;
    max-width: 100%;
}

.profile-user .profile-photo-edit {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    cursor: pointer;
}

.avatar-xs {
    height: 32px;
    width: 32px;
    z-index: 0;
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f3f6f9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.profile-user .profile-photo-edit .profile-img-file-input {
    width: 32px;
    height: 32px;
    z-index: 1;
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
}

.avatar-title .feather {
    width: 16px;
    height: 16px;
}

.z-0 {
    z-index: 0;
}
.btn {
    border-radius: 6px;
    padding:6px 12px;
    border-width: 1px;
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
}
.btn-sm {
    font-size: 10px;
    padding: 4px 8px;
    line-height: 1.5;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #00549e !important;
    border-color: #00549e !important;
    color: #fff;
}

.card-inner-content h5 {
    font-size: 12px;
    margin-bottom: 10px;
}

.info-icon {
    width: 40px;
}

.card-inner-content h2,
.card-inner-content h2 a {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.info-card {
    min-height: 102px;
}

.open-left-menu,
.left-sidebar-menu.desktop-menu .closebtn {
    display: none;
}
table td {
    /*word-break: break-all;*/
}
.custum-radio-btn-list table, .custum-radio-btn-list table tbody {
    display: block;
}
.custum-radio-btn-list table tr {
    display: flex;
    gap: 15px;
}
.custum-radio-btn-list table tr td {
    display: flex;
    gap: 4px;
}
.custom-btn-close {
    position: absolute;
    padding: calc(16px * .5) calc(16px * .5);
    width: 25px;
    height: 25px;
    right: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.custom-btn-close input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.blockUI.blockOverlay {
    position: fixed !important;
    width: 100%;
    height: 100vh;
}
.blockUI.blockMsg.blockElement, .blockUI.blockMsg, .blockUI.blockElement {
    width: auto !important;
    padding: 5px 10px !important;
    position: fixed !important;
    border-radius: 6px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-47px, -16px);
}
.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: #212529;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: rgba(0, 0, 0, 0.175);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: 8px;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(8px - 1px);
    --bs-modal-header-border-color: #dee2e6;
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg:;
    --bs-modal-footer-border-color: #dee2e6;
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 16px;
    pointer-events: none;
    z-index: 1052;
}

.modal.fade .modal-dialog {
    transform: translate(0,-50px);
    transition: transform .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 16px * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 16px * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #212529;
    pointer-events: auto;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 8px;
    outline: 0;
}

.custom-modal .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.modal-header .btn-close {
    padding: calc(16px * .5) calc(16px * .5);
    margin-top: calc(-.5 * 16px);
    margin-right: calc(-.5 * 16px);
    margin-bottom: calc(-.5 * 16px);
    margin-left: auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 16px;
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(16px - 8px * .5);
    background-color: #ffffff;
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

.modal-footer > * {
    margin: calc(8px * .5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}
.bg-primary {
    background: #00549e !important;
}

.profile-section-heading {
    font-size: 16px;
    font-weight: 600;
}

.profile-section-sub-heading {
    font-size: 14px;
    font-weight: 600;
}
.d-block {
    display: block !important;
}
.login-page {
    padding: 30px 0px;
}
.login-card {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
}
.w-100 {
    width: 100%;
}
form input.form-control,
.form-control {
    width: 100%;
    margin: 0px;
    padding: 0px 10px;
    font-size: 11px;
    line-height: 28px;
    display: block;
    font-weight: 400;
    color: #212529;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

form .form-select {
    width: 100%;
    font-size: 11px;
    margin: 0px;
}
.form-select {
    font-weight: 400;
    line-height: 1.5;
    padding: 0px 20px 0px 10px;
    background-position: right 2px center;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .btn {
    position: relative;
    z-index: 2;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-group input {
    margin: 0px;
}
.alert.alert-danger {
    position: relative;
    padding: 8px;
    color: #58151c;
    background-color: #f8d7da;
    border: 1px solid #f1aeb5;
    border-radius: 6px;
}
.alert.alert-danger .errorLine {
    color: inherit;
    text-indent: unset;
    height: auto;
}
.form-label {
    font-weight: 600;
    line-height:16px;
}
.text-danger {
    color: #dc3545 !important;
}
.form-control:focus {
    border-color: inherit;
    outline: 0;
    box-shadow: unset;
}
.form-control:focus-visible, :focus-visible {
    outline: unset !important;
    box-shadow: unset !important;
    border-color: #00549e !important;
}
.form-select:focus, .form-control:focus {
    border-color: #00549e;
    outline: 0;
    box-shadow: unset;
}
.btn:hover {
    font-weight: normal !important;
}
.reatin-anniversary-list tr {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.reatin-anniversary-list td {
    display: flex;
    gap: 5px;
}
.product-price-table tr.GridFooter td {
    background-color: #f1f1f1;
    font-weight: bold;
}

.save-card-num-checkbox {
    display: flex;
}

.save-card-num-checkbox input {
    margin-right: 5px;
}
.custom-radio-list td, .custom-radio-list td span {
    display: flex;
    gap: 4px;
}
.custom-radio-list td {
    padding: 4px 0px;
}
.custom-btn {
    position: relative;
}
.custom-btn input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.order-history table.GvListing thead {
    position: sticky;
    top: 0px;
    z-index: 10;
    background: #c4c4c4 !important;
    border-left: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}
.GvListing.xthf-no-print.table-head-hd.table-head-hd {
    display: none;
}
.order-history table.GvListing td, .order-history table.GvListing th {
    text-align: left;
    border-color: #dee2e6 !important;
}
.order-history table.GvListing {
    text-align: left;
    background-color: #f3f3f3;
}
.order-history table.GvListing tr {
    background: #fff;
}
.order-history::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.order-history::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.order-history::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.plan-list-radio, .plan-list-radio tbody, .plan-list-radio tr {
    display: flex;
}
.plan-list-radio tr {
    display: flex;
    gap: 20px;
    align-items: center;
}
.plan-list-radio tr td {
    display: flex;
    gap: 5px;
}
.grid.rx-order th {
    font-size: 10px;
    padding: 10px 5px;
    color: #000;
    height: auto;
    border-color: #dee2e6;
    background: #fff;
}
.grid.rx-order td {
    font-size: 10px;
    padding: 5px;
    border-color: #dee2e6;
}
#fldRxPrescription .info-tooltip {
    border-bottom: none;
}
.tabs-layout {
    padding: 0 !important;
}
.tabs-layout.ui-tabs .ui-tabs-nav {
    padding: 0px !important;
}
.tabs-layout.ui-tabs .ui-tabs-nav {
    padding: 5px 0px 0px 5px !important;
    background: #00549e;
    border: 0px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.tabs-layout.ui-tabs .ui-tabs-nav li {
    margin: 0px 5px 0px 0px;
    border: 0 !important;
}
.tabs-layout.ui-tabs .ui-state-default, .tabs-layout.ui-tabs.ui-widget-content .ui-state-default, .tabs-layout.ui-tabs .ui-widget-header .ui-state-default {
    background: #3892e2;
    font-weight: normal;
    color: #fff !important;
}
.tabs-layout.ui-tabs .ui-state-default a {
    color: #fff;
}
.tabs-layout.ui-tabs .ui-state-default.ui-state-active {
    background: #fff;
}
.tabs-layout.ui-tabs .ui-state-default.ui-state-active a {
    color: #000;
}
.close-profile-btn {
    position: absolute;
    right: 0px;
    top: 0px;
}
tr#TransYearPanel > td, tr#Expand_Year_List > td, .tblYear_ExpandALL tbody tr#obrresultpanel > td {
    padding: 0px !important;
}
.icon-th, .icon-td {
    width: 34px;
}
.charges-th, .payments-th, .running-balance-th, .charges-td, .payments-td, .running-balance-td {
    text-align: right;
    width: 100px;
}
.orderId-th, .orderId-td {
    width: 80px;
}
.date-th, .date-td {
    width: 90px;
}
.container-fluid {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
}
.fw-bold {
    font-weight: bold;
}
.create-billing-person-wrapper {
    margin-left: -12px;
    margin-right: -12px;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}
.status-checkbox table, .status-checkbox table tbody {
    display: block;
}
.status-checkbox table tr {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.status-checkbox table tr td {
    padding: 0px;
    display: flex;
    gap: 5px;
}
hr {
    margin: 16px 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
}
.custom-img-btn {
    max-width: 150px;
    width: 100%;
}
.custom-img-btn input {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.varification-option, .varification-option tbody, .varification-option tr {
    display: block;
}
.varification-option td {
    display: flex;
    gap: 5px;
}
.varification-option tr td {
    padding-bottom: 10px;
}
.varification-option tr:last-child td {
    padding-bottom: 0px;
}
.rx-history-table th {
    text-align: left;
}
.rx-order-tabs-table tr:last-child td table tr td {
    padding: 0px;
    border-color: #00549e;
}
.rx-order-tabs-table tr:last-child td table tr td * {
    display: block;
    padding: 8px;
    line-height: 1;
}
.rx-order-tabs-table tr:last-child td table tr td span {
    font-size: 11px !important;
    font-weight: bold;
    background: #00549e;
    color: #fff;
}
.shortlist-methods {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.shortlist-methods label {
    flex: 0 0 auto;
    width: calc(100% - 38px);
}
.table .GridHeader {
    text-align: left;
}
.table {
    --bs-table-color: #212529;
    --bs-table-bg: transparent;
    --bs-table-border-color: #dee2e6;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
    font-size: 10px;
}

.table > :not(caption) > * > * {
    padding: .5rem .5rem;
    background-color: transparent;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px transparent;
}
.product-price-table input.qty-input {
    width: 50px !important;
}
.product-price-table input.price-input {
    width: 70px !important;
}
.rx-recurring-table input.recurrence-input {
    width: 60px !important;
}
.rx-recurring-table .frequency-input {
    width: 120px !important;
    padding-left: 4px;
}
.rx-recurring-table input.order-date-input {
    width: 80px !important;
}
.plan-table > tbody > tr:first-child {
    display: none;
}
.plan-table > tbody > tr {
    border: 0px !important;
}
.plan-table > tbody > tr > td {
    padding: 0px;
    border: 0px !important;
}
tr#obrresultpanel > td {
    padding: 0px !important;
}
.comparision-table {
    width: 100%;
    border-collapse: collapse;
}

    .comparision-table thead .table-header {
        background-color: #f8f9fa;
    }

    .comparision-table th {
        font-weight: 600;
        vertical-align: middle;
    }

        .comparision-table th.test-name-col {
            text-align: left;
        }

        .comparision-table th.result-col {
            white-space: nowrap;
        }

    .comparision-table .test-group-header {
        background-color: #e9ecef;
    }

    .comparision-table .test-group-name {
        font-weight: 600;
        color: #495057;
    }

    .comparision-table .subtest-row:hover {
        background-color: #f8f9fa;
    }

    .comparision-table .subtest-name {
        color: #495057;
    }

    .comparision-table .result-value {
        font-weight: 500;
    }

    .comparision-table tbody tr:nth-child(even):not(.test-group-header) {
        background-color: #fdfdfd;
    }
.table > tbody {
    vertical-align: inherit
}
table.obrResult.lab-result-detail-table {
    background: #ffffec;
}
.table > thead {
    vertical-align: bottom
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: currentColor
}
.table-bordered > :not(caption) > * {
    border-width: 1px 0;
    border-style: solid;
    border-color: #dee2e6;
}
.table-bordered > :not(caption) > * > * {
    border-width: 0 1px;
    border-style: solid;
    border-color: #dee2e6;
}
.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}
@media (min-width: 768px) {
    .d-md-flex {
        display: flex !important;
    }
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.close-popup {
    position: absolute;
    right: 0px;
    top: 0px;
}
.container,.container-fluid{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}
.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}
.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}
.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}
.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}
.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}
.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}
.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}
.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}
.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}
.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}
.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}
.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}
.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}
.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}
.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}
.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}
.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}
.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}
.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}
.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}
.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}
.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}
.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}
.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}
.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}
.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}
.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}
@media (min-width:576px){.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}
.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}
.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}}
@media (min-width:768px){.col-md{flex:1 0 0%} .col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}}
@media (min-width:992px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}
.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}
.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}
.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}
.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}
@media (min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}
.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}
.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}
.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}
.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}}
@media (min-width:1400px){.col-xxl{flex:1 0 0%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}
.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}
.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}
.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}
.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}}

@media only screen and (max-width: 1024px) {
    .left-sidebar-menu.desktop-menu {
        border-radius: 0px;
        padding: 50px 0px 30px;
    }

    .left-sidebar-menu.desktop-menu {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 3;
        top: 0;
        left: 0;
        background-color: #00549e;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 10px;
    }

    .left-sidebar-menu.desktop-menu .closebtn {
        display: block;
        position: absolute;
        top: 12px;
        right: 15px;
        color: #ffffff;
        border-radius: 50%;
    }

    #mobile-menu-overlay {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 2;
        top: 0;
        left: 0;
        background-color: #111;
        opacity: 0.4;
        transition: 0.5s;
    }

    .open-left-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*gap: 8px;*/
        text-decoration: none;
        font-family: Calibri;
        font-size: 14px !important;
        /*padding: 10px;*/
        line-height: 1.5;
        color: #fff;
        text-transform: uppercase;
        background: #00549e;
        border-radius: 6px;
        /*margin-bottom: 15px;*/
    }

    .main-content-container {
        max-width: 100%;
    }

    .desktop-menu {
        /*display: none;*/
    }

    .custom-mobile-table thead, .custom-mobile-table tr.GridHeader {
        display: none;
    }
    .custom-mobile-table {
        table-layout: fixed;
    }
    .custom-mobile-table tr {
        display: block;
        border-width: 1px 1px 5px 1px;
        border-color: #ddd;
        border-style: solid;
        background: transparent !important;
    }

    .custom-mobile-table td {
        display: block;
        text-align: left;
        border: none !important;
        padding: 10px 10px 0px 10px !important;
    }

    .custom-mobile-table tr td:last-child {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .custom-mobile-table td:before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        color: #000;
        font-size: 11px;
    }

    .appointment-table.custom-mobile-table td {
        display: flex;
    }

    .appointment-table.custom-mobile-table td:before {
        width: 50%;
        padding-right: 8px;
    }

    .appointment-table.custom-mobile-table td span {
        display: block;
        width: 50%;
        padding-left: 8px;
    }

    .appointment-table.custom-mobile-table td:nth-child(3) {
        display: block;
    }

    .appointment-table.custom-mobile-table td:nth-child(3):before,
    .appointment-table.custom-mobile-table td:nth-child(3) span {
        display: block;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .appointment-table.custom-mobile-table td:nth-child(3) span {
        display: block;
    }

    .custom-appointment-link {
        background-color: #00549e;
        border-color: #00549e;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 4px;
        color: #fff;
    }

    .secure-msg-table.custom-mobile-table tr.GridHeader {
        display: none;
    }

    .secure-msg-table.custom-mobile-table tr {
        display: flex;
        flex-direction: column-reverse;
    }

    .secure-msg-table.custom-mobile-table tr td:last-child {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }

    .secure-msg-table.custom-mobile-table tr td:nth-child(1) {
        padding-bottom: 10px !important;
    }

    .secure-msg-table.custom-mobile-table tr td > span:before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        color: #555;
    }

    .secure-msg-table.custom-mobile-table tr td > span {
        display: flex;
    }

    .secure-msg-table.custom-mobile-table tr td > span:before {
        display: flex;
        width: 100px;
    }

    .card-header {
        padding: 10px;
    }

    .card-title {
        font-size: 14px;
    }

    .upload-file-table.custom-mobile-table {
        min-width: 100% !important;
        margin-top: 15px;
    }

    .upload-file-table.custom-mobile-table tbody tr:first-child {
        display: none !important;
    }
    .upload-file-table.custom-mobile-table tr {
        position: relative;
    }
    .upload-file-table.custom-mobile-table tr td:nth-child(1) {
        display: flex;
        width: auto !important;
        position: absolute;
        top: 10px;
        left: 10px;
        padding-top: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
    }
    .upload-file-table.custom-mobile-table tr td:nth-child(2) {
        padding-top: 10px !important;
        padding-right: 70px !important;
        padding-bottom: 10px !important;
        padding-left: 35px !important;
    }
    .upload-file-table.custom-mobile-table tr td:nth-child(2) span {
        display: block;
        line-height: 1.4;
    }
    .upload-file-table.custom-mobile-table tr td:last-child {
        padding: 0px;
        display: flex;
        width: auto !important;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .product-price-table tr.GridRow, .product-price-table tr.GridAlternateRow {
        display: block;
        position: relative;
    }
    .product-price-table td {
        display: flex;
        width: 100%;
        position: relative;
        padding-left: 110px !important;
    }
    .product-price-table td::before {
        position: absolute;
        left: 10px;
    }
    .product-price-table tr.GridRow td:nth-child(1)::before, .product-price-table tr.GridAlternateRow td:nth-child(1)::before {
        Content: "Item Number";
    }
    .product-price-table tr.GridRow td:nth-child(2)::before, .product-price-table tr.GridAlternateRow td:nth-child(2)::before {
        Content: "Item";
    }
    .product-price-table tr.GridRow td:nth-child(3)::before, .product-price-table tr.GridAlternateRow td:nth-child(3)::before {
        Content: "Quantity";
    }
    .product-price-table tr.GridRow td:nth-child(4)::before, .product-price-table tr.GridAlternateRow td:nth-child(4)::before {
        Content: "Price";
    }
    .product-price-table tr.GridRow td:nth-child(5)::before, .product-price-table tr.GridAlternateRow td:nth-child(5)::before {
        Content: "Total Price";
    }
    .product-price-table tr.GridRow td:nth-child(6)::before, .product-price-table tr.GridAlternateRow td:nth-child(6)::before {
        Content: "Discount";
    }
    .product-price-table tr.GridRow td:nth-child(7)::before, .product-price-table tr.GridAlternateRow td:nth-child(7)::before {
        Content: "Sales Tax";
    }
    .product-price-table tr.GridRow td:nth-child(8)::before, .product-price-table tr.GridAlternateRow td:nth-child(8)::before {
        Content: "Sub Total";
    }
    .product-price-table tr.GridRow td:nth-child(9), .product-price-table tr.GridAlternateRow td:nth-child(9) {
        padding-left: 10px !important;
    }
    .product-price-table tr.GridRow td:last-child, .product-price-table tr.GridAlternateRow td:last-child {
        padding-right: 0px !important;
        position: unset;
    }
    .product-price-table .delete-record-btn {
        position: absolute;
        right: 10px;
        top: 11px;
        z-index: 1;
    }
    .product-price-table tr.GridFooter td {
        display: none;
    }
    .product-price-table tr.GridFooter td:nth-child(1), .product-price-table tr.GridFooter td:nth-child(2) {
        display: block;
    }
    .product-price-table tr.GridFooter {
        display: flex;
    }
    .product-price-table tr.GridFooter td:nth-child(1) {
        padding-left: 10px !important;
        width: 110px;
        padding-bottom: 10px !important;
    }
    .product-price-table tr.GridFooter td:nth-child(2) {
        padding-left: 0px !important;
        width: calc(100% - 110px);
        padding-bottom: 10px !important;
    }
    .tab-scroll-m.order-history {
        width: 100% !important;
    }
    .custom-mobile-table.rx-order-history-table td {
        display: flex;
        width: 100%;
        position: relative;
        padding-left: 130px !important;
        min-height: 27px;
    }
    .custom-mobile-table.rx-order-history-table td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .custom-mobile-table.rx-order-history-table td::before {
        position: absolute;
        left: 10px;
    }
    .custom-mobile-table.rx-order-history-table td.date::before {
        content: "Order Date";
    }
    .custom-mobile-table.rx-order-history-table td.orderby::before {
        content: "Ordered By";
    }
    .custom-mobile-table.rx-order-history-table td.ordertype::before {
        content: "Order Type";
    }
    .custom-mobile-table.rx-order-history-table td.orderno::before {
        content: "Order No.";
    }
    .custom-mobile-table.rx-order-history-table td.medicationname::before {
        content: "Medication Name";
    }
    .custom-mobile-table.rx-order-history-table td.qty::before {
        content: "Quantity";
    }
    .custom-mobile-table.rx-order-history-table td.orderstatus::before {
        content: "Status";
    }
    .custom-mobile-table.rx-order-history-table td.track::before {
        content: "Track";
    }
    .custom-mobile-table.rx-order-history-table td.address::before {
        content: "Address";
    }
    .custom-mobile-table.rx-order-history-table td.zip::before {
        content: "Zip Code";
    }
    .tab-scroll-m.rxgrid {
        width: 100% !important;
    }
    .rx-order-tabs-table.custom-mobile-table tbody tr:first-child {
        display: none;
    }
    .rx-order-tabs-table.custom-mobile-table td {
        display: flex;
        width: 100%;
        position: relative;
        padding-left: 120px !important;
        min-height: 27px;
    }
    .rx-order-tabs-table.custom-mobile-table td::before {
        position: absolute;
        left: 10px;
    }
    .rx-order-tabs-table.custom-mobile-table td.rx-date::before {
        content: "Rx Date";
    }
    .rx-order-tabs-table.custom-mobile-table td.rx-item::before {
        content: "Rx Item";
    }
    .rx-order-tabs-table.custom-mobile-table td.rx-qty::before {
        content: "Quatity";
    }
    .rx-order-tabs-table.custom-mobile-table td.refills::before {
        content: "Refills";
    }
    .rx-order-tabs-table.custom-mobile-table td.refills-available::before {
        content: "Refills Available";
    }
    .rx-order-tabs-table.custom-mobile-table td.recurring-order::before {
        content: "Recurring Order";
    }
    .rx-order-tabs-table.custom-mobile-table td.order::before {
        content: "Order";
    }
    .rx-order-tabs-table.custom-mobile-table td.order-qty::before {
        content: "Order Quantity";
    }
    .rx-order-tabs-table.custom-mobile-table td.refill::before {
        content: "Refill";
    }
    .rx-order-tabs-table.custom-mobile-table td:nth-child(11) {
        padding-bottom: 10px !important;
    }
    .rx-order-tabs-table.custom-mobile-table td.order-qty input {
        margin: 0px;
        width: 50px !important;
        height: 20px !important;
        font-size: 10px;
    }
    .rx-order-tabs-table.custom-mobile-table tr:last-child > td[colspan="12"] {
        padding: 5px !important;
    }
    .rx-order-tabs-table.custom-mobile-table tr:last-child > td[colspan="12"] table, .rx-order-tabs-table.custom-mobile-table tr:last-child > td[colspan="12"] table tbody {
        display: block;
        width: 100%;
    }
    .rx-order-tabs-table.custom-mobile-table tr:last-child > td[colspan="12"] table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-width: 0px;
    }
    .rx-order-tabs-table.custom-mobile-table tr:last-child > td[colspan="12"] table tr td {
        display: flex;
        border: 1px solid #ddd !important;
        padding: 0px !important;
        width: auto;
    }

    .patient-detail-table.custom-mobile-table > tbody > tr.tempHeader {
        display: none;
    }
    .patient-detail-table.custom-mobile-table tr {
        position: relative;
    }
    .patient-detail-table.custom-mobile-table td {
        display: flex;
        width: 100%;
        position: relative;
        padding-right: 35px !important;
    }
    .patient-detail-table.custom-mobile-table .icon-td {
        position: absolute !important;
        right: 10px;
        top: calc(50% - 8px);
        z-index: 1;
        padding: 0px !important;
        width: 16px !important;
        min-height: 16px !important;
    }
    .patient-detail-table.custom-mobile-table .icon-td a {
        display: flex;
    }
    .patient-detail-table.custom-mobile-table tr.temprow.onHover.overall td::before {
        width: 136px;
    }
    .custom-mobile-table.patient-detail-table td.year-td:before {
        content: 'Transaction Summary Year Wise';
    }
    .custom-mobile-table.patient-detail-table td.charges-td:before {
        content: 'Charges';
    }
    .custom-mobile-table.patient-detail-table td.payments-td:before {
        content: 'Payments';
    }
    .custom-mobile-table.patient-detail-table td.running-balance-td:before {
        content: 'Running Balance';
    }
    .patient-detail-table.custom-mobile-table tr.temprow.onHover.overall > td span {
        width: calc(100% - 135px);
        display: inline-block;
        text-align: right;
    }
    .custom-mobile-table.patient-detail-table td.running-balance-td {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .patient-detail-table.custom-mobile-table .icon-td:before {
        display: none;
    }
    .patient-detail-table.custom-mobile-table tr.temprow.onHover.overall {
        border-bottom: 1px;
    }
    .patient-detail-table.custom-mobile-table tr#TransYearPanel td.tempHeader {
        padding: 0px !important;
    }
    .patient-detail-table.custom-mobile-table tr.sublistheader {
        display: none;
    }
    .patient-detail-table.custom-mobile-table tr#TransYearPanel td.YearInner table, .patient-detail-table.custom-mobile-table tr#TransYearPanel td.YearInner table td.result_Expand {
        border-width: 1px 0px 0px !important;
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL {
        margin: 3px;
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL td.transaction-td:before {
        content: 'Transaction';
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL td.date-td:before {
        content: 'Date';
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL td.orderId-td:before {
        content: 'Order ID';
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL td {
        display: flex;
        width: 100%;
        position: relative;
        gap: 5px;
        /*padding-left: 120px !important;
        justify-content: end;
        text-align: right;
        min-height: 27px;*/
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL tr.temprow.onHover.overall td::before, 
    .patient-detail-table.custom-mobile-table tr#TransYearPanel td.YearInner table td.result_Expand td.result table td::before {
        width: 110px;
        text-align: left;
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL tr.temprow.onHover.overall td span,
    .patient-detail-table.custom-mobile-table tr#TransYearPanel td.YearInner table td.result_Expand td.result table td span {
        width: calc(100% - 115px);
        text-align: right;
    }
    .patient-detail-table.custom-mobile-table tr#TransYearPanel td.YearInner table td.result_Expand tr {
        border-width: 0px 0px 2px 0px !important;
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL tr#obrresultpanel td.tempHeader {
        display: none;
    }
    .patient-detail-table.custom-mobile-table .tblYear_ExpandALL tr#obrresultpanel td.result {
        min-height: 0px;
    }
    .patient-detail-table.custom-mobile-table, .patient-detail-table.custom-mobile-table .table {
        table-layout: fixed;
    }
    
    .patient-detail-table.custom-mobile-table tr#TransYearPanel td.YearInner table td.result_Expand td.result table td {
        padding-right: 10px !important;
    }
    .otc-supplement-table.custom-mobile-table {
        display: block;
        position: relative;
    }

    .otc-supplement-table.custom-mobile-table tbody {
        display: block;
        width: 100%;
        position: relative;
    }
    .otc-supplement-table.custom-mobile-table td {
        display: flex;
        width: 100%;
        position: relative;
        grid-gap: 15px;
    }
    .otc-supplement-table.custom-mobile-table td:before {
        word-break: break-word;
        width: 110px;
    }
    .otc-supplement-table.custom-mobile-table td:nth-child(1):before {
        content: 'Rx OTC Supplement ID';
    }
    .otc-supplement-table.custom-mobile-table td:nth-child(2):before {
        content: 'MedicationName/FormStrength';
    }
    .otc-supplement-table.custom-mobile-table td:nth-child(3):before {
        content: 'Dosage';
    }
    .otc-supplement-table.custom-mobile-table td:nth-child(4):before {
        content: 'Physician Name';
    }
    .otc-supplement-table.custom-mobile-table td:nth-child(5):before {
        content: 'Updated By';
    }
    .otc-supplement-table.custom-mobile-table td:nth-child(6):before {
        content: 'Supplier';
    }
    .otc-supplement-table.custom-mobile-table td:nth-child(7):before {
        content: 'SIG';
    }
    .otc-supplement-table.custom-mobile-table td:nth-child(8):before {
        content: 'Web Link';
    }
    .otc-supplement-table.custom-mobile-table tr td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .rx-history-table.custom-mobile-table {
        display: block;
        position: relative;
    }
    .rx-history-table.custom-mobile-table tbody {
        display: block;
        width: 100%;
        position: relative;
    }
    .rx-history-table.custom-mobile-table td {
        display: flex;
        width: 100%;
        position: relative;
        grid-gap: 15px;
    }
    .rx-history-table.custom-mobile-table td:before {
        word-break: break-word;
        width: 110px;
    }
    .rx-history-table.custom-mobile-table td:nth-child(1):before {
        content: 'Physician Name';
    }
    .rx-history-table.custom-mobile-table td:nth-child(2):before {
        content: 'Prescription Date';
    }
    .rx-history-table.custom-mobile-table td:last-child:before {
        display: none;
    }
    .rx-history-table.custom-mobile-table td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .rx-recurring-table.custom-mobile-table {
        display: block;
        position: relative;
    }
    .rx-recurring-table.custom-mobile-table tbody {
        display: block;
        width: 100%;
        position: relative;
    }
    .rx-recurring-table.custom-mobile-table td {
        display: flex;
        width: 100%;
        position: relative;
        grid-gap: 15px;
    }
    .rx-recurring-table.custom-mobile-table td:before {
        word-break: break-word;
        width: 110px;
    }
    .rx-recurring-table.custom-mobile-table td:nth-child(1):before {
        content: 'Item Name';
    }
    .rx-recurring-table.custom-mobile-table td:nth-child(2):before {
        content: 'Is Recurring Order';
    }
    .rx-recurring-table.custom-mobile-table td:nth-child(3):before {
        content: 'Refills';
    }
    .rx-recurring-table.custom-mobile-table td:nth-child(4):before {
        content: 'Quantity';
    }
    .rx-recurring-table.custom-mobile-table td:nth-child(5):before {
        content: 'Recurrence';
    }
    .rx-recurring-table.custom-mobile-table td:nth-child(6):before {
        content: 'Frequency';
    }
    .rx-recurring-table.custom-mobile-table td:nth-child(7):before {
        content: 'Next Order Date';
    }
    .rx-recurring-table.custom-mobile-table td:nth-child(8):before {
        content: 'End Date';
    }
    .rx-recurring-table.custom-mobile-table tr td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .linked-profile-table.custom-mobile-table {
        display: block;
        position: relative;
    }

    .linked-profile-table.custom-mobile-table tbody {
        display: block;
        width: 100%;
        position: relative;
    }

    .linked-profile-table.custom-mobile-table td {
        display: flex;
        width: 100%;
        position: relative;
        grid-gap: 15px;
    }

    .linked-profile-table.custom-mobile-table td:before {
        word-break: break-word;
        width: 85px;
    }

    .linked-profile-table.custom-mobile-table td:nth-child(1):before {
        content: 'Patient ID';
    }

    .linked-profile-table.custom-mobile-table td:nth-child(2):before {
        content: 'Patient Name';
    }

    .linked-profile-table.custom-mobile-table td:nth-child(3):before {
        content: 'Relation';
    }

    .linked-profile-table.custom-mobile-table td:nth-child(4):before {
        display: none;
    }
    .linked-profile-table.custom-mobile-table tr td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .lab-detail-table.custom-mobile-table td {
        width: 100%;
        position: relative;
        padding-left: 110px !important;
    }
    .lab-detail-table.custom-mobile-table td:before {
        word-break: break-word;
        position: absolute;
        left: 10px;
        text-align: left;
    }
    .lab-detail-table.custom-mobile-table td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .lab-order-detail-table.custom-mobile-table tr {
        position: relative;
    }
    .lab-order-detail-table.custom-mobile-table td {
        width: 100%;
        position: relative;
        padding-right: 35px !important;
        display: flex;
        gap: 15px;
    }

    .lab-order-detail-table.custom-mobile-table td:before {
        word-break: break-word;
        text-align: left;
        width: 95px;
    }

    .lab-order-detail-table.custom-mobile-table .icon-td {
        position: absolute !important;
        right: 10px;
        top: calc(50% - 8px);
        z-index: 1;
        padding: 0px !important;
        width: 16px !important;
        min-height: 16px !important;
        gap: 0px;
    }
    .lab-order-detail-table.custom-mobile-table td.result-status {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .lab-order-detail-table.custom-mobile-table tr.temprow.onHover.overall {
        border-bottom: 1px;
    }
    tr#obrresultpanel > td:before {
        display: none;
    }
    .lab-order-detail-table.custom-mobile-table, .lab-order-detail-table.custom-mobile-table .table {
        table-layout: fixed;
    }
    .lab-order-detail-table.custom-mobile-table td > span {
        width: calc(100% - 110px);
    }
    .lab-order-detail-table.custom-mobile-table td .lab-result-detail-table td {
        padding-right: 10px !important;
    }
    .lab-order-detail-table.custom-mobile-table td .lab-result-detail-table td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .lab-order-detail-table.custom-mobile-table td.full-width-row:before {
        display: none;
    }
    .lab-order-detail-table.custom-mobile-table td.full-width-row > span {
        width: auto;
    }

    .lab-order-request-table.custom-mobile-table tr {
        position: relative;
    }
    .lab-order-request-table.custom-mobile-table td {
        width: 100%;
        position: relative;
        display: flex;
        gap: 15px;
    }
    .lab-order-request-table.custom-mobile-table td:before {
        word-break: break-word;
        text-align: left;
        width: 85px;
    }
    .lab-order-request-table.custom-mobile-table td > span, .lab-order-request-table.custom-mobile-table td > a {
        width: calc(100% - 100px);
    }
    .lab-order-request-table.custom-mobile-table td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .medication-sachedules-table.custom-mobile-table tr:first-child {
        display: none;
    }
    .medication-sachedules-table.custom-mobile-table tr {
        position: relative;
    }
    .medication-sachedules-table.custom-mobile-table td {
        width: 100%;
        position: relative;
        display: flex;
        gap: 15px;
    }
    .medication-sachedules-table.custom-mobile-table td:before {
        text-align: left;
        width: 30px;
    }
    .medication-sachedules-table.custom-mobile-table tr td:nth-child(1) {
        padding-bottom: 10px !important;
        padding-right: 35px !important;
    }
    .medication-sachedules-table.custom-mobile-table tr td:nth-child(1):before {
        content: 'Date';
    }
    .medication-sachedules-table.custom-mobile-table tr td:nth-child(2) {
        position: absolute !important;
        right: 10px;
        top: 10px;
        z-index: 1;
        padding: 0px !important;
        width: 15px !important;
        min-height: 18px !important;
        gap: 0px;
    }
    .medication-sachedules-table.custom-mobile-table td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .medication-sachedules-table.custom-mobile-table td {
        width: 100%;
        position: relative;
        display: flex;
        gap: 15px;
    }
    .medication-sachedules-table.custom-mobile-table td:before {
        text-align: left;
        width: 30px;
    }
    .medication-table.custom-mobile-table tr td:nth-child(1):before {
        content: 'Plan Action Date';
    }
    .medication-table.custom-mobile-table tr td:nth-child(2):before {
        content: 'Plan Part ID';
    }
    .medication-table.custom-mobile-table tr td:nth-child(3):before {
        content: 'Clinical Plan';
    }
    .medication-table.custom-mobile-table tr td:nth-child(4):before {
        content: 'Problem(s)/ Diagnoses';
    }
    .medication-table.custom-mobile-table td:last-child {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media only screen and (max-width: 768px) {
    .patient-dashboard-wrapper .header-top-right .nav-icon {
        display: none;
    }
    .tab-scroll-m.rxgrid {
        width: 100% !important;
    }
    .otc-supplement-table.custom-mobile-table tr {
        width: 100%;
        margin: 0px;
    }
    .logo-name {
        text-align: center;
        display: block;
        font-size: 20px;
    }
    .logo-section {
        padding-bottom: 10px;
        border-bottom: 1px solid #fff;
        margin-bottom: 10px;
    }
    .footer-top {
        text-align: center;
    }
    .footer-top .footer-portal-name {
        margin-bottom: 15px;
    }
    .profile-section-heading {
        font-size: 14px;
    }
    .profile-section-sub-heading {
        font-size: 13px;
    }
    label.invisible {
        display: none !important;
    }
    label.invisible + label.form-check-label, label.invisible + label.form-check-label * {
        margin-top: 0px !important;
    }
    .order-history .custom-mobile-table.rx-order-history-table .GridRow {
        width: 100%;
        margin: 0px;
    }
    .tabs-layout.ui-tabs .ui-tabs-nav {
        display: flex;
        overflow: auto;
    }
}