@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
*,
 :after,
 :before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	outline:none;
}
html {
	font-family:"Open Sans", sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000;
	background-color:#f9fbfd;
}
select {
	background-color:#eeeeee;
	background-image:url(image/dropdown.svg) !important;
	/* background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUgMTAiIHdpZHRoPSI1IiBoZWlnaHQ9IjEwIj4KCTx0aXRsZT5kb3dubG9hZC1zdmc8L3RpdGxlPgoJPHN0eWxlPgoJCS5zMCB7IGZpbGw6ICM0NDQ0NDQgfSAKCTwvc3R5bGU+Cgk8cGF0aCBpZD0iTGF5ZXIiIGNsYXNzPSJzMCIgZD0ibTEuNCA0LjdsMS4xLTEuNSAxIDEuNWgtMi4xeiIvPgoJPHBhdGggaWQ9IkxheWVyIiBjbGFzcz0iczAiIGQ9Im0zLjUgNS4zbC0xIDEuNS0xLjEtMS41aDIuMXoiLz4KPC9zdmc+) !important; */
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background-repeat:no-repeat !important;
	background-position:right 5px center !important;
	padding:0px 25px 0px 10px !important;
}
/* ========== DEFAULT ========== */
.ti {
    font-size: 17px;
}
.ajax-browser{
	cursor:pointer;
}
.uk-modal-dialog-medium{
    width: 860px;
}
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
    padding-top: 250px;
	text-align: center;
	z-index: 999999;
}
#overlay .text {
    background-color: transparent;
    padding: 5px 10px;
    border-radius: 4px;
    position: relative;
    z-index: 1000;
    display: inline-block;
    color: #FFF;
}
@media (max-width:767px){
	#overlay {
		padding-top: 150px;
	}
}
/* .uk-modal { */
    /* position: static !important; */
/* } */
.uk-grid-small {
    margin-left:-15px;
}
.uk-grid-small>* {
    padding-left:15px;
}
@media (max-width:767px){
	.uk-grid-small{
		margin-left:-10px;
	}
	.uk-grid-small>*{
		padding-left:10px;
	}
}
/* .uk-slidenav-position:hover .uk-slidenav, */
/* .uk-slidenav-contrast:active { */
    /* color:#000; */
/* } */
.uk-panel-title {
    font-size:22px;
    line-height:28px;
    margin-bottom:0px;
    /* text-transform:uppercase; */
    font-weight:bold;
    color:#000;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.uk-alert {
    border-radius: 4px;
}
.uk-close:after {
    content: "\eb55";
    font-family: "tabler-icons" !important;
}
.bar-process{
	margin-top: 10px;
}
.bar-process:first-child{
	margin-top: 0px;
}
.bar-process .header{}
.bar-process .background {
	margin-top:5px;
    background-color: #E0E0E0;
    border-radius: 25px;
}
.bar-process .process {
    height: 10px;
    background-color: #173e79;
    border-radius: 25px;
}
.data {
    background:#FFF;
    padding:15px;
    border:1px solid #A0A0A0;
    border-radius:8px;
}
.data .uk-panel-title{
	font-size:20px;
	line-height:26px;
}
.tool a {
    color: #000;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 0px 15px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
}
.tool.mini a {
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
}
.tool a i{
	margin-right:5px;
}
.tab{}
.tab .uk-list {
    margin-bottom: 0px;
    white-space: nowrap;
    overflow-x: auto;
}
.tab .uk-list>li {
    display: inline-block;
    margin-right: 5px;
}
.tab .uk-list>li:last-child{
    margin-right: 0px;
}
.tab .uk-list>li>a {
    color: #000;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 0px 10px;
    display: block;
}
.image {
    position: relative;
    /* width: 125px; */
    height: 125px;
}
.image img {
    height: 100%;
    object-fit: scale-down;
    border-radius: 8px;
    object-position: center left;
}
.image.cover img {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    object-position: center center;
}
.image.round img{
    border-radius: 50%;
}
.image.avatar{
    margin-top: -60px;
    width: 100px;
    height: 100px;
    margin-left: 10px;
    background: #FFF;
    padding: 2px;
    border-radius: 50%;
}
.image .trash{
	display:none;
}
.image .trash a{
    position:absolute;
    right:5px;
    top:5px;
    font-size:11px;
    background:#FFF;
    padding:0px 5px;
    border-radius:4px;
	color:#000;
}
.image:hover .trash{
	display:block;
}
.image .value{
	display:none;
}
/* .uk-offcanvas .header{ */
/* } */
/* .uk-offcanvas .icon{ */
    /* border:1px solid #000; */
    /* width:40px; */
    /* height:40px; */
    /* text-align:center; */
    /* line-height:40px; */
    /* margin-right:10px; */
    /* border-radius:50%; */
