a{
    cursor: pointer;
    display: inline;
}
header{
    background-color: #F08E17;/*#9d9d9d;*/
    display: flex;
}
#header-content{
    height: 100px;
}
footer{
    width: 100%;
    text-align: center;
    background-color: #F08E17;
    color: #FFF;
}
.base{
    min-height: 150px;
}
div.clock{
    font-family: 'Ubuntu', Arial, sans-serif;
    text-align: center;
}
div.date{
    color: #666;
    font-size: 1.4em;
    margin: 8px 0;
}
div.time{
    font-size: 2.8em;
    font-weight: 200;
}
div.time span{
    border-radius: 5px;
    padding: 1px 4px 3px 4px;
    color: #fff;
    background: #000;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#000));
    background: -webkit-linear-gradient(top, #555, #000);
    background: -moz-linear-gradient(top, #555, #000);
    background: -ms-linear-gradient(top, #555, #000);
    background: -o-linear-gradient(top, #555, #000);
}
div.time .dot{
    background: none !important;
    color: #000000 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
div.time .dot.nodoted{
    color: #FFFFFF !important;
}

.scrollable{
    overflow-y: scroll;
}

.social-icon
{
    padding-top: 6px;
    font-size: 16px;
    text-align: center;
    width: 32px;
    height: 32px;
    border: 2px solid #777;
    border-radius: 50%;
    color: #777;
    margin: 5px;
}
.social-icon-gd{
    padding-top: 10px;
    font-size: 35px;
    text-align: center;
    width: 64px;
    height: 64px;
    border: 3px solid #f4f4f4;
    border-radius: 50%;
    color: #f4f4f4;
    margin: 10px;
}

a.social-icon:hover, a.social-icon:active, a.social-icon:focus
{
    text-decoration: none;
    color: #434343;
    border-color: #434343;
}

.input-group > .input-group-btn:last-child > .selectpicker {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.input-group > .input-group-btn:first-child > .selectpicker {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.tile{display:block;cursor:pointer;-webkit-perspective:0;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .2s;float:left;min-width:75px;min-height:75px;text-align:center;opacity:.75;background-color:#2e8bcc;z-index:1;border:4px #fff solid;color:#fff}.tile h1,.tile h2,.tile h3,.tile h4,.tile h5,.tile h6{color:#000000;-webkit-user-select:none}.tile h2{font-size:1.75em;margin-top:-20px;margin-left:0}.tile h3,.tile h4{/*margin-top:-15px*/}.tile h1.tile-text,.tile h2.tile-text,.tile h3.tile-text,.tile h4.tile-text{margin-top:20px}.tile a:hover{text-decoration:none}.tile img{border:0}.tile:hover{opacity:1}.tile .tile-label{position:absolute;bottom:10px;left:20px;font-size:14px;color:#fff}.tile .tile-content .tile-icon-large{margin-left:0;vertical-align:middle!important;text-align:center}.tile .tile-content{padding-top:20px;line-height:normal;position:relative;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}.tile.tile-blue{background-color:#2e8bcc}.tile.tile-green{background-color:#393}.tile.tile-red{background-color:#e51400}.tile.tile-yellow{background-color:#ffc40d}.tile.tile-orange{background-color:#f39c12}.tile.tile-pink{background-color:#e671b8}.tile.tile-purple{background-color:#7b4f9d}.tile.tile-lime{background-color:#8cbf26}.tile.tile-magenta{background-color:#ff0097}.tile.tile-teal{background-color:#00aba9}.tile.tile-turquoise{background-color:#1abc9c}.tile.tile-green-sea{background-color:#16a085}.tile.tile-emerald{background-color:#2ecc71}.tile.tile-nephritis{background-color:#27ae60}.tile.tile-peter-river{background-color:#3498db}.tile.tile-belize-hole{background-color:#2980b9}.tile.tile-amethyst{background-color:#9b59b6}.tile.tile-wisteria{background-color:#8e44ad}.tile.tile-wet-asphalt{background-color:#34495e}.tile.tile-midnight-blue{background-color:#2c3e50}.tile.tile-sun-flower{background-color:#f1c40f}.tile.tile-carrot{background-color:#e67e22}.tile.tile-pumpkin{background-color:#d35400}.tile.tile-alizarin{background-color:#e74c3c}.tile.tile-pomegranate{background-color:#c0392b}.tile.tile-clouds{background-color:#ecf0f1}.tile.tile-clouds h1,.tile.tile-clouds h2,.tile.tile-clouds h3,.tile.tile-clouds h4,.tile.tile-clouds h5,.tile.tile-clouds h6{color:#34495e}.tile.tile-clouds .tile-label{color:#34495e}.tile.tile-silver{background-color:#bdc3c7}.tile.tile-concrete{background-color:#95a5a6}.tile.tile-asbestos{background-color:#7f8c8d}.tile.tile-info{background-color:#3498db}.tile.tile-danger{background-color:#e74c3c}.tile.tile-warning{background-color:#f1c40f}.tile.tile-success{background-color:#2ecc71}a.fa-links{color:#fff}a.fa-links:hover,a.fa-links:focus{color:#fff}.tile.tile-small{height:70px;width:70px}.tile.tile-medium{/*height:150px;width:150px*/max-width: 100%;}.tile.tile-wide,.tile.tile-double{height:150px;width:310px}.tile.tile-large{height:310px;width:310px}
.tile img{
    max-width: 80% !important;
    max-height: 80%;
}