.my-note {
	font-size: 10px;
	color: #8c8c8c;
}

.my-pseudo_link {
	border-bottom: 1px dotted;
	text-decoration: none;
	cursor: pointer;
}

.table-layout-fixed {
    table-layout: fixed !important;
}

.position-absolute {
    position: absolute !important;
}
.position-relative {
	position: relative !important;
}

.display-block {
	display: block !important;
}
.display-inline-block {
	display: inline-block !important;
}

.cursor-default {
    cursor: default !important;
}
.cursor-pointer {
    cursor: pointer !important;
}

.font-size-10 { font-size: 10px !important; }
.font-size-12 { font-size: 12px !important; }
.font-size-14 {	font-size: 14px !important; }
.font-size-16 {	font-size: 16px !important; }
.font-size-18 {	font-size: 18px !important; }
.font-size-20 {	font-size: 20px !important; }

.font-weight-bold {
	font-weight: bold !important;
}

.m-l-0 {
    margin-left: 0px !important;
}
.m-l-5 {
    margin-left: 5px !important;
}
.m-l-10 {
    margin-left: 10px !important;
}
.m-l-15 {
    margin-left: 15px !important;
}
.m-l-20 {
    margin-left: 20px !important;
}

.m-r-0 {
	margin-right: 0px !important;
}
.m-r-5 {
	margin-right: 5px !important;
}
.m-r-10 {
	margin-right: 10px !important;
}
.m-r-15 {
	margin-right: 15px !important;
}
.m-r-20 {
	margin-right: 20px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}
.m-t-5 {
    margin-top: 5px !important;
}
.m-t-7 {
    margin-top: 7px !important;
}
.m-t-10 {
    margin-top: 10px !important;
}
.m-t-15 {
    margin-top: 15px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-15 {
    margin-bottom: 15px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}

.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-l-0 { padding-left: 0px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-r-0 { padding-right: 0px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-t-0 { padding-top: 0px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-b-0 { padding-bottom: 0px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }

.dataTable th.text-right {
    padding-right: 25px !important;
}

div.ag-root {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
.ag-header {
	background: #f0f0f0 !important;
}
.ag-header-group-cell-label {
	text-align: center;
}
.ag-header-cell-text {
    font-size: 12px !important;
    font-weight: bold;
}
.ag-header-group-text {
	white-space: nowrap;
	font-size: 12px;
	font-weight: bold;
}
.ag-floating-bottom {
	border-top: 1px solid gray;
    font-weight: bold;
}
.checkbox-ag_all + label::before {
	content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48L2c+PC9zdmc+");
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	padding-right: 1px;
}
.checkbox-ag_all:checked + label::before {
	content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik05IDNMNiA4LjVsLTIuNS0yIi8+PC9nPjwvc3ZnPg==");
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	padding-right: 1px;
}

.my-ag-grid-cell {
	padding: 0px 5px 0px;
	vertical-align: top;
	white-space: nowrap;
	font-size: 12px;
}
.my-ag-grid-faststat-container {
	position: absolute;
	left: 2px;
	bottom: 2px;
}
.my-ag-grid-faststat-bar {
	display: inline-block;
	border: 0px;
	background-color: #0000ff;
	vertical-align: bottom;
	width: 4px;
	margin-right: 2px;
}
.my-ag-grid-faststat-positive {
	background-color: #5cb85c;
}
.my-ag-grid-faststat-negative {
	background-color: #dd4b39;
}

.ag-header-select-all {
	margin-left: 2px !important;
	margin-top: 2px !important;
}

.color-android {
	color: #a4c639;
}

.my-loader {
	border: 6px solid #ddd;
    border-top: 6px solid #3c8dbc;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: my-loader-spin 2s linear infinite;
}
@keyframes my-loader-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.my-ag-grid-overlay {
	z-index: 1500;
	background: rgba(255, 255, 255, 0.8);
}

.my-ag-grid-overlay .my-loader {
	margin: auto;
}

.color-red {
	color: red;
}

.color-green {
	color: green;
}