:root {
	--phoenix-primary: #3fb505;
	--phoenix-link-color: #222;
    --phoenix-link-color-rgb: 34, 34, 34;
    --phoenix-link-decoration: none;
    --phoenix-link-hover-color: #003cc7;
	--phoenix-tertiary-color: #aaaaaa;
}
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    color: var(--phoenix-table-color-state, var(--phoenix-table-color-type, var(--phoenix-table-color)));
    background-color: var(--phoenix-table-bg);
    border-bottom-width: var(--phoenix-border-width);
    -webkit-box-shadow: inset 0 0 0 9999px var(--phoenix-table-bg-state, var(--phoenix-table-bg-type, var(--phoenix-table-accent-bg)));
    box-shadow: inset 0 0 0 9999px var(--phoenix-table-bg-state, var(--phoenix-table-bg-type, var(--phoenix-table-accent-bg)));
}
.data_table tr th {
	padding-top: 0.4rem !important;
	padding-bottom: 0.3rem !important;
	background:#4d4d4d; 
	color:#fff; 
	font-weight:normal; 
	border:1px solid #656565;
}
.data_table tr td {
	border:1px solid #e9e9e9;
}
.data_table tr:hover td {
	background:#f3f3f3; 
}

.data_table.sm tr th {
	padding-top: 0.3rem !important;
	padding-bottom: 0.2rem !important;
}
.data_table.sm tr td {
	padding-top: 0.3rem !important;
	padding-bottom: 0.2rem !important;
}

.md_table tr th {
	padding-top: 0.4rem !important;
	padding-bottom: 0.3rem !important;
	background:#46ad5d; 
	color:#fff; 
	font-weight:normal; 
	border:1px solid #2d793e;
}
.md_table tr td {
	border:1px solid #e9e9e9;
}
.md_table tr:hover td {
	background:#f3f3f3; 
}

.md_table.sm tr th {
	padding-top: 0.3rem !important;
	padding-bottom: 0.2rem !important;
}
.md_table.sm tr td {
	padding-top: 0.3rem !important;
	padding-bottom: 0.2rem !important;
}
.btn-icon:hover { background:#f3f3f3; }


.btn-primary, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-button {
    --phoenix-btn-color: #fff;
    --phoenix-btn-bg: #3fb505;
    --phoenix-btn-border-color: transparent;
    --phoenix-btn-hover-color: #fff;
    --phoenix-btn-hover-bg: #226103;
    --phoenix-btn-hover-border-color: rgba(0, 0, 0, 0.2);
    --phoenix-btn-focus-shadow-rgb: 255, 255, 255;
    --phoenix-btn-active-color: #fff;
    --phoenix-btn-active-bg: #153903;
    --phoenix-btn-active-border-color: rgba(0, 0, 0, 0.25);
    --phoenix-btn-active-shadow: initial;
    --phoenix-btn-disabled-color: #fff;
    --phoenix-btn-disabled-bg: #3874ff;
    --phoenix-btn-disabled-border-color: transparent;
}
.form-check-input:checked {
    background-color: #3fb505;
    border-color: #3fb505;
}
.form-label {
    font-size: 0.74rem;
    font-weight: 500;
	padding-left: 0.5rem;
}

a {
    color: rgba(var(--phoenix-link-color-rgb), var(--phoenix-link-opacity, 1));
    text-decoration: none;
}
.atag {
	color:blue;
	text-decoration:underline; 
}

body { background-color:#f5f5f5; }
h2, .h2 {
    font-weight: 700;
}
h5, .h5 {
    font-size: 0.85rem;
}
.text-nomal {
	font-size: 0.8rem;
}
.text-body-subtitle {
	color:#757575;
}
.form-line {
	border-radius:0; 
	border:0; 
	border-bottom:1px solid #ddd; 
	outline:0; 
}
.form-line:focus {
	border-bottom:1px solid #3db30c; 
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0;
}

#headLogo {
    position: relative;
    width: 160px;
}
#headLogo::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active {
    color: #fff;
	background:#3db30c; 
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active:hover {
    color: #fff;
	background:#41dd00; 
}

.sound_only { font-size:0; } 
.pg_current { color: #fff !important; background-color: #3fb505 !important; }

.table-list .page {
    padding: 0.5rem 0.75rem;
    margin-left: 0.05rem;
    margin-right: 0.05rem;
}


.page-link.pg_start {
	padding: 0.53rem 0 0.5rem 0.25rem;
}
.page-link.pg_end {
	padding: 0.53rem 0.25rem 0.5rem 0;
}

.page-link.pg_start span:not(.sound_only), .page-link.pg_end span:not(.sound_only) {
    display: inline-block;
    width: 13px;
    height: 11px;
    background-image: url(../img/pagination_first_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.page-link.pg_end span:not(.sound_only) {
    transform: rotate(180deg);
    /* padding-left: 0; */
}
/* .backhl { background:#d1fbcc; } */

#p_info {
	
}

.btn-google {
	background:linear-gradient(-120deg, #4285f4, #34a853, #fbbc05, #ea4335) !important;
	color:#fff !important; 
}


/* reset */

.row > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: calc(var(--phoenix-gutter-x) * 0.3);
    padding-left: calc(var(--phoenix-gutter-x) * 0.3);
    margin-top: var(--phoenix-gutter-y);
}

.cmp_product {
	cursor:pointer;
	transition:all 0.2s;
}
.cmp_product.on {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
	border-color:#3fb505 !important;
	background:#f1fff0 !important;
}
.cmp_product:hover {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
	border-color:#3fb505 !important;
}


.ani-ro {
  animation: spin 2s linear infinite;
}
.ani-ro-stop {
  animation: none !important;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@media (max-width:500px){
	#headLogo {
		width: 100px;
	}
	.navbar-top {
		padding:0 1rem;
	}
	.navbar-toggler-humburger-icon {
		margin-right:0;
	}
	.navbar-top .navbar-nav-icons .nav-link {
		padding:0.75rem 0.25rem;
	}
	.fontawesome-i2svg-active .fa-icon-wait {
		padding:0 !important;
	}
}