/*
 * Developed By: Raghavendra
 * Modified By : Raghavendra
 * Last Date   : 14-Apr-2011
*/
/*/*/

body {
    font-family: Verdana;
}

.error {
    color: red;
    font-weight: bold;
}

.FrameBody {
    background-color: #4682b4;
    font-family: Verdana;
    font-weight: bold;
    margin-left: 0px;
    margin-top: 0px;
}

.tdMain {
    border-right: lightsteelblue 1px solid;
    border-top: lightsteelblue 1px solid;
    border-left: lightsteelblue 1px solid;
    border-bottom: lightsteelblue 1px solid;
}

.Toptd {
    background-image: url('../../Images/Default/T.png');
    background-repeat: repeat-x;
    height: 30px;
}

.Bottomtd {
    background-image: url('../../Images/Default/B.png');
    background-repeat: repeat-x;
    height: 30px;
}

.Lefttd {
    background-image: url('../../Images/Default/L.png');
    background-repeat: repeat-y;
    width: 20px;
}

.LeftToptd {
    background-image: url('../../Images/Default/LT.png');
    background-repeat: no-repeat;
    height: 30px;
    width: 20px;
}

.LeftBottomtd {
    background-image: url('../../Images/Default/LB.png');
    background-repeat: no-repeat;
    height: 30px;
    width: 20px;
}

.Righttd {
    background-image: url('../../Images/Default/R.png');
    background-repeat: repeat-y;
    width: 25px;
}

.RightToptd {
    background-image: url('../../Images/Default/RT.png');
    background-repeat: no-repeat;
    height: 30px;
    width: 25px;
}

.RightBottomtd {
    background-image: url('../../Images/Default/RB.png');
    background-repeat: no-repeat;
    height: 30px;
    width: 25px;
}
/*    Css for Progress(Disabled Div tag)    */
.Progress {
    text-align: center;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=70);
    vertical-align: bottom;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
