.section-data .hover-efect:hover:before {
	width: calc(100% + 5px);
	opacity: 1;
	margin-left: -5px;
}

.home-intro-img {
	width: 100%;
	height: 600px;
}

table.tblData-main {
	width: 100%;
	/* border-collapse: collapse; */
	margin-top: 0px;
}

.tblData-main td {
	background: #363938;
	text-align: center;
	color: white;
	/* font-weight: bold; */
	height: 130px;
	width: 200px;
	padding: 9px;
	cursor: pointer;
	transition: 300ms;
	font-size: 14px;
	min-width: 110px;
}

.tblData-main td div {
	min-width: 100px;
	/* transition: all 600ms; */
	/* background: #aaa; */
}

.tblData-main td:hover {
	/* font-size: 18px; */
}

section.home-section.section-data {
	letter-spacing: 1.6;
	white-space: normal;
	/* margin-bottom: 110px; */
	padding: 5px;
}

span.tblData-selected {
	display: inline-block;
	width: 1px;
	height: 30px;
	background: #797979;
	position: absolute;
	margin-top: 10px;
	opacity: 0;
	transition: 300ms;
}

.tblData-main td:hover .tblData-selected,
.tblData-main td.active .tblData-selected {
	opacity: 1;
}


.tblData-main td.active .tblData-selected {
	background: #ededed;
}

table.tblData-detail {
	width: 100%;
	color: #333;
	border-collapse: collapse;
}

td.td-header {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 17px;
	padding: 10px 0px;
}

td.td-detail-value {
	text-align: center;
}

td.td-header.td-header-name {
	text-align: left;
}

.divData-detail {
	padding: 15px;
	min-height: 400px;
}

td.td-detail-name {
	font-size: 16px;
	height: 40px;
}

.td-detail-icon {
	display: inline-block;
	cursor: pointer;
	padding: 8px;
	transition: 200ms;
	border-color: #fff;
	border-radius: 4px;
}

.td-detail-icon:hover
{
	box-shadow: 0 0 4px #aaa;
}

.td-detail.icon.selected
{
	box-shadow: 0 0 4px #aaa;
}

tr.tr-data:hover {
	background: #efefef;
}

body.login-active section.home-section.section-data {
	visibility: hidden;
	opacity: 0;
}

.div-login-wrap {
	width: calc(100% - 0px);
	height: 600px;
	position: absolute;
	margin: auto;
	background: #ffffffde;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: 400ms;
	letter-spacing: 1px;
}

.div-login-box {
	/* border: 1px solid #363938; */
	width: 430px;
	height: 290px;
	background: #363938c4;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
	transition: 600ms;
}

.inplogin {
	border: none;
	font-size: 15px;
	padding: 10px;
	width: 100%;
	letter-spacing: inherit;
}

.login-item {
	margin: 10px;
	width: calc(100% - 100px);
}

button.btnLogin {
	width: calc(100%);
	border: none;
	height: 40px;
	letter-spacing: inherit;
	user-select: none;
}



span.spn-register {
	color: #fbfbfb;
	text-decoration: underline;
	cursor: pointer;
	transition: 100ms;
	user-select: none;
}

.login-active .div-login-wrap {
	opacity: 1;
	visibility: visible;
}

.login-item.login-item-pass2 {
	display: none;
	margin-top: -5px;
}

.menu-icons {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	text-align: right;
}



.login-active .menu-item-icon-logout {
	visibility: hidden;
}

.menu-item-icon-logout {
	cursor: pointer;
}

.login-item.item-button {
	height: 40px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}


.login-item.item-reg {
	text-align: center;
}

td.active {
	border-radius: 3px;
}

.media-title {
	text-align: center;
	background: var(--background-header);
	height: 50px;
	color: var(--text-white);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.media-wrap {
	min-height: 400px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 20px 60px;
}

.media-title-sub {
	font-size: 21px;
	font-weight: bold;
	min-height: 30px;
	text-transform: uppercase;
}

.media-title-product {
	text-align: center;
	padding: 20px;
	font-size: 35px;
}

.login-active section.home-section.section-media {
	display: none;
}

.media-title-main {
	display: none;
}

.div-login-box.loggin-hidden {
	transform: scale(0);
}

.div-login-box.login-hidden {
    transform: scale(0);
}

.div-login-box.login-hidden {}

.div-login-title {
    font-size: 22px;
    padding: 23px;
    /* background: #9f9f9f; */
}

.media-item img {
    width: 270px;
    height: auto;
    margin: 10px;
}

.media-item {
    border: 1px solid #aaa;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    overflow: hidden;
    justify-content: center;
    /* width: 290px; */
}

.media-item video {
    width: 100%;
    height: 100%;
}

section.home-section.section-media {
    margin-bottom: 50px;
}

.media-download {
    text-align: right;
    padding: 0 30px 40px 20px;
    font-size: 20px;
    /* text-decoration: underline; */
}

i.fa.fa-download.icoDownloadImg {
    position: absolute;
    transform: translate(140px, -193px);
    cursor: pointer;
    opacity: 0.4;
    display: none;
}

i.fa.fa-download.icoDownloadImg:hover
{
	opacity: 1;
}

.media-item[data-media="image"] {
    width: 290px;
}

.media-item[data-media="pdf"] {
    width: 290px;
}