@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;600;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-family:'Exo', sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000;
	/* background-color:#f9fbfd; */
	/* background-color:#dedede; */
	background-color:#fff;
}
select{
	background-color:#eeeeee;
	background-image:url(image/dropdown.svg) !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;
}
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}
/* ========== .UK-GRID ========== */
.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-PANEL ========== */
.uk-panel-title{
    font-size:22px;
    line-height:28px;
    margin-bottom:0px;
    font-weight:bold;
    color:#000;
}
@media (max-width:767px){
	.uk-panel-title{
		font-size:20px;
		line-height:26px;
	}
}
/* ========== .UK-FORM ========== */
.uk-form input[type="radio"]:checked:before {
    background: #052542;
}
.uk-form input[type="checkbox"],
.uk-form input[type="radio"] {
    height: 15px;
    width: 15px;
    border: 1px solid #000;
    overflow: visible;
}
.uk-form input[type="checkbox"] {
    border-radius: 5px;
}
.uk-form input[type="checkbox"]:checked:before,
.uk-form input[type="checkbox"]:indeterminate:before {
    font-size: 20px;
    line-height: 12px;
    font-weight: bold;
    color: #052542;
    content: "\ea5e";
    font-family: "tabler-icons" !important;
}
.uk-form .extend {
    position: relative;
}
.uk-form .extend input[type=text] {
    border: 1px solid #A0A0A0;
}
.uk-form .extend .uk-button {
    position: absolute;
    right: 0px;
    top: 0px;
    background: transparent;
    background-color: #052542;
    color: #FFF;
    text-shadow: none;
}
/* ========== .UK-TAB ========== */
.uk-tab {
    border-bottom: 1px solid #A0A0A0;
}
.uk-tab > li > a {
    color: #000000;
}
.uk-tab > li.uk-active > a {
    border-color: #A0A0A0;
    color: #000;
}
/* ========== .UK-MODAL ========== */
.uk-modal-dialog-medium{
    width:860px;
}
/* ========== .UK-ALERT ========== */
.uk-alert{
    border-radius:5px;
}
/* ========== .UK-SLIDER ========== */
.uk-close:after{
    content:"\eb55";
    font-family:"tabler-icons" !important;
}
/* ========== #OVERLAY ========== */
#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:5px;
    position:relative;
    z-index:1000;
    display:inline-block;
    color:#FFF;
}
@media (max-width:767px){
	#overlay{
		padding-top:150px;
	}
}
/* ========== .DATA ========== */
.data{
    background:#FFF;
    padding:15px;
    border:1px solid #A0A0A0;
    border-radius:10px;
}
.data .uk-panel-title{
	font-size:20px;
	line-height:26px;
}
/* ========== .IMAGE ========== */
.image{
    position:relative;
    height:125px;
}
.image img{
	width: 100%;
    height:100%;
    object-fit:scale-down;
    border-radius:5px;
    object-position:center left;
}
.image.avatar-image,
.image.favicon-image{
    width:125px;
    border-radius:50% !important;
}
.image.avatar-image img,
.image.favicon-image img{
    border-radius:50% !important;
}
.image.cover-image{
    width:325px;
}
/* .image.image-avatar{ */
    /* width:125px; */
/* } */
/* .image.image-avatar img{ */
    /* width:100%; */
    /* object-fit:cover; */
    /* border-radius:50%; */
    /* object-position:center center; */
/* } */
/* .image.image-cover{ */
    /* width:325px; */
/* } */
/* .image.image-cover img{ */
    /* width:100%; */
    /* object-fit:cover; */
    /* object-position:center center; */
/* } */
.image.cover img{
    width:100%;
    object-fit:cover;
    border-radius:5px;
    object-position:center center;
}
.image.round{
    width:125px;
}
.image.round img{
    border-radius:50% !important;
}
.image.inline {
    display: inline-block;
}
.image .trash{
	display:none;
}
.image .trash a{
    position:absolute;
    right:5px;
    top:5px;
    font-size:11px;
    background:#FFF;
    padding:0px 5px;
    border-radius:5px;
	color:#000;
}
.image:hover .trash{
	display:block;
}
.image .value{
	display:none;
}
/* .image.avatar{ */
    /* width:100px; */
    /* height:100px; */
    /* margin-left:10px; */
    /* background:#FFF; */
    /* padding:2px; */
    /* border-radius:50%; */
/* } */
/* ========== .BAR-PROCESS ========== */
.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:10px;
}
.bar-process .process{
    height:10px;
    background-color:#052542;
    border-radius:10px;
}
/* ========== .TAB ========== */
.tab{}
.tab .uk-list{
    margin-bottom:0px;
}
.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:10px;
    padding:0px 10px;
    display:block;
}
/* ========== .TOOL ========== */
.tool .uk-list{
    margin-bottom:0px;
}
.tool .uk-list>li{
    display:inline-block;
    margin-left:5px;
}
.tool .uk-list>li:first-child{
    margin-left:0px;
}
.tool .uk-list>li>a{
    color:#000;
    border:1px solid #000000;
    border-radius:25px;
    padding:0px 15px;
    height:35px;
    line-height:35px;
    display:inline-block;
}
.tool .uk-list>li.active>a{
	text-decoration:underline;
}
.tool .uk-list>li>a>i{
	margin-right:5px;
}
.tool.small .uk-list>li>a{
    padding:0px 10px;
    height:25px;
    line-height:25px;
}
.tool.small .uk-list>li>input,
.tool.small .uk-list>li>select{
    max-width: 145px;
    border:1px solid #A0A0A0;
    height:30px;
    line-height:30px;
    border-radius:25px;
    text-align: center;
}
.tool.small .uk-list>li>.uk-button{
    height:30px;
    line-height:30px;
    border-radius:25px;
    background: transparent;
    background-color: #052542;
    color: #FFF;
    text-shadow: none;
    padding: 0px 25px;
}
.tool.large .uk-list>li>a{
    padding:0px 10px;
    height:45px;
    line-height:45px;
}
@media (max-width:767px){
	.tool.small .uk-list>li>input, .tool.small .uk-list>li>select {
		max-width: 50px;
	}
}
/* ========== .STATUS ========== */
.status {
    color: #FFF;
    padding: 0px 8px;
    font-size: 12px;
    border-radius: 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 115px;
}
.status-new {
    background-color: #1175ae;
}
.status-takecare {
    background-color: #c98209;
}
.status-transport{
    background-color: #c98209;
}
.status-success{
    background-color: #497d04;
}
.status-failure{
    background-color: #858181;
}
/* ========== .MT-PT ========== */
.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;
	}
}
/* ========== .OTHER ========== */
.ajax-browser{
	cursor:pointer;
}
.ti{
    font-size:18px;
    vertical-align: text-top;
}