.datagrid_wrapper {
    box-shadow:0 1px 1px #CCCCCC;
    background: #f9f9f9;
    margin-bottom:15px;
    padding:0;
}
.datagrid {
    width:100%;
}
.datagrid th {
    height: 30px;
    line-height: 30px;
    padding:0 10px;
    padding-left:25px;
    border-bottom: solid 1px #B3C2C9;
    text-align: left;
    background: #B3C2C9;
}

.datagrid th.center,
.datagrid td.center{
    padding:0 10px;
    text-align: center;
}

.datagrid th.sortable{
    cursor: pointer;
    background:url("/templates/default/images/icons/sort_none.png") no-repeat 5px center #B3C2C9;
}

.datagrid th.sort_asc {
    cursor: pointer;
    background:url("/templates/default/images/icons/sort_asc.png") no-repeat 5px center #B3C2C9;
}

.datagrid th.sort_desc {
    cursor: pointer;
    background:url("/templates/default/images/icons/sort_desc.png") no-repeat 5px center #B3C2C9;
}

.datagrid td {
    padding:5px 10px;
    padding-left:25px;
    background: #fff;
    color:#34495e;
    height:20px;
    transition: background ease-in-out .15s;
}

.datagrid tr.odd td {
    background: #f9f9f9;
}

.datagrid tr:hover td {
    background: rgb(233,246,253);
}

.datagrid tr.selected td,
.datagrid tr.selected:hover td {
    background:#fcf2cf;
}

.datagrid tr.selected td:first-child{
    background: url("/templates/default/images/icons/check_small.png") no-repeat 7px center #fcf2cf;
}

.datagrid tr.dragged td {
    background: #e0f4ff;
    box-shadow:inset 0 1px 2px #B3C2C9 !important;
    cursor:move !important;
}

.datagrid tr.dragged td:first-child {
    background: url("/templates/default/images/icons/sort_none.png") no-repeat 5px center #e0f4ff;
}

.datagrid .empty{
    color:#B3C2C9;
}

.datagrid_loading{
    background:rgb(0, 0, 0);
    background:rgba(0, 0, 0, 0.2);
    position: absolute;
    display:none;
    text-align: center;
}
.datagrid_loading .indicator{
    position: absolute;
    height:40px;
    line-height:40px;
    width:110px;
    border:solid 2px #EDEDED;
    border-radius:5px;
    box-shadow:0 0 40px #333;
    padding-left: 25px;
    background:url("/templates/default/images/loader16.gif") no-repeat 15px center #FFF;
}

.datagrid_navigation{
    overflow:hidden;
    margin-bottom:15px;
    margin-left:-3px;
}

.datagrid_navigation .datagrid_pagination{

}

.datagrid_navigation .datagrid_resize{
    float:right;
    position: relative;
    font-size: small;
    z-index:2;
}

.datagrid .filter td{
    padding: 4px;
    background: #EDEDED;
    border-bottom: solid 1px #B3C2C9;
}

.datagrid .filter td .input {
    width:100%;
    border: solid 1px #999;
    padding:2px;
}

.datagrid_dataset_filter label{
    padding-right:15px;
}
.datagrid_dataset_filter select {
    width:160px;
}

.datagrid_dataset_filter select.dataset {
    width:320px;
}

.datagrid select{
    width:120px;
    padding:2px;
    font-size:12px;
}

.datagrid .input-number{
    width:60px !important;
    text-align: center;
}

.datagrid .actions { text-align: center; }

.datagrid .actions a {
    display:inline-block;
    width:16px;
    height:16px;
    margin-right: 5px;
    background:no-repeat center center;
}

.datagrid .flag_trigger,
.datagrid .flag_trigger a{
    display:block;
    width:16px;
    height:16px;
    margin:0 auto;
    background:no-repeat center center;
}

.datagrid .flag_trigger.loading{
	background: url("/templates/default/images/loader16.gif") no-repeat center center !important;
}

.datagrid .flag_on { background-image: url("/templates/default/images/icons/flag_check.png"); background-position: 0 0; }
.datagrid .flag_off { background-image: url("/templates/default/images/icons/flag_check.png");  background-position: -16px 0; }

.datagrid .flag_lock_on { background-image: url("/templates/default/images/icons/flag_lock.png"); background-position: 0 0; }
.datagrid .flag_lock_off { background-image: url("/templates/default/images/icons/flag_lock.png");  background-position: -16px 0; }

.datagrid tr td .actions { opacity: 0.25; transition: opacity ease-in-out .15s; }
.datagrid tr:hover td .actions { opacity: 1;  }

.datagrid .actions a.view { background-image: url("/templates/default/images/icons/eye.png"); }
.datagrid .actions a.edit { background-image: url("/templates/default/images/icons/edit.png"); }
.datagrid .actions a.config { background-image: url("/templates/default/images/icons/config.png"); }
.datagrid .actions a.labels { background-image: url("/templates/default/images/icons/labels.png"); }
.datagrid .actions a.fields { background-image: url("/templates/default/images/icons/form.png"); }
.datagrid .actions a.filter { background-image: url("/templates/default/images/icons/filter.png"); }
.datagrid .actions a.permissions { background-image: url("/templates/default/images/icons/key.png"); }
.datagrid .actions a.relations { background-image: url("/templates/default/images/icons/chartmap.png"); }
.datagrid .actions a.delete { background-image: url("/templates/default/images/icons/delete.png"); }
.datagrid .actions a.unbind { background-image: url("/templates/default/images/icons/unbind.png"); }
.datagrid .actions a.user { background-image: url("/templates/default/images/icons/user.png"); }
.datagrid .actions a.rss { background-image: url("/templates/default/images/icons/rss.png"); }
.datagrid .actions a.play { background-image: url("/templates/default/images/icons/play.png"); }
.datagrid .actions a.accept { background-image: url("/templates/default/images/icons/accept.png"); }
.datagrid .actions a.stat{background-image: url("/templates/default/controllers/positions/img/statistics.png");}

.pos_ad_bann{
    float: right;
    background: #3cb371;
    color: #fff;
    padding: 8px 12px;
	margin-left: 1px;
    font-size: 14px;
    text-decoration: none;
}
.pos_ad_bann:hover{background:#228e52;color: #fff;}
.pos_ad_stat{float:left;margin:5px 8px}

[data-pos-tip] {
 position:relative
}
[data-pos-tip]:before {
	content: '';
	display: none;
	border: 5px solid #1a1a1a;
	border-top-color: #1a1a1a;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	position: absolute;
	top: -8px;
	left: 8px;
	z-index: 8;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
[data-pos-tip]:after {
	display: none;
	content: attr(data-pos-tip);
	position: absolute;
	top: -36px;
	left: -5px;
	padding: 0px 8px !important;
	background: #1a1a1a;
	color: #fff;
	z-index: 9;
	font-size: 13px;
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	word-wrap: normal;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font-style:normal;
}
[data-pos-tip]:hover:before, [data-pos-tip]:hover:after {
	display: block;
}