/* Needs to be greater than the z-index for ms-header (100) or else can get covered up by dialog headers*/
/*Important needs to be greater than bootstrap modal dialog Zindex(1050)*/
/*Important needs to be greater than bootstrap modal dialog Zindex(1050) and any dropdowns (1060)*/
/* Mixins */
/* Mixins for animations */
@font-face {
  font-family: 'Office365Icons';
  src: url('../fonts/office365icons.eot?');
  src: url('../fonts/office365icons.eot?#iefix') format('embedded-opentype'), url('../fonts/office365icons.woff?') format('woff'), url('../fonts/office365icons.ttf?') format('truetype'), url('../fonts/office365icons.svg?#office365icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ms-Icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: 'Office365Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
}
.ms-Icon--space:before {
  content: '\20';
}
/* ' ' */

.ms-Icon--circleEmpty:before {
  content: '\e000';
}
/* '' */

.ms-Icon--plus:before {
  content: '\e004';
}
/* '' */

.ms-Icon--xCircle:before {
  content: '\e00c';
}
/* '' */

.ms-Icon--calendar:before {
  content: '\e011';
}
/* '' */

.ms-Icon--chat:before {
  content: '\e017';
}
/* '' */

.ms-Icon--menu:before {
  content: '\e020';
}
/* '' */

.ms-Icon--trash:before {
  content: '\e026';
}
/* '' */

.ms-Icon--pencil:before {
  content: '\e027';
}
/* '' */

.ms-Icon--attachment:before {
  content: '\e031';
}
/* '' */

.ms-Icon--gear:before {
  content: '\e035';
}
/* '' */

.ms-Icon--check:before {
  content: '\e041';
}
/* '' */

.ms-Icon--x:before {
  content: '\e042';
}
/* '' */

.ms-Icon--ellipsis:before {
  content: '\e045';
}
/* '' */

.ms-Icon--arrowLeft:before {
  content: '\e049';
}
/* '' */

.ms-Icon--arrowRight:before {
  content: '\e04a';
}
/* '' */

.ms-Icon--caretUp:before {
  content: '\e051';
}
/* '' */

.ms-Icon--caretDown:before {
  content: '\e052';
}
/* '' */

.ms-Icon--caretLeft:before {
  content: '\e053';
}
/* '' */

.ms-Icon--caretRight:before {
  content: '\e054';
}
/* '' */

.ms-Icon--upload:before {
  content: '\e076';
}
/* '' */

.ms-Icon--reactivate:before {
  content: '\e084';
}
/* '' */

.ms-Icon--personAdd:before {
  content: '\e086';
}
/* '' */

.ms-Icon--chevronUp:before {
  content: '\e087';
}
/* '' */

.ms-Icon--chevronDown:before {
  content: '\e088';
}
/* '' */

.ms-Icon--chevronLeft:before {
  content: '\e089';
}
/* '' */

.ms-Icon--chevronRight:before {
  content: '\e08a';
}
/* '' */

.ms-Icon--link:before {
  content: '\e08f';
}
/* '' */

.ms-Icon--chevronsLeft:before {
  content: '\e092';
}
/* '' */

.ms-Icon--chevronsRight:before {
  content: '\e093';
}
/* '' */

.ms-Icon--camera:before {
  content: '\e119';
}
/* '' */

.ms-Icon--filter:before {
  content: '\e11a';
}
/* '' */

.ms-Icon--group:before {
  content: '\e155';
}
/* '' */

.ms-Icon--picture:before {
  content: '\e16c';
}
/* '' */

.ms-Icon--document:before {
  content: '\e182';
}
/* '' */

.ms-Icon--checkbox:before {
  content: '\e18a';
}
/* '' */

.ms-Icon--circleHalfFilled:before {
  content: '\e207';
}
/* '' */

.ms-Icon--circleUnfilled:before {
  content: '\e20b';
}
/* '' */

.ms-Icon--circleFilled:before {
  content: '\e20c';
}
/* '' */

.ms-Icon--filterClear:before {
  content: '\e21b';
}
/* '' */

.ms-Icon--checkboxEmpty:before {
  content: '\e21c';
}
/* '' */

.ms-Icon--checkboxCheck:before {
  content: '\e21f';
}
/* '' */

.ms-Icon--listGroup:before {
  content: '\e227';
}
/* '' */

.ms-Icon--chevronThinLeft:before {
  content: '\e233';
}
/* '' */

.ms-Icon--chevronThinRight:before {
  content: '\e234';
}
/* '' */

.ms-Icon--chevronThickUp:before {
  content: '\e235';
}
/* '' */

.ms-Icon--chevronThickDown:before {
  content: '\e236';
}
/* '' */

.ms-Icon--checkPeople:before {
  content: '\e259';
}
/* '' */

.ms-Icon--fileImage:before {
  content: '\e26c';
}
/* '' */

.ms-Icon--circlePlus:before {
  content: '\e27c';
}
/* '' */

.ms-Icon--circleInfo:before {
  content: '\e27d';
}
/* '' */

.ms-Icon--groups:before {
  content: '\e305';
}
/* '' */

.ms-Icon--lock2:before {
  content: '\e308';
}
/* '' */

.ms-Icon--lockOpen2:before {
  content: '\e309';
}
/* '' */

.ms-Icon--barChart:before {
  content: '\e30a';
}
/* '' */

.ms-Icon--circleChart:before {
  content: '\e30b';
}
/* '' */

.ms-Icon--boards2:before {
  content: '\e30d';
}
/* '' */

.ms-Icon--circle {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  width: 1em;
  height: 1em;
  margin: 0 .5em 0 0 ;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.ms-Icon--circle:before,
.ms-Icon--circle:after {
  line-height: 1;
  font-size: inherit;
}
.ms-Icon--circle:before {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  position: absolute;
  z-index: 9999;
}
.ms-Icon--circle:after {
  content: '\e000';
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(2);
  transform-origin: 50% 50%;
}
.ms-Icon--circle.ms-Icon--star:before {
  top: -2%;
  left: 1%;
}
.ms-Icon--circle.ms-Icon--person:before {
  top: -2%;
  left: -3%;
}
.ms-Icon--circle.ms-Icon--alert:before {
  top: -4%;
}
.ms-Icon--circle.ms-Icon--mailOpen:before {
  top: -5%;
}
.ms-Icon--circle.ms-Icon--people:before {
  top: -4%;
  left: -7%;
}
.ms-Icon--circle.ms-Icon--bell:before {
  top: -3%;
}
.ms-Icon--circle.ms-Icon--scheduling:before {
  top: -3%;
  left: 6%;
}
.ms-Icon--circle.ms-Icon--documents:before {
  top: -1%;
  left: -2%;
}
.ms-Icon--circle.ms-Icon--listBullets:before {
  top: -1%;
  left: 5%;
}
.ms-Icon--circle.ms-Icon--panel:before {
  left: -2%;
}
.ms-Icon--circle.ms-Icon--popout:before {
  top: -2%;
  left: -2%;
}
.ms-Icon--circle.ms-Icon--home:before {
  top: -4%;
}
.ms-Icon--circle.ms-Icon--favorites:before {
  top: -2%;
  left: 2%;
}
.ms-Icon--circle.ms-Icon--phone:before {
  top: -2%;
  left: -2%;
}
.ms-Icon--circle.ms-Icon--mailSend:before {
  left: -10%;
}
.ms-Icon--circle.ms-Icon--pencil:before {
  top: -2%;
  left: 3%;
}
.ms-Icon--circle.ms-Icon--flag:before {
  left: 3%;
}
.ms-Icon--circle.ms-Icon--miniatures:before {
  left: -3%;
}
.ms-Icon--circle.ms-Icon--voicemail:before {
  top: 2%;
  left: -7%;
}
.ms-Icon--circle.ms-Icon--onlineAdd:before {
  top: -1%;
  left: 2%;
}
.ms-Icon--circle.ms-Icon--pinDown:before {
  top: 5%;
}
.ms-Icon--circle.ms-Icon--gear:before {
  left: 2%;
}
.ms-Icon--circle.ms-Icon--check:before {
  top: 3%;
}
.ms-Icon--circle.ms-Icon--thumbsDown:before {
  top: 2%;
  left: -1%;
}
.ms-Icon--circle.ms-Icon--thumbsUp:before {
  top: 4%;
  left: 2%;
}
.ms-Icon--circle.ms-Icon--ellipsis:before {
  top: 2%;
  left: -12%;
}
.ms-Icon--circle.ms-Icon--directions:before {
  left: 10%;
}
.ms-Icon--circle.ms-Icon--microphone:before {
  top: -3%;
}
.ms-Icon--circle.ms-Icon--caretDown:before {
  top: 5%;
  left: 2%;
}
.ms-Icon--circle.ms-Icon--caretLeft:before {
  left: -6%;
}
.ms-Icon--circle.ms-Icon--caretRight:before {
  left: 6%;
}
.ms-Icon--circle.ms-Icon--office:before {
  left: -4%;
}
.ms-Icon--circle.ms-Icon--caretUpLeft:before {
  top: 5%;
  left: 5%;
}
.ms-Icon--circle.ms-Icon--caretUpRight:before {
  top: 5%;
  left: -3%;
}
.ms-Icon--circle.ms-Icon--caretDownRight:before {
  left: -3%;
}
.ms-Icon--circle.ms-Icon--caretDownLeft:before {
  left: 4%;
}
.ms-Icon--circle.ms-Icon--apps:before {
  left: -3%;
}
.ms-Icon--circle.ms-Icon--officeStore:before {
  left: 3%;
}
.ms-Icon--circle.ms-Icon--dynamicsCrm:before {
  top: -7%;
  left: -5%;
}
.ms-Icon--circle.ms-Icon--note:before {
  top: 2%;
  left: -3%;
}
.ms-Icon--circle.ms-Icon--noteReply:before {
  top: 6%;
  left: 3%;
}
.ms-Icon--circle.ms-Icon--noteForward:before {
  top: 6%;
}
.ms-Icon--circle.ms-Icon--key:before {
  top: 5%;
  left: 1%;
}
.ms-Icon--circle.ms-Icon--tile:before {
  top: -1%;
  left: -18%;
}
.ms-Icon--circle.ms-Icon--taskRecurring:before {
  top: 2%;
  left: -1%;
}
.ms-Icon--circle.ms-Icon--starEmpty:before {
  top: -4%;
  left: 1%;
}
.ms-Icon--circle.ms-Icon--documentReply:before {
  top: -2%;
  left: 7%;
}
.ms-Icon--circle.ms-Icon--documentForward:before {
  left: 5%;
}
.ms-Icon--circle.ms-Icon--partner:before {
  top: -2%;
}
.ms-Icon--circle.ms-Icon--reactivate:before {
  top: -2%;
  left: 6%;
}
.ms-Icon--circle.ms-Icon--sort:before {
  left: -19%;
}
.ms-Icon--circle.ms-Icon--personAdd:before {
  top: -2%;
  left: 6%;
}
.ms-Icon--circle.ms-Icon--chevronDown:before {
  top: 4%;
}
.ms-Icon--circle.ms-Icon--chevronLeft:before {
  left: -5%;
}
.ms-Icon--circle.ms-Icon--chevronRight:before {
  left: 4%;
}
.ms-Icon--circle.ms-Icon--peopleAdd:before {
  top: -5%;
  left: -12%;
}
.ms-Icon--circle.ms-Icon--newsfeed:before {
  left: -4%;
}
.ms-Icon--circle.ms-Icon--notebook:before {
  left: -4%;
}
.ms-Icon--circle.ms-Icon--link:before {
  top: 2%;
  left: -18%;
}
.ms-Icon--circle.ms-Icon--chevronsDown:before {
  top: 5%;
}
.ms-Icon--circle.ms-Icon--chevronsLeft:before {
  left: -5%;
}
.ms-Icon--circle.ms-Icon--chevronsRight:before {
  left: 4%;
}
.ms-Icon--circle.ms-Icon--personRemove:before {
  left: 5%;
}
.ms-Icon--circle.ms-Icon--receiptForward:before {
  left: -20%;
}
.ms-Icon--circle.ms-Icon--receiptReply:before {
  left: -20%;
}
.ms-Icon--circle.ms-Icon--receiptCheck:before {
  left: -20%;
}
.ms-Icon--circle.ms-Icon--peopleRemove:before {
  top: -3%;
  left: -12%;
}
.ms-Icon--circle.ms-Icon--merge:before {
  top: 2%;
}
.ms-Icon--circle.ms-Icon--split:before {
  top: 2%;
}
.ms-Icon--circle.ms-Icon--eventCancel:before {
  left: -2%;
}
.ms-Icon--circle.ms-Icon--today:before {
  top: -2%;
}
.ms-Icon--circle.ms-Icon--oofReply:before {
  left: 5%;
}
.ms-Icon--circle.ms-Icon--voicemailReply:before {
  top: 4%;
  left: -25%;
}
.ms-Icon--circle.ms-Icon--voicemailForward:before {
  top: 4%;
  left: -20%;
}
.ms-Icon--circle.ms-Icon--eye:before {
  top: -4%;
}
.ms-Icon--circle.ms-Icon--post:before {
  top: -4%;
  left: 4%;
}
.ms-Icon--circle.ms-Icon--fax:before {
  top: -3%;
  left: -2%;
}
.ms-Icon--circle.ms-Icon--lightning:before {
  top: 2%;
  left: 1%;
}
.ms-Icon--circle.ms-Icon--filter:before {
  top: 7%;
}
.ms-Icon--circle.ms-Icon--cart:before {
  left: 3%;
}
.ms-Icon--circle.ms-Icon--socialListening:before {
  top: 2%;
}
.ms-Icon--circle.ms-Icon--mapMarker:before {
  top: 2%;
}
.ms-Icon--circle.ms-Icon--replyAllAlt:before {
  left: -16%;
}
.ms-Icon--circle.ms-Icon--group:before {
  left: -33%;
}
.ms-Icon--circle.ms-Icon--money:before {
  left: -8%;
}
.ms-Icon--circle.ms-Icon--noteEdit:before {
  left: 4%;
}
.ms-Icon--circle.ms-Icon--mailEdit:before {
  top: 3%;
  left: 7%;
}
.ms-Icon--circle.ms-Icon--pinLeft:before {
  left: -6%;
}
.ms-Icon--circle.ms-Icon--heart:before {
  top: 5%;
}
.ms-Icon--circle.ms-Icon--heartEmpty:before {
  top: 5%;
}
.ms-Icon--circle.ms-Icon--cake:before {
  top: -5%;
}
.ms-Icon--circle.ms-Icon--books:before {
  left: -8%;
}
.ms-Icon--circle.ms-Icon--video:before {
  top: -3%;
  left: 3%;
}
.ms-Icon--circle.ms-Icon--balloon:before {
  top: 4%;
  left: -1%;
}
.ms-Icon--circle.ms-Icon--music:before {
  top: -2%;
  left: -5%;
}
.ms-Icon--circle.ms-Icon--stopwatch:before {
  top: -3%;
  left: 3%;
}
.ms-Icon--circle.ms-Icon--coffee:before {
  top: -3%;
  left: 3%;
}
.ms-Icon--circle.ms-Icon--plane:before {
  left: 4%;
}
.ms-Icon--circle.ms-Icon--dogAlt:before {
  left: -15%;
}
.ms-Icon--circle.ms-Icon--metadata:before {
  top: -4%;
  left: 4%;
}
.ms-Icon--circle.ms-Icon--text:before {
  top: -4%;
  left: 10%;
}
.ms-Icon--circle.ms-Icon--fieldText:before {
  left: -14%;
}
.ms-Icon--circle.ms-Icon--fieldNumber:before {
  left: -14%;
}
.ms-Icon--circle.ms-Icon--dropdown:before {
  left: -14%;
}
.ms-Icon--circle.ms-Icon--story:before {
  left: -5%;
}
.ms-Icon--circle.ms-Icon--bold:before {
  left: 4%;
}
.ms-Icon--circle.ms-Icon--underline:before {
  top: 4%;
}
.ms-Icon--circle.ms-Icon--quote:before {
  left: -4%;
}
.ms-Icon--circle.ms-Icon--styleRemove:before {
  top: 4%;
  left: 5%;
}
.ms-Icon--circle.ms-Icon--pictureAdd:before {
  left: -6%;
}
.ms-Icon--circle.ms-Icon--pictureRemove:before {
  left: -6%;
}
.ms-Icon--circle.ms-Icon--mobile:before {
  left: -3%;
}
.ms-Icon--circle.ms-Icon--hide:before {
  top: -4%;
}
.ms-Icon--circle.ms-Icon--header:before {
  left: -9%;
}
.ms-Icon--circle.ms-Icon--msn:before {
  left: 3%;
}
.ms-Icon--circle.ms-Icon--peopleCheck:before {
  left: -7%;
  top: -3%;
}
.ms-Icon--circle.ms-Icon--caretDownOutline:before {
  top: 6%;
}
.ms-Icon--circle.ms-Icon--caretLeftOutline:before {
  left: -5%;
}
.ms-Icon--circle.ms-Icon--caretRightOutline:before {
  left: 5%;
}
.ms-Icon--circle.ms-Icon--sway:before {
  left: -3%;
}
.ms-Icon--circle.ms-Icon--mailSync:before {
  left: 8%;
  top: 3%;
}
.ms-Icon--circle.ms-Icon--peopleSync:before {
  left: -8%;
}
.ms-Icon--circle.ms-Icon--peopleError:before {
  left: -8%;
}
.ms-Icon--circle.ms-Icon--peoplePause:before {
  left: -8%;
}
.ms-Icon--circle.ms-Icon--documentSearch:before {
  left: 8%;
}
.ms-Icon--circle.ms-Icon--dynamicsMarketing:before {
  left: -8%;
}
.ms-bg-color-themeDark,
.ms-bgc-td,
.ms-bg-color-themeDark-hover:hover,
.ms-bgc-td-h:hover {
  background-color: #005a9e;
}
.ms-bg-color-themeDarkAlt,
.ms-bgc-tda,
.ms-bg-color-themeDarkAlt-hover:hover,
.ms-bgc-tda-h:hover {
  background-color: #106ebe;
}
.ms-bg-color-themeDarker,
.ms-bgc-tdr,
.ms-bg-color-themeDarker-hover:hover,
.ms-bgc-tdr-h:hover {
  background-color: #004578;
}
.ms-bg-color-themePrimary,
.ms-bgc-tp,
.ms-bg-color-themePrimary-hover:hover,
.ms-bgc-tp-h:hover {
  background-color: #0078d7;
}
.ms-bg-color-themeSecondary,
.ms-bgc-ts,
.ms-bg-color-themeSecondary-hover:hover,
.ms-bgc-ts-h:hover {
  background-color: #2b88d8;
}
.ms-bg-color-themeTertiary,
.ms-bgc-tt,
.ms-bg-color-themeTertiary-hover:hover,
.ms-bgc-tt-h:hover {
  background-color: #71afe5;
}
.ms-bg-color-themeLight,
.ms-bgc-tl,
.ms-bg-color-themeLight-hover:hover,
.ms-bgc-tl-h:hover {
  background-color: #c7e0f4;
}
.ms-bg-color-themeLighter,
.ms-bgc-tlr,
.ms-bg-color-themeLighter-hover:hover,
.ms-bgc-tlr-h:hover {
  background-color: #deecf9;
}
.ms-bg-color-themeLighterAlt,
.ms-bgc-tlra,
.ms-bg-color-themeLighterAlt-hover:hover,
.ms-bgc-tlra-h:hover {
  background-color: #eff6fc;
}
.ms-bg-color-black,
.ms-bgc-b,
.ms-bg-color-black-hover:hover,
.ms-bgc-b-h:hover {
  background-color: black;
}
.ms-bg-color-neutralDark,
.ms-bgc-nd,
.ms-bg-color-neutralDark-hover:hover,
.ms-bgc-nd-h:hover {
  background-color: #212121;
}
.ms-bg-color-neutralPrimary,
.ms-bgc-np,
.ms-bg-color-neutralPrimary-hover:hover,
.ms-bgc-np-h:hover {
  background-color: #333333;
}
.ms-bg-color-neutralSecondary,
.ms-bgc-ns,
.ms-bg-color-neutralSecondary-hover:hover,
.ms-bgc-ns-h:hover {
  background-color: #666666;
}
.ms-bg-color-neutralSecondaryAlt,
.ms-bgc-nsa,
.ms-bg-color-neutralSecondaryAlt-hover:hover,
.ms-bgc-nsa-h:hover {
  background-color: #767676;
}
.ms-bg-color-neutralTertiary,
.ms-bgc-nt,
.ms-bg-color-neutralTertiary-hover:hover,
.ms-bgc-nt-h:hover {
  background-color: #a6a6a6;
}
.ms-bg-color-neutralTertiaryAlt,
.ms-bgc-nta,
.ms-bg-color-neutralTertiaryAlt-hover:hover,
.ms-bgc-nta-h:hover {
  background-color: #c8c8c8;
}
.ms-bg-color-neutralLight,
.ms-bgc-nl,
.ms-bg-color-neutralLight-hover:hover,
.ms-bgc-nl-h:hover {
  background-color: #eaeaea;
}
.ms-bg-color-neutralLighter,
.ms-bgc-nlr,
.ms-bg-color-neutralLighter-hover:hover,
.ms-bgc-nlr-h:hover {
  background-color: #f4f4f4;
}
.ms-bg-color-neutralLighterAlt,
.ms-bgc-nlra,
.ms-bg-color-neutralLighterAlt-hover:hover,
.ms-bgc-nlra-h:hover {
  background-color: #f8f8f8;
}
.ms-bg-color-white,
.ms-bgc-w,
.ms-bg-color-white-hover:hover,
ms-bgc-w-h:hover {
  background-color: white;
}
.ms-bg-color-yellow {
  background-color: #ffb900;
}
.ms-bg-color-yellowLight {
  background-color: #fff100;
}
.ms-bg-color-orange {
  background-color: #d83b01;
}
.ms-bg-color-orangeLight {
  background-color: darkorange;
}
.ms-bg-color-redDark {
  background-color: #a80000;
}
.ms-bg-color-red {
  background-color: #e81123;
}
.ms-bg-color-magentaDark {
  background-color: #5c005c;
}
.ms-bg-color-magenta {
  background-color: #b4009e;
}
.ms-bg-color-magentaLight {
  background-color: #e3008c;
}
.ms-bg-color-purpleDark {
  background-color: #32145a;
}
.ms-bg-color-purple {
  background-color: #5c2d91;
}
.ms-bg-color-purpleLight {
  background-color: #b4a0ff;
}
.ms-bg-color-blueDark {
  background-color: #002050;
}
.ms-bg-color-blueMid {
  background-color: #00188f;
}
.ms-bg-color-blue {
  background-color: #0078d7;
}
.ms-bg-color-blueLight {
  background-color: #00bcf2;
}
.ms-bg-color-tealDark {
  background-color: #004b50;
}
.ms-bg-color-teal {
  background-color: #008272;
}
.ms-bg-color-tealLight {
  background-color: #00b294;
}
.ms-bg-color-greenDark {
  background-color: #004b1c;
}
.ms-bg-color-green {
  background-color: #107c10;
}
.ms-bg-color-greenLight {
  background-color: #bad80a;
}
.ms-bg-color-error {
  background-color: #fde7e9;
}
.ms-bg-color-alert {
  background-color: #fffbb2;
}
.ms-bg-color-info {
  background-color: #dff6dd;
}
.ms-bg-color-orangeLighter,
.ms-bg-color-orangeLighter-hover:hover {
  background-color: #ea4300;
}
.ms-border-color-themeDark,
.ms-bcl-td,
.ms-border-color-themeDark-hover:hover,
.ms-bcl-td-h:hover {
  border-color: #005a9e;
}
.ms-border-color-themeDarkAlt,
.ms-bcl-tda,
.ms-border-color-themeDarkAlt-hover:hover,
.ms-bcl-tda-h:hover {
  border-color: #106ebe;
}
.ms-border-color-themeDarker,
.ms-bcl-tdr,
.ms-border-color-themeDarker-hover:hover,
.ms-bcl-tdr-h:hover {
  border-color: #004578;
}
.ms-border-color-themePrimary,
.ms-bcl-tp,
.ms-border-color-themePrimary-hover:hover,
.ms-bcl-tp-h:hover {
  border-color: #0078d7;
}
.ms-border-color-themeSecondary,
.ms-bcl-ts,
.ms-border-color-themeSecondary-hover:hover,
.ms-bcl-ts-h:hover {
  border-color: #2b88d8;
}
.ms-border-color-themeTertiary,
.ms-bcl-tt,
.ms-border-color-themeTertiary-hover:hover,
.ms-bcl-tt-h:hover {
  border-color: #71afe5;
}
.ms-border-color-themeLight,
.ms-bcl-tl,
.ms-border-color-themeLight-hover:hover,
.ms-bcl-tl-h:hover {
  border-color: #c7e0f4;
}
.ms-border-color-themeLighter,
.ms-bcl-tlr,
.ms-border-color-themeLighter-hover:hover,
.ms-bcl-tlr-h:hover {
  border-color: #deecf9;
}
.ms-border-color-themeLighterAlt,
.ms-bcl-tlra,
.ms-border-color-themeLighterAlt-hover:hover,
.ms-bcl-tlra-h:hover {
  border-color: #eff6fc;
}
.ms-border-color-black,
.ms-bcl-b,
.ms-border-color-black-hover:hover,
.ms-bcl-b-h:hover {
  border-color: black;
}
.ms-border-color-neutralDark,
.ms-bcl-nd,
.ms-border-color-neutralDark-hover:hover,
.ms-bcl-nd-h:hover {
  border-color: #212121;
}
.ms-border-color-neutralPrimary,
.ms-bcl-np,
.ms-border-color-neutralPrimary-hover:hover,
.ms-bcl-np-h:hover {
  border-color: #333333;
}
.ms-border-color-neutralSecondary,
.ms-bcl-ns,
.ms-border-color-neutralSecondary-hover:hover,
.ms-bcl-ns-h:hover {
  border-color: #666666;
}
.ms-border-color-neutralSecondaryAlt,
.ms-bcl-nsa,
.ms-border-color-neutralSecondaryAlt-hover:hover,
.ms-bcl-nsa-h:hover {
  border-color: #767676;
}
.ms-border-color-neutralTertiary,
.ms-bcl-nt,
.ms-border-color-neutralTertiary-hover:hover,
.ms-bcl-nt-h:hover {
  border-color: #a6a6a6;
}
.ms-border-color-neutralTertiaryAlt,
.ms-bcl-nta,
.ms-border-color-neutralTertiaryAlt-hover:hover,
.ms-bcl-nta-h:hover {
  border-color: #c8c8c8;
}
.ms-border-color-neutralLight,
.ms-bcl-nl,
.ms-border-color-neutralLight-hover:hover,
.ms-bcl-nl-h:hover {
  border-color: #eaeaea;
}
.ms-border-color-neutralLighter,
.ms-bcl-nlr,
.ms-border-color-neutralLighter-hover:hover,
.ms-bcl-nlr-h:hover {
  border-color: #f4f4f4;
}
.ms-border-color-neutralLighterAlt,
.ms-bcl-nlra,
.ms-border-color-neutralLighterAlt-hover:hover,
.ms-bcl-nlra-h:hover {
  border-color: #f8f8f8;
}
.ms-border-color-white,
.ms-bcl-w,
.ms-border-color-white-hover:hover,
.ms-bcl-w-h:hover {
  border-color: white;
}
.ms-border-color-yellow {
  border-color: #ffb900;
}
.ms-border-color-yellowLight {
  border-color: #fff100;
}
.ms-border-color-orange {
  border-color: #d83b01;
}
.ms-border-color-orangeLight {
  border-color: darkorange;
}
.ms-border-color-redDark {
  border-color: #a80000;
}
.ms-border-color-red {
  border-color: #e81123;
}
.ms-border-color-magentaDark {
  border-color: #5c005c;
}
.ms-border-color-magenta {
  border-color: #b4009e;
}
.ms-border-color-magentaLight {
  border-color: #e3008c;
}
.ms-border-color-purpleDark {
  border-color: #32145a;
}
.ms-border-color-purple {
  border-color: #5c2d91;
}
.ms-border-color-purpleLight {
  border-color: #b4a0ff;
}
.ms-border-color-blueDark {
  border-color: #002050;
}
.ms-border-color-blueMid {
  border-color: #00188f;
}
.ms-border-color-blue {
  border-color: #0078d7;
}
.ms-border-color-blueLight {
  border-color: #00bcf2;
}
.ms-border-color-tealDark {
  border-color: #004b50;
}
.ms-border-color-teal {
  border-color: #008272;
}
.ms-border-color-tealLight {
  border-color: #00b294;
}
.ms-border-color-greenDark {
  border-color: #004b1c;
}
.ms-border-color-green {
  border-color: #107c10;
}
.ms-border-color-greenLight {
  border-color: #bad80a;
}
.ms-border-color-orangeLighter,
.ms-border-color-orangeLighter-hover:hover {
  border-color: #ea4300;
}
.ms-border-color-top-themePrimary,
.ms-bcl-t-tp,
.ms-border-color-top-themePrimary-hover:hover,
.ms-bcl-t-tp-h:hover {
  border-top-color: #0078d7;
}
.ms-font-su {
  color: #333333;
  font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 42px;
  font-weight: normal;
}
.ms-font-xxl {
  color: #333333;
  font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
}
.ms-font-xl {
  color: #333333;
  font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 21px;
  font-weight: normal;
}
.ms-font-l {
  color: #333333;
  font-family: 'Segoe UI Web Semilight', 'Segoe UI Semilight', 'Segoe WP Semilight', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
}
.ms-font-m-plus {
  color: #333333;
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
}
.ms-font-m {
  color: #333333;
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.ms-font-m-noColor {
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.ms-font-s-plus {
  color: #333333;
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}
.ms-font-s {
  color: #333333;
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
.ms-font-xs {
  color: #333333;
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.ms-font-mi {
  color: #333333;
  font-family: 'Segoe UI Web Semibold', 'Segoe UI Semibold', 'Segoe WP Semibold', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
.ms-font-weight-light,
.ms-fwt-l,
.ms-font-weight-light-hover:hover,
.ms-fwt-l-h:hover {
  font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
.ms-font-weight-semilight,
.ms-fwt-sl,
.ms-font-weight-semilight-hover:hover,
.ms-fwt-sl-h:hover {
  font-family: 'Segoe UI Web Semilight', 'Segoe UI Semilight', 'Segoe WP Semilight', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
.ms-font-weight-regular,
.ms-fwt-r,
.ms-font-weight-regular-hover:hover,
.ms-fwt-r-h:hover {
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
.ms-font-weight-semibold,
.ms-fwt-sb,
.ms-font-weight-semibold-hover:hover,
.ms-fwt-sb-h:hover {
  font-family: 'Segoe UI Web Semibold', 'Segoe UI Semibold', 'Segoe WP Semibold', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
}
.ms-font-color-themeDarker,
.ms-fcl-tdr,
.ms-font-color-themeDarker-hover:hover,
.ms-fcl-tdr-h:hover {
  color: #004578;
}
.ms-font-color-themeDark,
.ms-fcl-td,
.ms-font-color-themeDark-hover:hover,
.ms-fcl-td-h:hover {
  color: #005a9e;
}
.ms-font-color-themeDarkAlt,
.ms-fcl-tda,
.ms-font-color-themeDarkAlt-hover:hover,
.ms-fcl-tda-h:hover {
  color: #106ebe;
}
.ms-font-color-themePrimary,
.ms-fcl-tp,
.ms-font-color-themePrimary-hover:hover,
.ms-fcl-tp-h:hover {
  color: #0078d7;
}
.ms-font-color-themeSecondary,
.ms-fcl-ts,
.ms-font-color-themeSecondary-hover:hover,
.ms-fcl-ts-h:hover {
  color: #2b88d8;
}
.ms-font-color-themeTertiary,
.ms-fcl-tt,
.ms-font-color-themeTertiary-hover:hover,
.ms-fcl-tt-h:hover {
  color: #71afe5;
}
.ms-font-color-themeLight,
.ms-fcl-tl,
.ms-font-color-themeLight-hover:hover,
.ms-fcl-tl-h:hover {
  color: #c7e0f4;
}
.ms-font-color-themeLighter,
.ms-fcl-tlr,
.ms-font-color-themeLighter-hover:hover,
.ms-fcl-tlr-h:hover {
  color: #deecf9;
}
.ms-font-color-themeLighterAlt,
.ms-fcl-tlra,
.ms-font-color-themeLighterAlt-hover:hover,
.ms-fcl-tlra-h:hover {
  color: #eff6fc;
}
.ms-font-color-black,
.ms-fcl-b,
.ms-font-color-black-hover:hover,
.ms-fcl-b-h:hover {
  color: black;
}
.ms-font-color-neutralDark,
.ms-fcl-nd,
.ms-font-color-neutralDark-hover:hover,
.ms-fcl-nd-h:hover {
  color: #212121;
}
.ms-font-color-neutralPrimary,
.ms-fcl-np,
.ms-font-color-neutralPrimary-hover:hover,
.ms-fcl-np-h:hover {
  color: #333333;
}
.ms-font-color-neutralSecondary,
.ms-fcl-ns,
.ms-font-color-neutralSecondary-hover:hover,
.ms-fcl-ns-h:hover {
  color: #666666;
}
.ms-font-color-neutralSecondaryAlt,
.ms-fcl-nsa,
.ms-font-color-neutralSecondaryAlt-hover:hover,
.ms-fcl-nsa-h:hover {
  color: #767676;
}
.ms-font-color-neutralTertiary,
.ms-fcl-nt,
.ms-font-color-neutralTertiary-hover:hover,
.ms-fcl-nt-h:hover {
  color: #a6a6a6;
}
.ms-font-color-neutralTertiaryAlt,
.ms-fcl-nta,
.ms-font-color-neutralTertiaryAlt-hover:hover,
.ms-fcl-nta-h:hover {
  color: #c8c8c8;
}
.ms-font-color-neutralLight,
.ms-fcl-nl,
.ms-font-color-neutralLight-hover:hover,
.ms-fcl-nl-h:hover {
  color: #eaeaea;
}
.ms-font-color-neutralLighter,
.ms-fcl-nlr,
.ms-font-color-neutralLighter-hover:hover,
.ms-fcl-nlr-h:hover {
  color: #f4f4f4;
}
.ms-font-color-neutralLighterAlt,
.ms-fcl-nlra,
.ms-font-color-neutralLighterAlt-hover:hover,
.ms-fcl-nlra-h:hover {
  color: #f8f8f8;
}
.ms-font-color-white,
.ms-fcl-w,
.ms-font-color-white-hover:hover,
.ms-fcl-w-h:hover {
  color: white;
}
.ms-font-color-yellow {
  color: #ffb900;
}
.ms-font-color-yellowLight {
  color: #fff100;
}
.ms-font-color-orange {
  color: #d83b01;
}
.ms-font-color-orangeLight {
  color: darkorange;
}
.ms-font-color-redDark {
  color: #a80000;
}
.ms-font-color-red {
  color: #e81123;
}
.ms-font-color-magentaDark {
  color: #5c005c;
}
.ms-font-color-magenta {
  color: #b4009e;
}
.ms-font-color-magentaLight {
  color: #e3008c;
}
.ms-font-color-purpleDark {
  color: #32145a;
}
.ms-font-color-purple {
  color: #5c2d91;
}
.ms-font-color-purpleLight {
  color: #b4a0ff;
}
.ms-font-color-blueDark {
  color: #002050;
}
.ms-font-color-blueMid {
  color: #00188f;
}
.ms-font-color-blue {
  color: #0078d7;
}
.ms-font-color-blueLight {
  color: #00bcf2;
}
.ms-font-color-tealDark {
  color: #004b50;
}
.ms-font-color-teal {
  color: #008272;
}
.ms-font-color-tealLight {
  color: #00b294;
}
.ms-font-color-greenDark {
  color: #004b1c;
}
.ms-font-color-green {
  color: #107c10;
}
.ms-font-color-greenLight {
  color: #bad80a;
}
.ms-font-color-error,
.ms-fcl-e,
.ms-font-color-error-hover:hover,
.ms-fcl-e-h:hover {
  color: #a80f22;
}
.ms-font-color-orangeLighter,
.ms-font-color-orangeLighter-hover:hover {
  color: #ea4300;
}
.icon:hover,
.icon:active {
  color: #333333;
}
.icon-xx-small {
  font-size: 11px;
}
.icon-x-small {
  font-size: 15px;
}
.icon-small {
  font-size: 20px;
}
.icon-medium {
  font-size: 26px;
}
.icon-large {
  font-size: 30px;
}
.icon.themeColor {
  color: #31752f;
}
[data-icon]:before {
  content: attr(data-icon);
}
.icon-fillcircle:before {
  content: '\e001';
}
.icon-calendar:before {
  content: '\e011';
}
.icon-page:before {
  content: '\e013';
}
.icon-hamburger:before {
  content: '\e020';
}
.icon-checkbox-empty:before {
  content: '\e03F';
}
.icon-checkbox-checked:before {
  content: '\e040';
}
.icon-check:before {
  content: '\e041';
}
.icon-cross:before {
  content: '\e042';
}
.icon-uparrow:before {
  content: '\e047';
}
.icon-downarrow:before {
  content: '\e048';
}
.icon-leftarrow:before {
  content: '\e049';
}
.icon-rightarrow:before {
  content: '\e04a';
}
.icon-upcarat:before {
  content: '\e051';
}
.icon-downcarat:before {
  content: '\e052';
}
.icon-leftcarat:before {
  content: '\e053';
}
.icon-rightcarat:before {
  content: '\e054';
}
.icon-reactivate:before {
  content: '\e084';
}
.icon-reorder:before {
  content: '\e085';
}
.icon-assign:before {
  content: '\e086';
}
.icon-upchevron:before {
  content: '\e087';
}
.icon-downchevron:before {
  content: '\e088';
}
.icon-leftchevron:before {
  content: '\e089';
}
.icon-rightchevron:before {
  content: '\e08a';
}
.icon-addressbook:before {
  content: '\e08e';
}
.icon-updoublechevron:before {
  content: '\e090';
}
.icon-downdoublechevron:before {
  content: '\e091';
}
.icon-leftdoublechevron:before {
  content: '\e092';
}
.icon-rightdoublechevron:before {
  content: '\e093';
}
.todo-pivot-imageWrapper {
  margin-right: 6px;
}
.todo-task-edit-ribbon .icon-complete,
.todo-task-edit-ribbon .icon-reactivate {
  color: white;
  font-size: 26px;
  margin-top: -6px;
}
.icon-circle:hover {
  background-color: #cbd1d2;
}
.icon-circle:active {
  background-color: #333333;
  color: white;
}
.light-color.icon-circle {
  border-color: #666666;
}
.light-color.icon-circle:hover {
  background-color: #cbd1d2;
}
.light-color.icon-circle:active {
  background-color: #666666;
  border-color: #666666;
  color: white;
}
.themeColor.icon-circle {
  border-color: #31752f;
}
.themeColor.icon-circle:hover {
  background-color: #cfedce;
}
.themeColor.icon-circle:active {
  background-color: #31752f;
  color: white;
}
body {
  margin: 0;
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 13px;
  color: #444444;
  -webkit-tap-highlight-color: transparent;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100vh;
  width: 100vw;
}
.main-container {
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-width: 0px;
  min-height: 0px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
/* default main app container without suite nav */

.main-container > .main-app-container {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
}
.p01-home {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.p01-wrapper-inner {
  display: inline-block;
}
.p01-undecorated {
  text-decoration: none;
}
/* Used for Try It Out on home page and +New Task on Content Pane, should probably be two different classes*/

.p01-heroCommandLink,
.p01-heroCommandLink:visited {
  color: #0078d7;
  text-decoration: none;
  top: -7px;
}
.p01-heroCommandLink:hover,
.p01-heroCommandLink:active {
  color: #0078d7;
  text-decoration: none;
}
.p01-textXLarge {
  font-family: 'Segoe UI Web Semilight', 'Segoe UI Semilight', 'Segoe WP Semilight', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 1.46em;
  top: -3px;
  position: relative;
}
/* Sign in Page */

.todo-signin-content-visible {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 100%;
  min-width: 350px;
  height: 100%;
  min-height: 350px;
  background-color: white;
}
.todo-signin-content-hidden {
  display: none;
}
.todo-signin-content-fullscreen {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.todo-signin-frame {
  text-align: center;
}
.remove-focus-outline *:focus {
  outline: none;
}
.add-focus-outline button:focus {
  outline: dotted 1px;
}
.planner-signin-section {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 100%;
  text-align: center;
}
.planner-signin-main-content {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0px;
  min-height: 0px;
}
.planner-signin-logo {
  width: 80px;
  margin-top: 160px;
}
.planner-signin-brand {
  margin-top: 24px;
  font-family: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 28px;
}
.planner-signin-description {
  margin-top: 24px;
  font-family: 'Segoe UI Web Regular', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 17px;
}
.planner-signin-icons {
  margin-top: 24px;
  width: 90%;
  max-width: 426px;
}
.planner-signin-button-wrapper {
  margin-top: 64px;
  margin-bottom: 88px;
}
.planner-signin-button-wrapper > .planner-signin-button.ms-Button {
  min-width: 233px;
  min-height: 48px;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #5b5fc7;
  border-color: white;
}
.planner-signin-button-wrapper > .planner-signin-button.ms-Button:hover {
  background-color: #5b5fc7;
  border-color: white;
  cursor: pointer;
}
.planner-signin-button-wrapper > .planner-signin-button.ms-Button:focus,
.planner-signin-button-wrapper > .planner-signin-button.ms-Button:active {
  background-color: #5b5fc7;
}
.planner-signin-button-wrapper > .planner-signin-button.ms-Button:disabled {
  background-color: #edeff2;
  border-color: white;
  color: #afb8bd;
  cursor: default;
}
.planner-signin-spinner {
  margin-top: 4px;
}
.planner-signin-section .ms-Button-label {
  font-family: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333333;
}
.planner-signin-section .ms-Button {
  border: 1px solid #f4f4f4;
  background-color: #f4f4f4;
  padding: 2px 20px;
}
.planner-signin-section .ms-Button--primary .ms-Button-label {
  color: white;
}
.planner-mobile-download-button-wrapper {
  margin-bottom: 16px;
}
.planner-mobile-download-button-wrapper > .planner-mobile-download-button {
  min-width: 224px;
  min-height: 40px;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
}
.planner-mobile-download-button-wrapper > .planner-mobile-download-button:active {
  background-color: #35749b;
  border-color: white;
}
.planner-signin-footer {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0px;
  min-height: 0px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #edeff2;
  height: 56px;
  justify-content: center;
  margin-top: 20px;
}
.planner-signin-microsoft-logo-wrapper {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0px;
  min-height: 0px;
  height: 16px;
}
/* Better handling of smaller viewports for new SignIn UI */

@media only screen and (max-width: 480px) {
  .planner-signin-logo {
    margin-top: 60px;
    width: 65px;
  }
  .planner-signin-brand {
    font-size: 21px;
  }
  .planner-signin-description {
    font-size: 15px;
  }
  .planner-signin-button-wrapper {
    margin-top: 44px;
    margin-bottom: 68px;
  }
}
/* Sign in Page END */

/* Error Page and GettingReady Page */

.todo-error-footer {
  left: 0;
  position: absolute;
  background-color: #0078d7;
  clear: both;
  bottom: 0px;
  width: 100%;
  height: 145px;
}
/*Needs to be localized for ltr*/

.todo-error-left-pane {
  left: 0px;
  z-index: 1;
  width: 350px;
  overflow-x: hidden;
}
.todo-error-inner {
  min-width: 350px;
  height: 100%;
  padding-top: 150px;
  margin-left: 350px;
}
.planner-frame .todo-error-inner {
  margin-left: 0px;
  padding-top: 0px;
}
.todo-error-header {
  color: #333333;
  font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
  font-size: 21px;
  font-weight: normal;
  color: #0078d7;
  padding-left: 0px;
  padding-top: 0px;
}
.todo-error-text {
  padding-top: 40px;
  padding-left: 0px;
}
.todo-error-space {
  padding-top: 50px;
  padding-left: 0px;
}
.todo-error-page {
  min-width: 700px;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: auto;
  left: 0px;
  min-height: 700px;
  overflow: hidden;
}
.todo-error-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
}
.todo-error-go-back {
  padding-bottom: 20px;
}
.todo-app-pane {
  position: absolute;
  height: 100%;
}
.todo-content-pane {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.todo-content-pane > * {
  -webkit-flex: 1 1 0px;
  -moz-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 0px;
  min-height: 0px;
}
/* Error Page and GettingReady Page - END */