/*
 * Alphabetized : )
 *
 *= require ish_manager/vendor/jquery-ui
 * require ish_manager/vendor/summernote-bs4.min
 *
 *= require_self
 *= require ish_manager/kaminari_pagination
 *= require ish_manager/email_contexts
 *= require ish_manager/email_conversations
 *= require ish_manager/email_messages
 *= require ish_manager/email_templates
 *= require ish_manager/email
 *
 *= require ish_manager/galleries
 *= require ish_manager/iro
 *= require ish_manager/leads_leadsets
 *= require ish_manager/maps
 *= require ish_manager/markers
 *= require ish_manager/office
 *= require ish_manager/pagination
 *= require ish_manager/photos
 *= require ish_manager/scheduled_email_actions
 *= require ish_manager/tags
 *= require ish_manager/user_profiles
 *= require ish_manager/videos
 *
**/

a[target='_blank'] {
  display: flex;

  &::before {
    content: '[ ';
    display: inline;
  }
  &::after {
    content: ' ^]';
    display: inline;
    // content: ' ^]' !important;
    // font-size: .5em;
  }
}
html {
  height: 100%;
  width: 100%;
  // display: flex;
  background: url('//d15g8hc4183yn4.cloudfront.net/wp-content/uploads/2022/10/05192823/weather-bg.png');
}
body {
  background: #dedede;
  font-size: 20px;
  width: 100%;
}

body.application-fullwidth {
  // height: 100%;
  // display: flex;
  // flex-direction: column;
}
hr {
  background: red;
  height: 1px !important;
}

input[type='file'] {
  overflow: auto;
  max-width: 100%;
}

pre {
  background: #e0e0e0;
  padding: 1em;
}

ul:not(.browser-default).errors,
ul:not(.browser-default).bullets, {
  > li {
    list-style-type: circle;
    margin-left: 1em;
  }
}


/* A */
.alert {
  border: 1px solid red;
  padding: .8em;
  margin: 0.8em;
  position: relative;
}

.application--debug {
  width: 100vwh;
  overflow-x: auto;
}
.application-home {
  .bordered-card {
    max-width: 400px;
  }
}


/* B */

.bg-white {
  background: url('/assets/bg/confectionary.png');
  padding-bottom: 1em;
}

.blue {
  background: #5bc0de;
  color: white;
}

.border-red {
  border: 1px solid red;
  padding: 1em;
}

table.bordered {
  tbody {
    td {
      border: 1px solid black;
    }
  }
}

.bordered-card {
  border: 1px solid grey;
  padding: .5em;
  border-radius: 8px;
  margin-bottom: .5em;
  padding: 0.5em;
}

.btn {
  border: 1px solid red;
}


/* C */

.c {
  clear: both;
}

.Card {
  border: 1px solid gray;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: .5em;
}

.center {
  text-align: center;
}

.chip {
  // border: 1px solid black;
  border-radius: 1em 0 0 1em;

  margin-right: 32px;

  padding: 0.2em 0.2em 0.2em 0.6em;

  height: 32px;

  background: white;

  position: relative;

  &::before {
    // border: 1px solid red;
    // background: yellow;

    content: "";
    display: block;

    position: absolute;
    right: -16px;
    top: 0;

    width: 16px;
    height: 32px;

    // border-left: 12px solid white;
    border-top: 17px solid white;
    border-right: 12px solid transparent;
    // border-bottom: 12px solid transparent;
  }
  &::after {
    // border: 1px solid red;

    content: "";
    display: block;

    position: absolute;
    right: -16px;
    bottom: 0;

    width: 16px;
    height: 32px;

    border-bottom: 17px solid white;
    border-right: 12px solid transparent;
  }
}

.close {
  position: absolute;
  top: 0;
  right: 0;
}

.collapse-expand {
  cursor: pointer;

  > * {
    display: inline-block;
  }
}

.collapse-expand::after {
  content: " [<]";
}
.collapsed::after {
  content: " [>]";
}
.expand-next + form {
  // border: 1px solid red !important;
  // display: none !important;
}

