/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
}
/*
.vis-odd {
    background: red !important;
}*/

/* gray background in weekends, white text color */
.vis-time-axis .vis-grid.vis-saturday,
.vis-time-axis .vis-grid.vis-sunday {
    background: #e7a93f;
}

.vis-time-axis .vis-grid.vis-monday,
.vis-time-axis .vis-grid.vis-wednesday,
.vis-time-axis .vis-grid.vis-friday{
    background: bisque;
}

.vis-time-axis .vis-text.vis-major {
    font-weight: bold;
}

.vis-time-axis .vis-grid.vis-minor {
    border-width: 2px;
    border-color: pink;
}

.vis-time-axis .vis-grid.vis-major {
    border-width: 2px;
    border-color: #F991A3;
}
/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}


/*
 * Main content
 */

.main {
    padding: 20px;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}
.bottomline-thick{
    border-bottom: 3px solid #eee;
    padding-bottom: 5px;
}
.outerPrgrs {
    width: 100%;

    border: 1px solid #ccc;
    overflow: hidden;

    position: relative;

    /* -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;*/
}

.innerPrgrs, .innerPrgrs div {
    width: 100%;
    overflow: hidden;
    /* left: -2px;*/
    position: absolute;
}

.innerPrgrs {
    border: 1px solid #999;
    border-top-width: 0;
    background-color: orange;

    bottom: 0;
    height: 0%;
}

.innerPrgrs div {
    border: 1px solid orange;
    border-bottom-width: 0;
    background-color: orange;

    top: 0;
    width: 100%;
    height: 5px;
}
table.innerTable{
    width: 100%;
}
table.innerTable tr td{
    width: 33%;
}
table.rooms tr td:first-child{

    border-bottom: dashed 1px #808080;
}
table.season tr td:first-child{

    border-bottom: dashed 1px #808080;
}
table.rooms{
    /*width: 100%;*/
}
table.season{
    width: 100%;
}
.selectedCell {
    background: #CCCCCC;
    border: #FFFFFF solid 1px;
}
.selectedCell .innerPrgrs {
    background: #FF6600;
}/*
table.rooms th{
    display:block;
}*/
table.rooms td{
    position: relative;
}
span.posup{
    position: absolute;
    top:0px;
    z-index: 5000;
    width: 300%;
    overflow: hidden;
}
span.posup:hover {
    width: auto;
}
span.posdown{
    position: absolute;
    bottom: 0px;
    z-index: 5000;
    width: 300%;
    overflow: hidden;
}
span.posdown:hover {
    width: auto;
}
span.posmid{
    position: absolute;
    bottom: 30%;
    z-index: 5000;
    width: 300%;
    overflow: hidden;
}
span.posmid:hover {
    width: auto;
}
th.roomday{
    width:30px;
}
.navbar-form.navbar-right .form-control OPTION {
    background: #2196f3;
}
.vis-label.roomGroup{
    background-color: papayawhip;
    text-align: right;
}
.roomGroup .vis-inner .col-md-2{
    text-align: right;
}
.vis-labelset .vis-label .vis-inner{
    width: 100%;
}
.vis-item.vis-range.bookingtag {
    border-top-left-radius: 20px; 
    border-bottom-right-radius: 40px;
    margin-left: 15px;
}
.vis-item.bookingtag {
    border-top-left-radius: 20px; 
    margin-left: 15px;
}
.booked{
    background-color: #D8BEBE;
    color: white !important;
}
.seasonClosed{
    background-color: #f5f5f5;
    color: #CCCCCC !important;
}
.date-picker-wrapper{
    z-index: 2000 !important;
}
.form-inline .radio LABEL, .form-inline .checkbox LABEL {
    padding-left: 15px;
}
#refList .label {
    padding: 10px 10px 0px 10px;
}
#refList .label .material-icons {
    font-size: 18px;
}

/* test2 */