/* The grid: Four equal columns that floats next to each other */
  .column {
    float: left;
    width: 25%;
    padding: 10px;
  }
  
  /* Style the images inside the grid */
  .column img {
    opacity: 0.8; 
    cursor: pointer; 
  }
  
  .column img:hover {
    opacity: 1;
  }

  .new-tab-column {
    float: left;
    width: 25%;
    padding: 10px;
  }
  
  /* Style the images inside the grid */
  .new-tab-column img {
    opacity: 1; 
    cursor: pointer; 
  }
  
  .new-tab-column img:hover {
    opacity: 1;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* The expanding image container */
  .container {
    position: relative;
    display: none;
  }
  
  /* Expanding image text */
  .imgtext {
    position: relative;
    bottom: 15px;
    /*left: 15px;*/
    color: white;
    font-size: 20px;
    width: 100%;
    background-color: #7d828a;
    text-align: center;
  }
  #imgtext-small {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 10px;
  }
  
  /* Closable button inside the expanded image */
  .closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
  }
  .post_listing {
    background-color:#44c767;
    border-radius:11px;
    border:1px solid #18ab29;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:8px 21px;
    text-decoration:none !important;
    margin-left: 15px;
  }

  .swiper-time-top {
    margin-left: 15px;
  }
  
  /* Removes the clear button from date inputs */
  input[type="date"]::-webkit-clear-button {
    display: none;
  }

  /* Removes the spin button */
  input[type="date"]::-webkit-inner-spin-button { 
    display: none;
  }

  /* Always display the drop down caret */
  input[type="date"]::-webkit-calendar-picker-indicator {
    color: #2c3e50;
  }

  /* A few custom styles for date inputs */
  input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    color: #95a5a6;
    font-family: "Helvetica", arial, sans-serif;
    font-size: 18px;
    border:1px solid #ecf0f1;
    background:#ecf0f1;
    padding:5px;
    display: inline-block !important;
    visibility: visible !important;
  }

  input[type="date"], focus {
    color: #95a5a6;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }

  /* Removes the clear button from date inputs */
  input[type="time"]::-webkit-clear-button {
    display: none;
  }

  /* Removes the spin button */
  input[type="time"]::-webkit-inner-spin-button { 
    display: none;
  }

  /* Always display the drop down caret */
  input[type="time"]::-webkit-calendar-picker-indicator {
    color: #2c3e50;
  }

  /* A few custom styles for time inputs */
  input[type="time"] {
    appearance: none;
    -webkit-appearance: none;
    color: #95a5a6;
    font-family: "Helvetica", arial, sans-serif;
    font-size: 18px;
    border:1px solid #ecf0f1;
    background:#ecf0f1;
    padding:5px;
    display: inline-block !important;
    visibility: visible !important;
  }

  input[type="time"], focus {
    color: #95a5a6;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }
  .photos_camera_select {
    margin-left: 10px;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 25px;
  }

  /* The alert message box */
.alert {
  padding: 20px;
  background-color: #ffaa2c; /* Red */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.alert-closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.alert-closebtn:hover {
  color: black;
}

.album-camera-swiper-fullscreen {
  position: fixed !important;
  height: 100vh !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background-color: black !important;
  z-index: 999 !important;
}

.album-camera-swiper-fullscreen .ac-swiper-close{
  background-color: rgba(54,62,72, 0.5);
  position: relative;
  z-index: 9999;
  top:45px;
  width: 50px;
  color: white;
  float: right;
}

.album-camera-swiper-fullscreen .ac-swiper-close:hover {
  cursor: pointer;
}