.stock_item {
    position: absolute;
    z-index: 99;
    width: 50px;
    height: 40px;
    right: 0;
    font-size: 40px;
    color: #fff;
    opacity: 0.6;
}
table.dataTable>tbody>tr:hover td {
    background-color: #e9fbff;
}

div.dt-container .dt-search input {
    text-align: left;
}
select.form-select.input-group-text {
    height: 40px;
    background: #f5f6fa;
    width: fit-content;
    font-size: 15px;
    line-height: 1.2; 
    border-top-right-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
}
.sidebar-logo img {
    height: 65px !important;
}
.dashboard-main.active {
    margin-inline-start: 0px!important;
}
.sidebar.active { 
	left: -300px!important;
}
.modal_container {
	text-align: center;
	width: 100%;
	height: 100%;
	background: #000000cf;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 99999;
}
.modal_content {
	 
	height: 450px;

	padding: 20px;
	background: #fff;
	overflow: hidden;
	overflow-y: scroll;
	margin: auto;
	margin-top: 0px;  
	text-align: justify;
	border-bottom-right-radius:15px!important;
	border-bottom-left-radius:15px!important; 
}
.modal_title {
	margin: 80px auto 0px auto;
	padding: 0px; 
	text-align:right;
}
.modal_container{
	display: none;
}
button.btn_close {
      color: #ffffff00;
	margin-top: 0px;
	margin-left: -38px;
	position: absolute;
	border-radius: 50px;
	border: 1px solid #fff;
	padding: 10px;
	box-shadow: 0 0 2px 3px #cdcdcd;
}
.modal_title_text{
	font-size: 24px;
	background: #fff;
	margin: 0px auto 0px auto;
	padding: 20px 30px 10px 20px; 
	line-height: 1.3;
	border-bottom: 1px solid #f1f1f1;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
}

.modal_content,
.modal_title,
.modal_title_text,
.modal_content {
	width: 768px;
}

.demobutton {
	border: 1px solid #d5d5d5;
	border-radius: 6px;
	background: #009401;
	opacity: 1;
	padding: 10px 25px;
	color: #fff;
}

.imgThumbnail{
	width: 200px;
	height: 200px; 
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
.dt-layout-row,
.dt-layout-cell,
#dataTable,
div#dataTable_wrapper{
	width: 100%!important;
	max-width: 100%!important;
	min-width: 100%!important;
	display: block !important;

}
.item_name{
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 15px;
}


[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: rgb(59 73 96);
}

[data-theme=dark] .table-striped>tbody>tr:nth-of-type(even)>* {
    --bs-table-bg-type: rgb(54 66 88);
}
[data-theme=dark] .table>:not(caption)>*>*{
	border-bottom-width: 0;
	border-top-width: 0;
}
[data-theme=dark] table.dataTable>tbody>tr:hover td {
    background-color: #1c2432;
}
[data-theme=dark] select.form-select.input-group-text {
    background: #1c2431;
}




@media (max-width: 1024px) { 

	table.dataTable{
		width: 100% !important;
		max-width: 100% !important;
		min-width: 100% !important;
		display: block !important;
	}

}

@media (max-width: 520px) {

	.card, .card-body, .container, .row.data-list, .col, div#dataTable_wrapper, .dt-layout-row.dt-layout-table, .dt-layout-cell, tbody {
	    margin: 0 !important;
	    padding: 0 !important;
	}

	table#dataTable {
	    margin: 0 !important;
	    padding: 0 !important;
	    width: 100% !important;
	    max-width: 100% !important;
	    min-width: 100% !important;
	    display: block !important;
	}

	tr, th, td {
	    display: block;
	    width: 100%;
	}

	td.sorting_1,
	th,
	thead.table-dark {
	    display: none;
	    overflow:hidden; 
	}
	tbody, thead.table-dark {
	    display: block;
	    width: 100%;
	}

	td div.imgThumbnail,
	td img {
	    display: block;
	    width: 100% !important;
	    height: auto !important;
	    line-height: 1.3;
	}

	.d-flex.flex-wrap.align-items-center.justify-content-between.gap-3.mb-24,
	.dt-layout-row {
	    padding: 20px;
	}
	.item_product{
		margin-bottom: 30px;
	}
	.modal_content{
		height: 450px !important;
	}


	div.dt-container .dt-paging .dt-paging-button,
	div.dt-container .dt-paging .ellipsis,
	div.dt-container .dt-paging .dt-paging-button,
	div.dt-container .dt-paging .dt-paging-button:not(.first, .previous, .next, .last),
	div.dt-container .dt-paging .dt-paging-button:hover, 
	div.dt-container .dt-paging .dt-paging-button.current,
	div.dt-container .dt-paging .dt-paging-button.disabled, 
	div.dt-container .dt-paging .dt-paging-button.disabled:hover, 
	div.dt-container .dt-paging .dt-paging-button.disabled:active{
		display: inline-block !important; 
		width: 80px !important;
		height: 56px !important;
		margin: 10px !important;
		border: 1px solid #f1f1f1 !important;
		background: #f9f9f9;
	}

	.dt-layout-row,
	.dt-layout-cell, 
	.dt-paging{
		display: block !important; 
	}

	.basic-data-table .dt-layout-row .dt-search{
		text-align: left;
		display: block;
	}
	.d-footer { 
		padding-left: 15px; 
	}

}

