:root {
	/*Default background*/
	--tdy-color-bg: #24272A;
	--tdy-color-bg-gradient-start: #2a2d30;
	--tdy-color-bg-gradient-end: #1d1f21;
	/* Default foreground color (text)*/
	--tdy-color-fg: #666;
	/*Scrollbars*/
	--tdy-color-scrollbar-thumb: #43474d;
	--tdy-color-scrollbar-track: #1d1f22;
	/*Fonts*/
	--tdy-font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	--tdy-font-size: 14px;
	--tdy-font-weight: normal;
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-user-drag: none;
}

body {
    background-color: var(--tdy-color-bg);
    background-image: radial-gradient(circle at right top, var(--tdy-color-bg-gradient-start), var(--tdy-color-bg-gradient-end));
    scrollbar-color: var(--tdy-color-scrollbar-thumb) var(--tdy-color-scrollbar-track);
    height: 100%;
    margin: 0;
    padding: 0;
    color: var(--tdy-color-fg);
    -webkit-user-drag: none;
    font-weight: normal;
    font-family: var(--tdy-font-family);
    font-size: var(--tdy-font-size);
    font-weight: var(--tdy-font-weight);
    display: flex;
    flex-direction: column;
}

img {
	-webkit-user-drag: none;
	max-width: 100%;
	height: auto;
}

a, a:visited, a:active, a:hover {
	color: #0099ff;
}

a:hover {
	text-decoration: none;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*Logos*/
.tdy-logo-large {
	background-image: url('/images/tdylogo.png');
	background-size: 180px;
	background-repeat: no-repeat;
	background-position: center center;
}

.tdy-logo-medium {
	background-image: url('/images/tdylogo.png');
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center center;
}

.tdy-logo-small {
	background-image: url('/images/tdylogo.png');
	background-size: 45px;
	background-repeat: no-repeat;
	background-position: center center;
}

.tdy-tech-logo-small {
	background-image: url('/images/tdytechlogo.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: var(--tdy-tech-logo);
}

/*Text*/
.text-small { font-size: var(--text-small); }
.text-x-small { font-size: var(--text-x-small); }
.text-xx-small { font-size: var(--text-xx-small); }
.text-large { font-size: var(--text-large); }
.text-x-large { font-size: var(--text-x-large); }
.text-xx-large { font-size: var(--text-xx-large); }
.text-normal { font-size: var(--text-normal); }
.text-medium { font-size: var(--text-medium); }
.text-light { font-weight: var(--text-light); }
.text-bold { font-weight: var(--text-bold); }
.text-spaced { letter-spacing: var(--text-spaced); }
.text-x-spaced { letter-spacing: var(--text-x-spaced); }

/* Text Boxes */
.input-textbox::placeholder {
	color: #7691b5;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

.input-textbox-regular {
	color: #FFF;
	background: transparent;
	border: 1px solid #376aaf;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: var(--text-normal);
	height: 30px;
}

.input-textbox-large {
	color: #FFF;
	background: transparent;
	border: 1px solid #376aaf;
	border-radius: 6px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	font-size: var(--text-normal);
	height: 40px;
	padding-bottom: 2px;
}

.input-textbox-small {
	color: #FFF;
	background: transparent;
	border: 1px solid #376aaf;
	border-radius: 6px;
	margin: 0 auto;
	padding-left: 4px;
	padding-right: 4px;
	font-size: var(--text-small);
	height: 20px;
}

/*Buttons*/
button:focus,
button:focus-visible {
	outline: none;
}

.input-button {
	text-align: center;
	cursor: pointer;
	margin: 0 auto;
	padding-top: 0;
	background-color: #222427;
	color: #E8E8E8;
	width: 200px;
	border: 1px solid #376aaf;
}

.input-button.regular {
	line-height: 28px;
	font-size: var(--text-normal);
	height: 30px;
}

.input-button.large {
	line-height: 36px;
	font-size: var(--text-normal);
	height: 40px;
}

.input-button.small {
	line-height: 17px;
	font-size: var(--text-small);
	height: 20px;
}

.input-button:active {
	background-color: #42474a !important;
}

.input-button:hover {
	background-color: #2d3234;
}

.input-button.blue {
	border: 1px solid #376aaf;
	background-color: #0953ac;
	color: #E8E8E8;
}

.input-button.blue:active {
	background-color: #5794dd !important;
}

.input-button.blue:hover {
	background-color: #246ec8;
}

.input-button.disabled {
	color: #666;
	border-color: #666;
	pointer-events: none;
	cursor: default;
}


/*Link Buttons*/
.link-button {
	font-family: var(--tdy-font-family);
	color: #3399FF;
	font-size: var(--text-normal);
	cursor: pointer;
}

.link-button.small {
	font-size: var(--text-small);
}

.link-button:hover {
	color: #FFF;
}

/*Labels*/
.label-small {
	font-size: var(--text-small);
	font-family: var(--tdy-font-family);
}

.label-blue {
	color: #c1dcff;
}