/* ========== .PAGINATION-MEDIA ========== */
.pagination-custom{}
.pagination-custom .uk-pagination {
    text-align:left;
    margin-bottom:0px;
    white-space:nowrap;
    overflow-x:auto;
}
.pagination-custom .uk-pagination>li>a,
.pagination-custom .uk-pagination>.uk-active>span,
.pagination-custom .uk-pagination>.uk-disabled>span{
    background:#FFF;
    color:#000;
    text-shadow:none;
    background-image:none;
    border:1px solid #A0A0A0;
    padding:0px 10px;
    line-height:30px;
}
.pagination-custom .uk-pagination>.uk-active>span {
    background:#000;
    color:#fff;
    border:1px solid #000;
}
/* ========== #MODAL-MEDIA ========== */
#modal-media{
    z-index: 99999;
}
.uk-modal .uk-modal-dialog>.uk-close:after {
    content: "\eb55";
    font-family: "tabler-icons" !important;
}
.uk-modal .uk-modal-dialog>.uk-close:first-child {
    margin:0px;
    float:none;
    position:absolute;
    right:-10px;
    top:-10px;
    background:#FFF;
    border-radius:50%;
    opacity:1;
    width:25px;
    line-height:25px;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.uk-modal .uk-panel .upload>form>label{
	background-color:#000;
	color:#FFF;
	border-radius:8px;
	padding:5px 15px;
    cursor: pointer;
}
.uk-modal .data{
    padding:0px 15px 15px 15px;
}
.uk-modal .data .uk-grid>div{
	margin-top:15px;
}
.uk-modal .item{
	position:relative;
}
.uk-modal .item .image {
    height:100px;
}
.uk-modal .item .image img{
    width:100%;
    height:100%;
    object-fit:scale-down;
    border-radius:8px;
}
.uk-modal .item .image.cover{}
.uk-modal .item .image.cover img{
    object-fit:cover;
}
.uk-modal .item .name {
    margin-top:5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.uk-modal .item .name>*{
	font-weight:bold;
    color:#000;
}
.uk-modal .item .meta{
    color:#9a9b9d;
}
.uk-modal .item .trash {
	display:none;
    position:absolute;
    right:5px;
    top:5px;
    font-size:11px;
    background:#FFF;
    padding:0px 5px;
    border-radius:4px;
}
.uk-modal .item:hover .trash {
	display:block;
}
.uk-modal .item .trash>a {
    color:#000;
}
.uk-modal .item .trash>a>i{
	margin-right:5px;
}
@media (max-width:767px){
	.uk-modal .uk-panel .upload {
		border-radius:8px;
		padding:2px 10px;
	}
	.uk-modal .item .image {
		height:60px;
	}
	.uk-modal .item .name>*{
		font-weight:normal;
	}
	.uk-modal .item .meta{
		display:none;
	}
}
/* ========== .HEADER-MOBILE-CUSTOM ========== */
.header-mobile-custom{}
.header-mobile-custom .wrapper{
    background-color:#173e79;
    margin:0px -10px;
    padding:10px 10px;
}
.header-mobile-custom .toggle{
	margin-right:10px;
}
.header-mobile-custom .brand a{
    color:#FFF;
    text-transform:uppercase;
    font-weight:bold;
}
.header-mobile-custom .toggle a,
.header-mobile-custom .user a{
	color:#FFF;
}
.header-mobile-custom .toggle a{
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 4px;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.header-mobile-custom .toggle a i,
.header-mobile-custom .user a i{
    font-size: 16px;
}
/* ========== .HEADER-CUSTOM ========== */
.header-custom{}
.header-custom .header {
    position: relative;
    padding-right: 250px;
}
.header-custom .search{}
.header-custom .search .uk-form{
    position:relative;
    width:100%;
}
.header-custom .search .uk-form input[type=text]{
    background-color:#eeeeee;
    border-radius:25px;
    border:none;
    height:45px;
    padding:5px 15px 5px 50px;
    width:100%;
}
.header-custom .search .uk-form .uk-button{
    padding:0 15px;
    line-height:45px;
    min-height:45px;
    color:#000;
    border-radius:25px;
    position:absolute;
    left:0px;
    top:0px;
    background-image:none;
    background-color:transparent;
    border:none;
	text-shadow:none;
}
.header-custom .search .uk-form .uk-button>i {
    font-size: 20px;
    vertical-align: middle;
}
.header-custom .user {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 250px;
    text-align: right;
}
.header-custom .user .uk-flex{
    float: right;
}
.header-custom .user .avatar{
    width:45px;
    height:45px;
    margin-left:15px;
    border:1px solid #A0A0A0;
    border-radius:50%;
    padding:2px;
    background-color:#FFF;
}
.header-custom .user .avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.header-custom .user .info{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.header-custom .user .info a{
	color:#000;
}
/* ========== .PROFILE-CUSTOM ========== */
.profile-custom{}
.profile-custom .profile {
    position: relative;
    padding-left: 115px;
}
.profile-custom .profile .sidebar{
	position:absolute;
	left:0px;
	top:0px;
}
.profile-custom .data .avatar{
    width:100px;
    height:100px;
    border:1px solid #A0A0A0;
    border-radius:50%;
	margin:0px auto;
    padding:2px;
    background-color:#FFF;
}
.profile-custom .data .avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.profile-custom .data .info{
    border-left:1px solid #A0A0A0;
    padding-left:25px;
    min-height: 100px;
}
.profile-custom .data .info .name{
    font-size:16px;
}
.profile-custom .data .info .name>a{
	color:#000;
}
.profile-custom .data .info .name .small {
    font-size: 10px;
    vertical-align: top;
    border: 1px solid black;
    border-radius: 25px;
    color: #000;
    padding: 0px 5px;
}
.profile-custom .data .info .meta{
    color:#9a9b9d;
}
.profile-custom .data .info .meta>a{
	color:#000;
}
.profile-custom .data .info .param .uk-grid>div{
    /* margin-top:5px; */
}
.profile-custom .data .info .param .uk-grid>div>div{
    position:relative;
    padding-left:20px;
}
.profile-custom .data .info .param .uk-grid>div>div>a,
.profile-custom .data .info .param .uk-grid>div>div>span{
    color:#000;
}
.profile-custom .data .info .param .uk-grid>div>div>i{
    position:absolute;
    left:0px;
    top:2px;
}
@media (max-width:1024px){
	.profile-custom .profile {
		padding-left: 125px;
	}
	.profile-custom .data .avatar{
		width:100px;
		height:100px;
	}
}
@media (max-width:767px){
	.profile-custom .data .avatar{
		margin:0px;
	}
	.profile-custom .data .info{
		border-left:none;
		padding-left:0px;
	}
	/* .profile-custom .data .info .name, */
	/* .profile-custom .data .info .meta{ */
		/* text-align:center; */
	/* } */
	/* .profile-custom .data .info .name{ */
		/* margin-top:15px; */
	/* } */
}
/* ========== .FORM-CUSTOM ========== */
.form-custom{}
.form-custom .uk-form .control{
	margin-top: 5px;
}
.form-custom .uk-form input[type=text],
.form-custom .uk-form input[type=password],
.form-custom .uk-form select,
.form-custom .uk-form textarea{
    width:100%;
    border-radius:8px;
    height:35px;
    padding:5px 10px;
    background:#eeeeee;
    border:none;
    /* border:none; */
    /* height:35px; */
    /* padding:5px 15px; */
}
.form-custom .uk-form textarea{
    height:168px;
}
.form-custom .uk-form .extend {
    position: relative;
}
.form-custom .uk-form .extend input[type=text]{}
.form-custom .uk-form .extend .uk-button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 35px;
    line-height: 35px;
    border-radius: 8px;
    background-image: none;
    border: none;
    background-color: transparent;
    color: #000;
}
.form-custom .uk-form .uk-button.submit{
    background-color:#173e79;
	background-image:none;
	text-shadow:none;
    color:#FFF;
    /* text-transform:uppercase; */
    /* font-weight:bold; */
    border-radius:25px;
    padding:0px 25px;
    line-height:35px;
    min-height:35px;
}
.form-custom .uk-form .uk-button.submit i{
	margin-right:5px;
}
.form-custom .datasortable {
    /* border: 1px solid #A0A0A0; */
    /* border-radius: 8px; */
    /* padding: 0px 10px 10px 10px; */
}
.form-custom .datasortable>.uk-grid>div{
	margin-top:10px;
}
.item-sortable{
    background: #FFF;
    padding: 10px 10px 10px 10px;
    border: 1px solid #A0A0A0;
    border-radius: 8px;
	position:relative;
}
.item-sortable .label{
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item-sortable .label.highlight {
    color: red;
}
.item-sortable .label>*{
    vertical-align: middle;
}
.item-sortable .content{
    text-transform: lowercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item-sortable .content .image {
    height: 65px;
}
.item-sortable .content .image img{
    border-radius: 4px;
}
.item-sortable .trash {
    position: absolute;
    top: 13px;
    right: 10px;
    display: none;
}
.item-sortable .trash a{
}
.item-sortable .trash a i {
    /* font-size: 14px; */
}
.item-sortable:hover .trash {
    display: block;
}
.item-sortable a{
	color:#000;
}
@media (max-width:767px){
	.item-sortable .uk-sortable>*{
		touch-action: inherit !important;
	}
	.form-custom .uk-form .uk-button{
		width:100%;
	}
}
/* ========== .FORM-SORTABLE-CUSTOM ========== */
/* .form-sortable-custom{} */
/* .form-sortable-custom .uk-form .uk-button.submit{ */
    /* background-color:#000; */
	/* background-image:none; */
	/* text-shadow:none; */
    /* color:#FFF; */
    /* text-transform:uppercase; */
    /* font-weight:bold; */
    /* border-radius:8px; */
    /* padding:0px 25px; */
    /* line-height:35px; */
    /* min-height:35px; */
/* } */
/* .form-sortable-custom .uk-form .uk-button.submit i{ */
	/* margin-right:5px; */
/* } */
/* .form-sortable-custom .datasortable { */
    /* border: 1px solid #A0A0A0; */
    /* border-radius: 8px; */
    /* padding: 0px 10px 10px 10px; */
/* } */
/* .form-sortable-custom .datasortable>.uk-grid>div{ */
	/* margin-top:10px; */
/* } */
/* @media (max-width:767px){ */
	/* .form-sortable-custom .uk-form .uk-button{ */
		/* width:100%; */
	/* } */
/* } */
/* ========== .ITEM-CUSTOM ========== */
.item-custom{}
.item-custom .slider {
    white-space:nowrap;
    overflow-x:auto;
}
.item-custom .slider>div {
    width:150px;
    display:inline-block;
    margin-right:10px;
}
.item-custom .slider>div:last-child{
    margin-right:0px;
}
.item-custom .item{
    text-align:center;
    border:1px solid #A0A0A0;
    border-radius:8px;
    padding:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.item-custom .image{
	margin:0px auto;
    width:100px;
    height:100px;
    border-radius:50%;
    border:1px solid #A0A0A0;
    border-radius:50%;
    padding:5px;
    background-color:#FFF;
}
.item-custom .image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.item-custom .name{
	margin-top:15px;
}
.item-custom .name>*{
	font-weight:bold;
    color:#000;
}
.item-custom .meta{
    color:#9a9b9d;
}
@media (max-width:767px){
	.item-custom .slider>div {
		width:125px;
	}
}
/* ========== .TAB-CUSTOM ========== */
.tab-custom{}
.tab-custom .uk-panel {
    position: relative;
}
.tab-custom .uk-tab {
    border-bottom: 1px solid #A0A0A0;
}
.tab-custom .uk-tab>li.uk-active>a,
.tab-custom .uk-tab > li.uk-open > a,
.tab-custom .uk-tab > li > a:focus,
.tab-custom .uk-tab > li > a:hover{
    border-color: #A0A0A0;
}
.tab-custom .uk-tab>li>a{
    color: #000;
    text-shadow: none;
    font-weight: bold;
    border-radius: 8px 8px 0px 0px;
}
.tab-custom .fixed {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 35px;
    line-height: 35px;
}
.tab-custom .fixed a {
    color: #000;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 2px 10px;
}
/* ========== .CHART-CUSTOM ========== */
.chart-custom{}
.chart-custom .canvasjs-chart-credit{
	display:none;
}
/* ========== .STATIC-CUSTOM ========== */
.static-custom{}
.static-custom .icon{
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    background-color:#173e79;
    color:#FFF;
    margin-right:15px;
    border-radius:50%;
}
.static-custom .number strong{
	font-size:16px;
}
.static-custom .number span{
    color:#9a9b9d;
}
.static-custom .chart i{
    font-size:20px;
    vertical-align:middle;
}
.static-custom .main .data{
    background-color:#173e79;
}
.static-custom .main .icon{
    height:60px;
    width:60px;
    line-height:60px;
    background-color:#FFF;
    color:#000;
    margin-right:0px;
    border-radius:50%;
}
.static-custom .main .icon i{
    font-size:20px;
    vertical-align:middle;
}
.static-custom .main .number strong{
	font-size:20px;
    color:#FFF;
}
.static-custom .main .number span{
    color:#FFF;
}
/* ========== .TABLE-CUSTOM ========== */
.table-custom{}
.table-custom .uk-table.nowrap{
    white-space: nowrap;
}
.table-custom th{
    white-space:nowrap;
    text-transform:uppercase;
}
.table-custom td{
    vertical-align:middle;
}
.table-custom .uk-table.top td{
    vertical-align:top;
}
.table-custom td a{
    color:#000;
}
.table-custom .avatar{
    width:45px;
    height:45px;
    border-radius:50%;
    border:1px solid #A0A0A0;
    border-radius:50%;
    padding:2px;
    background-color:#FFF;
}
.table-custom .avatar.mini{
}
.table-custom .avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.table-custom .image{
    width:84px;
    height:84px;
}
.table-custom .image img{
    border-radius:4px;
}
.table-custom .name>*{
    color:#000;
}
.table-custom .name .small {
    font-size: 10px;
    vertical-align: top;
    border: 1px solid black;
    border-radius: 25px;
    color: #000;
    padding: 0px 5px;
    margin-left: 5px;
}
.table-custom .meta {
    color: #9a9b9d;
    margin-top: 5px;
}
.table-custom .price{
    color:red;
}
.table-custom .price-compare {
    text-decoration: line-through;
	margin-left:10px;
}
.table-custom .sapo {}
/* .table-custom .action{ */
	/* text-align:right; */
/* } */
.table-custom .action a{
    color:#000;
    border:1px solid #000;
    border-radius:25px;
    padding:0px 10px;
}
.table-custom .action a i{
	margin-right:5px;
}
@media (max-width:767px){
	/* .table-custom .avatar{ */
		/* display:none; */
	/* } */
	.table-custom .uk-table.nowrap{
		white-space: normal;
	}
	.table-custom thead{
		display:none;
	}
	.table-custom tbody tr{
		overflow:hidden;
		display:block;
		border:1px solid #E5E5E5;
		margin-bottom:15px;
		border-radius:10px;
	}
	.table-custom tbody tr:last-child{
		margin-bottom:0px;
	}
	.table-custom .uk-table-striped tbody tr:nth-of-type(odd){
		background:none;
	}
	.table-custom tbody td{
		display:block;
		padding: 5px 8px 0px 100px;
		position:relative;
		background:linear-gradient(90deg, #f4f4f4 85px, #FFF 85px);
		border:none !important;
	}
	.table-custom tbody td:last-child{
		border-bottom:none;
		padding: 5px 8px 5px 100px;
	}
	.table-custom tbody td:before{
		content:attr(data-label);
		position:absolute;
		left:10px;
		top:5px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		width:75px;
	}
}
/* ========== .NAVBAR-CUSTOM ========== */
.navbar-custom{
    padding:25px 25px 25px 25px;
	height:100vh;
}
.navbar-custom .wrapper{
	background-color:#173e79;
    padding:25px 25px 25px 25px;
    height:100%;
    border-radius:15px;
}
/* .navbar-custom .header{ */
/* } */
/* .navbar-custom .icon{ */
    /* background:#FFF; */
    /* width:45px; */
    /* height:45px; */
    /* text-align:center; */
    /* line-height:45px; */
    /* margin-right:10px; */
    /* border-radius:50%; */
/* } */
/* .navbar-custom .icon i { */
    /* font-size:20px; */
    /* vertical-align:middle; */
/* } */
/* .navbar-custom .uk-panel-title{ */
    /* color:#fff; */
    /* font-weight:bold; */
/* } */
.navbar-custom .brand{}
.navbar-custom .brand img {
    height: 25px;
    filter: brightness(0) invert(1);
}
.navbar-custom .uk-nav{
    border-top:1px solid rgb(255 255 255 / 75%);
    /* border-top:1px solid #A0A0A0; */
	margin-top:25px;
	padding-top:25px;
}
/* .navbar-custom .uk-nav>li { */
    /* position:relative; */
    /* padding-left:20px; */
    /* color:#FFF; */
    /* white-space:nowrap; */
    /* overflow:hidden; */
    /* text-overflow:ellipsis; */
/* } */
/* .navbar-custom .uk-nav>li:first-child{ */
    /* margin-top:0px; */
/* } */
.navbar-custom .uk-nav-side>li.uk-active>a{
    background: transparent;
    color: #FFF;
    box-shadow: none;
    text-shadow: none;
}
.navbar-custom .uk-nav>li>a{
    position:relative;
    padding:5px 0px 5px 25px;
    color:#FFF;
    font-weight:bold;
}
.navbar-custom .uk-nav>li:hover>a{
	text-decoration:underline;
}
.navbar-custom .uk-nav>li>a>i{
    position:absolute;
    left:0px;
    top:8px;
}
.navbar-custom .uk-nav-side>li> a:focus,
.navbar-custom .uk-nav-side>li>a:hover {
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
}
.navbar-custom .uk-nav-parent-icon>.uk-parent.uk-open>a:after{
	font-family: "tabler-icons" !important;
	content: "\ea5f";
}
.navbar-custom .uk-nav-parent-icon>.uk-parent>a:after{
	font-family: "tabler-icons" !important;
    content: "\ea61";
    margin-top: 2px;
}
.navbar-custom ul.uk-nav-sub {
    margin: 0px 0 0px 8px;
    padding: 0px 0 0px 17px;
    border-left: 1px solid #FFF;
}
.navbar-custom .uk-nav-side ul a {
	padding: 3px 0;
    color: #ffffff;
}
.navbar-custom .uk-nav-side ul li:hover a {
	text-decoration:underline;
}
/* ========== .AUTH-CUSTOM ========== */
.auth-custom{
	background-color:#173e79;
	min-height:100vh;
	position:relative;
}
.auth-custom .wrapper{
    padding:0px 25px 75px 25px;
}
.auth-custom .brand{
	height:150px;
	padding-top:75px;
}
.auth-custom .brand img {
    height: 35px;
    filter: brightness(0) invert(1);
}
.auth-custom .uk-panel{}
.auth-custom .uk-panel-title{
    color:#fff;
}
.auth-custom .uk-form{
	margin-top:15px;
}
.auth-custom  .uk-form.uk-form-stacked .uk-form-label{
    color:#FFF;
    font-weight:normal;
}
.auth-custom .uk-form a{
    color:#FFF;
}
.auth-custom .uk-form input[type=text],
.auth-custom .uk-form input[type=password],
.auth-custom .uk-form select{
    width:100%;
    border-radius:8px;
    border:none;
    height:35px;
    padding:5px 15px;
}
.auth-custom .uk-button{
    background-color:#ffffff;
    border-radius:25px;
    width:100%;
    text-transform:uppercase;
    font-weight:bold;
    color:#000;
    padding:0 15px;
    line-height:35px;
    min-height:35px;
}
.auth-custom .copyright {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 25px;
    color: #FFF;
    padding: 0px 25px;
}
.auth-custom .copyright a{
    color:#FFF;
}
@media (max-width:767px){
	.auth-custom .brand{
		height:100px;
		padding-top:35px;
	}
	.auth-custom .brand img {
		height: 30px;
	}
}
/* ========== .CONTENT-CUSTOM ========== */
.content-custom{
	height:100vh;
	position:relative;
}
.content-custom .wrapper{
    padding:0px 0px 0px 0px;
}
.content-custom .content{
	margin-top:15px;
}
.content-custom .content p:last-child{
	margin-bottom:0px;
}
/* ========== .LANGUAGE-CUSTOM ========== */
.language-custom{
    overflow-x: auto;
}
.language-custom>.width-2{
}
.language-custom>.width-3{
    width: 1100px;
}
.language-custom>.width-4{
    width: 1200px;
}
.language-custom>.width-5{
    width: 1500px;
}
.language-custom>.width-6{
    width: 1800px;
}
.language-custom>.width-7{
    width: 2100px;
}
.language-custom .language {
    /* display: inline-block; */
    /* width: 368px; */
    /* margin-right: 15px; */
}
.language-custom .field{
	margin-top:10px;
}
.language-custom .field:first-child{
	margin-top:0px;
}
.uk-modal .language-custom .data {
    padding: 15px 15px 15px 15px;
}
@media (max-width:767px){
	.language-custom>.width-2{
		width: 600px;
		padding-bottom: 5px;
	}
	.language-custom>.width-3{
	}
}
/* ========== .PHONE-CUSTOM ========== */
.phone-custom{
}
.phone-custom .wrapper{
    border-left: 1px solid #A0A0A0;
}
.phone-custom .iframe {
    margin: 0px auto;
    width: 305px;
    height: 625px;
    overflow: hidden;
    background-image: url(https://dev.vietcard.vn/theme/public/image/image/phone.png);
    background-size: cover;
    padding: 5px 6px 5px 9px;
}
.phone-custom .iframe .phone {
    width: 383px;
    height: 817px;
    border-radius: 56px;
    overflow: hidden;
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}
.phone-custom .iframe .phone iframe {
    pointer-events: none;
    height: 100%;
    width: 100%;
}