/* ==========================================================================
   Utility CSS
   KOSME Extension
   ========================================================================== */

/* Color */
.color-kosme-main{color:var(--kosme-color-main)!important;}
.color-kosme-primary{color:var(--kosme-color-primary)!important;}
.color-kosme-accent{color:var(--kosme-color-accent)!important;}
.color-primary{color:var(--krds-primary)!important;}
.color-secondary{color:var(--krds-secondary)!important;}
.color-point{color:var(--krds-point)!important;}
.color-info{color:var(--krds-information)!important;}
.color-success{color:var(--krds-success)!important;}
.color-warning{color:var(--krds-warning)!important;}
.color-danger{color:var(--krds-danger)!important;}
.color-white{color:var(--krds-white)!important;}
.color-black{color:var(--krds-black)!important;}
.color-text-primary{color:var(--kosme-color-text-primary)!important;}
.color-text-secondary{color:var(--kosme-color-text-secondary)!important;}
.color-disabled{color:#8a949e!important;}
.color-imp{color:#ff5400!important;}

/* flex */
.flex{display: flex;}
.flex-m-inline-table {display: flex;}
.flex-row {flex-direction: row !important;}
.flex-colum{flex-direction: column !important;}
.wrap{flex-wrap: wrap;}
.just-between{justify-content: space-between;}
.flex-bet-m-colum{justify-content: space-between;}
.just-center{justify-content:center;}
.just-flex-end{justify-content: flex-end;}
.just-flex-start{justify-content: flex-start;}
.align-center{align-items: center;}
.align-bottom{align-items: flex-end;}

/* Display */
.d-none{display:none!important;}
.d-block{display:block!important;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}
.d-flex{display:flex!important;}
.d-inline-flex{display:inline-flex!important;}
.d-grid{display:grid!important;}

/* Visibility */
.visible{visibility:visible!important;}
.invisible{visibility:hidden!important;}

/* Text */
.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-nowrap{white-space:nowrap!important;}
.text-break{word-break:break-word!important;}
.text-underline{text-decoration:underline!important;}
.text-line{text-decoration:line-through!important;}
.text-none{text-decoration:none!important;}

/* Font */
.fw-regular{font-weight:400!important;}
.fw-medium{font-weight:500!important;}
.fw-semibold{font-weight:600!important;}
.fw-bold{font-weight:700!important;}

/* Cursor */
.cursor-pointer{cursor:pointer!important;}
.cursor-default{cursor:default!important;}
.cursor-disabled{cursor:not-allowed!important;}

/* Overflow */
.overflow-hidden{overflow:hidden!important;}
.overflow-auto{overflow:auto!important;}

/* Size */
.w-100{width:100%!important;}
.h-100{height:100%!important;}

/* Image */
.img-fluid{display:block;max-width:100%;height:auto;}

/* Position */
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.pos-fixed{position:fixed;}

/* Accessibility */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}