/*DISPLAY*/
.display-full { 
	width: 100% !important; 
    flex: 0 0 100% !important;
    max-width: 1090% !important;
}
.display-hide { display: none !important; }

/*MARGIN EXTRA*/
.m-auto{ margin: auto !important;}
.m-0 { margin:0px !important;}
.m-1 { margin:1px !important;}
.m-2 { margin:2px !important;}
.m-3 { margin:3px !important;}
.m-4 { margin:4px !important;}
.m-5 { margin:5px !important;}
.m-10 { margin:10px !important;}
.m-15 { margin:15px !important;}
.m-20 { margin:20px !important;}
.m-25 { margin:25px !important;}
.m-30 { margin:30px !important;}
.m-35 { margin:35px !important;}
.m-40 { margin:40px !important;}
.m-40 { margin:50px !important;}
.m-40 { margin:60px !important;}

.m-r-n10 { margin-right:-10px !important;}
.m-r-0 { margin-right:0px !important;}
.m-r-1 { margin-right:1px !important;}
.m-r-2 { margin-right:2px !important;}
.m-r-3 { margin-right:3px !important;}
.m-r-4 { margin-right:4px !important;}
.m-r-5 { margin-right:5px !important;}
.m-r-10 { margin-right:10px !important;}
.m-r-15 { margin-right:15px !important;}
.m-r-20 { margin-right:20px !important;}
.m-r-25 { margin-right:25px !important;}
.m-r-30 { margin-right:30px !important;}
.m-r-35 { margin-right:35px !important;}
.m-r-40 { margin-right:40px !important;}
.m-r-50 { margin-right:50px !important;}
.m-r-60 { margin-right:60px !important;}

.m-l-0 { margin-left:0px !important;}
.m-l-1 { margin-left:1px !important;}
.m-l-2 { margin-left:2px !important;}
.m-l-3 { margin-left:3px !important;}
.m-l-4 { margin-left:4px !important;}
.m-l-5 { margin-left:5px !important;}
.m-l-10 { margin-left:10px !important;}
.m-l-15 { margin-left:15px !important;}
.m-l-20 { margin-left:20px !important;}
.m-l-25 { margin-left:25px !important;}
.m-l-30 { margin-left:30px !important;}
.m-l-35 { margin-left:35px !important;}
.m-l-40 { margin-left:40px !important;}
.m-l-50 { margin-left:50px !important;}
.m-l-60 { margin-left:60px !important;}

.m-b-0 { margin-bottom:0px !important;}
.m-b-1 { margin-bottom:1px !important;}
.m-b-2 { margin-bottom:2px !important;}
.m-b-3 { margin-bottom:3px !important;}
.m-b-4 { margin-bottom:4px !important;}
.m-b-5 { margin-bottom:5px !important;}
.m-b-10 { margin-bottom:10px !important;}
.m-b-15 { margin-bottom:15px !important;}
.m-b-20 { margin-bottom:20px !important;}
.m-b-25 { margin-bottom:25px !important;}
.m-b-30 { margin-bottom:30px !important;}
.m-b-35 { margin-bottom:35px !important;}
.m-b-40 { margin-bottom:40px !important;}
.m-b-45 { margin-bottom:45px !important;}
.m-b-50 { margin-bottom:50px !important;}
.m-b-60 { margin-bottom:60px !important;}

.m-t-0 { margin-top:0px !important;}
.m-t-1 { margin-top:1px !important;}
.m-t-2 { margin-top:2px !important;}
.m-t-3 { margin-top:3px !important;}
.m-t-4 { margin-top:4px !important;}
.m-t-5 { margin-top:5px !important;}
.m-t-6 { margin-top:6px !important;}
.m-t-7 { margin-top:7px !important;}
.m-t-8 { margin-top:8px !important;}
.m-t-9 { margin-top:9px !important;}
.m-t-10 { margin-top:10px !important;}
.m-t-15 { margin-top:15px !important;}
.m-t-20 { margin-top:20px !important;}
.m-t-25 { margin-top:25px !important;}
.m-t-30 { margin-top:30px !important;}
.m-t-35 { margin-top:35px !important;}
.m-t-40 { margin-top:40px !important;}
.m-t-50 { margin-top:50px !important;}
.m-t-60 { margin-top:60px !important;}
.m-t-65 { margin-top:65px !important;}
.m-t-70 { margin-top:70px !important;}
.m-t-75 { margin-top:75px !important;}


