/*
 The d27Org.css file has been compiled with the SCSS preprocessor.
 See /scss/d27Org.scss for source file.
*/
/*
 The myVariables.css file has been compiled with the SASS preprocessor.
 See /scss/myVariables.scss for source file.
*/
.deptTitleEdit {
  width: 17%;
  text-align: right;
  padding-right: 5px;
  float: left;
}

.deptRemarkEdit {
  width: 8%;
  text-align: right;
  padding-right: 5px;
  float: left;
}

.legendTable {
  align-self: flex-start;
  margin-bottom: -10em;
  text-align: left;
  font-size: 0.8em;
  margin-left: 1em;
  border: 1px solid black;
  /*   .appointedIcon {
        @extend .legendItem;
        border-left:5px solid pink;
     }
     .bridgeIcon {
        @extend .legendItem;
        border-left:5px solid blue;
     }
     .electedIcon {
        @extend .legendItem;
        border-left:5px solid gray;
     }
     .exComIcon {
        @extend .legendItem;
        border-right:5px solid red;
     }
     .committeIcon {
        @extend .legendItem;
        border-bottom:4px double black;
        border-right:4px double black;
     }*/
}
.legendTable .legendItem {
  display: inline-block;
  position: relative;
  width: 35px;
  margin-right: 10px;
  text-align: left;
  border: 1px solid black;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.arrow-up, .arrow-up-b, .arrow-up-e, .arrow-up-d, .arrow-up-x, .arrow-up-m, .arrow-up-v {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.arrow-up-v {
  /* Elected position */
  left: 8px;
  border-bottom-color: black;
}

.arrow-up-m {
  /* Reports to Commander */
  left: 8px;
  border-bottom-color: white;
}

.arrow-up-x {
  /* Reports to ExCom */
  left: 8px;
  border-bottom-color: pink;
}

.arrow-up-d {
  /* Reports to D/27 */
  left: 8px;
  border-bottom-color: cyan;
}

.arrow-up-e {
  /* Executive Committee position */
  left: 24px;
  border-bottom-color: red;
}

.arrow-up-b {
  /* Bridge position */
  left: 40px;
  border-bottom-color: blue;
}

.arrow-upLegend, .arrow-up-bLegend, .arrow-up-eLegend, .arrow-up-dLegend, .arrow-up-xLegend, .arrow-up-mLegend, .arrow-up-vLegend {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.arrow-up-vLegend {
  /* Elected position */
  left: 3px;
  border-bottom-color: black;
}

.arrow-up-mLegend {
  /* Reports to Commander */
  left: 3px;
  border-bottom-color: white;
}

.arrow-up-xLegend {
  /* Reports to ExCom */
  left: 3px;
  border-bottom-color: pink;
}

.arrow-up-dLegend {
  /* Reports to D/27 */
  left: 3px;
  border-bottom-color: cyan;
}

.arrow-up-eLegend {
  /* Executive Committee position */
  left: 9px;
  border-bottom-color: red;
}

.arrow-up-bLegend {
  /* Bridge position */
  left: 15px;
  border-bottom-color: blue;
}

.orgHeading {
  text-align: center;
  font-weight: bold;
  font-size: 130%;
}

.hiddenClass, .hidden {
  visibility: hidden;
}

form#orgForm {
  width: 100%;
  margin-bottom: 30px;
  text-align: left;
  font-size: 90%;
  /*   .startDate {
        width: 9em;
        float: left;
     }*/
}
form#orgForm .formRows {
  display: grid;
  grid-template-columns: 15em 10em 15em 10em auto;
  grid-column-gap: 1em;
  margin-bottom: 2em;
}
form#orgForm #divDummy {
  grid-column: 1/4;
}
form#orgForm #divDefaultDate {
  text-align: right;
}
form#orgForm #divDefaultCheckbox {
  text-align: left;
}
form#orgForm .formDept {
  width: 100%;
  text-align: left;
  grid-column: 1/6;
}
form#orgForm .rowTitle {
  text-align: right;
}
form#orgForm .copyDiv {
  justify-self: center;
  min-height: 1.5em;
  text-align: center;
}
form#orgForm .btnCopy {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: #3d4ab5;
  background-color: #d8f8f8;
  min-height: 1.6em;
  width: 115px;
  margin: 0 5px;
}
form#orgForm .btnCopy.inactive {
  background-color: red;
}
form#orgForm .defaultdate {
  width: 100%;
}
form#orgForm .startDate {
  width: 100%;
}
form#orgForm .remark {
  width: 100%;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

