#app, button, input, optgroup, select, textarea {
    font-family: "Quicksand", "sans-serif";
}

body {
    margin-top: 0px;
    font-family: "Quicksand", "sans-serif";
}

[class*='button'] {
    border: 0;
    border-radius: 0px;
    border-style: none;

    box-shadow: none;
    background: none;
    white-space: nowrap;
    text-transform: uppercase;
}

[class*='button-primary'] {
    background-color: #C4C4C4;
}

[class*='button-secondary'] {
    background-color: #ED1414;
}

form {
    margin-block-end: 0px;
}

.form-group [class*='-label']{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #000000;
}

.form-group input, .form-group select{
    width: 100%;
    margin: 5px;
    padding: 5px;
    position: relative;
    display: block;

    border: 1px solid #000000;
    box-sizing: border-box;
    text-align: left;
}

.form-group input {
    background: #FFFFFF;
    background-color: #FFFFFF;
}

.alert {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 25px);
    z-index: 1;
    width: 90%;
    text-align: center;
}

.fa, .fas {
    margin: 0 5px;
}

input, .button a, button .btn {
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    text-align: center;
    margin:auto;
}

.navbar {
    background-color: rgba(245,245,245,0.95);
    border-bottom: 1px solid grey;
	padding: 0;
}

.navbar .nav-link {
    text-align: right;
}

.navbar-light .navbar-nav .nav-link {
	text-align: center;
}

.navbar-toggler{
	margin-right: 1rem;
}

/* .item-info-container {
    margin: 5px 10px;
} */

.item-info-fields {
    float: right;
}

.item-info-fields .field-container {
    text-align: left;
}

.item-fields-container {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
}
.field-container {
    margin-bottom: 2%;
}

.field-container .field-key {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.field-container .field-value{
   line-height: 24px;
}

.container.home-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.no-decoration {
	text-decoration:none;
}

.title {
    font-family: "Roboto", "sans-serif";
	text-transform: uppercase;
	font-size: 2em;
	text-align: center;
}

.title span img {
	max-height: 50px;
	margin-top: -5px;
	padding: 0;
}

.card-header {
	margin: 0 auto;
	background: none;
	border: none;
}

.card {
	border: none;
}

.form-group {
	margin-bottom: .75rem;
}

.form-group input {
	border: solid 1px #999999 !important;
	margin: 0 !important;
}

.form-control {
	border-radius: 0;
}

.center {
	text-align: center;
}

button {
    display: inline-block;
	font-family:'Roboto',sans-serif;
	font-weight:400;
	border-radius:0.5em !important;
	border: solid 1px #999999 !important;
    padding: .5rem 3rem;
    margin: .5rem 0;
    text-decoration: none;
	background-color:#eeeeee !important;
	box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12) !important;
    color: #000000;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out,
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:hover,
button:focus {
	background-color:#dddddd !important;
}

button:active {
    transform: scale(0.98);
	background-color:#cccccc !important;
}

a {
	color: #212529 !important;
	font-family:'Quicksand',sans-serif;
	font-weight: 200 !important;
	text-decoration: underline;
}

a:hover, a:active, a:visited:hover, a:visited:active {
	color: blue !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

a:visited {
	color: #212529 !important;
}

a.no-decoration:hover, a.no-decoration:focus, a.no-decoration:active, a.no-decoration:visited {
	text-decoration: none !important;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.pt40 {
	padding-top: 40px;
}

.t1 {
	width: 10%;
}

.t2 {
	width: 20%;
}

.t6 {
	width: 60%;
}

.t8 {
	width: 80%;
}

.score .stat {
	width: 33%
}

.score .midstat {
	border-left: solid 1px #212529;
	border-right: solid 1px #212529;
	width: 34%
}

.score p {
	padding: 0;
	margin: 0;
}

.timer {
	text-align: center;
	color: #24FF00;
}

.imgicon {
	max-width: 135px;
}

.green {
	color: #24FF00;
}

.innerpack {
	color: #FF0099;
}

.blue {
	color: #00F0FF;
}

.orange {
	color: #DE9300;
}

.red {
	color: #DE0000;
}

.opacity-25{
  opacity: 0.25;
}

.rotated-text {
	position: absolute;
	bottom: 0;
	transform-origin: 0 0;
	transform: rotate(-30deg);
	font-size: 1.5em;
	font-weight: 700;
	text-transform: capitalize;
	font-style: italic;
	text-shadow:
    -1px -1px 0 #ffffff,
     1px -1px 0 #ffffff,
    -1px  1px 0 #ffffff,
     1px  1px 0 #ffffff;
}

@media (max-width: 575px) { .rotated-text { left: 25%; } }

@media (min-width: 576px) and (max-width: 767px) { .rotated-text { left: 30%; } }

@media (min-width: 768px) and (max-width: 991px) { .rotated-text { left: 35%; } }

@media (min-width: 992px) and (max-width: 1199px) { .rotated-text { left: 40%; } }

@media (min-width: 1200px) { .rotated-text { left: 45%; } }

.not-found {
	background-color: #DE0000 !important;
}

.not-found:hover, .not-found:focus, .not-found:active, .not-found:visited  {
	background-color: #f80000 !important;
}

.btn-primary
{
  color: #000000;
}

/* CSS FOR PACK APP */
/* Fixed width of 1920px is defined in packHeader.blade.php*/

/* CSS for HEADER section of PACK APP */
.divTable-header-pack{
	display: table;
	width: 100%;
  height: 200px;
}
.divTableRow-header-pack {
	display: table-row;
}
.divTableHeading-header-pack {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell-left-header-pack, .divTableHead-left-header-pack {
	border: 0px solid #999999;
	display: table-cell;
	padding: 0px 5px;
  width: 480px;
}
.divTableCell-middle-header-pack, .divTableHead-middle-header-pack {
	border: 0px solid #999999;
	display: table-cell;
	padding: 5px 10px;
  width: 960px;
}
.divTableCell-right-header-pack, .divTableHead-right-header-pack {
	border: 0px solid #999999;
	display: table-cell;
	padding: 0px 5px;
  width: 480px;
}
.divTableHeading-header-pack {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot-header-pack {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody-header-pack {
	display: table-row-group;
}
/* End CSS for HEADER section of PACK APP */

/* CSS for CONTENT section of PACK APP */
.divTable-content-pack{
	display: table;
	width: 100%;
  height: 775px;
}
.divTableRow-content-pack {
	display: table-row;
}
.divTableHeading-content-pack {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell-content-pack, .divTableHead-content-pack {
	border: 0px solid #999999;
	display: table-cell;
	padding: 5px 10px;
  width: 100%;
  text-align: center;
}
.divTableHeading-content-pack {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot-content-pack {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody-content-pack {
	display: table-row-group;
}
/* End CSS for CONTENT section of PACK APP */

/* CSS for FOOTER section of PACK APP */
.divTable-footer-pack{
	display: table;
	width: 100%;
  height: 50px;
}
.divTableRow-footer-pack {
	display: table-row;
}
.divTableHeading-footer-pack {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell-footer-pack, .divTableHead-footer-pack {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading-footer-pack {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot-footer-pack {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody-footer-pack {
	display: table-row-group;
}
/* End CSS for FOOTER section of PACK APP */

hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}