/*PADDING EXTRA*/
.p-0 { padding:0px !important;}
.p-1 { padding:1px !important;}
.p-2 { padding:2px !important;}
.p-3 { padding:3px !important;}
.p-4 { padding:4px !important;}
.p-5 { padding:5px !important;}
.p-6 { padding:6px !important;}
.p-7 { padding:7px !important;}
.p-8 { padding:8px !important;}
.p-9 { padding:9px !important;}
.p-10 { padding:10px !important;}
.p-12 { padding:12px !important;}
.p-15 { padding:15px !important;}
.p-20 { padding:20px !important;}
.p-25 { padding:25px !important;}
.p-30 { padding:30px !important;}
.p-35 { padding:35px !important;}
.p-40 { padding:40px !important;}
.p-50 { padding:50px !important;}

.p-r-0 { padding-right:0px !important;}
.p-r-1 { padding-right:1px !important;}
.p-r-2 { padding-right:2px !important;}
.p-r-3 { padding-right:3px !important;}
.p-r-4 { padding-right:4px !important;}
.p-r-5 { padding-right:5px !important;}
.p-r-5 { padding-right:5px !important;}
.p-r-6 { padding-right:6px !important;}
.p-r-7 { padding-right:7px !important;}
.p-r-8 { padding-right:8px !important;}
.p-r-9 { padding-right:9px !important;}
.p-r-10 { padding-right:10px !important;}
.p-r-12 { padding-right:12px !important;}
.p-r-15 { padding-right:15px !important;}
.p-r-16 { padding-right:16px !important;}
.p-r-20 { padding-right:20px !important;}
.p-r-25 { padding-right:25px !important;}
.p-r-30 { padding-right:30px !important;}
.p-r-35 { padding-right:35px !important;}
.p-r-40 { padding-right:40px !important;}
.p-r-50 { padding-right:50px !important;}

.p-l-0 { padding-left:0px !important;}
.p-l-1 { padding-left:1px !important;}
.p-l-2 { padding-left:2px !important;}
.p-l-3 { padding-left:3px !important;}
.p-l-4 { padding-left:4px !important;}
.p-l-5 { padding-left:5px !important;}
.p-l-6 { padding-left:6px !important;}
.p-l-7 { padding-left:7px !important;}
.p-l-8 { padding-left:8px !important;}
.p-l-9 { padding-left:9px !important;}
.p-l-10 { padding-left:10px !important;}
.p-l-12 { padding-left:12px !important;}
.p-l-15 { padding-left:15px !important;}
.p-l-20 { padding-left:20px !important;}
.p-l-25 { padding-left:25px !important;}
.p-l-30 { padding-left:30px !important;}
.p-l-35 { padding-left:35px !important;}
.p-l-40 { padding-left:40px !important;}
.p-l-50 { padding-left:50px !important;}

.p-b-0 { padding-bottom:0px !important;}
.p-b-1 { padding-bottom:1px !important;}
.p-b-2 { padding-bottom:2px !important;}
.p-b-3 { padding-bottom:3px !important;}
.p-b-4 { padding-bottom:4px !important;}
.p-b-5 { padding-bottom:5px !important;}
.p-b-6 { padding-bottom:6px !important;}
.p-b-7 { padding-bottom:7px !important;}
.p-b-8 { padding-bottom:8px !important;}
.p-b-9 { padding-bottom:9px !important;}
.p-b-10 { padding-bottom:10px !important;}
.p-b-12 { padding-bottom:12px !important;}
.p-b-15 { padding-bottom:15px !important;}
.p-b-20 { padding-bottom:20px !important;}
.p-b-25 { padding-bottom:25px !important;}
.p-b-30 { padding-bottom:30px !important;}
.p-b-35 { padding-bottom:35px !important;}
.p-b-40 { padding-bottom:40px !important;}
.p-b-50 { padding-bottom:50px !important;}

.p-t-0 { padding-top:0px !important;}
.p-t-1 { padding-top:1px !important;}
.p-t-2 { padding-top:2px !important;}
.p-t-3 { padding-top:3px !important;}
.p-t-4 { padding-top:4px !important;}
.p-t-5 { padding-top:5px !important;}
.p-t-6 { padding-top:6px !important;}
.p-t-7 { padding-top:7px !important;}
.p-t-10 { padding-top:10px !important;}
.p-t-12 { padding-top:12px !important;}
.p-t-15 { padding-top:15px !important;}
.p-t-20 { padding-top:20px !important;}
.p-t-25 { padding-top:25px !important;}
.p-t-30 { padding-top:30px !important;}
.p-t-35 { padding-top:35px !important;}
.p-t-40 { padding-top:40px !important;}
.p-t-45 { padding-top:45px !important;}
.p-t-50 { padding-top:50px !important;}


