/*html,*/
/*body {*/
    /*height: 100%;*/
/*}*/
/*.text-left{*/
    /*text-align: left;*/
/*}*/
/*.wrap {*/
    /*min-height: 100%;*/
    /*height: auto;*/
    /*margin: 0 auto -60px;*/
    /*padding: 0 0 60px;*/
/*}*/

/*.wrap > .container {*/
    /*padding: 70px 15px 20px;*/
/*}*/

/*.footer {*/
    /*height: 60px;*/
    /*background-color: #f5f5f5;*/
    /*border-top: 1px solid #ddd;*/
    /*padding-top: 20px;*/
/*}*/

/*.jumbotron {*/
    /*text-align: center;*/
    /*background-color: transparent;*/
/*}*/

/*.jumbotron .btn {*/
    /*font-size: 21px;*/
    /*padding: 14px 24px;*/
/*}*/

/*.not-set {*/
    /*color: #c55;*/
    /*font-style: italic;*/
/*}*/

/*!* add sorting icons to gridview sort links *!*/
/*a.asc:after, a.desc:after {*/
    /*position: relative;*/
    /*top: 1px;*/
    /*display: inline-block;*/
    /*font-family: 'Glyphicons Halflings';*/
    /*font-style: normal;*/
    /*font-weight: normal;*/
    /*line-height: 1;*/
    /*padding-left: 5px;*/
/*}*/

/*a.asc:after {*/
    /*content: "\e151";*/
/*}*/

/*a.desc:after {*/
    /*content: "\e152";*/
/*}*/

/*.sort-numerical a.asc:after {*/
    /*content: "\e153";*/
/*}*/

/*.sort-numerical a.desc:after {*/
    /*content: "\e154";*/
/*}*/

/*.sort-ordinal a.asc:after {*/
    /*content: "\e155";*/
/*}*/

/*.sort-ordinal a.desc:after {*/
    /*content: "\e156";*/
/*}*/

/*.grid-view td {*/
    /*white-space: nowrap;*/
/*}*/

/*.grid-view .filters input,*/
/*.grid-view .filters select {*/
    /*min-width: 50px;*/
/*}*/

/*.hint-block {*/
    /*display: block;*/
    /*margin-top: 5px;*/
    /*color: #999;*/
/*}*/

/*.error-summary {*/
    /*color: #a94442;*/
    /*background: #fdf7f7;*/
    /*border-left: 3px solid #eed3d7;*/
    /*padding: 10px 20px;*/
    /*margin: 0 0 15px 0;*/
/*}*/

/*!* align the logout "link" (button in form) of the navbar *!*/
/*.nav li > form > button.logout {*/
    /*padding: 15px;*/
    /*border: none;*/
/*}*/

/*@media(max-width:767px) {*/
    /*.nav li > form > button.logout {*/
        /*display:block;*/
        /*text-align: left;*/
        /*width: 100%;*/
        /*padding: 10px 15px;*/
    /*}*/
/*}*/

/*.nav > li > form > button.logout:focus,*/
/*.nav > li > form > button.logout:hover {*/
    /*text-decoration: none;*/
/*}*/

/*.nav > li > form > button.logout:focus {*/
    /*outline: none;*/
/*}*/


body {
    font-family: 'SilkRemington-SBold' !important;
    background: #000;
    color: #FFF;
}

html, body {
    height: 100%;
    /*overflow: hidden;*/
}

table {
    border: none;
}

table td {
    width:50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: auto;
    /*border:5px solid #000;*/
    border:5px solid #FFF;
}

table td.reserved {
    background-color:#FFF59D;
}
table td.available {
    /*background-color:#ffffff;*/
    background-color:#0d4288;
}
table td.unavailable {
    background-color:#DDD;
    /*background-color:#000;*/
}

table td:hover {
    opacity: 0.7;
}

.modal .btn {
    width: 100%;
}

.align-center {
    text-align: center;
}

.modal label {
    font-size: 10px;
    font-weight: normal;
}
.navbar-brand {
    background: url(../images/logo-m.png) center / contain no-repeat;
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    width: 200px; /* no height needed ... image will resize automagically */
}
img.img {
    width: 50px;
}

img.avatar{
    width: 50px;
    height: 50px;
}
.navbar-header .icon-bar {
    background-color: #fff;
}

.navbar li a {
    color: #fff;
}

.navbar li a i {
    font-size: 22px;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
    opacity: 0.7;
}

.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
}
.label-white{
    background-color:#FFF;
}
.label-reserved{
    background-color:#FFF59D;
}
footer a {
    color: #FFF;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 }
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
    from{ bottom:-100px; opacity:0 }
    to{ bottom:0; opacity:1 }
}

#popup-data {
    display: none;
    text-align: center;
}

.modal-content .modal-body{
    min-height: 500px;
    color:#444;
}
.join {
    margin-top: 80px;
    font-size: 10px;
}