select {
    height: auto !important;
    padding-inline-start: unset !important;
    background-image: none !important;
    appearance: auto !important;
    padding-inline-end: unset !important;
}

select:focus {
    outline: none !important;
    border: solid 1px #D9D9D9 !important;
}

.box-import{
    width: 100%;
    height: 55px;
    background-color: #EEEDDF;
    border-radius: 2px;
    padding: 5px 5px 5px 17px;
    display: flex;
    align-items: center;
}

.box-import input {
    padding: 5px;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid;
    background: white;
}

#btn-import {
    background-color: #716F63;
    color: white;
}

#btn-duplidate {
    background-color: #716F63;
    color: white;
    width: 60px;
    height: 35px;
    border-radius: 5px;
}

.bg-green {
    background-color: green;
}

.bg-yellow {
    background-color: yellow;
}

#table-filter {
    width: auto;
}

#table-filter tr{
    border-bottom: none;;
}

#table-filter tr td{
    padding: 3px 12px;
}

#table-filter tr td input{
    width: 400px;
}

#table-filter tr:hover{
    background-color: #EEEDDF;
}

.box-submit {
    left: 0;
    bottom: 0;
    width: 400px;
    padding-bottom: 12px;
    padding-left: 12px;
}

.box-add {
    float: right;
}

.box-table {
    width: 100%;
    height: auto;
    padding: 5px;
    border: 1px solid gray;
    margin-top: 5px;
}

.input-select {
    width: 250px;
}

.btn-select {
    width: 80px;
    border: 1px solid gray;
}

.ml0 {
    margin-left: 0px !important;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mb5 {
    margin-bottom: 5px;
}

.mt18 {
    margin-top: 18px;
}

.ml20 {
    margin-left: 20px;
}

.mr10 {
    margin-right: 10px;
}

.box-action {
    display: grid;
    justify-content: center;
}

.btn-change {
    text-decoration: none;
    color: black;
    padding: 4px 1.5em;
    border-radius: 20em !important;
    background-color: #f2f1eb;
    background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
    border: 1px solid #a6a6a6;
    cursor: pointer;
}

.input-frm {
    border: 1px solid #b8b8b8;
    padding: 0.3em 0.4em 0.3em 0.5em;
    border: 1px solid #b8b8b8;
    background: #fcfcfa;
    border-radius: 2px
}

.input-mutil {
    width: 600px;
    /* height: 80px; */
}

.center-item {
    display: flex;
    align-items: center;
    vertical-align: middle;
}

/*Xử lý input search*/
#loading {
    display: none;
    position: fixed;
    z-index: 9999;
    height: 22px;
    width: 22px;
    overflow: visible;
    background: url("https://global.sharp/shared_top/img/icon_loading.gif") no-repeat;
}
.search-container {
    position: relative;
}

/* .input-format {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
} */

.error-msg {
    color: red;
}

.color-red {
    color: red;
}

.box-action-download {
    margin-top: 5px;
    width: 100%;
    height: auto;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid gray;
    display: grid;
    padding: 10px;
}

.box-action-download span {
    font-weight: bold;
    margin-bottom: 5px;
}

.box-action-download select {
    width: 200px;
    margin-bottom: 5px;
}

.box-action-download button {
    width: 200px;
}

.box-filter-index {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 85px 70px 70px 50px;
}

.btn-filter {
    grid-column: 1;
}

.wd-select-filter {
    width: 250px;
}

.wd-date-filter {
    width: 125px;
}

.msg-del {
    font-weight: bold;
    font-size: 18px;
}

.item-data {
    margin-left: 0px;
    padding-left: 10px;
}

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

.bg-data-upload {
    background-color: antiquewhite;
}

.btn-delete-file {
    width: 25px;
    height: 25px;
    text-align: center !important;
    padding: initial !important;
}

.items-os {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    display: none;
    min-width: 252px;
}

.items-os.show-os {
    display: block;
}

.apply-btn {
    display: block;
    margin-top: 8px;
    padding: 4px 8px;
    border: none;
    border-radius: 4px;
    background-color: #4CAF50;
    color: #fff;
    text-align: center;
    cursor: pointer;
    position: sticky;
    bottom: 0px;
    height: 25px;
}

.items-os ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.items-os ul li {
    padding: 8px 16px;
    list-style-type: none;
}

.btn-select-box:focus {
    outline: none;
    box-shadow: none;
}

.btn-select-box {
    border: none;
    background-color: #ffffff;
}

.items-language {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    display: none;
    width: 252px;
}

.items-language.show-language {
    display: block;
}

.apply-btn-language {
    display: block;
    margin-top: 8px;
    padding: 4px 8px;
    border: none;
    border-radius: 4px;
    background-color: #4CAF50;
    color: #fff;
    cursor: pointer;
    text-align: center;
    position: sticky;
    bottom: 0px;
    height: 25px;
}

