/* Font size */
.fs-h2{
    font-size: 24px;
}

.fs-h3{
    font-size: 18.72px;
}

.fs-h4{
    font-size: 16px;
}

.fs-h5{
    font-size: 13.28px;
}

.fs-h6{
    font-size: 12px;
}

.fs-h1{
    font-size: 32px;
}

.fs-24{
    font-size: 24px;
}

.fs-40{
    font-size: 40px;
}

/* Text color */
.text-black{
    color: black;
}

/* Cursor Poniter */
.cur{
    cursor: pointer;
}

/* Animation & Transistion */
.float{
	display: inline-block;
    transition-duration: 0.3s;
	transition-property: transform;
}

.float:hover {
    transform: translateY(-5px);
}

.grow{
    display: inline-block;
    transition-duration: 0.3s;
    transition-property: transform;
}

.grow:hover {
    transform: scale(1.1);
}

.fas-color{
    color: #F3A422;
}

.fas-arrow{
    color: gray;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.py{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

/* property */
.b-0{
    border: 0px !important;
    border-bottom: 1px solid #d8dbe0 !important;
    border-color: #d8dbe0;
}

.b-left{
    border-left: 1px solid #d8dbe0 !important;
}

.bt-transperent{
    border-top: solid transparent;
}


/* Font weight properties */
.fw-700{
    font-weight: 700 !important;
}

/* Align items center */
.align-m{
    align-items: center;
}

.align-m-imp{
    align-items: center !important;
}

/* Visibility */
.visibility-none{
    visibility: hidden;
}

/* Text align */
.tal-end{
    text-align-last: end;
}

.form-control{
    height: auto !important;
}

/* Color */
.c-black{
    color: black !important;
}

.bot-0{
    bottom: 0;
}

/* Width calculate */
.wd-cal{
    width: calc(100% - 16.66%);
    transition: ease 0.3s;
}

@media (max-width: 1200px){
    .wd-cal{
        width: calc(100% - 16.66%);
        transition: ease 0.3s;
    }
}

@media (max-width: 992px){
    .wd-cal{
        width: calc(100% - 16.66%);
        transition: ease 0.3s;
    }
}

@media (max-width: 768px){
    .wd-cal{
        width: 100%;
        transition: ease 0.3s;
    }
}

@media (max-width: 767px){
    .wd-cal{
        width: 100%;
        transition: ease 0.3s;
    }
}

.l-auto{
    left: auto !important;
}

/* Shadow */
.shadow-top{
    box-shadow: 0 -1px 3px rgb(0 0 0 / 40%);
}

/* Check box size */
.checkbox-xl .custom-control-label::before,
.checkbox-xl .custom-control-label::after {
  top: 1.2rem;
  width: 1.85rem;
  height: 1.85rem;
}

.checkbox-xl .custom-control-label {
  padding-top: 23px;
  padding-left: 10px;
}

.input-xl{
    transform: scale(2);
}


/* Rounded cancel buton */
.rounded-cancel{
    position: absolute;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    top: -12px;
    right: -12px;
}


/* Opacity */

.opacity-65{
    opacity: 0.65;
}

/* Icon to right position */
/* Show icon on hover on li */
.icon-right{
    float: right;
    visibility: hidden;
    font-size: 10px;
    top: 19%;
    right: 25px;
}

.li-hover:hover .icon-right{
    visibility: visible;
}


.display-border{
    border-left: 1px solid;
    border-left-color: rgba(0,0,0,.15);;
}


/* Rotate 90 degree */
.rotate-90{
    transform: rotate(90deg);
}


/* Float property */
.float-start{
    float: left;
}

.float-end{
    float: right;
}
/* Margin 5rem / 80px */
.ms-5rem{
    margin-left: 5rem!important;
}

/* Margin left inherit */
.ms-inherit{
    margin-left: inherit;
}

.text-black:hover{
    color: black;
}

/* Height and width */

.h-200{
    height: 200px;
}

.w-200{
    width: 200px;
}



/* File upload css */



/* Background */
.bg-black{
    /* background-color: black; */
    background: #181e22;
}


/* Text decoration */

.text-decoration-underline{
    text-decoration: underline;
}


/* navbar hover effect */
.navbar-item:hover{
    background-color: rebeccapurple;
}

.collapse .nav-link:hover{
    background-color: rebeccapurple;
    padding-left: 5px !important;
}

/* Margin bottom  6rem */

.mb-6{
    margin-bottom: 6rem !important;
}

.bg-dark-fent{
    background-color: #d3d8de;
}

/* Input error */
.has-error{
    border-color: rgba(240, 7, 7, 0.26) !important;
}



/* Text decoration for a tag  */
a{
    text-decoration: none !important;
}

.bg-warning{
    background-color: #ff9601 !important;
}

.btn-warning{
    background-color: #ff9601 !important;
    border-color: #ff9601 !important;
}

.link-warning{
    color: #ff9601 !important;
}
body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: 0;
}
/* body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
    margin-left: -15rem;
} */
@media (min-width: 768px) {
    #sidebar-wrapper {
      margin-left: 0;
    }

    #page-content-wrapper {
      min-width: 0;
      width: 100%;
    }

    body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
      margin-left: -15rem;
    }
  }
@media(max-width: 991px) {
    #sidebar-wrapper {
      margin-left: -15rem !important;
      transition: width 2s;
      left: 0;
    }

    #page-content-wrapper {
      min-width: 0;
      width: 100%;
    }

    body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
      margin-left: 0 !important;
    }
  }
  body{
      overflow-x: hidden !important;
      width: 100%;
  }

  .form-control:focus {
      box-shadow: none !important;
  }