html,
body {
    height: 100%;
}

.bx-wrapper, .bx-viewport {
    height: 1000px !important; 
}

#form-group-search {
    display: inline-block;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container-fluid {
    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 ul {
    text-align: left;
}
.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: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\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 th {
    white-space: nowrap;
}

.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;
}
.green{
    background-color: #BDF4BD;
}
.given {
    background-color: #f5f5f5;
}
.rose {
    background-color: #FFDC00;
}
.red{
    background-color: #FF4136;
    color: white;
}
.fuchsia{
	background-color: #a43be4;
	color: white;
}
.right-border{
    border-right: #000 1px solid;
}
table.table th {
    text-align: center;
}
.custom-danger{
    background-color: #d9534f;
    vertical-align: top;
}
.found{
    background-color: #f2dede;
    cursor: pointer;
    /*font-weight: bold;*/
}
#rating_table{
    font-size: 0.85em;
}

.in-order-first{
    background-color: #7FDBFF;
    font-weight: bold;
}

.in-order-second{
    background-color: #6699FF;
    font-weight: bold;
}

.enrolled-by_priority{
    background-color: #5db27d;
    font-weight: bold;
}
.container-flex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    height: 100%;
    background-color: #f4eef4;
}
.child-flex{
    width: 19.5%;
    margin: 10px auto;
    border: #ccc 1px solid;
    height: 400px;
    background-color: #acaaa4;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.3);
}
.child-flex > *{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
}
.child-caption{
    width: 100%;
    background-color: #fff;
    height: 100px;
    max-height: 100px;
    flex-grow: 1;
    font-size: 3.5em;
    font-weight: bold;
}
.child-body{
    flex-grow: 11;
    padding: 5px;
    font-size: 2em;
    font-weight: bold;
}
.arrow-down.arrow-green {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #2b542c;
}
.arrow-down.arrow-red {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #d8180c;
}
.green{
    background-color: rgb(126, 255, 141);;
    /*color: #fff;*/
}
.light-green{
	background-color: #ccffd8;}

.red{
    background-color: #d8180c;
    color: #fff;
}
.yellow{
    background-color: #FFDC00;
    color: #000;
}
a.window-state-link{
    color: #fff;
}
.window-free {
    background-color: #2B542C;
    color: #fff;
}
a.navbar-brand{
    padding: 0px;
    line-height: 50px;
}
.navbar-inverse{
    /*background-color: #001b4a;*/
    background-color: #0f254a;
    border-color: #fced81;
}
.navbar-fixed-top{
    border-width: 0 0 5px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background-color: #fced81;
    color: #000;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height:100%;
    background: rgba(34, 34, 34, 0.8);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}
#loader{
    text-align: center;
}
.loader-text{
    color: #fff;
    font-size: 1.6em;
}
#scroller{
    position: fixed;
    bottom: 30px;
    cursor: pointer;
    display: none;
    z-index: 99;
    left: 85%;
}
#qs_banner{
	position: fixed;
	display: none;
	width: 100%;
	z-index: 101;
	background-color:rgb(252, 237, 129);
	color: #fff;
	top: 55px;
	text-align: center;
	font-weight: bold;
}

.qs_img{
	width: 160px;
	border-radius: 5px;
}

.pull-down {
    margin-bottom: 20px;
}

/* Carousel */

/*.carousel-inner.vertical {*/
    /*height: 100%; !*Note: set specific height here if not, there will be some issues with IE browser*!*/
/*}*/
/*.carousel-inner.vertical > .item {*/
    /*-webkit-transition: .6s ease-in-out top;*/
    /*-o-transition: .6s ease-in-out top;*/
    /*transition: .6s ease-in-out top;*/
/*}*/

/*@media all and (transform-3d),*/
/*(-webkit-transform-3d) {*/
    /*.carousel-inner.vertical > .item {*/
        /*-webkit-transition: -webkit-transform .6s ease-in-out;*/
        /*-o-transition: -o-transform .6s ease-in-out;*/
        /*transition: transform .6s ease-in-out;*/
        /*-webkit-backface-visibility: hidden;*/
        /*backface-visibility: hidden;*/
        /*-webkit-perspective: 1000;*/
        /*perspective: 1000;*/
    /*}*/
    /*.carousel-inner.vertical > .item.next,*/
    /*.carousel-inner.vertical > .item.active.right {*/
        /*-webkit-transform: translate3d(0, 33.33%, 0);*/
        /*transform: translate3d(0, 33.33%, 0);*/
        /*top: 0;*/
    /*}*/
    /*.carousel-inner.vertical > .item.prev,*/
    /*.carousel-inner.vertical > .item.active.left {*/
        /*-webkit-transform: translate3d(0, -33.33%, 0);*/
        /*transform: translate3d(0, -33.33%, 0);*/
        /*top: 0;*/
    /*}*/
    /*.carousel-inner.vertical > .item.next.left,*/
    /*.carousel-inner.vertical > .item.prev.right,*/
    /*.carousel-inner.vertical > .item.active {*/
        /*-webkit-transform: translate3d(0, 0, 0);*/
        /*transform: translate3d(0, 0, 0);*/
        /*top: 0;*/
    /*}*/
/*}*/

/*.carousel-inner.vertical > .active {*/
    /*top: 0;*/
/*}*/
/*.carousel-inner.vertical > .next,*/
/*.carousel-inner.vertical > .prev {*/
    /*top: 0;*/
    /*height: 100%;*/
    /*width: auto;*/
/*}*/
/*.carousel-inner.vertical > .next {*/
    /*left: 0;*/
    /*top: 33.33%;*/
    /*right:0;*/
/*}*/
/*.carousel-inner.vertical > .prev {*/
    /*left: 0;*/
    /*top: -33.33%;*/
    /*right:0;*/
/*}*/
/*.carousel-inner.vertical > .next.left,*/
/*.carousel-inner.vertical > .prev.right {*/
    /*top: 0;*/
/*}*/
/*.carousel-inner.vertical > .active.left {*/
    /*left: 0;*/
    /*top: -33.33%;*/
    /*right:0;*/
/*}*/
/*.carousel-inner.vertical > .active.right {*/
    /*left: 0;*/
    /*top: 33.33%;*/
    /*right:0;*/
/*}*/

/*#carousel-pager .carousel-control.left {*/
    /*bottom: initial;*/
    /*width: 100%;*/
/*}*/
/*#carousel-pager .carousel-control.right {*/
    /*top: initial;*/
    /*width: 100%;*/
/*}*/