/* This file was generated by Ocsigen Start.
   Feel free to use it, modify it, and redistribute it as you wish.
*/
.demo-carousel1 {
  display: flex;
  justify-content: center; }
  .demo-carousel1 .demo-carousel1-box {
    position: relative;
    margin: auto; }
  .demo-carousel1 .ot-carousel {
    width: 300px;
    height: 200px; }
  .demo-carousel1 .demo-carousel1-page {
    width: 100%;
    height: 100%;
    padding: 16px;
    color: white; }
  .demo-carousel1 .demo-carousel1-page-1 {
    background-color: #49b2cc; }
  .demo-carousel1 .demo-carousel1-page-2 {
    background-color: #dddd55; }
  .demo-carousel1 .demo-carousel1-page-3 {
    background-color: #c14768; }
  .demo-carousel1 .demo-carousel1-page-4 {
    background-color: #45bf7d; }
  .demo-carousel1 .ot-bullet-nav {
    position: absolute;
    bottom: 16px;
    right: 16px;
    margin: 0; }
  .demo-carousel1 .ot-car-prev, .demo-carousel1 .ot-car-next {
    position: absolute;
    top: 75px;
    width: 50px;
    height: 50px;
    color: white;
    outline: none; }
  .demo-carousel1 .ot-car-prev {
    left: 0; }
  .demo-carousel1 .ot-car-next {
    right: 0; }

.os-page-demo-carousel2 .demo-carousel2 {
  margin: 0 -16px; }
.os-page-demo-carousel2 .ot-carousel {
  width: 100%;
  height: auto; }
.os-page-demo-carousel2 .demo-carousel2-page {
  padding: 16px; }
  .os-page-demo-carousel2 .demo-carousel2-page p {
    text-align: justify; }
.os-page-demo-carousel2 .demo-carousel2-page-1 {
  background-color: white; }
.os-page-demo-carousel2 .demo-carousel2-page-2 {
  background-color: #ffffee; }
.os-page-demo-carousel2 .demo-carousel2-page-3 {
  background-color: #ffddee; }
.os-page-demo-carousel2 .demo-carousel2-page-4 {
  background-color: #ddffee; }
.os-page-demo-carousel2 .demo-carousel2-tabs {
  position: sticky;
  background-color: white;
  z-index: 1;
  top: 50px; }

.os-page-demo-carousel3 .demo-prev, .os-page-demo-carousel3 .demo-next {
  width: 20px;
  height: 20px;
  background-color: #6ae;
  color: white; }

.os-page-demo-notif input:not([type]),
.os-page-demo-react input:not([type]) {
  background-color: #eee; }

.os-page-demo-links .demo-static-img {
  width: 300px; }

.os-page-demo-transition .demo-list{
  padding-left: 0;
  list-style-type: none;
}

.os-page-demo-transition .demo-list-item {
  width: 100%;
  height: 150px;
  font-size: 20px;
  padding-top: 65px;
  text-align: center;
}

.os-page-demo-transition .demo-list-item>a:visited,
.os-page-demo-transition .demo-list-item>a {
    color: white;
}

.os-page-demo-transition .demo-list-item.demo-list-item-0 {
  background-color: #B1EB00
}
.os-page-demo-transition .demo-list-item.demo-list-item-1 {
  background-color: #53BAF3
}
.os-page-demo-transition .demo-list-item.demo-list-item-2 {
  background-color: #FF85CB
}
.os-page-demo-transition .demo-list-item.demo-list-item-3 {
  background-color: #F4402C
}
.os-page-demo-transition .demo-list-item.demo-list-item-4 {
  background-color: #FFAC00
}

.os-page-demo-transition .demo-button {
    margin: 0 auto;
    padding: 20px;
    width: 200px;
    font-size: 20px;
    text-align: center;
    background-color: #ffffee;
}

/*# sourceMappingURL=.os_temporary_filename.css.map */
