/* Custom */

body {
	background: linear-gradient(90deg, #0B0F19 0%, #172033 51.04%, #0B0F19 100%) !important;
}

/* Dark Mode > Card */ 
.card{
	 background: rgba( 255, 255, 255, 0.15 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.2 );
	backdrop-filter: blur( 5.5px );
	-webkit-backdrop-filter: blur( 7.5px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.bg-transparent, 
table.bg-transparent,
tbody.bg-transparent,
tr.bg-transparent,
td.bg-transparent {
	background-color: transparent !important;
}

/* Override theme.css */
.table > :not(caption) > * > *,
.table>:not(caption)>*>* {
	color: #fff;
	background-color: transparent !important;
}

.text-center,
.text-center > * > *,
span.text-center {
	text-align: center !important;
}

.trumbowyg-button-pane {
	background-color: #000524;
}

/* Box Shadows */

.border-lifted {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
}

span.block {
	display: block !important;
}

/* Utilities */

.center-this {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Widths */

.w-100, span.w-100, a.w-100 {
	width: 100% !important;
}

.w-99 {
	width: 99% !important;
}

.w-98 {
	width: 98% !important;
}

.w-96 {
	width: 98% !important;
}

.w-95 {
	width: 95% !important;
}

.w-90 {
	width: 90% !important;
}

.w-85 {
	width: 85% !important;
}

.w-80 {
	width: 80% !important;
}

.w-75 {
	width: 75% !important;
}

.w-60 {
	width: 60% !important;
}

.w-50 {
	width: 50% !important;
}

.w-40 {
	width: 40% !important;
}

.w-30 {
	width: 30% !important;
}

.w-20 {
	width: 50% !important;
}



/* Components: Gradients */

.gradient-1 {
		border: none !important; background-image: linear-gradient(100deg, #FF0049 30%, #e70262 100%); background-repeat: repeat-y;
}

.gradient-2 { /* Perfection */
	background-image: linear-gradient(to right top, #FF033E, #db0e2d, #e30b33, #ec083a, #f40540, #f40843, #f40b45, #f40e48, #ec1547, #e31a46, #db1e45, #FF033E);
}

.gradient-3 { /* Green */
	background-color: #27ae60;
	background-image: linear-gradient(315deg, #27ae60 0%, #16a085 100%);
}

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

.bg-soft-primary, .bg-faded-primary {
	background-color: #cfe2ff !important;
}


.red {
	border: 1px solid red !important;
}


/* btn-success */

.btn-success {
  background-color: #27ae60 !important;
  border-color: #27ae60 !important;
  color: #ffffff;
}

.btn-outline-primary:hover {
	color: #377dff !important;
	background-color: rgba(55, 125, 255, 0.1) !important;
}


/* btn-brown (Orders) */

.btn-link-brown {
  color: #612000 !important;
}

.btn-brown {
  background-color: #612000 !important;
  border-color: #612000 !important;
  color: #ffffff !important;
}

.btn-outline-brown {
  background-color: #fff !important;
  border-color: #612000 !important;
  color: #612000 !important;
}

.btn-brown.dropdown-toggle::after {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2371869d' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
}

.btn-brown:hover, .btn-brown:focus, .btn-brown.focus, .btn-brown:active, .btn-brown.active {
  color: #a75502;
  box-shadow: 0px 3px 6px -2px rgba(140, 152, 164, 0.25);
}

.btn-brown:hover.dropdown-toggle::after, .btn-brown:focus.dropdown-toggle::after, .btn-brown.focus.dropdown-toggle::after, .btn-brown:active.dropdown-toggle::after, .btn-brown.active.dropdown-toggle::after {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23377dff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z'/%3E%3C/svg%3E") no-repeat right center/1rem 1rem;
}

.btn-brown.disabled, .btn-brown:disabled {
  color: #8c98a4;
  background-color: rgba(231, 234, 243, 0.5);
}


/* Disabled (Adding to boostrap.css) */
a.list-group-item[disabled] {
    cursor: default;
}
a.list-group-item[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}


/* .bg-brown (Orders) */

.bg-brown {
  background-color: #612000;
}



/* Component: Shadows */

.divider-inside-bottom {
	position:relative;
	overflow:hidden; 
	border-bottom:1px solid #ddd; 
}

.divider-inside-bottom:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width:96%;  
	bottom: -10px; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-inside-top {
	position:relative;
	overflow:hidden; 
	border-top:1px solid #ddd; 
}

.divider-inside-top:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width:96%;  
	top: -10px; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-outside-top {
	position:relative;
}

.divider-outside-top:before {
	content: ""; 
	position:absolute; 
	z-index: -1; 
	width:96%;  
	top: 0; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-inside-top-bottom {
	position:relative;
	overflow:hidden; 
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd; 
}

.divider-inside-top-bottom:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width:96%;  
	top: -10px; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-inside-top-bottom:after {
	content: "";
	position:absolute;
	z-index: 1;
	width:96%; 
	bottom: -10px;
	height: 10px;
	left: 2%;
	border-radius: 100px / 5px;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
}

.divider-inside-left {
	position:relative;
	overflow:hidden; 
	border-left:1px solid #ddd; 
}

.divider-inside-left:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width: 5px;  
	top: 5%; 
	height: 100%; 
	left: -10px; 
	border-radius: 5px / 100px; 
	box-shadow:0 0 13px rgba(0,0,0,0.6); 
}

.divider-inside-right {
	position:relative;
	overflow:hidden; 
	border-right:1px solid #ddd; 
}

.divider-inside-right:before {
	content: ""; 
	position:absolute; 
	z-index: 1; 
	width:10px;  
	top: 5%; 
	height: 90%; 
	right: -10px; 
	border-radius: 5px / 100px; 
	box-shadow:0 0 13px rgba(0,0,0,0.6); 
}

.divider-inside-sides {
	position:relative;
	overflow:hidden; 
	border-left:1px solid #ddd; 
	border-right:1px solid #ddd;
}

.divider-inside-sides:before {
	content: "";
	position:absolute;
	z-index: 1;
	width:10px; 
	top: 5%;
	height: 90%;
	left: -10px;
	border-radius: 5px / 100px;
	box-shadow:0 0 13px rgba(0,0,0,0.6);
}

.divider-inside-sides:after {
	content: "";
	position:absolute;
	z-index: 1;
	width:10px; 
	top: 5%;
	height: 90%;
	right: -10px;
	border-radius: 5px / 100px;
	box-shadow:0 0 13px rgba(0,0,0,0.6);
}

.divider-outside-top-bottom {
	position:relative;
}

.divider-outside-top-bottom:before {
	content: ""; 
	position:absolute; 
	z-index: -1; 
	width:96%;  
	top: 0; 
	height: 10px; 
	left: 2%; 
	border-radius: 100px / 5px; 
	box-shadow:0 0 18px rgba(0,0,0,0.6); 
}

.divider-outside-top-bottom:before {
	content: "";
	position:absolute;
	z-index: -1;
	width:96%; 
	bottom: 0;
	height: 10px;
	left: 2%;
	border-radius: 100px / 5px;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
}


/* Borders */

.border-style-1 {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}

.border-style-2 {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px !important;
}

.border-style-3 {
	box-shadow: 2px 5px 22px 5px rgb(0 0 0 / 6%) !important;
}

.border-style-4 {
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

.border-style-5, .border-lifted, ul.border-lifted, li.border-lifted {
	box-shadow: rgba(0, 0, 0, 0.8) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset !important;
}