body * {

  outline: none!important;

}



button:focus .fa-bars {

    color: white !important;

}



footer {

    position: relative;

    height: 50px;

    width: 100%;

    background-color: #000;

}



p.copyright {

    position: absolute;

    width: 100%;

    color: #fff;
    padding-top:10px;

    line-height: 15px;

    font-size: 1em;

    text-align: center;

    bottom: 0;
    background-color: #000;

}



main {

  padding: 15px 10px;

}



.card {

  border: 0!important;

  box-shadow: 0px 0px 20px 0px rgb(76 87 125 / 2%)!important;

}

.no-gutters {

  position: relative;

}

.card-toolbar {

  float: right;

}

.pull-option {

  position: absolute;

  right: 5px;

  top: 5px;

}

.text-more {

  color: #B5B5C3 !important;

  border: 1px solid;

  border-radius: 50px;

  width: auto;

  text-align: center;

  font-size: 12px!important;

  padding: 3px 10px;

}

table.table-border-dashed th,

table.table-border-dashed tr,

table.table-border-dashed td {

  border: 0!important;

}

table.table-border-dashed tbody tr {

  border-bottom: 1px dashed #EFF2F5!important;

}

.empty-response {

  color: #dee2e6;

  border: 2px dashed #eee!important;

  padding: 45px;

  text-align: center;

}

.card-toolbar .active{

  border: 1px solid #eee!important;

  border-radius: 25px;

}

.min-w-50 {

  min-width: 50px!important;

}

.min-w-100 {

  min-width: 100px!important;

}

.min-w-200 {

  min-width: 200px!important;

}

.min-w-350 {

  min-width: 350px!important;

}



@media (min-width: 1500px) {

  .col-xlg-4 {

    flex: 0 0 33.3333333333%;

    max-width: 33.3333333333%;

  }

  .col-xlg-8 {

    flex: 0 0 66.6666666667%;

    max-width: 66.6666666667%;

  }

  .col-xlg-6 {

    flex: 0 0 50%;

    max-width: 50%;

  }

}



@media (min-width: 320px) {

    .nav_pc {

      display: none;

    }



    .nav_mobile {

      display: contents;

    }



    .dropdown-menu {

      margin-top: 5px;

      border-bottom-right-radius: 18px;
      border-bottom-left-radius: 18px;

      width: 278px !important;

      margin-left: -211px;

      /* change the number to whatever that you need */

    }



    .modal-dialog {

      width: 100%;

      height: 100%;

      max-width: 375px;

      margin: 0;

      padding: 0;

    }



    .modal-content {

      height: auto;

      min-height: 100%;

      border-radius: 0;

    }



    #sidebar {

      z-index: 9999;

      overflow-y: auto;

      position: fixed;

    }



}



@media (min-width: 768px) {

    .nav_pc {

      display: none;

    }



    .nav_mobile {

      display: contents;

    }



    .dropdown-menu {

      margin-top: 0px;

      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;

      /* width: 120% !important;

          margin-left: -87px; */

      width: 232px !important;

      margin-left: -168px;

      /* change the number to whatever that you need */

    }



    .modal-dialog {

      width: 100%;

      height: 100%;

      max-width: 768px;

      margin: 0;

      padding: 0;

    }



    .modal-content {

      height: auto;

      min-height: 100%;

      border-radius: 0;

    }

}



@media (min-width: 1024px) {

    .nav_pc {

      display: contents;

    }



    .nav_mobile {

      display: none;

    }



    .dropdown-menu {

      margin-top: 0px;

      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;

      width: 100% !important;

      margin-left: 0%;

      /* change the number to whatever that you need */

    }



    .modal-dialog {

      width: 100%;

      height: 100%;

      margin: 0;

      padding: 0;

    }



    .modal-content {

      height: auto;

      min-height: 100%;

      border-radius: 0;

    }



    #sidebar {

      position: relative;

      z-index: 9999;

      overflow-y: auto;

    }

}



@media (max-width: 991px) {

  ul.nav-stretch {

    display: table!important;

  }

  .nav-stretch .nav-item {

    display: table-cell!important;

  }

}