@charset "UTF-8";
/*!
 * Bootstrap-lib-extension v1.0.0 
 * Copyright 2021 Daniel Raymond Obiekwe (https://madebyraymond.herokuapp.com/)
 * Licensed under MIT (https://github.com/MadeByRaymond/Bootstrap-lib-extension/blob/master/LICENSE)
 */


/************* General Styles  *************/
/* *************************************** */
*:disabled, *[disabled]{
    cursor: not-allowed;
}

.disable-interaction,
.disable-interaction *{
    pointer-events: none;
}
.pointer{
    cursor: pointer!important;
}
.box-shadow-none{
    box-shadow: none!important;
}

.line-height-0{
    line-height: 0!important;
}
.line-height-1{
    line-height: 1!important;
}
.line-height-100p{
    line-height: 100%!important;
}
.line-height-110p{
    line-height: 110%!important;
}
.line-height-120p{
    line-height: 120%!important;
}
.line-height-130p{
    line-height: 130%!important;
}
.line-height-140p{
    line-height: 140%!important;
}
.line-height-150p{
    line-height: 150%!important;
}
.line-height-160p{
    line-height: 160%!important;
}
.line-height-170p{
    line-height: 170%!important;
}
.line-height-180p{
    line-height: 180%!important;
}
.line-height-190p{
    line-height: 190%!important;
}
.line-height-200p{
    line-height: 200%!important;
}
.z-index-1-neg{
    z-index: -1!important;
}
.z-index-0{
    z-index: 0!important;
}
.z-index-1{
    z-index: 1!important;
}
.z-index-2{
    z-index: 2!important;
}
.z-index-3{
    z-index: 3!important;
}
.z-index-4{
    z-index: 4!important;
}
.z-index-5{
    z-index: 5!important;
}
.w-max-100{
    max-width: 100%!important;
}
.h-max-100{
    max-height: 100%!important;
}
.w-33{
    width: 33.333333%!important;
}


/* Opacity */
.opacity-0{
    opacity: 0!important;
}
.opacity-10p{
    opacity: 0.1!important;
}
.opacity-20p{
    opacity: 0.2!important;
}
.opacity-30p{
    opacity: 0.3!important;
}
.opacity-40p{
    opacity: 0.4!important;
}
.opacity-50p{
    opacity: 0.5!important;
}
.opacity-60p{
    opacity: 0.6!important;
}
.opacity-70p{
    opacity: 0.7!important;
}
.opacity-80p{
    opacity: 0.8!important;
}
.opacity-90p{
    opacity: 0.9!important;
}
.opacity-100p{
    opacity: 1!important;
}


/* Position Insets */
.top-0{
    top: 0!important;
}
.bottom-0{
    bottom: 0!important;
}
.left-0{
    left: 0!important;
}
.right-0{
    right: 0!important;
}

/* Font Weight */
.font-weight-light {
    font-weight: 300 !important;
}
.font-weight-normal {
    font-weight: 400 !important;
}
.font-weight-medium {
    font-weight: 500 !important;
}
.font-weight-semi-bold {
    font-weight: 600 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.font-italic {
    font-style: italic !important;
}

/* Font Sizes */
.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-18{
    font-size: 18px!important;
}
.fs-20{
    font-size: 20px!important;
}
.fs-21{
    font-size: 21px!important;
}
.fs-22{
    font-size: 22px!important;
}
.fs-24{
    font-size: 24px!important;
}
.fs-26{
    font-size: 26px!important;
}
.fs-28{
    font-size: 28px!important;
}
.fs-30{
    font-size: 30px!important;
}
.fs-40{
    font-size: 40px!important;
}
.fs-50{
    font-size: 50px!important;
}

/* Text Wraps  */
.white-space-nowrap{
    white-space: nowrap!important;
}

/* Text Truncate */
.text-truncater {
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
   /*  max-height: 64px; */
}
.text-truncater.text-truncater-lines-2{
    -webkit-line-clamp: 2;
}
.text-truncater.text-truncater-lines-3{
    -webkit-line-clamp: 3;
}
.text-truncater.text-truncater-lines-4{
    -webkit-line-clamp: 4;
}
.text-truncater.text-truncater-lines-5{
    -webkit-line-clamp: 5;
}



/* Background Size */
.bg-size-contain{
    background-size: contain!important;
}
.bg-size-cover{
    background-size: cover!important;
}
.bg-size-auto{
    background-size: auto!important;
}
.bg-size-unset{
    background-size: unset!important;
}


/* Filters */
.effect-grayscale{
    filter: grayscale(1);
}



/********** Animation ************/
/* ***************************** */
/* Spin Animation */
.animator {
    -webkit-animation: 1s linear infinite;
    -moz-animation: 1s linear infinite;
    animation: 1s linear infinite;
}
.animator.spin{
    -webkit-animation-name:spin;
    -moz-animation-name:spin;
    animation-name:spin;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}




/******************* Global Reusable Components ********************/
/* *************************************************************** */
/* Forms */

/* Toggle Switch */
.custom-switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
  }
  
  .custom-switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .custom-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D8D8D8;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .custom-switch .slider:before {
    position: absolute;
    content: "";
    height: 15.5px;
    width: 15.5px;
    left: 2px;
    bottom: 2.5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .custom-switch input:checked + .slider {
    background-color: #1070B7;
  }
  
  .custom-switch input:focus + .slider {
    box-shadow: 0 0 1px #1070B7;
  }
  
  .custom-switch input:checked + .slider:before {
    -webkit-transform: translateX(15.5px);
    -ms-transform: translateX(15.5px);
    transform: translateX(15.5px);
  }
  
  /* Rounded sliders */
  .custom-switch .slider.round {
    border-radius: 1000px;
  }
  
  .custom-switch .slider.round:before {
    border-radius: 50%;
  }