/*     ModalPopupExtender Background Css       */
.modalBackGround {
    background-color: #f5f5f5;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
/*    Css for Html Input Buttons    */
.Button {
    background: AliceBlue;
    border-color: #4682b4;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-family: Verdana;
}

.ButtonNormal {
    background: AliceBlue;
    border-color: #4682b4;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-family: Verdana;
    width: 75px;
}

.ButtonXSmall {
    background: AliceBlue;
    border-color: #4682b4;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-family: Verdana;
    width: 40px;
}

.ButtonSmall {
    background: AliceBlue;
    border-color: #4682b4;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-family: Verdana;
    width: 50px;
}

.ButtonLarge {
    background: AliceBlue;
    border-color: #4682b4;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-family: Verdana;
    width: 100px;
}

.ButtonXLarge {
    background: AliceBlue;
    border-color: #4682b4;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    font-family: Verdana;
    width: 125px;
}

.Currency {
    text-align: right;
}
/*
    DataPager CSS
    PagerButton CSS used for NextPreviousPagerField--ButtonCssClass property
    NumericPager CSS used for NumericPagerField--NumericButtonCssClass property
    CurrentPage CSS used for NumericPagerField--CurrentPageLabelCssClass property
*/
.PagerButton {
    border: 1px solid #4682b4;
    font-family: Verdana;
    background: AliceBlue;
    height: 20px;
    font-weight: bold;
}

.NumericPager {
    vertical-align: top;
    font-family: Verdana;
    font-size: 15px;
}

.CurrentPage {
    background-color: White;
    color: Red;
    font-weight: bold;
}
/* DataControl CSS used for data controls like DataGrid,GridView,ListView etc. */
.DataControl {
    border: solid;
    border-width: 1px;
    border-color: #f5f5f5;
    font-family: Verdana;
}

    .DataControl td {
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-color: #f5f5f5;
        border-width: thin;
    }

    .DataControl th {
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-right-style: solid;
        border-color: #f5f5f5;
        border-width: 1px;
        background-color: #4682b4;
        color: white;
    }
/* CSS for Rounded Corner */
.fieldset {
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 7px;
    -webkit-border-radius: 7px;
    border-radius: 3px;
    border-color: #f5f5f5;
}

.RoundedCorner {
    box-shadow: 4px 4px 8px #d2d2d2;
    -webkit-box-shadow: 4px 4px 8px #d2d2d2;
    -moz-box-shadow: 4px 4px 8px #d2d2d2;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
/* CSS for Menu Control in Tab Mode*/
.tab_Horizontal {
    border: solid 1px #4682b4;
    background-color: #f0f8ff;
    font-size: 11px;
    color: silver;
    font-weight: bold;
    font-family: Verdana;
    width: 150px;
    height: 21px;
    text-align: center;
    border-bottom: none 0px;
}

.selectedTab_Horizontal {
    border: solid 1px #4682b4;
    background-color: #f0f8ff;
    font-size: 11px;
    color: black;
    font-weight: bold;
    font-family: Verdana;
    width: 150px;
    height: 21px;
    text-align: center;
    border-bottom: none 0px;
}

.hovertab_Horizontal {
    border: solid 1px #4682b4;
    background-color: #4682b4;
    font-size: 11px;
    color: white;
    font-weight: bold;
    font-family: Verdana;
    width: 150px;
    height: 21px;
    text-align: center;
    border-bottom: none 0px;
}

.tab_Vertical {
    border: solid 1px #4682b4;
    background-color: #f0f8ff;
    font-size: 11px;
    color: silver;
    font-weight: bold;
    font-family: Verdana;
    width: 120px;
    height: 21px;
    text-align: center;
    border-right: none 0px;
}

.selectedTab_Vertical {
    border: solid 1px #4682b4;
    background-color: #f0f8ff;
    font-size: 11px;
    color: black;
    font-weight: bold;
    font-family: Verdana;
    width: 120px;
    height: 21px;
    text-align: center;
    border-right: none 0px;
}

.hovertab_Vertical {
    border: solid 1px #4682b4;
    background-color: #4682b4;
    font-size: 11px;
    color: white;
    font-weight: bold;
    font-family: Verdana;
    width: 120px;
    height: 21px;
    text-align: center;
    border-right: none 0px;
}

.tabContent {
    border-color: #B0C4DE;
    border-style: solid;
    border-width: 1px;
    width: 99%;
}



/*  CSS for AutoComplete    */
.AutoCompleteList {
    background-color: White;
    border: solid 1px #4682b4;
    cursor: pointer;
    font-family: Calibri;
    font-size: 15px;
    font-weight: normal;
    margin: 0px;
    padding: 5px;
    height: auto !important;
    max-height: 250px !important;
    overflow: auto;
    text-align: left;
    width: 500px;
}

.AutoCompleteListItem {
    color: #4682b4;
    padding: 5px;
}

.AutoCompleteListItemHighlighted {
    background-color: #4682b4;
    color: White;
    cursor: pointer;
    padding: 5px;
}

table.gridview {
    display: inline-table;
}

.gridview tbody tr:first-child {
    border: 1px solid #52a0da !important;
}

.gridview th {
    padding: 5px 15px;
    background-color: #52a0da !important;
    color: #ffffff;
    cursor: pointer;
}

.gridview td {
    padding: 5px 15px;
    border: 1px solid #dbdbdb !important;
}

.gridview tbody tr:first-child > th {
    position: sticky !important;
    top: -1px !important;
    z-index: 2 !important;
    box-shadow: 0px 3px 5px #cfcfcf !important;
}

.gridview tr.footer {
    background: #d7eeff;
    color: #ff1f1f;
    font-weight: 700;
}

.col-c-30 {
    min-width: 30px !important;
    text-align: center !important;
}

.col-l-30 {
    min-width: 30px !important;
    text-align: left !important;
}

.col-r-30 {
    min-width: 30px !important;
    text-align: right !important;
}

.col-c-50 {
    min-width: 50px !important;
    text-align: center !important;
}

.col-l-50 {
    min-width: 50px !important;
    text-align: left !important;
}

.col-r-50 {
    min-width: 50px !important;
    text-align: right !important;
}

.col-c-75 {
    min-width: 75px !important;
    text-align: center !important;
}

.col-l-75 {
    min-width: 75px !important;
    text-align: left !important;
}

.col-r-75 {
    min-width: 75px !important;
    text-align: right !important;
}

.col-c-100 {
    min-width: 100px !important;
    text-align: center !important;
}

.col-l-100 {
    min-width: 100px !important;
    text-align: left !important;
}

.col-r-100 {
    min-width: 100px !important;
    text-align: right !important;
}

.col-c-130 {
    min-width: 130px !important;
    text-align: center !important;
}

.col-l-130 {
    min-width: 130px !important;
    text-align: left !important;
}

.col-r-130 {
    min-width: 130px !important;
    text-align: right !important;
}

.col-c-150 {
    min-width: 150px !important;
    text-align: center !important;
}

.col-l-150 {
    min-width: 150px !important;
    text-align: left !important;
}

.col-r-150 {
    min-width: 150px !important;
    text-align: right !important;
}

.col-c-180 {
    min-width: 180px !important;
    text-align: center !important;
}

.col-l-180 {
    min-width: 180px !important;
    text-align: left !important;
}

.col-r-180 {
    min-width: 180px !important;
    text-align: right !important;
}

.col-c-200 {
    min-width: 200px !important;
    text-align: center !important;
}

.col-l-200 {
    min-width: 200px !important;
    text-align: left !important;
}

.col-r-200 {
    min-width: 200px !important;
    text-align: right !important;
}

.col-c-250 {
    min-width: 250px !important;
    text-align: center !important;
}

.col-l-250 {
    min-width: 250px !important;
    text-align: left !important;
}

.col-r-250 {
    min-width: 250px !important;
    text-align: right !important;
}

.col-c-300 {
    min-width: 300px !important;
    text-align: center !important;
}

.col-l-300 {
    min-width: 300px !important;
    text-align: left !important;
}

.col-r-300 {
    min-width: 300px !important;
    text-align: right !important;
}

.col-c-350 {
    min-width: 350px !important;
    text-align: center !important;
}

.col-l-350 {
    min-width: 350px !important;
    text-align: left !important;
}

.col-r-350 {
    min-width: 350px !important;
    text-align: right !important;
}

.col-c-400 {
    min-width: 400px !important;
    text-align: center !important;
}

.col-l-400 {
    min-width: 400px !important;
    text-align: left !important;
}

.col-r-400 {
    min-width: 400px !important;
    text-align: right !important;
}

.col-c-450 {
    min-width: 450px !important;
    text-align: center !important;
}

.col-l-450 {
    min-width: 450px !important;
    text-align: left !important;
}

.col-r-450 {
    min-width: 450px !important;
    text-align: right !important;
}

.col-c-500 {
    min-width: 500px !important;
    text-align: center !important;
}

.col-l-500 {
    min-width: 500px !important;
    text-align: left !important;
}

.col-r-500 {
    min-width: 500px !important;
    text-align: right !important;
}

.col-c-750 {
    min-width: 750px !important;
    text-align: center !important;
}

.col-l-750 {
    min-width: 750px !important;
    text-align: left !important;
}

.col-r-750 {
    min-width: 750px !important;
    text-align: right !important;
}


.skinthemetab {
    background: #4682b4 !important;
    color: #FFEB3B !important;
}

    .skinthemetab.inactive {
        background: #4682b4 !important;
        color: #fff !important;
    }

.ui.vertical.tabular.menu .active.item {
    background: #4682b4 !important;
    color: #fff !important;
}

.theme > thead > tr > th {
    background: #4682b4 !important;
    color: #fff !important;
}

::selection {
    color: red !important;
    background-color: yellow !important;
}

#btnfilter {
    background: #4682b4 !important;
}
/*.datatable>thead>tr>th{
    background: #a05332 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.datatable>thead>tr>td{
    background: #a05332 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.dataTable>thead>tr>th{
    background: #a05332 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.dataTable>thead>tr>td{
    background: #a05332 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}*/
#btnfilter {
    background: #4682b4 !important;
}