/*CLEAR MARGINS / PADDINGS*/
.margins-clear {
	padding: 0px !important;
	margin: 0px !important;
}


/*WIDTH*/
.w-auto { width: auto !important; }

.w-5 { width: 5% !important; }
.w-6 { width: 6% !important; }
.w-7 { width: 7% !important; }
.w-8 { width: 8% !important; }
.w-9 { width: 9% !important; }
.w-10 { width: 10% !important; }
.w-12 { width: 12% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-28 { width: 28% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }

.w-20px { width: 20px !important; }
.w-35px { width: 35px; }
.w-50px { width: 50px; }
.w-60px { width: 60px; }
.w-70px { width: 70px; }
.w-80px { width: 80px; }
.w-90px { width: 90px; }
.w-100px { width: 100px; }
.w-110px { width: 110px; }
.w-120px { width: 120px; }
.w-130px { width: 130px; }
.w-140px { width: 140px; }
.w-150px { width: 150px; }
.w-200px { width: 200px; }
.w-300px { width: 300px; }
.w-500px { width: 500px; }

.max-w-50 { max-width: 50% }
.max-w-60 { max-width: 60% }
.max-w-70 { max-width: 70% }
.max-w-80 { max-width: 80% }
.max-w-90 { max-width: 90% }
.max-w-95 { max-width: 95% }


/*HEIGHT*/

.h-5px { height: 5px; }
.h-10px { height: 10px; }
.h-15px { height: 15px; }
.h-20px { height: 20px; }
.h-25px { height: 25px; }
.h-30px { height: 30px; }
.h-40px { height: 40px; }
.h-50px { height: 50px; }

.min-h-50 { min-height: 50px !important; }
.min-h-100 { min-height: 100px !important; }
.min-h-150 { min-height: 150px !important; }
.min-h-200 { min-height: 200px !important; }


/*CURSOR*/

.cursor-none { cursor: default !important; }
.cursor-text { cursor: text !important; }
.cursor-move { cursor: move !important; }
.cursor-pointer { cursor: pointer !important; }
.cursor-help { cursor: help !important; }
.cursor-disabled { cursor: not-allowed !important; }
.cursor-progress { cursor: progress !important; }
.cursor-wait { cursor: wait !important; }
.cursor-zoom-in { cursor: zoom-in !important; }
.cursor-zoom-out { cursor: zoom-out !important; }


/*FONT*/

.fs-9 { font-size:9px !important; }
.fs-10 { font-size:10px !important; }
.fs-11 { font-size:11px !important; }
.fs-12 { font-size:12px !important; }	
.fs-13 { font-size:13px !important; }	
.fs-14 { font-size:14px !important; }	
.fs-15 { font-size:15px !important; }	
.fs-16 { font-size:16px !important; }	
.fs-17 { font-size:17px !important; }
.fs-18 { font-size:18px !important; }
.fs-19 { font-size:19px !important; }
.fs-20 { font-size:20px !important; }
.fs-21 { font-size:21px !important; }
.fs-22 { font-size:22px !important; }

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }

.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }


/*STATUS*/

