/* == .AUTH-CUSTOM == */
.auth-custom .wrapper {
    margin-bottom: 0px;
}
.auth-custom .dataform .uk-button{
	width: 100%;
    padding: 0px 15px;
}
.auth-custom .dataform .uk-button.full{
	background: #000;
	color: #FFF;
}
/* == .USER-CUSTOM == */
.user-custom>.uk-container>.wrapper {
    background: #FFF;
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 4px;
}
.user-custom .static-custom:last-child .wrapper{
    margin-bottom: 0px;
}
.user-custom .uk-panel {
    padding: 0px;
}
@media (max-width:767px){
	.user-custom.background{
		background: #eeeeee;
		padding: 10px 0px;
	}
	.user-custom>.uk-container>.wrapper {
		margin-bottom: 25px;
		padding: 10px;
		border-radius: 4px;
	}
}
/* == .ASIDE-CUSTOM == */
.aside-custom .uk-panel{
    border: 1px solid #9e9e9e;
    padding: 15px;
    border-radius: 4px;
}
/* == .MENU-CUSTOM == */
.menu-custom .datanav{
    border: 1px solid #9e9e9e;
    padding: 10px 0px;
    border-radius: 4px;
}
.menu-custom .uk-nav>li>a {
    padding: 5px 15px 5px 10px;
}
.menu-custom .uk-nav-side>li>a {
    color: #000;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    background: transparent;
}
.menu-custom .uk-nav-side ul a {
    color: #000;
}
/* == .CPANEL-CUSTOM == */
.cpanel-custom .tab {
	margin-bottom:25px;
}
.cpanel-custom .dataform .datagrid {
    padding: 10px 10px 5px 10px;
}
.cpanel-custom .dataform .datanone {
    padding: 0px;
	border: none;
}
.cpanel-custom .dataform .uk-form .uk-form-label {
    display: inline-block;
    margin-bottom: 10px;
}
.cpanel-custom .dataform .extend button {
    background: transparent;
    border: none;
}
.cpanel-custom .datasortable ul>li {
    margin-bottom: 10px;
}
.cpanel-custom .datasortable ul>li:last-child{
    margin-bottom: 0px;
}
.uk-sortable-dragged,
.cpanel-custom .datasortable ul>li>div {
    border: 1px solid #9e9e9e;
    border-radius: 4px;
    padding: 5px 10px !important;
    cursor: move;
	background:#FFF;
}
.cpanel-custom .datasortable ul>li>div {
    position: relative;
}
.uk-sortable-dragged i,
.cpanel-custom .datasortable ul>li>div>i {
    position: absolute;
    right: 10px;
    top: 8px;
}
.cpanel-custom .dataslider .item {
    position: relative;
    border: solid 1px #9e9e9e;
    padding: 8px;
    border-radius: 4px;
    background: #FFF;
}
.cpanel-custom .datagallery .item .image {
    height: 150px;
    margin-bottom: 10px;
}
.cpanel-custom .datagallery .item .media-remove {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #000000;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    border-radius: 4px;
}
.cpanel-custom .table .item .more {
    margin-top: 0px;
}
.cpanel-custom .dataform .item.background .image,
.cpanel-custom .dataform .item.avatar .image{
    width:100px;
    height:100px;
	margin-bottom:5px;
}
.cpanel-custom .dataform .item.background .image img,
.cpanel-custom .dataform .item.avatar .image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    cursor:pointer;
}
.cpanel-custom .dataform .item.background .image .icon,
.cpanel-custom .dataform .item.avatar .image .icon{
    position:absolute;
    right:0px;
    bottom:0px;
    border:1px solid #e0e0e0;
    border-radius:50%;
    width:30px;
    height:30px;
    line-height:30px;
    color:#9e9e9e;
    cursor:pointer;
    background:#FFF;
    text-align:center;
}
.cpanel-custom .dataform .item.avatar .image .remove {
    right: 50%;
    bottom: 50%;
    margin: 0px -15px -15px 0px;
    background: transparent;
    color: #FFF;
    /* border: 1px solid #FFF; */
}
.cpanel-custom .dataform .item.background .image {
    width: 100%;
    width: 100%;
}
.cpanel-custom .dataform .item.background .image img{
    border-radius:4px;
}
.cpanel-custom .dataform .item.background .image .icon{
    right:5px;
    bottom:5px;
}
.cpanel-custom .dataform .item.background .image .remove{
    right:40px;
    bottom:5px;
}
.cpanel-custom .dataform .uk-form-icon{
    width: 100%;
}
.cpanel-custom .dataform input[type=color] {
    border: 1px solid #9e9e9e;
    padding: 0px 3px;
    width: 100%;
}
.cpanel-custom .dataform .color input[type=number] {
    width: 100%;
    border: 1px solid #9e9e9e;
    text-align: center;
}
.cpanel-custom .dataform .uk-button.uk-button-primary {
    background: #044f28;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
}
@media (max-width:767px){
	.cpanel-custom .dataform .uk-form-row.background{
		background: #FFF;
		padding: 10px;
		border-radius: 4px;
	}
	.cpanel-custom .datagallery .item .image {
		height: 100px;
	}
	.cpanel-custom .dataform .uk-button.uk-button-primary {
		width: 100%;
	}
	.cpanel-custom .uk-table thead{
		display:none
	}
	.cpanel-custom .uk-table tbody tr{
		overflow:hidden;
		display:block;
		border:1px solid #E5E5E5;
		margin-bottom:15px;
		border-radius:4px;
	}
	.cpanel-custom .uk-table tbody tr:last-child{
		margin-bottom:0px
	}
	.cpanel-custom .uk-table .uk-table-striped tbody tr:nth-of-type(odd){
		background:none
	}
	.cpanel-custom .uk-table tbody td {
		display: block;
		position: relative;
		background: linear-gradient(90deg, #f4f4f4 85px, #FFF 85px);
		border: none !important;
		padding: 5px 0px 5px 100px;
	}
	.cpanel-custom .uk-table tbody td:last-child{
		border-bottom:none
	}
	.cpanel-custom .uk-table tbody td:before{
		content:attr(data-label);
		position:absolute;
		left:10px;
		top:5px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		width:75px;
	}
	.cpanel-custom .uk-table .thumb{
		width:100px;
	}
}
/* == .STATIC-CUSTOM == */
.static-custom .item .body {
    margin-top: 0px;
    border: 1px solid #9e9e9e;
    padding: 10px;
    border-radius: 4px;
}
.static-custom .item .sapo {
    margin-bottom: 0px;
}