/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
/**
 * Office UI Fabric 2.6.3
 * The front-end framework for building experiences for Office 365.
 **/
/*Sasssssssss*/
/*
  Your use of the content in the files referenced here are subject to the terms of the license at http://aka.ms/fabric-font-license
*/
.ms-Label {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: border-box;
  display: block;
  padding: 5px 0;
}

.ms-Label.is-required:after {
  content: ' *';
  color: #a80000;
}

.ms-Label.is-disabled {
  color: #a6a6a6;
}

@media screen and (-ms-high-contrast: active) {
  .ms-Label.is-disabled {
    color: #00ff00;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .ms-Label.is-disabled {
    color: #600000;
  }
}

.is-disabled .ms-Label {
  color: #a6a6a6;
}

@media screen and (-ms-high-contrast: active) {
  .is-disabled .ms-Label {
    color: #00ff00;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .is-disabled .ms-Label {
    color: #600000;
  }
}

.ms-Dropdown {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-shadow: none;
  margin-bottom: 10px;
  position: relative;
  outline: 0;
}

.ms-Dropdown:hover .ms-Dropdown-title,
.ms-Dropdown:hover .ms-Dropdown-caretDown,
.ms-Dropdown:focus .ms-Dropdown-title,
.ms-Dropdown:focus .ms-Dropdown-caretDown,
.ms-Dropdown:active .ms-Dropdown-title,
.ms-Dropdown:active .ms-Dropdown-caretDown {
  color: #000000;
}

.ms-Dropdown:hover .ms-Dropdown-title,
.ms-Dropdown:active .ms-Dropdown-title {
  border-color: #767676;
}

.ms-Dropdown:focus .ms-Dropdown-title {
  border-color: #0078d7;
}

.ms-Dropdown .ms-Label {
  display: inline-block;
  margin-bottom: 8px;
}

.ms-Dropdown.is-disabled .ms-Dropdown-title {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #a6a6a6;
  cursor: default;
}

@media screen and (-ms-high-contrast: active) {
  .ms-Dropdown.is-disabled .ms-Dropdown-title {
    border-color: #00ff00;
    color: #00ff00;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .ms-Dropdown.is-disabled .ms-Dropdown-title {
    border-color: #600000;
    color: #600000;
  }
}

.ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
  color: #a6a6a6;
}

@media screen and (-ms-high-contrast: active) {
  .ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
    color: #00ff00;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .ms-Dropdown.is-disabled .ms-Dropdown-caretDown {
    color: #600000;
  }
}

.ms-Dropdown.ms-Dropdown--open .ms-Dropdown-items,
.ms-Dropdown.is-open .ms-Dropdown-items {
  display: block;
  position: fixed;
}

.ms-Dropdown-select {
  display: none;
}

.ms-Dropdown-caretDown {
  color: #666666;
  font-size: 17px;
  position: absolute;
  right: 9px;
  bottom: 5px;
  z-index: 1;
  pointer-events: none;
}

.ms-Dropdown-title {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-shadow: none;
  background: #ffffff;
  border: 1px solid #c8c8c8;
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 30px;
  padding: 0 32px 0 10px;
  position: relative;
  overflow: hidden;
}

.ms-Dropdown-items {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-shadow: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  display: none;
  list-style-type: none;
  position: absolute;
  width: 100%;
  max-width: 268px;
  z-index: 400;
  top: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
}

.ms-Dropdown-items:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #eaeaea;
}

@media screen and (-ms-high-contrast: active) {
  .ms-Dropdown-items {
    border: 1px solid #ffffff;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .ms-Dropdown-items {
    border: 1px solid #000000;
  }
}

.ms-Dropdown-item {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 40px;
  line-height: 38px;
  padding: 0 10px;
  position: relative;
  border: 1px solid transparent;
  white-space: nowrap;
}

@media screen and (-ms-high-contrast: active) {
  .ms-Dropdown-item {
    border-color: #000000;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .ms-Dropdown-item {
    border-color: #ffffff;
  }
}

.ms-Dropdown-item:first-child,
.ms-Dropdown-item:last-child {
  height: 39px;
}

.ms-Dropdown-item:hover {
  background-color: #eaeaea;
  color: #000000;
}

@media screen and (-ms-high-contrast: active) {
  .ms-Dropdown-item:hover {
    background-color: #1aebff;
    border-color: #1aebff;
    color: #000000;
  }

  .ms-Dropdown-item:hover:focus {
    border-color: #000000;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .ms-Dropdown-item:hover {
    background-color: #37006e;
    border-color: #37006e;
    color: #ffffff;
  }
}

.ms-Dropdown-item:active {
  background-color: #eaeaea;
  border-color: #0078d7;
  color: #000000;
}

.ms-Dropdown-item.is-disabled {
  background: #ffffff;
  color: #a6a6a6;
  cursor: default;
  line-height: 40px;
}

.ms-Dropdown-item.is-selected,
.ms-Dropdown-item.ms-Dropdown-item--selected {
  background-color: #c7e0f4;
  color: #000000;
  line-height: 40px;
}

.ms-Dropdown-item.is-selected:hover,
.ms-Dropdown-item.ms-Dropdown-item--selected:hover {
  background-color: #c7e0f4;
}

@media screen and (-ms-high-contrast: active) {
  .ms-Dropdown-item.is-selected,
  .ms-Dropdown-item.ms-Dropdown-item--selected {
    background-color: #1aebff;
    border-color: #1aebff;
    color: #000000;
  }

  .ms-Dropdown-item.is-selected:focus,
  .ms-Dropdown-item.ms-Dropdown-item--selected:focus {
    border-color: #000000;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .ms-Dropdown-item.is-selected,
  .ms-Dropdown-item.ms-Dropdown-item--selected {
    background-color: #37006e;
    border-color: #37006e;
    color: #ffffff;
  }
}

@media (min-width: 480px) {
  .ms-Dropdown-items {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: 100%;
    max-height: 200px;
  }

  .ms-Dropdown.ms-Dropdown--open .ms-Dropdown-items,
  .ms-Dropdown.is-open .ms-Dropdown-items {
    position: absolute;
  }
}