#ajaxindicatorcontainer
{
    margin-bottom: 0px;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100;
    display: none;
}

.no-border
{
    border: 0px;
}

.nowrap
{
    white-space: nowrap;
}

.modal-header, .modal-body
{
    padding: 15px;
}

.lightBoxGallery
{
    text-align: center;
}

.lightBoxGallery a
{
    margin: 5px;
    display: inline-block;
}

.calendardetails
{
    /* height: 400px; */
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 2px;
}

.hpanel-calendar
{
    margin-bottom: 2px !important;
}

.panel-body-calendar
{
    padding: 5px !important;
}

.col-md-1-calendar
{
    padding-left: 0px !important;
}

.col-md-12-calendar
{
    padding-left: 0px !important;
}

.row-calendar
{
    margin-left: 0px !important;
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/*Összecsukhatóhoz*/
.clickable
{
    cursor: pointer;
}

.clickable .glyphicon
{
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px
}

.panel-heading span
{
    margin-top: -21px;
    font-size: 15px;
    margin-right: -9px;
}
a.clickable { color: inherit; }
a.clickable:hover { text-decoration:none; }
/*Összecsukhatóhoz vége*/