/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019-01-23, 09:03:26
    Author     : j
*/

html, body {
    height:100%;
}

.btn-primary {
    background-color:#ffdd00 !important;
    color:#000  !important;
    text-transform: uppercase;
    font-weight:900;
}
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color:#bbaa11 !important;
    
}

.text-yellow {
    color:#ffdd00 !important;
}
.text-muted, .text-muted  {
    color:#aaa !important;
}

.text-bold, tr.text-bold>td, #events-list tr.text-bold>td {
    font-weight:900 !important;
}

input, button, textarea, select, .alert, .list-group, .list-group-item, a{
    border-radius:0 !important;
}
input:active, button:active, textarea:active,
input:focus, button:focus, textarea:focus
{
    border-radius:0 !important;
    border-color:#ffdd00 !important;
}

.top-panel {
    border-bottom:1px solid #fff;
    background-color:#000;
    z-index:11000;
}

.hidden {
    display:none;
}

.admin-menu {
    background-color:rgb(34, 34, 34);
    height:100%;
}

.admin-menu a {
    color:#fff;
    display:block;
    height:100%;
    width:100%;
}

.admin-panel {
    height:calc(100% - 0px);
}

h3, h4 {
    margin:10px 0;
    display:block !important;
}

.dataTables_wrapper {
    width:98%;
}

.table {
    width:100%;
}

.table.dataTable tbody tr{
    background-color:transparent !important;
}

th {
    font-weight:bold;
}

a {
    color:#fff !important;
}

.dataTables_wrapper *{
    /*color:#fff;*/
}

.dataTables_wrapper select,
.dataTables_wrapper option,
.dataTables_wrapper input {
    color:#000 !important;
}

input.input-text-hidden {
    background-color:transparent;
    border:0 solid transparent;
    outline:none;
    height:100px;
    width:400px;
    cursor:pointer;
}
input.input-text-hidden:focus {
    box-shadow:0 0 25px 5px #00dc00
}
.tile {
	display:inline-block;
	width:273px;
	height:200px;
	margin: 1em;
	text-align: center;
    overflow: hidden;
    color:#ffdd00 !important;
	font-size: 2em;
	border: 2px solid #ffdd00;
	background-color:#000;
	line-height:200px;
	white-space: nowrap;
	text-overflow:ellipsis;
	transition: 0.5s;
}
.tile:hover {
	display:inline-block;
	width:273px;
	height:200px;
	margin: 1em;
	text-align: center;
    overflow: hidden;
    color:#000 !important;
	border: 2px solid #ffdd00;
	background-color:#ffdd00;
	transition: 0.5s;
}

.loader {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    background-color:rgba(0,0,0,0.8);
    z-index:10000;
    transition:0.5s;
    display:none;
}
.loader img{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:10001;
    transition:0.5s;
}

.pointer {
    cursor:pointer;
}
.pointer:hover, .pointer:hover *{
    background-color:rgba(100,100,100,0.1);
	filter: saturate(200%);
	-webkit-filter: saturate(200%);
    -moz-filter: saturate(200%);
    -ms-filter: saturate(200%);
    -opera-filter: saturate(200%);
    -khtml-filter: saturate(200%);
	font-weight:600;
}

tr.disabled {
	opacity:0.5;
	background-color:rgba(100, 100, 100, 0.5);
}
.nowrap{
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

#rmgCode, #bib {
    height:200px;
    width:200px;
    background-image:url('/img/qrcode.png');
    background-repeat:no-repeat;
    opacity:0.3
}

.margins-before-after {
    margin:50px 0;
}

.admin-panel table td, 
.admin-panel table th {
    font-size:17px;
}
.admin-panel a,
.admin-panel p,
.admin-panel span,
.admin-panel div,
.admin-panel li {
    font-size:17px;
}

h5, h5 *{
    font-size:24px !important;
}
h3, h3 *{
    font-size:40px !important;
}
.tile, .tile * {
    font-size:1.5em !important;
}