/* D */

table.dataTable {
  // border: 1px solid red;
  // padding: 1em;
  border-radius: 5px;
  box-sizing: border-box;
  background: white;

}

.descr,
.description {
  border: 1px solid red;
  padding: 1em;
  font-size: 1.6em;
}



.expand-hide {
  display: none;
  position: absolute;
  min-width: 250px;
}

/* E */
.eg {
  font-size: 0.8em;

  &:before {
    content: "e.g. ";
  }
}

.error_explanation {
  border: 1px solid red;
  padding: .8em;
}


/* F */

.flex-grow {
  flex-grow: 1;
}

.flex-row {
  display: flex;
  flex-wrap: wrap;
  > div {
    margin-right: 10px;
  }
  > div:last-child {
    margin-right: 0;
  }
}

.float-left {
  float: left;
  padding-right: 1em;
}

.float-right {
  float: right;
}

/* G */
.gray,
.grey {
  color: #999;
}

/* H */
.hide, .hidden {
  display: none !important;
}

/* I */
img.img-400 {
  width: 400px;
}

.inline,
.inline-block {
  display: inline-block;
}
ul.inline li {
  display: inline;
  padding-right: 1em;
}

.inline-search {
  border: 1px solid white;
  display: inline-block;
  width: 20px;

  input[type='text'] {
    width: 20px;
  }
}

.input-date {
  width: 100px;
}

/* L */
textarea.large {
  height: 400px;
  width: 100%;
}

.large-photos img {
  width: 100%;
}

/* M */


.main-header {
  background: url('//d15g8hc4183yn4.cloudfront.net/wp-content/uploads/2022/10/05192823/weather-bg.png');
  border-bottom: 2px solid red;
  margin-bottom: 1em;

  a:not(.chip),
  span.label {
    background: white;
    padding: .2em;
  }

  hr {
    margin-top: 0;
  }

  ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;

    li {
      margin: 0 10px 10px 0;
      display: inline-block;
      min-width: 220px;

      > div { /* for example .galleries--menu */
        display: inline-block;
      }
    }
  }


}
@media only screen and (max-width: 400px) {
  .main-header ul li {
    min-width: 45vw;
  }
}

.main-header.development {
  background: url('//d15g8hc4183yn4.cloudfront.net/wp-content/uploads/2022/10/05192822/weather-bg-development.png');
}

.manager--main-footer {
  background: url('//d15g8hc4183yn4.cloudfront.net/wp-content/uploads/2022/10/05192823/weather-bg.png');
  border-top: 2px solid red;
  margin-top: 1em;

  flex-grow: 1;

  z-index: -1;
}

.max-width {
  max-width: 1140px;
  width: 100%;
  margin: auto;
}

.menu-secondary {
  margin: 20px 0;
  padding: 0;
  li {
    display: inline;
    a {
      background: white;
    }
  }

  li.active a {
    border-bottom: 5px solid black;
  }

}

.meta-edit {
  display: inline;
}

/* N */

.n-selected {

  &::before {
    content: "(";
  }
  &::after {
    content: ")";
  }
}

.newsitems--item {
  border: 1px solid green;
  padding: 5px;
}

.notice {
  border: 1px solid green;
  padding: .8em;
  margin: 0.8em;
  position: relative;
}

/* P */
.padded {
  padding: 0.5em;
}

.panel-content {
  padding: .5em;
}

/* R */
.red-border {
  border: 1px solid red;
  padding: .2em;
}

.relative {
  position: relative;
}

/* S */

.select2-container {
  max-width: 100%;
  min-width: 250px;
  display: block;
}

.small {
  font-size: .8em;
}

/* T */

.thumb {
  background: dedede;
  border: 1px solid red;
  width: 100px;
  height: 100px;
}

/* U */

/* V */

/* W */

.W0 {
  margin-top: 10px;
}

.WBordered {
  border: 1px solid gray;
  border-radius: 4px;
  padding: 1em;
}

/* Y */

.youtube_img {
  width: 100px;
}