@charset "utf-8";

/* **************************************************

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

@media screen and (min-width:768px) {
.d-md-none { display: none !important; }
.d-md-block { display: block !important; }
.d-md-inline { display: inline !important; }
.d-md-inline-block { display: inline-block !important; }
}



/* **************************************************

  Text
  
************************************************** */
/* ==================================================
  Text color
================================================== */
.color-red { color: #c00000 !important; }


/* ==================================================
  Text wrapping and overflow
================================================== */
.text-justify { text-align: justify!important; }
.text-nowrap { white-space: nowrap !important; }
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* ==================================================
  Text alignment
================================================== */
.text-transform-uppercase { text-transform: uppercase !important; }
.text-transform-lowercase { text-transform: lowercase !important; }


/* ==================================================
  Text alignment
================================================== */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

@media screen and (min-width:768px) {
.text-md-left { text-align: left !important; }
.text-md-right { text-align: right !important; }
.text-md-center { text-align: center !important; }
}



/* ==================================================
  Font weight and italics
================================================== */
.font-weight-light { font-weight: 300!important; }
.font-weight-normal { font-weight: 400!important; }
.font-weight-medium { font-weight: 500!important; }
.font-weight-bold { font-weight: 700!important; }
.font-italic { font-style: italic!important; }


/* ==================================================
  Vertical alignment
================================================== */
.align-baseline { vertical-align: baseline!important; }
.align-top { vertical-align: top!important; }
.align-middle { vertical-align: middle!important; }
.align-bottom { vertical-align: bottom!important; }
.align-text-bottom { vertical-align: text-bottom!important; }
.align-text-top { vertical-align: text-top!important; }



/* **************************************************

  Position
  
************************************************** */
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }



/* **************************************************

  Sizing
  
************************************************** */
.w-100 { width: 100% !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }



/* **************************************************

  Spacing
  
************************************************** */
.mx-auto { margin-right: auto!important; }
.mx-auto { margin-left: auto!important; }



/* **************************************************

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