/*.title{
    background: #4682b4 !important;
}*/

.billingReportTables > thead > tr > th {
    background: #4682b4 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.billingReportTables > thead > tr > td {
    background: #4682b4 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.styled-table tr:hover {
    background-color: #F8F9FA;
}

.styled-table tr th {
    border: 1px solid #e7e7e7;
}

.styled-table tr td, .styled-table tr th {
    border: 1px solid #e7e7e7;
    font-family: Verdana !important;
    font-size: 0.8rem;
    white-space: nowrap;
}

.txttheme {
    color: #4682b4;
}

thead > tr > th {
    background-color: #4682b4 !important;
    color: #fff !important;
}

.btntheme {
    background: #4682b4 !important;
    color: #fff !important;
    border-color: #4682b4;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
}

.dimmer {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: #b9b9b9;
    opacity: 0.95;
    z-index: 99;
    user-select: none;
    cursor: default;
}

.loading {
    position: absolute;
    z-index: 99;
    background-color: #ffffff;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    justify-content: center;
    align-items: center;
    text-align: center;
    user-select: none;
    cursor: default;
}

.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #4e80b1;
    padding: 8px 22px;
    border-radius: 16px;
    color: #fff;
    flex-wrap: wrap;
    gap: 10px;
}
.ui.primary.button,
        .save-btn {
            background: #4e80b1;
            color: #fff !important;
            
        }

 .patient-banner {
            background: #4782b2;
            color: #fff;
            padding: 14px 22px;
            display: flex;
            align-items: center;
            gap: 18px;
            flex-wrap: wrap;
        }

 .btn-save {
            flex: 1;
            background: #4782b2 !important;
            color: #fff !important;
            font-weight: 800 !important;
            box-shadow: none !important;
        }