/* } */
/* .uk-offcanvas .icon i { */
    /* font-size:20px; */
    /* vertical-align:middle; */
/* } */
/* .uk-offcanvas .uk-panel-title{ */
    /* color:#000; */
    /* font-weight:bold; */
/* } */
.uk-offcanvas .uk-offcanvas-bar {
    width:200px;
    background:#fff;
}
.uk-offcanvas .uk-offcanvas-bar:after {
    box-shadow:none;
    background:none;
}
.uk-offcanvas .uk-panel {
    margin:15px;
    text-shadow:none;
    color:#000;
}
.uk-offcanvas .brand{}
.uk-offcanvas .brand img {
    height: 25px;
    filter: brightness(0) invert(0);
}
.uk-offcanvas .uk-nav{
    border-top:1px solid #A0A0A0;
	margin-top:15px;
	padding-top:15px;
}
.uk-offcanvas .uk-nav-side>li.uk-active>a{
    background: transparent;
    color: #000;
    box-shadow: none;
    text-shadow: none;
}
.uk-offcanvas .uk-nav>li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.uk-offcanvas .uk-nav>li>a{
    position:relative;
    padding:3px 0px 3px 25px;
    color:#000 !important;
}
.uk-offcanvas .uk-nav>li>a>i{
    position:absolute;
    left:0px;
    top:5px;
}
.uk-offcanvas .uk-nav-side>li> a:focus,
.uk-offcanvas .uk-nav-side>li>a:hover {
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
}
.uk-offcanvas .uk-nav-parent-icon>.uk-parent.uk-open>a:after{
	font-family: "tabler-icons" !important;
	content: "\ea5f";
}
.uk-offcanvas .uk-nav-parent-icon>.uk-parent>a:after{
	font-family: "tabler-icons" !important;
    content: "\ea61";
    margin-right: -5px;
    margin-top: 2px;
}
.uk-offcanvas ul.uk-nav-sub {
    margin: 0px 0 0px 8px;
    padding: 0px 0 0px 17px;
    border-left: 1px solid #000;
}
.uk-offcanvas .uk-nav-side ul a {
	padding: 3px 0;
    color: #000 !important;
}
@media (max-width:767px){
	.uk-panel-title {
		font-size:20px;
		line-height:26px;
	}
}
.pt150{
    padding-top:150px !important;
}
.mt5{
    margin-top:5px !important;
}
.mt10{
    margin-top:10px !important;
}
.mt15{
    margin-top:15px !important;
}
.mt25{
    margin-top:25px !important;
}
@media (max-width:767px){
	.mt25{
		margin-top:15px !important;
	}
}
/* ========== #AUTH ========== */
#auth{}
#auth>.uk-container>.container {
	position:relative;
    padding-right:485px;
}
#auth>.uk-container>.container>.sidebar {
	position:absolute;
    top:0px;
    right:0px;
    width:450px;
}
#auth>.uk-container>.container>.main {}
@media (max-width:767px){
	#auth>.uk-container{
		padding:0px;
	}
	#auth>.uk-container>.container {
		padding-right:0px;
	}
	#auth>.uk-container>.container>.sidebar {
		width:100%;
	}
}
/* ========== #CPANEL ========== */
#cpanel{}
#cpanel>.container {
	position:relative;
    padding:25px 25px 25px 300px;
}
#cpanel>.container>.sidebar {
	position:absolute;
    top:0px;
    left:0px;
    width:300px;
}
#cpanel>.container>.main {}
@media (max-width:1024px){
	#cpanel>.container {
		padding:25px 25px 25px 250px;
	}
	#cpanel>.container>.sidebar {
		width:250px;
	}
}
@media (max-width:767px){
	#cpanel>.container{
		padding:0px 10px;
	}
	/* #auth>.uk-container>.container { */
		/* padding-right:0px; */
	/* } */
}