input.myAutoBox {
  border: 1px solid black;
  width: 100%;
}
input.myAutoBox.inactive {
  background-color: red;
}

input.incomplete {
  border: 1px solid red;
  background-color: #faafaf;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid black;
  z-index: 99;
  /* Position the autocomplete items to be the same width as the container:
   */
  top: 100%;
  left: 0;
  right: 0;
  max-height: 12em;
  overflow-x: hidden;
  overflow-y: auto;
}

.autocomplete-items div {
  /*padding: 10px;*/
  cursor: pointer;
  background-color: #ccffff;
}

.autocomplete-items div:hover {
  /* When hovering an item:
   */
  background-color: #e9e9e9;
}

.autocomplete-active {
  /* When navigating through the items using the arrow keys:
   */
  background-color: DodgerBlue !important;
  color: #ffffff;
}

input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}

#theData {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-column-gap: 1em;
}

#parenthetical {
  font-size: 0.8em;
}

.catHeading {
  grid-column: 1/3;
  text-align: center;
  text-decoration: underline;
  font-size: 1.2em;
}

.deptContainer {
  margin-bottom: 1em;
}

.deptHeading {
  text-align: center;
  font-weight: bold;
}

.officersBox {
  display: grid;
  grid-template-columns: 12em 12em auto;
  grid-column-gap: 0.5em;
  border: solid 1px black;
  line-height: 1.2;
}

.strong .title, .strong .name {
  font-weight: bold;
}

.title.hasEmail {
  text-decoration: none;
  color: blue;
}
.title.hasEmail:hover {
  background-color: #cccccc;
  text-decoration: underline;
}

.name.hasEmail {
  color: blue;
  text-decoration: none;
  cursor: pointer;
}
.name.hasEmail:hover {
  text-decoration: underline;
  color: blue;
}

@media print {
  #grad1, #menu-div, .gray-div, .hdrLogoBox, .noPrint {
    display: none !important;
  }
  .officersBox .title a, .officersBox .name a {
    text-decoration: none;
    color: black;
  }
  .doPrint {
    visibility: visible !important;
  }
}
/*@mixin responsiveClasses() {
   .legendTable {
      align-self:center;
      margin-bottom: 0em;
   }
   .org-chart {
      margin-top:0;

      .board{
         margin: 0px;
         width:100%;
      }
      .topSpacer {
         height:10px;
      }
      .departments{
         &:before{
            border:none;
         }
      }
      .department {
         float: none;
         width: 90%;
         margin-left: 5%;
         margin-bottom: 60px;
         &:before{
            content: "";
            display: block;
            position: absolute;
            width: 15px;
            height: 60px;
            border-left:  0 solid $subcolor1;
            z-index: 1;
            top: -45px;
            left: 0%;
            margin-left: -1px;
         }
         &:after{
            display: none;
         }
         li {
            height:60px;
            span {
               min-height:40px;
               height:40px;
            }
         }
      }
      .department:first-child:before {
         display: none;
      }
      ul.pastCdr li {
         left:10em;
      }
      .departmentsNoParent {
         .department {
            width:90%;
            margin-left:5%;
            margin-bottom:60px;
         }
      }
   }
}

 MEDIA QUERIES
@media all and (max-width: $screen-sm){
   @include responsiveClasses();
}*/

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