﻿body {
    padding-top: 70px;
}

.margin-h1 {
    margin-top:20px;
}

/*.blockgrid {
    padding:0;
    margin:0;
}

.blockgrid li {
    list-style:none;
    float:left;
    width:139px;
    height:100px;
    margin-right:10px;
    margin-bottom:10px;
    color:white;
    padding:5px;
    cursor:pointer;
    overflow:hidden;
    background-color:#808080;
}*/

.bannerlist {
    margin:0;
    padding:0;
}

.bannerlist li {
    list-style:none;
}

.bannerlist-item {
    width:100%;
    background-color:#F8E63B;
    margin-bottom:10px;
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    padding-top:15px;
    padding-bottom:15px;
    display:table;
}

.bannerlist-item div, .bannerlist-item span {
    float:left;
    margin-right:5px;
}

#footer {
    text-align:center;
    margin-top:30px;
}

.checkboxgrid, .blockgrid {
    padding:0;
    margin:0;
}

.checkboxgrid li, .blockgrid li {
    list-style:none;
    float:left;
    width:140px;
    height:80px;
    margin-right:10px;
    margin-bottom:10px;
    color:white;
    padding:2px 4px;
    font-size:12px;
    line-height:14px;
    cursor:pointer;
    overflow:hidden;
    background-color:#808080;
}

.checkboxgrid input[type='checkbox'] {
    float:left;
    margin-right:5px;
}
.checkboxgrid div {
    float:left;
    width:100px;
}

.panel-toggle {
    cursor:pointer;
}

#busy-containerx {
    width:100%;
    height:100%;
    background-color:rgba(240,240,240,0.5);
    position:fixed;
    z-index:10000;
    left:0;
    top:0;
    display:none;
}

#busy-container {
    display:none;
}

.loader {
  height: 2px;
  width: 100%;
  position: fixed;
  top:0;
  overflow: hidden;
  background-color: #ddd;
  z-index:100000;
}

.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 2px;
  background-color: #4D92CA;
  animation: loading 1s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

#busy-wheel {
    width: 220px;
    height: 19px;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    position:absolute;
    margin:auto;
}

.clickable {
    cursor:pointer;
}

.big {
    font-size:20px !important;
}

.spacer {
    height: 15px;
    min-height: 15px;
    max-height: 15px;
}