body {
  background-color: #f1f1f1;
}

/******************************************************************************/

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/******************************************************************************/

.unscrollable {
  scrollbar-width: none; /* make scrollbars disappear for Firefox */
}

.unscrollable::-webkit-scrollbar { /* make scrollbars disappear for Chrome */
  display: none;
}

/******************************************************************************/

.text-right {
  text-align: right;
}

/******************************************************************************/
/******************************************************************************/
/*** page *********************************************************************/

.page {
  position: relative;
  margin-top: 85px;
  padding-left: 230px;
  width: 100%;
}
@media (max-width: 1150px) { /* it should agree with .navbar-fixed-left @media
                                and the bound value in is_big function */
  .page {
    padding-left: 0px;
  }
}

/******************************************************************************/

#page-content {
  background-color: #fff;
  position: relative;
  width: 1262px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1562px) {
  #page-content {
    width: 1056px;
  }
}
@media (max-width: 1356px) {
  #page-content {
    width: 850px;
  }
}
@media (max-width: 944px) {
  #page-content {
    width: 644px;
  }
}
@media (max-width: 738px) {
  #page-content {
    width: 438px;
  }
}