/* STRUCTURAL */

.wrapper {
  display: flex;
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 20px;
}

.master {
    display: flex;
    width: 100%;
    align-items: stretch;
    perspective: 1500px;
}

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

#topbar {
	margin: -20px -20px 20px -20px;
	height: 50px;
}

#sitewide-alert, #email-verify-alert {
	margin: -20px -20px 20px -20px;
}

@media only screen and (min-width: 768px) {
	.login-field {
		min-width: 20em;
	}
}

thead tr {
	border-left: 1px solid #101113;
	border-right: 1px solid #101113;
}

.tab-pane:not(.active) {
    display: none !important;
}

/* Live Search */
.search-box{
	width: 300px;
	position: relative;
	display: inline-block;
}
.search-box input[type="text"]{
	height: 35px;
	padding: 5px 10px;
	border: 0px solid #CCCCCC;
}
.result{
	position: absolute;        
	z-index: 999;
	top: 100%;
	left: 0;
	background-color: #2f3136;
}
.search-box input[type="text"], .result{
	width: 100%;
	box-sizing: border-box;
}

.modal-backdrop {
	z-index: 1040 !important;
	/*display: none;*/
}

.modal-content {
	margin: 2px auto;
	z-index: 1100 !important;
}

.nav-link {
	padding-top: 4px;
	padding-bottom: 4px;
}
	
/* Live Search Results */
.result p{
	margin: 0;
	padding: 7px 10px;
	border: 0px solid #CCCCCC;
	border-top: none;
	cursor: pointer;
}
.result p:hover{
	background-color: #36393f;
}

/* COLORS */
body {
	background: #000000;
}

.bg-accent {
	background-image: linear-gradient(0deg, #09426f, #26558c);
}

.bg-dark {
	background-image: linear-gradient(0deg, #1a1d1f, #313539);
}

.bg-red {
	background-image: linear-gradient(0deg, #591f1f, #842e2e) !important;
}

.bg-green {
	background-image: linear-gradient(0deg, #3c4e2b, #58743f) !important;
}

.text-accent {
	color: #459bff;
}

.row-specialty {
	background: #363a3d;
}

.row-doggo {
	background: #1b281d;
}

.adminlog {
	background: #151515;
	color: #eeeeee;
	-webkit-box-sizing: border-box;
}

.input-highlight {
	background: #aaaaaa;
}

.rowbranch1 {
	background: #312d2a !important;
}

.rowbranch2 {
	background: #223038 !important;
}

.rowbranch3 {
	background: #362424 !important;
}

.rowbranch4 {
	background: #2b2f36 !important;
}

.rowbranchnone {
	background: #1b1b1b !important;
}

.bot-command-list {
	font-family: monospace;
	font-size: 14px;
}

.cmd-owner, .cmd-owner a:link, .cmd-owner a:visited {
	color: #e55050 !important;
}

.cmd-admin, .cmd-admin a:link, .cmd-admin a:visited {
	color: #a3d876 !important;
}

.cmd-general, .cmd-general a:link, .cmd-general a:visited {
	color: #459bff !important;
}

tt {
	color: #ee5f5b;
	font-size: 14px;
}

.table-awards tbody tr:nth-child(4n+1), .table-awards tbody tr:nth-child(4n+2) {
	background: rgba(255,255,255,0.05);
}

/* BUTTONS */
.btn-like {
	display: inline-block;
	width: 32px;
	height: 43px;
	background-image: url("../images/like.png");
	background-size: 32px 43px;
}

.btn-like:hover {
	background-image: url("../images/like-hover.png");
}

.btn-like-active {
	display: inline-block;
	width: 32px;
	height: 43px;
	background-image: url("../images/like-active.png");
	background-size: 32px 43px;
}

.btn-dislike {
	display: inline-block;
	width: 32px;
	height: 43px;
	margin-left: 4px;
	background-image: url("../images/dislike.png");
	background-size: 32px 43px;
}

.btn-dislike:hover {
	background-image: url("../images/dislike-hover.png");
}

.btn-dislike-active {
	display: inline-block;
	width: 32px;
	height: 43px;
	margin-left: 4px;
	background-image: url("../images/dislike-active.png");
	background-size: 32px 43px;
}

/* Colors i just want lol */

.text-blue {
	color: #007bff;
}

.text-red {
	color: #dc3545;
}

.text-green {
	color: #28a745;
}

.text-yellow {
	color: #ffc107;
}

.text-gray {
	color: #6c757d;
}

.text-salmon {
	color: #ee5f5b;
}

.text-lightgoldenrodyellow {
	color: #FAFAD2;
}