F 1 Office Fabric Css
F 1 Office Fabric Css
F 1 Office Fabric Css
woff')
format('woff')}.icons{font-family:'OffSMDL2';font-size:24px;font-
weight:100;vertical-align:middle}.ocpIconSmile:before{font-family:'OffSMDL2';font-
size:24px;font-weight:100;vertical-
align:middle;content:''}.ocpIconSad:before{font-family:'OffSMDL2';font-
size:24px;font-weight:100;vertical-
align:middle;content:''}.ocpIconLightBulb:before{font-family:'OffSMDL2';font-
size:24px;font-weight:100;vertical-
align:middle;content:''}.ocpIconOfficeLogo:before{font-family:'OffSMDL2';font-
size:24px;font-weight:100;vertical-
align:middle;content:'';color:#c00}.ocpIconSuggestion:before{font-
family:'OffSMDL2';font-size:24px;font-weight:100;vertical-
align:middle;content:''}body{font-family:'Segoe UI','Segoe UI Web','wf_segoe-
ui_normal','Helvetica Neue','BBAlpha Sans','S60 Sans',Arial,sans-serif;font-
weight:normal;margin:0}body.macexcel,body.maconenote,body.macoutlook,body.macpowerp
oint,body.macword{font-family:-apple-system,'Segoe UI','Segoe UI Web','wf_segoe-
ui_normal','Helvetica Neue','BBAlpha Sans','S60 Sans',Arial,sans-
serif}body.colorful{background:#e6e6e6}body.colorful.macexcel,body.colorful.maconen
ote,body.colorful.macoutlook,body.colorful.macpowerpoint,body.colorful.macword{back
ground:#f1f1f1}body.colorful.obfWeb{background:#faf9f8}body.white{background:#fff}b
ody.black{background:#262626}body.black.obfWeb{background:#212121}body.darkgray{bac
kground:#666}body *{box-sizing:border-box}#f1Body{padding:7px 5px}#f1Body
a.ocpExternalLink:after{font-family:'OffSMDL2'!important;content:'';margin-
left:5px;vertical-align:bottom;font-size:15px}#f1Body h1{font-family:'Segoe UI
Semilight','wf_segoe-ui_semilight','wf_segoe-ui_normal','Segoe UI','Segoe UI
Web','Helvetica Neue',Arial,sans-serif;font-weight:normal;font-size:19px;line-
height:22px;margin:0 0 20px;padding:0}#f1Body h1.macexcel,#f1Body
h1.maconenote,#f1Body h1.macoutlook,#f1Body h1.macpowerpoint,#f1Body
h1.macword{font-family:-apple-system,'Segoe UI Semilight','wf_segoe-
ui_semilight','wf_segoe-ui_normal','Segoe UI','Segoe UI Web','Helvetica
Neue',Arial,sans-serif}#f1Body h2{font-family:'Segoe UI','Segoe UI Web','wf_segoe-
ui_normal','Helvetica Neue','BBAlpha Sans','S60 Sans',Arial,sans-serif;font-
weight:normal;font-size:15px;line-height:18px;margin:25px 0 20px;padding:0}#f1Body
h2.macexcel,#f1Body h2.maconenote,#f1Body h2.macoutlook,#f1Body
h2.macpowerpoint,#f1Body h2.macword{font-family:-apple-system,'Segoe UI','Segoe UI
Web','wf_segoe-ui_normal','Helvetica Neue','BBAlpha Sans','S60 Sans',Arial,sans-
serif}#f1Body h3,#f1Body h4,#f1Body h5,#f1Body h6{font-family:'Segoe UI
Semibold','wf_segoe-ui_semibold','wf_segoe-ui_normal','Segoe UI','Segoe
WP',Tahoma,Arial,sans-serif;font-weight:600;font-size:13px;line-
height:16px;margin:20px 0;padding:0}#f1Body h3.macexcel,#f1Body h4.macexcel,#f1Body
h5.macexcel,#f1Body h6.macexcel,#f1Body h3.maconenote,#f1Body h4.maconenote,#f1Body
h5.maconenote,#f1Body h6.maconenote,#f1Body h3.macoutlook,#f1Body
h4.macoutlook,#f1Body h5.macoutlook,#f1Body h6.macoutlook,#f1Body
h3.macpowerpoint,#f1Body h4.macpowerpoint,#f1Body h5.macpowerpoint,#f1Body
h6.macpowerpoint,#f1Body h3.macword,#f1Body h4.macword,#f1Body h5.macword,#f1Body
h6.macword{font-family:-apple-system,'Segoe UI Semibold','wf_segoe-
ui_semibold','wf_segoe-ui_normal','Segoe UI','Segoe WP',Tahoma,Arial,sans-
serif}#f1Body p,#f1Body li,#f1Body span,#f1Body ul,#f1Body ol{font-
size:13px;margin-top:13px;margin-bottom:13px;padding:0}#f1Body p,#f1Body ul,#f1Body
ol{font-family:'Segoe UI','Segoe UI Web','wf_segoe-ui_normal','Helvetica
Neue','BBAlpha Sans','S60 Sans',Arial,sans-serif;font-weight:normal;line-
height:16px}#f1Body p.macexcel,#f1Body ul.macexcel,#f1Body ol.macexcel,#f1Body
p.maconenote,#f1Body ul.maconenote,#f1Body ol.maconenote,#f1Body
p.macoutlook,#f1Body ul.macoutlook,#f1Body ol.macoutlook,#f1Body
p.macpowerpoint,#f1Body ul.macpowerpoint,#f1Body ol.macpowerpoint,#f1Body
p.macword,#f1Body ul.macword,#f1Body ol.macword{font-family:-apple-system,'Segoe
UI','Segoe UI Web','wf_segoe-ui_normal','Helvetica Neue','BBAlpha Sans','S60
Sans',Arial,sans-serif}#f1Body.macexcel h1,#f1Body.maconenote h1,#f1Body.macoutlook
h1,#f1Body.macpowerpoint h1,#f1Body.macword h1{font-family:-apple-system,'Segoe UI
Semilight','wf_segoe-ui_semilight','wf_segoe-ui_normal','Segoe UI','Segoe UI
Web','Helvetica Neue',Arial,sans-serif}#f1Body.macexcel h2,#f1Body.maconenote
h2,#f1Body.macoutlook h2,#f1Body.macpowerpoint h2,#f1Body.macword h2{font-family:-
apple-system,'Segoe UI','Segoe UI Web','wf_segoe-ui_normal','Helvetica
Neue','BBAlpha Sans','S60 Sans',Arial,sans-serif}#f1Body.macexcel
h3,#f1Body.maconenote h3,#f1Body.macoutlook h3,#f1Body.macpowerpoint
h3,#f1Body.macword h3,#f1Body.macexcel h4,#f1Body.maconenote h4,#f1Body.macoutlook
h4,#f1Body.macpowerpoint h4,#f1Body.macword h4,#f1Body.macexcel
h5,#f1Body.maconenote h5,#f1Body.macoutlook h5,#f1Body.macpowerpoint
h5,#f1Body.macword h5,#f1Body.macexcel h6,#f1Body.maconenote h6,#f1Body.macoutlook
h6,#f1Body.macpowerpoint h6,#f1Body.macword h6{font-family:-apple-system,'Segoe UI
Semibold','wf_segoe-ui_semibold','wf_segoe-ui_normal','Segoe UI','Segoe
WP',Tahoma,Arial,sans-serif}#f1Body.macexcel p,#f1Body.maconenote
p,#f1Body.macoutlook p,#f1Body.macpowerpoint p,#f1Body.macword p,#f1Body.macexcel
ul,#f1Body.maconenote ul,#f1Body.macoutlook ul,#f1Body.macpowerpoint
ul,#f1Body.macword ul,#f1Body.macexcel ol,#f1Body.maconenote ol,#f1Body.macoutlook
ol,#f1Body.macpowerpoint ol,#f1Body.macword ol{font-family:-apple-system,'Segoe
UI','Segoe UI Web','wf_segoe-ui_normal','Helvetica Neue','BBAlpha Sans','S60
Sans',Arial,sans-serif}#f1Body .ocpAlert,#f1Body .ocpAlert p{margin-
top:16px;margin-bottom:16px;padding-left:3.5%;padding-top:6px;padding-
right:8%;padding-bottom:6px;font-weight:600}#f1Body .cardHeader{font-
size:14.7px;line-height:31px;margin:0;padding-left:3px}#f1Body .card{max-
width:458px;margin-bottom:13px;padding:0 13px;overflow:hidden}#f1Body .card
.ocpTextArea{border-color:#d2d2d2;margin:1px}#f1Body .ocpTextArea:focus{border-
color:#3176b9}#f1Body .ocpButton{padding:6px 10px;font-
weight:normal;color:#505050;background:#d2d2d2;border:1px solid #d2d2d2}#f1Body
.ocpButton:hover,#f1Body .ocpButton:active,#f1Body
.ocpButton:focus{background:#bbb}#f1Body
.ocpButton:disabled{color:#b1b1b1;background:#f3f3f3;border:none}#f1Body .ocpButton
.ms-Button-label{font-weight:normal}#f1Body
.ocpSlabButton{border:none;cursor:pointer;display:block;max-width:458px;margin-
bottom:14px;padding:13px 12px 14px 12px;text-align:left;transition:box-shadow .
33s;box-shadow:0 2px 4px rgba(0,0,0,.1)}html[dir="rtl"] #f1Body
.ocpSlabButton{text-align:right}#f1Body .ms-Checkbox-
checkbox{height:16px;width:16px;background:#fff;border-color:#a6a6a6}#f1Body .ms-
Checkbox-checkbox i{color:#000}#f1Body.colorful a{color:#0067b8}#f1Body.colorful
.ocpTextArea{color:#505050;background:#fff}#f1Body.colorful .ocpTextArea:-ms-input-
placeholder{color:#a9a9a9}#f1Body.colorful .ocpAlert,#f1Body.colorful .ocpAlert
p{background:#f3f3f3}#f1Body.colorful
.ocpSlabButton{background:#fff}#f1Body.colorful
.ocpSlabButton:hover,#f1Body.colorful .ocpSlabButton:active,#f1Body.colorful
.ocpSlabButton:focus{border-style:solid;border-width:2px;border-
color:#c6c6c6}#f1Body.colorful.obfWeb{border-color:#e1dfdd}#f1Body.colorful
h1,#f1Body.colorful h2{color:#262626}#f1Body.colorful h3,#f1Body.colorful
h4,#f1Body.colorful h5,#f1Body.colorful h6,#f1Body.colorful p,#f1Body.colorful
ul,#f1Body.colorful ol,#f1Body.colorful span{color:#505050}#f1Body.colorful table
th p,#f1Body.colorful table thead p{color:#fff}#f1Body.colorful table
th,#f1Body.colorful table td{border-color:#fff}#f1Body.colorful table.banded tbody
tr:nth-child(odd){background:#f3f3f3}#f1Body.colorful table.banded tbody tr:nth-
child(even){background:#e6e6e6}#f1Body.white a,#f1Body.fluent
a{color:#0067b8}#f1Body.white.obfWeb .ocpTextArea,#f1Body.fluent.obfWeb
.ocpTextArea{background:#fff}#f1Body.white.obfWeb
.ocpSlabButton,#f1Body.fluent.obfWeb
.ocpSlabButton{background:#fff}#f1Body.white.obfWeb
.ocpSlabButton:hover,#f1Body.fluent.obfWeb
.ocpSlabButton:hover,#f1Body.white.obfWeb
.ocpSlabButton:active,#f1Body.fluent.obfWeb
.ocpSlabButton:active,#f1Body.white.obfWeb
.ocpSlabButton:focus,#f1Body.fluent.obfWeb .ocpSlabButton:focus{border-
color:#e1dfdd}#f1Body.white .ocpTextArea,#f1Body.fluent
.ocpTextArea{color:#505050;background:#f3f3f3}#f1Body.white .ocpTextArea:-ms-input-
placeholder,#f1Body.fluent .ocpTextArea:-ms-input-
placeholder{color:#a9a9a9}#f1Body.white .ocpSlabButton,#f1Body.fluent
.ocpSlabButton{background:#f3f3f3}#f1Body.white .ocpSlabButton:hover,#f1Body.fluent
.ocpSlabButton:hover,#f1Body.white .ocpSlabButton:active,#f1Body.fluent
.ocpSlabButton:active,#f1Body.white .ocpSlabButton:focus,#f1Body.fluent
.ocpSlabButton:focus{border-style:solid;border-width:2px;border-
color:#e6e6e6}#f1Body.white .ocpButton:disabled,#f1Body.fluent
.ocpButton:disabled{border:1px solid #b1b1b1}#f1Body.white .ocpAlert,#f1Body.fluent
.ocpAlert,#f1Body.white .ocpAlert p,#f1Body.fluent .ocpAlert
p{background:#fff}#f1Body.white h1,#f1Body.fluent h1,#f1Body.white
h2,#f1Body.fluent h2{color:#262626}#f1Body.white h3,#f1Body.fluent h3,#f1Body.white
h4,#f1Body.fluent h4,#f1Body.white h5,#f1Body.fluent h5,#f1Body.white
h6,#f1Body.fluent h6,#f1Body.white p,#f1Body.fluent p,#f1Body.white
ul,#f1Body.fluent ul,#f1Body.white ol,#f1Body.fluent ol,#f1Body.white
span,#f1Body.fluent span{color:#505050}#f1Body.white table th p,#f1Body.fluent
table th p,#f1Body.white table thead p,#f1Body.fluent table thead
p{color:#fff}#f1Body.white table th,#f1Body.fluent table th,#f1Body.white table
td,#f1Body.fluent table td{border-color:#e6e6e6}#f1Body.white table.banded tbody
tr:nth-child(odd),#f1Body.fluent table.banded tbody tr:nth-child(odd)
{background:#fff}#f1Body.white table.banded tbody tr:nth-child(even),#f1Body.fluent
table.banded tbody tr:nth-child(even){background:#f3f3f3}#f1Body.black
h1,#f1Body.black h2,#f1Body.black h3,#f1Body.black h4,#f1Body.black
h5,#f1Body.black h6,#f1Body.black p,#f1Body.black ul,#f1Body.black ol,#f1Body.black
span{color:#fff}#f1Body.black.obfWeb
.ocpTextArea{background:#3c3c3c}#f1Body.black.obfWeb
.ocpSlabButton{background:#3c3c3c}#f1Body.black.obfWeb
.ocpSlabButton:hover,#f1Body.black.obfWeb
.ocpSlabButton:active,#f1Body.black.obfWeb .ocpSlabButton:focus{border-
color:#555}#f1Body.black
.ocpTextArea{color:#fff;background:#505050}#f1Body.black .ocpTextArea:-ms-input-
placeholder{color:#a9a9a9}#f1Body.black
.ocpSlabButton{background:#505050}#f1Body.black
.ocpSlabButton:hover,#f1Body.black .ocpSlabButton:active,#f1Body.black
.ocpSlabButton:focus{border-style:solid;border-width:2px;border-
color:#444}#f1Body.black .ms-Checkbox-checkbox{background:#505050}#f1Body.black
.ms-Checkbox-checkbox i{color:#fff}#f1Body.black table th p,#f1Body.black table
thead p{color:#505050}#f1Body.black table th,#f1Body.black table td{border-
color:#666}#f1Body.black table.banded tbody tr:nth-child(odd)
{background:#262626}#f1Body.black table.banded tbody tr:nth-child(even)
{background:#363636}#f1Body.darkgray h1,#f1Body.darkgray
h2{color:#fff}#f1Body.darkgray h3,#f1Body.darkgray h4,#f1Body.darkgray
h5,#f1Body.darkgray h6,#f1Body.darkgray p,#f1Body.darkgray ul,#f1Body.darkgray
ol,#f1Body.darkgray span{color:#d2d2d2}#f1Body.darkgray
.ocpTextArea{color:#d2d2d2;background:#262626}#f1Body.darkgray .ocpTextArea:-ms-
input-placeholder{color:#666}#f1Body.darkgray
.ocpSlabButton{background:#444}#f1Body.darkgray
.ocpSlabButton:hover,#f1Body.darkgray .ocpSlabButton:active,#f1Body.darkgray
.ocpSlabButton:focus{border-style:solid;border-width:2px;border-
color:#b1b1b1}#f1Body.darkgray .ms-Checkbox-
checkbox{background:#262626}#f1Body.darkgray .ms-Checkbox-checkbox
i{color:#d2d2d2}#f1Body.darkgray table th p,#f1Body.darkgray table thead
p{color:#505050}#f1Body.darkgray table th,#f1Body.darkgray table td{border-
color:#969696}#f1Body.darkgray table.banded tbody tr:nth-child(odd)
{background:#666}#f1Body.darkgray table.banded tbody tr:nth-child(even)
{background:#737373}#f1Body.black a,#f1Body.darkgray
a{color:#56bdfc}#f1Body.black .ocpTextArea,#f1Body.darkgray .ocpTextArea{border-
color:rgba(255,255,255,.4)}#f1Body.black .ocpAlert,#f1Body.darkgray
.ocpAlert,#f1Body.black .ocpAlert p,#f1Body.darkgray .ocpAlert
p{background:#444;color:#fff}.feedbackInsiderTitle{font-family:Segoe UI;font-
style:normal;font-weight:600;font-size:28px;line-
height:36px}.joinInsiderButton{height:32px;margin:0;padding-
left:3px}.feedbackInsiderBulletLists{margin-left:3px;padding-
left:0}.cardHeaderSection{height:31px;padding:0 10px;margin:0 -13px}.colorful
#f1Asset{background:#fff}.colorful .obfWeb #f1Asset{box-shadow:0 2px 4px
rgba(0,0,0,.1)}.white #f1Asset{background:#f3f3f3}.black
#f1Asset{background:#505050}.black .obfWeb
#f1Asset{background:#3c3c3c}.black.winword .obfWeb
.cardHeaderSection,.black.wdwaenduser .obfWeb .cardHeaderSection,.black.excel
.obfWeb .cardHeaderSection,.black.powerpnt .obfWeb
.cardHeaderSection,.black.outlook .obfWeb .cardHeaderSection,.black.macword .obfWeb
.cardHeaderSection,.black.macexcel .obfWeb
.cardHeaderSection,.black.macpowerpoint .obfWeb
.cardHeaderSection,.black.macoutlook .obfWeb
.cardHeaderSection{background:#fff}.black.winword
.cardHeaderSection,.black.wdwaenduser .cardHeaderSection,.black.macword
.cardHeaderSection{background:#e3ecfa}.black.excel
.cardHeaderSection,.black.macexcel
.cardHeaderSection{background:#e9f5ee}.black.powerpnt
.cardHeaderSection,.black.macpowerpoint
.cardHeaderSection{background:#fcf0ed}.black.outlook
.cardHeaderSection,.black.macoutlook
.cardHeaderSection{background:#cce3f5}.black.onenote
.cardHeaderSection,.black.maconenote .cardHeaderSection{background:#f7edf7}.black
#f1Body .cardHeader{color:#262626}.black.obfWeb #f1Body
.cardHeader{color:#262626}.darkgray #f1Asset{background:#262626}.darkgray
.cardHeaderSection{background:#fff}.darkgray #f1Body
.cardHeader{color:#262626}.colorful.iwapp .obfWeb
.cardHeaderSection,.colorful.onedrive .obfWeb
.cardHeaderSection,.colorful.winword .obfWeb
.cardHeaderSection,.colorful.wdwaenduser .obfWeb .cardHeaderSection,.colorful.excel
.obfWeb .cardHeaderSection,.colorful.outlook .obfWeb
.cardHeaderSection,.colorful.macword .obfWeb
.cardHeaderSection,.colorful.macexcel .obfWeb .cardHeaderSection,.colorful.powerpnt
.obfWeb .cardHeaderSection,.colorful.macpowerpoint .obfWeb
.cardHeaderSection,.colorful.macoutlook .obfWeb
.cardHeaderSection{background:#737373}.colorful.iwapp .card,.white.iwapp
.card,.fluent.iwapp .card{background-color:#fff;border:1px solid;border-
color:#ccc}.colorful.iwapp .cardHeaderSection,.white.iwapp
.cardHeaderSection,.fluent.iwapp
.cardHeaderSection{background:#505050}.colorful.onedrive .card,.white.onedrive
.card,.fluent.onedrive .card{background-color:#fff;border:1px solid;border-
color:#ccc}.colorful.onedrive .cardHeaderSection,.white.onedrive
.cardHeaderSection,.fluent.onedrive
.cardHeaderSection{background:#505050}.colorful.winword
.cardHeaderSection,.white.winword .cardHeaderSection,.fluent.winword
.cardHeaderSection,.colorful.wdwaenduser .cardHeaderSection,.white.wdwaenduser
.cardHeaderSection,.fluent.wdwaenduser .cardHeaderSection,.colorful.macword
.cardHeaderSection,.white.macword .cardHeaderSection,.fluent.macword
.cardHeaderSection{background:#2b579a}.colorful.excel
.cardHeaderSection,.white.excel .cardHeaderSection,.fluent.excel
.cardHeaderSection,.colorful.macexcel .cardHeaderSection,.white.macexcel
.cardHeaderSection,.fluent.macexcel
.cardHeaderSection{background:#217346}.colorful.powerpnt
.cardHeaderSection,.white.powerpnt .cardHeaderSection,.fluent.powerpnt
.cardHeaderSection,.colorful.macpowerpoint
.cardHeaderSection,.white.macpowerpoint .cardHeaderSection,.fluent.macpowerpoint
.cardHeaderSection{background:#b7472a}.colorful.outlook
.cardHeaderSection,.white.outlook .cardHeaderSection,.fluent.outlook
.cardHeaderSection,.colorful.macoutlook .cardHeaderSection,.white.macoutlook
.cardHeaderSection,.fluent.macoutlook
.cardHeaderSection{background:#106ebe}.colorful.onenote
.cardHeaderSection,.white.onenote .cardHeaderSection,.fluent.onenote
.cardHeaderSection,.colorful.maconenote .cardHeaderSection,.white.maconenote
.cardHeaderSection,.fluent.maconenote
.cardHeaderSection{background:#80397b}.colorful #f1Body .cardHeader,.white
#f1Body .cardHeader,.fluent #f1Body .cardHeader{color:#fff}