/* 
*  CSS TABLE OF CONTENTS
*   
*  1.0.0 - Reset
*** 	1.1.0 - ===Fixer Classes===
*  2.0.0 - Fonts
*** 	2.1.0 - ===Custom Icon Sets===
*  3.0.0 - Globals
*  4.0.0 - Color Palette
* 	5.0.0 - Sections
*** 	5.1.0 - ===Graphic Manager===
*** 	5.1.1 - 
*** 	5.1.2 - 
*** 	5.1.3 - 
*/


/*** 1.0.0 - Reset ***/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*, ::after, ::before {box-sizing: border-box;}

/*** 1.1.0 - Fixer Classes (Utility classes) ***/
.mi-align-fix{vertical-align: middle!important}
.font-size-reset{font-size: initial!important}
ul.no-bullets {list-style-type: none;padding: 0;margin: 0}
.material-icons.bi::before{vertical-align: initial !important;}
.table-fixed-width{width: 100%;table-layout: fixed;}
.text-sm{font-size: 85%}
.text-xs{font-size: 70%}

/*** 2.0.0 - Fonts ***/


/*** 2.1.0 - Custom Icon Packs ***/
.game-icon{display: inline-block;height: 64px;width: 64px;background-size: contain;background-position: center;background-repeat: no-repeat;vertical-align: middle}
.game-icon-xl{height: 128px!important;width: 128px!important}
.game-icon-lg{height: 96px!important;width: 96px!important}
.game-icon-sm{height: 24px!important;width: 24px!important}
.game-icon-xs{height: 16px!important;width: 16px!important}

.game-icon.game-icon-apex{background-image: url(/assets/img/games/apex.png)}
.game-icon.game-icon-rocketLeague{background-image: url(/assets/img/games/rocketLeague.png)}
.game-icon.game-icon-rocketLeaguemono{background-image: url(/assets/img/games/rocket-league-mono.png)}
.game-icon.game-icon-smashUltimate{background-image: url(/assets/img/games/smashUltimate.png)}
.game-icon.game-icon-streetFighter{background-image: url(/assets/img/games/streetFighter.png)}
.game-icon.game-icon-tekken7{background-image: url(/assets/img/games/tekken7.png)}
.game-icon.game-icon-koc{background-image: url(/assets/img/games/knockout.png)}

/*** 3.0.0 - Globals ***/
body, h1, h2, h3, h4, h5, h6{font-family: Roboto,Helvetica,Arial,sans-serif;font-weight: 300;line-height: 1.5em;}
html *{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{background-color: #eee;color: #3c4858;text-align: left;}
.sidebar .logo .simple-text{text-align: center;}
.table-sm td, .table-sm th{padding: .3rem!important;}
.modal-content .input, .modal-content .textarea, .modal-content .select{background-color: #f9f9f9!important;}

/*** 4.0.0 - Color Palette ***/
:root {
  --gameworks-gold: #aaaaaa;
  --rocket-orange: #aaaaaa;
  --rocket-blue: #aaaaaa;
  --r6-orange: #aaaaaa;
  --r6-blue: #aaaaaa;
  --koc-blue: #aaaaaa;
  --koc-gold: #aaaaaa;
  --koc-green: #aaaaaa;
  --koc-red: #aaaaaa;
  --twitter-blue: #aaaaaa;
  --twitch-purple: #aaaaaa;
  --discord-blurple: #aaaaaa;
  --facebook-blue: #aaaaaa;
}

/*** 5.0.0 - Sections ***/

/*** 5.1.0 - ===Graphic Manager=== ***/
.myGraphics-thumbnail{max-width: 64px; max-height: 64px;}