.loading-image {
	position: absolute;
	width:150px;
	height: 150px;
	z-index: 10;
  }
  .loader
  {
	  width:150px;
	  height: 150px;
	  z-index:2;
  }

.view-class-modal .modal-body{
	float:left;
	width:100%;
	background: white;
}
.view-class-modal .modal-content{
	float: left;
	width: 100%;
}

.panel > .panel-title  {
    margin-top: 5px;
}

.panel-colorbar {
    height: 0px;
	margin-top: 0px;
	padding-top: 0px !important;
	padding-bottom: 4px !important;
}

.foo {
    width: 99.99%; height: 2px;
    border-style: solid;
    border-color: rgb(217, 251, 224);
    background-color: rgb(217, 251, 224);
  }



 .modal-body p {
    word-wrap: break-word;
}

.checkboxRow {
    width: 12% !important; 
}
#filterBox{
    background-color: #f3f3f3; /*rgb(215, 231, 234); */
    padding: 2% 1%;
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
    /* border-radius: 8px; */
}

.circleRadios {
	border: 1px solid;
	border-bottom-left-radius: 5% 100%;
	border-bottom-right-radius: 5% 100%;
	border-top-left-radius: 5% 100%;
	border-top-right-radius: 5% 100%;
  }
  .checkboxRow {
	width: 33% !important;
  }

  .checkboxRow50 {
	width: 50% !important;
  }

  .location-select {
    max-width: 300px;
  }

  .icons-group {
    margin-right:20px;
  }

  .rooms-button {
    margin-right:20px;
  }


.month-calendar {
    overflow-x: auto;
    overflow-y: hidden;
}

.month-content {
    min-width: 800px;
    display: block;
}

.date-select {
    max-width: 160px;
}

.today-button {
    max-width: 100px;
    padding-left: 10px !important;
}


.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
    float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}
@media (max-width: 767px) {    
    .pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }

    .view-button {
        top: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

    .pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}
@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}