.color-title { color: #595d6e !important; }
.color-subtitle { color: #a1a1a1 !important; }

.color-active { color: var(--active) !important; }
.color-in_progress { color: var(--in_progress) !important; }
.color-on_update { color: var(--on_update) !important; }
.color-on_hold { color: var(--on_hold) !important; }
.color-approved { color: var(--approved) !important; }
.color-completed { color: var(--completed) !important; }
.color-confirmed { color: var(--confirmed) !important; }
.color-expired { color: var(--expired) !important; }
.color-canceled { color: var(--canceled) !important; }
.color-removed { color: var(--removed) !important; }
.color-removed_hard { color: var(--removed_hard) !important; }

.bg-active { background-color: var(--active) !important; }
.bg-in_progress { background-color: var(--in_progress) !important; }
.bg-on_update { background-color: var(--on_update) !important; }
.bg-on_hold { background-color: var(--on_hold) !important; }
.bg-approved { background-color: var(--approved) !important; }
.bg-completed { background-color: var(--completed) !important; }
.bg-confirmed { background-color: var(--confirmed) !important; }
.bg-expired { background-color: var(--expired) !important; }
.bg-canceled { background-color: var(--canceled) !important; }
.bg-removed { background-color: var(--removed) !important; }
.bg-removed_hard { background-color: var(--removed_hard) !important; }

.bg-light { background-color: var(--light) !important; }
.bg-secondary { background-color: var(--secondary) !important; }

.border-left-active { border-left: var(--active) 5px solid !important; }
.border-left-in_progress { border-left: var(--in_progress) 5px solid !important; }
.border-left-on_update { border-left: var(--on_update) 5px solid !important; }
.border-left-on_hold { border-left: var(--on_hold) 5px solid !important; }
.border-left-approved { border-left: var(--approved) 5px solid !important; }
.border-left-completed { border-left: var(--completed) 5px solid !important; }
.border-left-confirmed { border-left: var(--confirmed) 5px solid !important; }
.border-left-expired { border-left: var(--expired) 5px solid !important; }
.border-left-canceled { border-left: var(--canceled) 5px solid !important; }
.border-left-removed { border-left: var(--removed) 5px solid !important; }
.border-left-removed_hard { border-left: var(--removed_hard) 5px solid !important; }

.border-active { border: var(--active) 1px solid !important; }
.border-in_progress { border: var(--in_progress) 1px solid !important; }
.border-on_update { border: var(--on_update) 1px solid !important; }
.border-on_hold { border: var(--on_hold) 1px solid !important; }
.border-approved { border: var(--approved) 1px solid !important; }
.border-completed { border: var(--completed) 1px solid !important; }
.border-confirmed { border: var(--confirmed) 1px solid !important; }
.border-expired { border: var(--expired) 1px solid !important; }
.border-canceled { border: var(--canceled) 1px solid !important; }
.border-removed { border: var(--removed) 1px solid !important; }
.border-removed_hard { border: var(--removed_hard) 1px solid !important; }

.btn.btn-label-active {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--active);
    cursor: text !important;
}
.btn.btn-label-in_progress {
    background-color: rgba(85, 120, 235, 0.1);
    color: var(--in_progress);
    cursor: text !important;
}
.btn.btn-label-on_update {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--on_update);
    cursor: text !important;
}
.btn.btn-label-on_hold {
    background-color: rgba(255, 209, 164, 0.1);
    color: var(--on_hold);
    cursor: text !important;
}
.btn.btn-label-approved {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--approved);
    cursor: text !important;
}
.btn.btn-label-completed {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--completed);
    cursor: text !important;
}
.btn.btn-label-confirmed {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--confirmed);
    cursor: text !important;
}
.btn.btn-label-expired {
    background-color: rgba(255, 184, 34, 0.1);
    color: var(--expired);
    cursor: text !important;
}
.btn.btn-label-canceled {
    background-color: rgba(255, 209, 164, 0.1);
    color: var(--canceled);
    cursor: text !important;
}
.btn.btn-label-removed {
    background-color: rgba(253, 57, 122, 0.1);
    color: var(--removed);
    cursor: text !important;
}
.btn.btn-label-removed_hard {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--removed_hard);
    cursor: text !important;
}

.btn.btn-active {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--active);
}
.btn.btn-in_progress {
    background-color: rgba(85, 120, 235, 0.1);
    color: var(--in_progress);
}
.btn.btn-on_update {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--on_update);
}
.btn.btn-on_hold {
    background-color: rgba(255, 209, 164, 0.1);
    color: var(--on_hold);
}
.btn.btn-completed {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--completed);
}
.btn.btn-confirmed {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--confirmed);
}
.btn.btn-approved {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--approved);
}
.btn.btn-expired {
    background-color: rgba(255, 184, 34, 0.1);
    color: var(--expired);
}
.btn.btn-canceled {
    background-color: rgba(255, 209, 164, 0.1);
    color: var(--canceled);
}
.btn.btn-removed {
    background-color: rgba(253, 57, 122, 0.1);
    color: var(--removed);
}
.btn.btn-removed_hard {
    background-color: rgba(10, 187, 135, 0.1);
    color: var(--removed_hard);
}


/* Back-ground*/

.kt-bg-light-grey {
	background-color: #f5f5f5 !important;
}

.kt-bg-light {
	background-color: #f7f7f7 !important;
}


/*DISPLAY*/
.display-block {
	display: block !important;
}

.display-flex {
	display: flex !important;
}

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

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

/* para colocar reticências em elementos */

.slide {
	display: flex;
    flex-direction: row;
    overflow-y: auto;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    width: auto;
}

.elipse {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*max-width: 60vw;*/
}


/*VERTICAL ALIGN*/
.valign-top {
  	display : flex;
	align-items: flex-start !important;	
}

.valign-bottom {
  	display : flex;
	align-items: flex-end !important;	
}

.valign-center {
  	display : flex;	
	align-items: center !important;	
}