.col-sm-visible,
.col-md-visible,
.col-lg-visible{
  display: none;
}

.col-xs-visible {
  display: block;
}

.top-xs-0
{
  top: 90px !important;
}

.top-xs-1
{
  top: 120px !important;
}


.top-xs-2
{
  top: 150px !important;
}


.top-xs-3
{
  top: 180px !important;
}

.top-xs-4
{
  top: 210px !important;
}

.top-xs-5
{
  top: 240px !important;
}

.top-xs-6
{
  top: 270px !important;
}

.top-xs-7
{
  top: 300px !important;
}

.top-xs-8
{
  top: 330px !important;
}

.top-xs-9
{
  top: 360px !important;
}

.top-xs-10
{
  top: 390px !important;
}

.top-xs-11
{
  top: 420px !important;
}

.top-xs-12
{
  top: 450px !important;
}

.label-larger-sm,
.label-larger-md,
.label-larger-lg{
  font-size: 14px !important;
}
.label-larger-xs {
  font-size: larger !important;
}

.label-smaller-sm,
.label-smaller-md,
.label-smaller-lg{
  font-size: 14px !important;
}
.label-smaller-xs {
  font-size: smaller !important;
}

.label-xsmall-sm,
.label-xsmall-md,
.label-xsmall-lg,
.label-xsmall-xs
{
  font-size: 10px !important;
}

.label-bold-sm,
.label-bold-md,
.label-bold-lg{
  font-weight: normal !important;
}
.label-bold-xs {
  font-weight: bold !important;
}

/*768->da sm*/
@media only screen and (min-width: 48em) {
  .col-md-visible,
  .col-xs-visible,
  .col-lg-visible{
    display: none;
  }

  .col-sm-visible {
    display: block;
  }


  .top-sm-1
  {
    top: 120px !important;
  }

  .top-sm-2
  {
    top: 150px !important;
  }

  .top-sm-3
  {
    top: 180px !important;
  }

  .top-sm-4
  {
    top: 210px !important;
  }

  .top-sm-5
  {
    top: 240px !important;
  }

  .top-sm-6
  {
    top: 270px !important;
  }

  .top-sm-7
  {
    top: 300px !important;
  }

  .top-sm-8
  {
    top: 330px !important;
  }

  .top-sm-9
  {
    top: 360px !important;
  }

  .top-xs-10
  {
    top: 390px !important;
  }

  .top-xs-11
  {
    top: 420px !important;
  }

  .top-xs-12
  {
    top: 450px !important;
  }

  .label-larger-xs,
  .label-larger-md,
  .label-larger-lg{
    font-size: 14px !important;
  }

  .label-larger-sm{
    font-size: larger !important;
  }

  .label-smaller-xs,
  .label-smaller-md,
  .label-smaller-lg{
    font-size: 14px !important;
  }

  .label-smaller-sm{
    font-size: smaller !important;
  }

  .label-xsmall-sm,
  .label-xsmall-md,
  .label-xsmall-lg,
  .label-xsmall-xs
  {
    font-size: 10px !important;
  }

  .label-bold-xs,
  .label-bold-md,
  .label-bold-lg{
    font-weight: normal !important;
  }

  .label-bold-sm{
    font-weight: bold !important;
  }


}


/*992->da md*/
@media only screen and (min-width: 62em) {

  .col-sm-visible,
  .col-xs-visible,
  .col-lg-visible{
    display: none;
  }

  .col-md-visible {
    display: block;
  }

  .top-md-1
  {
    top: 120px !important;
  }

  .top-md-2
  {
    top: 150px !important;
  }

  .top-md-3
  {
    top: 180px !important;
  }

  .top-md-4
  {
    top: 210px !important;
  }

  .top-md-5
  {
    top: 240px !important;
  }

  .top-md-6
  {
    top: 270px !important;
  }

  .top-md-7
  {
    top: 300px !important;
  }

  .top-md-8
  {
    top: 330px !important;
  }

  .top-md-9
  {
    top: 360px !important;
  }

  .top-md-10
  {
    top: 390px !important;
  }

  .top-md-11
  {
    top: 420px !important;
  }

  .top-md-12
  {
    top: 450px !important;
  }

  .label-larger-sm,
  .label-larger-xs,
  .label-larger-lg{
    font-size: 14px !important;
  }

  .label-larger-md{
    font-size: larger !important;
  }

  .label-smaller-sm,
  .label-smaller-xs,
  .label-smaller-lg{
    font-size: 14px !important;
  }

  .label-smaller-md{
    font-size: smaller !important;
  }

  .label-xsmall-sm,
  .label-xsmall-md,
  .label-xsmall-lg,
  .label-xsmall-xs
  {
    font-size: 10px !important;
  }

  .label-bold-sm,
  .label-bold-xs,
  .label-bold-lg{
    font-weight: normal !important;
  }

  .label-bold-md{
    font-weight: bold !important;
  }
}

/*1200->da lg*/
@media only screen and (min-width: 75em) {

  .col-md-visible,
  .col-xs-visible,
  .col-sm-visible{
    display: none;
  }

  .col-lg-visible {
    display: block;
  }

  .top-lg-1
  {
    top: 120px !important;
  }

  .top-lg-2
  {
    top: 150px !important;
  }

  .top-lg-3
  {
    top: 180px !important;
  }

  .top-lg-4
  {
    top: 210px !important;
  }

  .top-lg-5
   {
     top: 240px !important;
   }

  .top-lg-6
  {
    top: 270px !important;
  }

  .top-lg-7
  {
    top: 300px !important;
  }

  .top-lg-8
  {
    top: 330px !important;
  }

  .top-lg-9
  {
    top: 360px !important;
  }

  .top-lg-10
  {
    top: 390px !important;
  }

  .top-lg-11
  {
    top: 420px !important;
  }

  .top-lg-12
  {
    top: 450px !important;
  }

  .label-larger-sm,
  .label-larger-md,
  .label-larger-xs{
    font-size: 14px !important;
  }

  .label-larger-lg{
    font-size: larger !important;
  }

  .label-smaller-sm,
  .label-smaller-md,
  .label-smaller-xs{
    font-size: 14px !important;
  }

  .label-smaller-lg{
    font-size: smaller !important;
  }

  .label-xsmall-sm,
  .label-xsmall-md,
  .label-xsmall-lg,
  .label-xsmall-xs
  {
    font-size: 10px !important;
  }

  .label-bold-sm,
  .label-bold-md,
  .label-bold-xs{
    font-weight: normal !important;
  }

  .label-bold-lg{
    font-weight: bold !important;
  }
}

.grid-header{
  padding-left: 5px;
  padding-right: 85px;
  font-size: larger;
  font-weight: bold;
}

.grid-inrow-header {
  color: #4d4d4d;
  font-weight: bold;
}

.item-border-style {

  border-right: none;
  border-left: none;
  padding-left: 0px;
  padding-right: 25px !important;
  padding-bottom: 10px;
  padding-top: 10px;

}