/*
 * 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;
}