@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Lalezar');
.lobster{font-family: 'Lobster', cursive;}
.lalezar{font-family: 'Lalezar', cursive;}
.dynamicTile a:hover{color:white;}

.dynamicTile .col-sm-2.col-xs-4{
    padding:5px;
}

.dynamicTile .col-sm-4.col-xs-8{
    padding:5px;
}

#tile1{
    background: rgb(0,172,238);
}

#tile2{
    background: rgb(243,243,243);
}

#tile3{
    background: rgb(71,193,228);
}

#tile4{
    background: rgb(59,87,157);
}

#tile5{
    background: rgb(175,26,63);
}

#tile6{
    background: rgb(62,157,215);
}

#tile7{
    background: white;
}

#tile8{
    background: rgb(209,70,37);
}

#tile9{
    background: rgb(0,142,0);
}

#tile10{
    background: rgb(0,93,233);
}

.tilecaption{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); 
    margin:0!important;
    text-align: center;
    color:white;
    font-family: Segoe UI;
    font-weight: lighter;
}
.dynamicTile .tile{height: 190px;padding: 5px;}
.dynamicTile .tile .tile-title{height: 180px;height: 100%;width: 100%; margin: 0 auto;}
.dynamicTile .tile .tile-title{height: 180px;height: 100%;width: 100%; margin: 0 auto;}
.dynamicTile .tile .tile-title.ln-180{line-height: 180px;}
.dynamicTile .tile.h200{height: 200px;height: 100%;width: 100%; margin: 0 auto;}
.dynamicTile .tile .tile-title .box{
    width: 100%;
    border: 1px solid #eee;
}
.dynamicTile .tile .tile-title .box.total-antrian{
    border-top: none;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.font-14{font-size: 14px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-26{font-size: 26px;}
.font-30{font-size: 30px;}
.font-42{font-size: 42px;}
/* Sweep To Top */
.hvr-sweep-to-top {
/*    display: inline-block;*/
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.2);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
    color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.mt-20{margin-top: 20px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-50{margin-bottom: 50px !important;}