html {
  color: inherit;
}
body {
  font-family: 'Gill Sans Nova', 'sans-serif', 'Segoe UI Web (West European)','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif;
  font-weight: normal;
  font-size: 14px;
}
.ms-Fabric {
  font-family: 'Gill Sans Nova', 'sans-serif', 'Segoe UI Web (West European)','Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,'Helvetica Neue',sans-serif;
  font-weight: normal;
  font-size: 14px;  
}
.calendar {
  font-family: 'Gill Sans Nova', 'sans-serif', 'Segoe UI';
  font-weight: normal;
  font-size: 14px !important;  
}
.user {
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  text-align: center !important;
  line-height: 36px !important; 
}
.button {
  border-radius: 50%;
  width: 70px !important;
  height: 70px !important;
  display: block !important;
  text-align: center !important;
  line-height: 64px !important; 
}
.period {
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  cursor: pointer !important;
  display: block !important;
  text-align: center !important;
}
.timeValue {
  border-radius:9px;
  width: 138px !important;
  height: 34px !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  line-height: 30px !important;  
}
.timeDetailedValue {
  border-radius:9px;
  width: 56px !important;
  height: 20px !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  line-height: 16px !important;  
}
.daybar {
  width: 71px !important;
  height: 71x !important; 
  display: block !important;
}
.logo {
  font-size: 28px !important;
}
.wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.main {
  flex: 1;
  position: relative;
  padding-top: 0px;
}

.main-part {
  margin-left: 20px;
  margin-right: 20px;
}
.title-text {
  font-weight: bold;
}

.ms-welcome__header {
  padding: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
}

.ms-welcome__header img {
filter: invert(100%);
}

.ms-welcome__main {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex: 1 0 0;
  flex: 1 0 0;
  padding: 10px 20px;
}

.ms-welcome__main > h2 {
   width: 100%;
   text-align: center;
}

.ms-welcome__features {
  list-style-type: none;
  margin-top: 20px;
}

.ms-welcome__features.ms-List .ms-ListItem {
   padding-bottom: 20px;
   display: -webkit-flex;
   display: flex;
}

.ms-welcome__features.ms-List .ms-ListItem > .ms-Icon {
   margin-right: 10px;
}

.ms-welcome__action.ms-Button--hero {
   margin-top: 30px;
}

.ms-Button.ms-Button--hero .ms-Button-label {
  color: #0078d7;
}

.ms-Button.ms-Button--hero:hover .ms-Button-label,
.ms-Button.ms-Button--hero:focus .ms-Button-label{
  color: #005a9e;
  cursor: pointer;
}

.ms-Dialog-button:hover {
  background-color: transparent !important;
}

b {
  font-weight: bold;
}

.hidden {
  display:none;
  visibility:hidden;
}

.item {
  padding:0;
  border-bottom:1px solid #eee;
  text-decoration: none;
  color:#333;
  display:block;
  padding:10px 0;
  background-color:#fff;
  transition: 0.4s;
}

.item:hover,
.item_selected {
  background-color:#ddd;
}

.item_icon {
  margin-right:20px;
  margin-left:10px;
  }

.subitem {
  padding-left:42px;
}

.subitem_section {
  border-bottom: 1px dashed #333;
}

/*
.button {
  border: 1px solid #d2d0ce !important;
}
*/

.button .ms-Button-flexContainer {
  align-items: flex-start;
  padding-top: 5px;
}

.button_icon {
  padding-left: 10px;
  padding-right: 10px;
}

.button_text {
  padding-left: 3x;
  padding-right: 3px;
  font-weight: normal;
}

.width100 {
  width: 100% !important;
}

.underline {
  border-bottom: 4px solid #0093FF;
}

.underlineGray {
  border-bottom: 4px solid #d3d3d3;
}

.underline-dashed {
  border-bottom: 4px dotted #0093FF;
}

.underline-nonclipse-dashed {
  border-bottom: 4px dotted #eb1c26;
}

.ms-Dropdown:focus:after {
  border-left: 0 solid transparent;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
}

.ms-ComboBox:after {
  border-left: 0 solid transparent;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 0 solid transparent;
}

.ms-ComboBox input {
  background-color: transparent;
}

.ms-ComboBox .ms-Button {
  background-color: transparent;
}