/* Beginning of Panel Background */
.Reports_GeneralPanelBackground { background-color: #D3D3D3; border: 1px solid #000066; }
.Reports_GeneralDarkPanelBackground { background-color: #ECE9D8; }
.Reports_GeneralStyle { font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000;background-color: #ECE9D8; border: 1px solid #A5AF7E; width: 100%; }

/* Ending of Panel Background */

/* Being Header Section */
.Reports_GeneralPanelHeaderWhite { background-color: #2E4064; font-weight: bold; font-family: verdana, arial, geneva, sans-serif; font-size: 10px; color: white; }
/* End Header Section */

.Reports_menubutton { font-weight: bold; font-family: arial, geneva, sans-serif; font-size: 13px; color: #ffffff; background-color: #003F8C; border-color: #000; border-width: 2px; border-style: solid; }


.reports_ReportsImg { border: '1px solid #BDBCB8'; color: White; background-color: #A8A8A8; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; width: 160px; position: relative; height: 55px; }

/************ AJAX Calendar Related Styles ***********************/
.Calendar .ajax__calendar_container { border: 1px solid #646464; background-color: #EAEAEA; color: #666666; }
.Calendar .ajax__calendar_other .ajax__calendar_day, .Calendar .ajax__calendar_other .ajax__calendar_year { color: #666666; background-color: #FFFFFF; }
.Calendar .ajax__calendar_hover .ajax__calendar_day, .Calendar .ajax__calendar_hover .ajax__calendar_month, .Calendar .ajax__calendar_hover .ajax__calendar_year { color: red; }
.Calendar .ajax__calendar_active .ajax__calendar_day, .Calendar .ajax__calendar_active .ajax__calendar_month, .Calendar .ajax__calendar_active .ajax__calendar_year { color: black; font-weight: bold; }
.Calendar .ajax__calendar_days .ajax__calendar_dayname { color: #0F2F86; font-weight: bold; }
.Calendar .ajax__calendar_header .ajax__calendar_title { color: #0F2F86; background-color: #C0C0C0; }
/************ AJAX Calendar Related Styles ***********************/

/************ AJAX MaskedEdit Related Styles ***********************/
.MaskedEditFocus { background-color: #ffffcc; color: #000000; }
.MaskedEditMessage { color: #ff0000; font-weight: bold; }
.MaskedEditError { background-color: #ffcccc; }
.MaskedEditFocusNegative { background-color: #ffffcc; color: #000000; }
.MaskedEditBlurNegative { color: #ff0000; }
/************ MaskedEdit Related Styles ***********************/
/***************** Reports Menu Styles ***********************/

/*.reportMenu { float: left; width: 200px; background-color: Gray }
.reportMenu ul { list-style-type:none; margin: 0; padding: 0; text-align: left; margin-left: 15px; }
.reportMenu ul li a { display: block; width: 60px; }*/

.container { float: left; width: 100%; }

.reportMenu { /*float: left; width: 29.9%; height: auto; background-color: #ECE9D8; border-right: 1px solid #909090;*/ background-color: #53891E; width: 30%; vertical-align: top; }
.reportMenu ul { list-style: none; padding: 0; margin: 0; }
.reportMenu li { /*float: left; margin: 0 0.15em;*/ list-style-type: none; margin: 0; padding: 0; text-align: left; }
.reportMenu li a { height: 38px; line-height: 3em; float: left; width: 94%; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 15px; display: block; color: #404040; text-decoration: none; text-align: left; }
.reportMenu li a:hover { background-color: #efefeb !important; }
.reportMenu li a:selected { background-color: #Efff8a; }

.menuhover a:active { background-color: #efefeb !important; }

.reportsList { float: right; width: 70%; background-color: #fff; }

/***************** END Reports Menu Styles *******************/

.mainMenuLink { font-size: 12px; font-weight: 700; font-family: Trebuchet MS; }

/*
|  REPORT TYPE BUTTON STYLES
*/
.ReportType { width: 32px; height: 32px; margin: 2px; float: left; }
.btnGrid { height: 32px; width: 32px; border: none; background-image: url('../../Reports/Images/chart_table.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.btnGrid:disabled { background-image: url('../../Reports/Images/chart_table_d.png'); background-repeat: no-repeat; background-position: center center; cursor: default; }
.btnGrid:selected { border: 2px solid red; }
.btnBar { width: 32px; height: 32px; border: none; background-image: url('../../Reports/Images/chart_bar.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.btnBar:disabled { background-image: url('../../Reports/Images/chart_bar_d.png'); background-repeat: no-repeat; background-position: center center; cursor: default; }
.btnBar:selected { border: 2px solid red; }
.btnPie { width: 32px; height: 32px; border: none; background-image: url('../../Reports/Images/chart_pie.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.btnPie:disabled { background-image: url('../../Reports/Images/chart_pie_d.png'); background-repeat: no-repeat; background-position: center center; cursor: default; }
.btnPie:selected { border: 2px solid red; }
.btnLine { width: 32px; height: 32px; border: none; background-image: url('../../Reports/Images/chart_line.png'); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.btnLine:disabled { background-image: url('../../Reports/Images/chart_line_d.png'); background-repeat: no-repeat; background-position: center center; cursor: default; }
.btnLine:selected { border: 2px solid red; }

/*
END
*/

/*img[title$='ReportingChart'] { height:auto !important; width:auto !important; min-width:0 !important; }*/

.ReportTHBG { background-color: green; }

/*
|   MODAL CSS
*/
.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: gray; padding: 3px; width: 250px; }
.emailModalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: gray; padding: 3px; }

/*
|   PAGINATION CSS
*/
.btnFirst { width: 16px; height: 16px; background-image: url(../../Reports/Images/resultset_first.png);}
    .btnFirst[disabled] { width: 16px; height: 16px; background-image: url(../../Reports/Images/resultset_first_disabled.png);}

.btnPrevious { width: 16px; height: 16px; background-image: url(../../Reports/Images/resultset_previous.png);}
    .btnPrevious[disabled] { width: 16px; height: 16px; background-image: url(../../Reports/Images/resultset_previous_disabled.png);}
    
.btnNext { width: 16px; height: 16px; background-image: url(../../Reports/Images/resultset_next.png);}
    .btnNext[disabled] { width: 16px; height: 16px; background-image: url(../../Reports/Images/resultset_next_disabled.png);}
    
.btnLast { width: 16px; height: 16px; background-image: url(../../Reports/Images/resultset_last.png);}
    .btnLast[disabled] { width: 16px; height: 16px; background-image: url(../../Reports/Images/resultset_last_disabled.png);}

/*
|   TILE CSS
*/
.menucategories { float: left; height: auto; width: 210px; border: 1px solid black; }
.menutitle {background-color: #303030; height: 30px; width: 500px;  color: #FFF; text-align: center}

.chartsIcon { background-color: #53891E; width: 32px; height: 32px; background-image: url(../../Reports/Images/chartsicon.png); float: left}

.tile { height: 85px; width: 85px; float: left; margin: 3px; padding: 2px; text-decoration: none; border: 5px solid transparent;}

.tile .selected { position: relative; border: 5px solid #4390df; }
.tile .selected::before { content: ""; width: 36px; height: 36px; top: 0; right: 0; position: absolute; background-image: url(../../Reports/Images/categories/tick.png); }

.tileselected { height: 85px; width: 85px; float: left; margin: 3px; padding: 2px; position: relative; border: 5px solid #4390df; }
.tileselected:before { content: ""; width: 36px; height: 36px; top: 0; right: 0; position: absolute; background-image: url(../../Reports/Images/categories/tick.png); }

.tileLarge { width: 210px; }
.tileText { margin: 0px auto; color: #FFF; line-height: 11px; }

.grid-view { font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000;}
.grid-view tr.row { color: #000000; }
.grid-view tr.rowa { color: #000000; }

.grid-view tr.row:hover { background-color: #FFFFCC; color: #333333; }
.grid-view tr.rowa:hover { background-color: #FFFFCC; color: #333333; }

.grey { background: #646665; }
.seagreen { background: #10856B; }
.yellow { background: #E8A02A; }
.purple { background: #6B548C; }
.navy { background: #2D587A; }
    

.grass { background: #6BA141; }
.blue { background: #1F91CD; }
.brown { background: #6B4E52; }
.tan { background: #C6923F; }
.red { background: #CE4529; }

/*categories*/
.Contracts { height: 32px; width: 32px; margin: 20px auto 0px auto; background-image: url(../../Reports/Images/categories/contracts.png); }
/* Contracts */
.Production { height: 32px; width: 32px; margin: 20px auto 15px auto; background-image: url(../../Reports/Images/categories/production.png); }
/* Production */
.Online_Payments { height: 32px; width: 32px; margin: 20px auto 5px auto; background-image: url(../../Reports/Images/categories/onlinesales.png); }
/* Online Payments */
.ACH { height: 32px; width: 32px; margin: 20px auto 15px auto; background-image: url(../../Reports/Images/categories/ach.png); }
    
/* ACH */
.Point_of_Sale { height: 32px; width: 35px; margin: 20px auto 15px auto; background-image: url(../../Reports/Images/categories/pointofsale.png); background-position: center; background-repeat: no-repeat; }
/* Point of Sale */
.General { height: 32px; width: 24px; margin: 20px auto 15px auto; background-image: url(../../Reports/Images/categories/general.png); }
/* General */
.Cancellations { height: 32px; width: 32px; margin: 20px auto 15px auto; background-image: url(../../Reports/Images/categories/cancelledcontract.png); }
/* Cancellations*/




/* BOOTSTRAP REPORTS MENU */
.leftMenu { background-color: #efefef; padding-left: 0px; padding-right: 0px; text-align: left}
.reportsList { padding-left: 0px; padding-right: 0px; }
.blockItem { display: block;}
.categoryList { padding-left: 10px }