/*****************************************************************************************
 * X2Engine Open Source Edition is a customer relationship management program developed by
 * X2Engine, Inc. Copyright (C) 2011-2014 X2Engine Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY X2ENGINE, X2ENGINE DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact X2Engine, Inc. P.O. Box 66752, Scotts Valley,
 * California 95067, USA. or at email address contact@x2engine.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU Affero General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * X2Engine" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by X2Engine".
 *****************************************************************************************/

.grid-view-loading {background:url(loading.gif) no-repeat;}

/**
 * --------------- Column Selector Dropdown ---------------
 */
ul.column-selector.stuck {
	position:absolute !important;
    top: 75px !important;
}
ul.column-selector {
	display:none;
	position:absolute;
    top: 68px;
	z-index:850;
	background:#fff;
	padding:0;
	border:1px solid #b3b3b3;
	border-top:none;
	max-height:300px;
	overflow-y:scroll;
	list-style-type:none;
	clip:rect(0px,1000px,1000px,-10px);
	-moz-box-shadow:		0 0 15px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow:		0 0 15px 0 rgba(0,0,0,0.5);
	box-shadow:				0 0 15px 0 rgba(0,0,0,0.5);
}
ul.column-selector.fixed-header {
    position: fixed;
}
ul.column-selector li {padding:2px 5px;}
ul.column-selector li:last-child {padding-bottom:5px;}
ul.column-selector li:hover {background:#eee;}

/**
 * ---------------- X2GridView Widget CSS -----------------
 */
.grid-view .title-bar {
    display:block;overflow:hidden;
}
/* .grid-view h3, .grid-view h2 {float:left;margin:0 20px 0 0;} */
.grid-view .summary {
    display: inline-block;
    float:right;color:#555;
}
.grid-view .empty {
    font-style:italic;
}

.grid-view table {
    border:1px solid #aaa;margin:5px 0;
}
.grid-view.fullscreen table {
    border:none;margin:0;
}
/* border-collapse:separate; */



/**
 * ------------------ X2GridView Tables -------------------
 */
.grid-view table.items {
	table-layout:fixed;
	background:#fff;
	width:100%;
	clear:both;
}
.grid-view table.items td, .grid-view table.items th {
	padding:3px 5px;
	border-right:1px solid #ccc;
	/* border-top:1px solid #dbdad3 *//* rgb(196,214,235) */;
	overflow:hidden;
	white-space:nowrap;
	word-wrap:normal;
}
.grid-view table.items th:first-child {border-left:none;padding-left:1px;text-indent:-1px;}
.grid-view table.items td:last-child, .grid-view table.items th:last-child {border-right:none !important;}

/* .grid-view table.items thead td {border-top-color:#666;} */
.grid-view table.items thead th {
	line-height:25px;
	padding:0;
	/*border-left:1px solid #e6e6e6;*/
	border-right-color:#b3b3b3;
	border-bottom:1px solid #b3b3b3;
	color:#333;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	-webkit-appearance:none;
	cursor:default;
	background:#ddd;
	/*background:-moz-linear-gradient(top,	#e0e0e0 0%, #ccc 100%);
	background:-webkit-linear-gradient(top,	#e0e0e0 0%, #ccc 100%);
	background:-o-linear-gradient(top,		#e0e0e0 0%, #ccc 100%);
	background:-ms-linear-gradient(top,		#e0e0e0 0%, #ccc 100%);
	background:linear-gradient(to bottom,	#e0e0e0 0%, #ccc 100%);*/
	
}
/* .grid-view table.items thead tr:hover {
	background:none;
} */
.grid-view table.items th a {
	display:block;
	color:#333;
	font-size:11px;
	text-decoration:none;
}

.grid-view table.items th:hover {/* background-color:#f8f8f8; */}

.grid-view table.items td a {text-decoration:none;}
.grid-view table.items td a:hover {text-decoration:underline;}

/*
 * ------------------- Rounded Borders --------------------
 */
.gridview.boxed table.items {
	margin-top:5px;
	border:1px solid #ccc;
	border-radius:			4px;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
}
/* rounded corner on top left TH cells in THEAD */
.grid-view.boxed table.items th:first-child {
	border-radius:			4px 0 0 0;
	-moz-border-radius:		4px 0 0 0;
	-webkit-border-radius:	4px 0 0 0;
	-o-border-radius:		4px 0 0 0;
}
/* rounded corner on top right TH cells in THEAD */
.grid-view.boxed table.items th:last-child {
	border-radius:			0 4px 0 0;
	-moz-border-radius:		0 4px 0 0;
	-webkit-border-radius:	0 4px 0 0;
	-o-border-radius:		0 4px 0 0;
}
/* left border on all left TD cells */
.grid-view.boxed table.items tr th:first-child, .grid-view.boxed table.items tr td:first-child {/* border-left:none; */}
/* top border on all left TD cells */
.grid-view.boxed table.items tr:first-child th {border-top:none;}
/* bottom border on all bottom TD cells in TBODY */
.grid-view.boxed table.items tbody tr:last-child td {/* border-bottom-width:1px; */}
/* rounded corner on bottom left TD cells in TBODY */
.grid-view.boxed table.items tbody tr:last-child td:first-child {
	border-radius:			0 0 0 4px;
	-moz-border-radius:		0 0 0 4px;
	-webkit-border-radius:	0 0 0 4px;
	-o-border-radius:		0 0 0 4px;
}
/* rounded corner on bottom right TD cells in TBODY */
.grid-view.boxed table.items tbody tr:last-child td:last-child {
	border-radius:			0 0 4px 0;
	-moz-border-radius:		0 0 4px 0;
	-webkit-border-radius:	0 0 4px 0;
	-o-border-radius:		0 0 4px 0;
}
/*
 * ---------------- Special Row Formatting ----------------
 */
.grid-view table.items tr.odd {background:#F5F4DE;/* #dce7f0; *//* #dce7f0; *//* background:#f7f6f0; */}
.grid-view table.items tr.odd td {}
.grid-view table.items tr.unviewed td {background:#eef0ff;font-weight:bold;}
.grid-view table.items tr.selected {}
/*
 * ----------------------- Filters ------------------------
 */
.grid-view table.items tr.filters {background:#fff;}
.grid-view table.items tr.filters td {
	padding:0;
	border:solid #b3b3b3;
	border-width:0 1px 1px 0;
	border-bottom-color:#b3b3b3;
	border-right-color:#b3b3b3;
	background:#d8d8d8;
}
.grid-view table.items tr.filters input, .grid-view table.items tr.filters select {
	width:100%;
	box-sizing:border-box;
	margin:0;
	padding:2px 4px;
	border:none;
/* 	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	-o-border-radius:		3px; */
}

/**
 * -------------------- Column Sorting --------------------
 */
.grid-view table.items th.asc, .grid-view table.items th.desc {
	border-color:#3577d1;
	border-left-color:#79b4ff;
	background:#629ceb;
}

.grid-view table.items th.asc a, .grid-view table.items th.desc a {
	color:#fff;
	text-shadow:0 0 2px rgba(0,0,0,0.25);
}
.grid-view table.items th.asc a {background:url(arrow_up3.png) right center no-repeat;}
.grid-view table.items th.desc a {background:url(arrow_down3.png) right center no-repeat;}

/**
 * ------------- 2-part tables (fixed header) -------------
 */
.grid-view div.x2grid-header-container {
	overflow:hidden;
	position:relative;
	/* border-bottom:1px solid #666; */
}
/* .grid-view div.x2grid-header-container table.items tr.filters td {border-bottom:none;} */
.grid-view div.x2grid-body-container {
	overflow-x:auto;
	overflow-y:hidden;
	/* border-top:1px solid #666; */
/* 	overflow-y:scroll;
	max-height:710px; */
}

/**
 * ------------------- x2.gridResizing --------------------
 */
.grid-view table.items.x2grid-resizable {
	border-collapse:separate;
	margin-top:0;
    border: none;
    margin-bottom: 0;
}

.grid-view .x2grid-body-container table.items.x2grid-resizable {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #D5D5D5;
}

.grid-view table.items.x2grid-resizable tr:first-child td{border-top:none;}
/* .grid-view table.items.x2grid-resizable td.hover {
	overflow:visible;
	display:block;
	position:absolute;
	padding:6px 8px 6px 5px !important;
	z-index:3;
	border-right:1px solid #d3d3cc/* rgb(196,214,235) * /;
} */
/* .grid-view table.items.x2grid-resizable td div {white-space:nowrap;overflow:hidden;} */
.x2grid-grips {height:0px;position:relative;}
.x2grid-grips div {
	position:absolute;
	top:1px;
	width:9px;
	margin-left:-9px;
	z-index:2;
	cursor:col-resize;
	/* background:rgba(255,0,0,0.2); */
}


/**
 * ------------------ x2.gridColDragging ------------------
 */
.grid-view table.items.x2grid-helper thead th {
	height:25px;
	border:1px solid #ccc;
	border-width:0 1px;
	opacity:0.75;
	cursor:move;
}
.grid-view table.items.x2grid-helper a {cursor:move;}
.grid-view table.items.x2grid-helper td {padding:5px 5px;}
.grid-view table.items td.spacer, .grid-view table.items th.spacer {
	/* padding:0 !important; */
	border-left:none !important;
	border-right:none !important;
	-moz-box-shadow:		inset -1px 0 0 #999;	/* since IE has too many chromosomes, let's simulate a border! */
	-webkit-box-shadow:		inset -1px 0 0 #999;
	box-shadow:				inset -1px 0 0 #999;
}
.grid-view table.items th.spacer:first-child {padding-left:0;}
/**
 * -------------- special column formatting ---------------
 */
.grid-view .link-column img, .grid-view .button-column img {border:0;}
.grid-view .button-column, .grid-view .checkbox-column {text-align:center;}
/**
 * ------------------- Pager formatting -------------------
 */
.grid-view .pager {
    border-top:1px solid #aaa;
	padding:6px;
	background:#fff;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px;
    margin-bottom: 0;
	text-align:right;
/* 	border-radius:			4px 4px 4px 4px;
	-moz-border-radius:		4px 4px 4px 4px;
	-webkit-border-radius:	4px 4px 4px 4px;
	-o-border-radius:		4px 4px 4px 4px; */
    border-top: none;
    float: right;
}
/**
 * ------------------------- Misc -------------------------
 */
div.scrollbar-width-test {height:100px;width:100px;position:absolute;top:-100px;left:0;overflow-x:hidden;overflow-y:scroll;/* visibility:hidden; */}

.grid-view > .pager .yiiPager a {
    padding: 2px 8px 2px 8px;
}
.yiiPager li a {
    background:#fff;
}

/*
loading anim
*/

.x2-gridview-updating-anim {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 1000;
}

/*
activity indicator
*/

.grid-view .active-indicator,
.grid-view .inactive-indicator {
    height: 12px;
    display: block;
    width: 12px;
    text-align: center;
    margin: auto;
    border-radius: 9px;
}

.grid-view .active-indicator {
    background: rgb(11, 199, 11);
    border: 1px solid rgb(162, 162, 162);
}

.grid-view .inactive-indicator {
    border: 1px solid rgb(219, 219, 219);
    background: rgb(230, 230, 230);
}


/*
Remove extra border when pager isn't shown
*/
.grid-view .x2grid-body-container.x2grid-no-pager .x2grid-resizable {
    border-bottom: none !important;
    border-radius: 0 0 3px 3px !important;
}

.grid-view ::-webkit-scrollbar-track:horizontal {
    border-top: none;
}

.grid-view .x2-bar {
    width: 23px;
    background-color: rgb(233, 233, 233);
}

/*@import url("responsiveStyles.css");*/
