.show{
display: block !important;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
  border-radius: 0.5rem;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.fw-bold {
    font-weight: 700!important;
}

.fst-italic {
    font-style: italic!important;
}

.bg-primary {
    background-color: #0d6efd!important;
}

.bg-secondary {
    background-color: #6c757d!important;
}

.bg-success {
    background-color: #198754!important;
}

.bg-danger {
    background-color: #dc3545!important;
}

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

.bg-info {
    background-color: #0dcaf0!important;
}

.bg-light {
    background-color: #f8f9fa!important;
}

.bg-dark {
    background-color: #212529!important;
}

.bg-transparent {
    background-color: transparent!important;
}

.bg-gradient {
    background-image: var(linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)))!important;
}

.text-wrap{
	text-wrap: wrap;
	white-space: initial;
}

.text-primary {
    color: #0d6efd!important;
}

.text-secondary {
    color: #6c757d!important;
}

.text-success {
    color: #198754!important;
}

.text-danger {
    color: #dc3545!important;
}

.text-warning {
    color: #ffc107!important;
}

.text-info {
    color: #0dcaf0!important;
}

.border-primary {
    border-color: #0d6efd!important;
}

.border-secondary {
    border-color: #6c757d!important;
}

.border-success {
    border-color: #198754!important;
}

.border-danger {
    border-color: #dc3545!important;
}

.border-warning {
    border-color: #ffc107!important;
}

.border-info {
    border-color: #0dcaf0!important;
}

.rounded {
    border-radius: .25rem!important;
}

.rounded-1 {
    border-radius: .2rem!important;
}

.rounded-3 {
    border-radius: .3rem!important;
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

.media-btn:hover{
	background-color: rgb(118 116 248 / 0.6);
	
}

.media-btn:hover i{
	color: #fff !important;
}