.ShowModal{
	display: block!important;
	opacity: 100!important;
	padding-top: 150px!important;
	background: #6c757d80!important;
  }
  [data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd)>* {
	  --bs-table-bg-type: rgb(59 73 96);
  }
  
  [data-theme=dark] .table-striped>tbody>tr:nth-of-type(even)>* {
	  --bs-table-bg-type: rgb(54 66 88);
  }
  [data-theme=dark] .table>:not(caption)>*>*{
	border-bottom-width: 0;
	border-top-width: 0;
  }
  [data-theme=dark] table.dataTable>tbody>tr:hover td {
	  background-color: #1c2432;
  }
  [data-theme=dark] select.form-select.input-group-text {
	  background: #1c2431;
  }
  table.dataTable>tbody>tr:hover td {
	  background-color: #e9fbff;
  }
  
  div.dt-container .dt-search input {
	  text-align: left;
  }
  select.form-select.input-group-text {
	  height: 40px;
	  background: #f5f6fa;
	  width: fit-content;
	  font-size: 15px;
	  line-height: 1.2; 
	  border-top-right-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
  }
  .sidebar-logo img {
	  height: 65px !important;
  }
  .dashboard-main.active {
	  margin-inline-start: 0px!important;
  }
  .sidebar.active { 
	left: -300px!important;
  }

  .title-site{
	display: inline;
  }
  .mobi-logo-div{
	display: none; 
  }

  #video_youtube{ 
	width: 1080px !important;
	height: 720px!important;
	display: block!important;
	margin: auto!important;
  }

  .text-md.mb-6{
	font-size: 12px!important;
	height: 29px;
    overflow: hidden; 
  }
  .text-sm.text-secondary-light.mb-0{
	font-size: 11px!important;
	height: 35px;
    overflow: hidden;
  }
  .col-sm-6.col-md-4.col-lg-3.col-xl-2 {
	  padding: 3px!important;
	  margin: 0px!important;
  }
  textarea#video_ai_response {
	  font-size: 13px;
  }
  .item-video-list .del-video { 
	display: none;
  }

  .item-video-list:hover .del-video { 
	  display: block;
	  width: 45px;
	  height: 30px;
	  background: #ff6060;
	  color: #fff;
	  position: absolute;
	  border-radius: 6px;
	  padding: 6px 12px;
	  font-size: 20px;
	  cursor: pointer;
  }

  .item-video-list a.btn.btn-danger-600 {
		display: block;
	}

  @media (max-width: 2000px) {

	.w-100.object-fit-cover{
	  height: 300px!important; 
	} 

  }
  
  @media (max-width: 1480px) {

	.w-100.object-fit-cover{
	  height: 280px!important;
	} 

  }
  
  @media (max-width: 1280px) {

	.w-100.object-fit-cover{
	  height: 240px!important;
	}
	
	#image_box_upload {
		width: 200px!important;
		height: 200px!important; 
		padding: 4px 48px !important; 
	}



  } 






  
  @media (max-width: 1024px) {

	.w-100.object-fit-cover{
	  height: 300px!important;
	} 

  }     
  
  @media (max-width: 990px) { 

	  #video_youtube{ 
		width: 100%!important;
		height: 480px!important; 
		display: block!important;
		margin: auto!important;
	  }

	  .navbar-header {
		padding: 10px 0px!important;
	  }
	  .title-site{
		display: none;
	  }
	  .mobi-logo-div {
		  display: inline-block;
		  top: 14px;
		  position: absolute;
		  z-index: 99999;
		  width: 200px;
		  margin-left: 43px;
	  }
	  .col-sm-6.col-md-4.col-lg-3.col-xl-2 {
		  width: 25%;
		  padding: 0px;
		  font-size: 10px !important;
	  }
	  .row {
		  margin:0px;
		  padding:6px
	  }
	  .col-sm-6.col-md-4.col-lg-3.col-xl-2 span,
	  .col-sm-6.col-md-4.col-lg-3.col-xl-2 a, 
	  .col-sm-6.col-md-4.col-lg-3.col-xl-2 h6{
		  font-size: 14px !important;
		  line-height: 1.2 !important;
	  } 
	  .w-100.object-fit-cover{
		height: 330px!important;
	  }
	  h6.text-md.mb-6{
		height: 32px;
		overflow: hidden;
	  }  
	  p.text-sm.text-secondary-light.mb-0 {
		  height: 45px;
		  overflow: hidden;
		  text-align: justify;
		  font-size: 12px !important;
		  line-height: 1.2 !important;
	  } 

  }   

  @media (max-width: 830px) {

	img.item_img {
		width: 92px; 
		border: 1px solid #f1f1f1;
		margin: 2px 0px !important;
		padding: 0px;
	} 

	.ShowModal {
	  padding-top: 50px !important;
	}
	.image-logo{
	  width: 300px;
	  margin: auto;

	}
	.d-inline{
	  display: block!important;
	}
	.w-100.object-fit-cover{ 
	  height: 280px!important;
	} 

	.row.justify-content-center{
	  padding: 0px; 
	  margin: 0px;
	}
	
	.row.justify-content-center .card-body{
	  padding: 0px 18px!important; 
	  margin: 0px;
	}
	.px-56 {
		padding-inline: 30px !important;
	}  
	
	.dashboard-main-body { 
		padding: 0px; 
		margin: 10px;
	}
	.card-body{
		padding: 0px 8px!important;
	} 
	#result-setting-uploads-user .item-image {
	  width: 86px;
	}

	#video_demo { 
	  width: 300px;
	  height: 500px; 
	}

	#tieu_de_chu {
		font-size: 30px;
		color: var(--colorTitleText);
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: var(--colorTitleBorder);
		font-family: var(--fontvideo);
		font-weight: 900;
		width: 270px;
		background: #00000055;
		padding: 20px;
		margin: 10px auto;
		line-height: 1.2;
		text-align: center;
	}

	#noi_dung_chu {
		display: none;
		font-size: 30px;
		color: var(--colorContentText);
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: var(--colorContentBorder);
		font-family: var(--fontvideo);
		font-weight: 900;
		width: 280px;
		background: #00000055;
		padding: 15px;
		margin: 0px auto;
		line-height: 1.3;
		text-align: center;
	}

	.logo_video { 
		width: 130px;
		height: 130px;
		display: block;
		margin: 5px auto;
		opacity: 0.75;
	}

	.icons_upload_user { 
		margin-left: 2%;
	}


  }

  @media (max-width: 540px) {

	.w-100.object-fit-cover{
	  height: 180px!important;
	}

  }

  @media (max-width: 480px) {

	#video_youtube{ 
	  width: 100%!important;
		height: 315px!important;
		display: block!important;
		margin: auto!important;
	  }

	.navbar-header {
	  padding: 10px 0px!important;
	}
	.title-site{
	  display: none;
	}
	.mobi-logo-div {
		display: inline-block;
		top: 14px;
		position: absolute;
		z-index: 99999;
		width: 200px;
		margin-left: 43px;
	}
	.col-sm-6.col-md-4.col-lg-3.col-xl-2 {
		width: 33.33333333333333333333%;
		padding: 0px;
		font-size: 10px !important;
	}
	.row {
		margin:0px;
		padding:6px
	}
	.col-sm-6.col-md-4.col-lg-3.col-xl-2 span,
	.col-sm-6.col-md-4.col-lg-3.col-xl-2 a, 
	.col-sm-6.col-md-4.col-lg-3.col-xl-2 h6{
		font-size: 14px !important;
		line-height: 1.2 !important;
	} 
	.w-100.object-fit-cover{
	  height: 160px!important;
	}
	h6.text-md.mb-6{
	  height: 32px;
	  overflow: hidden;
	}  
	p.text-sm.text-secondary-light.mb-0 {
		height: 45px;
		overflow: hidden;
		text-align: justify;
		font-size: 12px !important;
		line-height: 1.2 !important;
	} 

  }
  
  @media (max-width: 360px) {

	.w-100.object-fit-cover{
	  height: 180px!important;
	}

  }