.items-language ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.items-language ul li {
    padding: 8px 16px;
    list-style-type: none;
}

.chk-edit {
    margin-right: 7px;
}

.selected-language {
    background-color: #dfdfdc;
}

.selected-os {
    background-color: #dfdfdc;
}

.highlight {
    background-color: #4CAF50;
}

#dropzone {
    border: 2px dashed gray;
    width: 100%;
    height: 50px;
    margin-top: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.highlight-file {
    border-color: blue !important;
}

.top-list {
    bottom: 100%;
    top: auto;
}

.box-only-language {
    display: none;
}

.box-language-os {
    display: none;
}

.cr-point {
    cursor: pointer;
}

.dflex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

#tableDetail {
    border: 1px solid #ccc;
}

#tableDetail tr td:first-child {
    background-color: #F8F6F6;
    width: 25%;
}

#tableDetail tr td a {
    text-decoration: underline;
}

#tableDetail tr td a:hover {
    color: #000;
}

.pl22 {
    padding-left: 22px !important;
}

#edit-quick-search {
    display: inline-block;
}

.btn-content-data {
    padding: 4px 0.8em;
    border-radius: 20em;
    background-color: #f2f1eb;
    margin-left: 0px;
    margin-right: 0px;
    color: #008ee6;
    font-weight: 600;
    border: 1px solid #a6a6a6;
    cursor: pointer;
    font-size: 15px;
}

.btn-lock {
    padding: 4px 0.8em;
    border-radius: 20em;
    background-color: #f2f1eb;
    margin-left: 0px;
    margin-right: 0px;
    color: #807f7b;
    font-weight: 600;
    border: 1px solid #a6a6a6;
    font-size: 15px;
}

.form-item {
    margin-top: 0px !important;
}

.input-error {
    background-color: #fce4e4 !important;
    border: 1px solid #cc0033 !important;
    outline: none;
}

.bg-pink {
    background-color: #fce4e4 !important;
}

.w-40 {
    width: 40%;
}

.color-blue {
    color: #008ee6 !important;
}

.bg-gray {
    background-color: lightgray !important;
}

.input-format-list {
    border: var(--input-border-size) solid var(--input-border-color);
    border-radius: var(--input-border-radius-size);
    padding: 5px 5px;
}

.action-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.hg-80 {
    height: 80px;
}

.title-search-table {
    font-weight: bold;
    font-size: var(--font-size-s);
}

.note-search {
    display: table;
    font-size: 12px !important;
}

.calendar-icon-start {
    position: absolute;
    transform: translateX(-40px);
    margin-top: 5px;
}

.calendar-icon-public {
    position: absolute;
    transform: translateX(-28px);
    margin-top: 5px;
}

.calendar-icon-end {
    position: absolute;
    transform: translateX(-28px);
    margin-top: 5px;
}

.w-152 {
	width: 152px;
}

.ui-datepicker-calendar tbody tr td {
	height: auto;
}

.ui-datepicker-prev-hover {
	background-color: #008ee6;
}

*:focus {
	outline: none !important;
	box-shadow: none !important;
}

.paginate_button {
    display: inline-block !important;
    padding: 5px 10px !important;
    margin: 0 2px !important;
    cursor: pointer !important;
    border: 2px solid #ccc !important;
    border-radius: 3px !important;
	border-color: #007BFF !important;
}

.paginate_button.current {
    background-color: #62a1e6 !important;
    color: #fff !important;
    border-color: #007BFF !important;
}

.paginate_button.next, .paginate_button.previous {
    background-color: none !important;
    color: #666 !important;
    border: none !important;
}

.paginate_button.first, .paginate_button.last {
    background-color: none !important;
    color: #666 !important;
    border: none !important;
}

.paginate_button:hover {
	background-color: #8ba7c5 !important;
}

.paginate_button:focus {
	background-color: #8ba7c5 !important;
}

.btn-content-data:focus {
	outline: none !important;
	box-shadow: 0 0 1px rgba(0, 128, 255, 0.8), 0 0 2px rgba(0, 128, 255, 0.6), 0 0 3px rgba(0, 128, 255, 0.4), 0 0 4px rgba(0, 128, 255, 0.2), 0 0 5px rgba(0, 128, 255, 0.1) !important;
}

.format-calendar {
    width: 20px;
    height: 20px;
}
.global__content-tab {
	background-color: var(--color-gray-050);
	margin: 0px !important;
	padding-left: 3em;
}

.btn-submit-action{
	display: flex !important;
	align-items: center !important;
	margin: 0px !important;
}

.modal-header>.modal-title {
	margin: 0px !important;
}

.modal-header {
	background-color: black !important;
	color: white !important;
}

.modal-body p {
	font-weight: bold;
	font-size: 18px;
}

.modal-conten {
	border-radius: 0.4rem !important;
}