#addonRepTitle{padding-bottom:10px;}
#addonRepTitle>div.text{display:inline-block;font-size:18px;font-weight:bold;text-transform:uppercase;}
#addonRepTitle>div.btn{display:inline-block;margin-left:10px;}
#addonRepTitle>div.btn svg{height:16px;width:16px;margin-right:0px;}
#addonRepTitle>div.btn:hover:not(.noclick) svg{cursor:pointer;fill:var(--highlight);}

#addonRepConfigToggler{opacity:0.5;}
#addonRepConfigToggler.toggled{opacity:1;}

#repToggleNewReportBtn{padding:0px 10px;margin-top:10px;}

#fmanListConfig.reporting>div>div.field{background:#F9F9F9;border:1px solid #BBB;}
#fmanListConfig.reporting>div>div.field>div.title{background:#666;color:#FFF;text-transform:uppercase;font-size:12px;font-weight:bold;text-shadow:1px 1px #000;padding:5px 10px;}
#fmanListConfig.reporting>div>div.field>div.content{padding:5px;}
#fmanListConfig.reporting>div>div.field>div.content>div.field{margin:5px;}
#fmanListConfig.reporting>div>div.field.optblock:not(.toggled){opacity:0.5;}
#fmanListConfig.reporting>div>div.field.optblock:not(.toggled):hover{opacity:0.75;}
#fmanListConfig.reporting>div>div.field.optblock>div.title{cursor:pointer;}
#fmanListConfig.reporting>div>div.field.optblock>div.content{display:none;}
#fmanListConfig.reporting>div>div.field.optblock.toggled>div.content{display:block;}

#addonRepFieldMode{float:right;margin-top:-3px;margin-right:-7px;margin-left:10px;}

#repTblListing{text-align:center;}
#repTblListing>div.title{padding-bottom:20px;font-size:24px;}
#repTblListing>div.table{display:inline-block;vertical-align:top;border:3px solid #BBB;margin:0px 15px 15px 15px;}
#repTblListing>div.table>div{padding:7px 10px;text-align:left;}
#repTblListing>div.table>div.title{font-size:16px;line-height:16px;font-weight:bold;text-transform:uppercase;background:#666;color:#FFF;text-shadow:1px 1px #000;}
#repTblListing>div.table>div.title>div.lng{display:inline-block;background:#333;color:#FFF;text-shadow:1px 1px #000;line-height:12px;font-size:12px;padding:2px 3px;margin-left:5px;vertical-align:top;}
#repTblListing>div.table>div.content{background:#EEE;}
#repTblListing>div.table>div.content>div{height:14px;margin-bottom:3px;}
#repTblListing>div.table>div.content>div:last-child{margin-bottom:0px;}
#repTblListing>div.table>div.content>div>div{font-size:11px;line-height:14px;display:inline-block;vertical-align:top;margin:0px;padding:0px;}
#repTblListing>div.table>div.content>div>div:first-child{font-size:14px;font-weight:bold;padding-right:5px;}
#repTblListing>div.table:hover{cursor:pointer;border-color:var(--highlight);}
#repTblListing>div.table:hover>div.title{background:var(--highlight);}

#addonRepFields{}
#addonRepFields div.afield{display:inline-block;vertical-align:top;margin:5px;background:#EEE;border:1px solid #BBB;}
#addonRepFields div.afield>div.toggler{line-height:16px;padding:7px 10px;display:inline-block;}
#addonRepFields div.afield>div.toggler>.fname{display:inline-block;}
#addonRepFields div.afield>div.toggler>.check{background:#FFF;border:1px solid #BBB;display:inline-block;height:16px;width:16px;text-align:center;vertical-align:middle;margin-right:10px;}
#addonRepFields div.afield>div.toggler>.check>svg{margin-right:0px;height:12px;width:12px;vertical-align:top;display:none;}
#addonRepFields div.afield>div.toggler>.tag{display:inline-block;margin-left:5px;font-size:11px;line-height:11px;padding:2px 3px;background:#666;color:#FFF;text-shadow:1px 1px #000;text-transform:uppercase;}
#addonRepFields div.afield>.icn{display:inline-block;vertical-align:middle;margin-right:10px;}
#addonRepFields div.afield>.icn.edit{display:none;}
#addonRepFields div.afield>.icn>svg{margin-right:0px;}
#addonRepFields div.afield>.icn:hover>svg{fill:var(--highlight);cursor:pointer;}
#addonRepFields div.afield>div.toggler:hover{cursor:pointer;}
#addonRepFields div.afield>div.toggler:hover>.fname{color:var(--highlight);}
#addonRepFields div.afield svg.frk.icon{height:16px;width:16px;}
#addonRepFields div.afield div.distinct svg.frk.icon{opacity:0.5;}
#addonRepFields div.afield div.distinct.toggled svg.frk.icon{opacity:1;}
#addonRepFields div.afield div.icn.drag svg.frk.icon{margin-top:1px;}
#addonRepFields div.afield>div.toggler:hover>svg.frk.icon{fill:var(--highlight);}
#addonRepFields div.afield.toggled>div.toggler>.check>svg{display:inline-block;}
#addonRepFields div.afield.toggled>.icn.edit{display:inline-block;}
#addonRepFields div.afield.filtering>.icn.filter{display:none;}
#addonRepFields div.afield div.show_key_holder{display:inline-block;padding-right:5px;}
#addonRepFields div.afield div.show_key_holder input.show_key{min-width: 70px;
    width: 70px;border-radius: 3px;
    font-size: 12px;
    padding: 3px;}

#addonRepFields div.afield>div.filterzone{padding:7px 10px;background:#F9F9F9;display:none;}
#addonRepFields div.afield.filtering>div.filterzone{display:block;}
#addonRepFields div.afield div.filterzone div.mcui-button{margin:0px;display:block;height:20px;line-height:20px;padding:0px 10px;font-size:12px;text-align:center;}
#addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div{display:inline-block;vertical-align:top;padding-right:5px;}
#addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div:last-child{padding-right:0px;}
#addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div .mcui-select .holder{height:25px;width:100px !important;}
#addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div .mcui-select .selected{width:73px !important;}
#addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div .mcui-input{min-width:100px;width:100px;}
#addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div .mcui-input.key{min-width:70px;width:70px;}
#addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div .mcui-button{margin:0px;height:24px;width:24px;text-align:center;line-height:23px;padding:0px;}
#addonRepFields div.afield div.filterzone>div.filters>div.f{padding-bottom:7px;}
#addonRepFields div.afield div.filterzone>div.filters:empty{display:none;}

#addonRepFields div.afield>div.groupzone{padding:7px 10px;display:none;vertical-align:top;}
#addonRepFields.grouped div.afield.toggled>div.groupzone{display:inline-block;}
#addonRepFields.grouped div.afield.toggled>div.groupzone .mcui-select .holder{height:25px;width:120px !important;}
#addonRepFields.grouped div.afield.toggled>div.groupzone .mcui-select .selected{width:93px !important;}

#addonRepFields div.afield>div.orderzone{padding:7px 10px 7px 10px;display:none;vertical-align:top;text-align:left;display:none !important;}
#addonRepFields div.afield.toggled>div.orderzone{display:inline-block;}
#addonRepFields div.afield>div.orderzone input{width:30px;min-width:30px;text-align:center;}

#addonRepFieldChgFrm div.field{margin:0px;}

#addonRepJoins div.mcui-button{margin:0px;display:block;height:20px;line-height:20px;padding:0px 10px;font-size:12px;text-align:center;}
#addonRepTime>div.content{padding-bottom:0px !important;padding-right:0px !important;}
#addonRepTime>div.content div.mcui-mcheck>div.choice{padding:3px 5px 3px 25px;font-size:12px;}

#addonRepJoinZone{margin-bottom:5px;}
#addonRepJoinZone:empty{display:none;}
#addonRepJoinZone>div.join{}
#addonRepJoinZone>div.join>div{font-size:12px;line-height:16px;padding:3px;border-bottom:1px solid #BBB;}
#addonRepJoinZone>div.join:last-child>div{border-bottom:0px;}
#addonRepJoinZone>div.join:hover>div{color:var(--highlight);}
#addonRepJoinZone>div.join:hover>div.link svg{fill:var(--highlight);}
#addonRepJoinZone>div.join>div.type{}
#addonRepJoinZone>div.join>div.table{font-weight:bold;}
#addonRepJoinZone>div.join>div.link{}
#addonRepJoinZone>div.join>div.actions{text-align:right;}
#addonRepJoinZone>div.join>div.actions>.icn{display:inline-block;vertical-align:middle;margin-left:10px;margin-right:0px;}
#addonRepJoinZone>div.join>div.actions>.icn:hover>svg{fill:var(--highlight);cursor:pointer;}
#addonRepJoinZone>div.join svg{margin-left:0px;height:16px;width:16px;margin-right:0px;}
#addonRepJoinZone>div.join>div.link svg{margin:0px 5px;}

#addonRepReportScroller{overflow:scroll;display:grid;}

#addonRepReportTable{margin-bottom:0px;}
#addonRepReportTable>div.header>div{}
#addonRepReportTable>div.line.total{background:rgba(0,0,0,0.1);}
#addonRepReportTable>div.line.total div{font-weight:bold;}

#addonRepSaveMsg{margin-bottom:20px;display:none;}
#addonRepOutput div.gen_msg>div.title{font-weight:bold;padding-bottom:3px;}
#addonRepOutput div.gen_msg>div{font-size:12px;}
#addonRepTinyURL{cursor:pointer;}
#addonRepTinyURL:hover svg{fill:var(--highlight);}

#fman_contentOpener>div.wrap>div.content #addonRepJoinFrm div.table_fields{display:none;}

#addonRepTime div.field{margin-left:0px !important;margin-top:0px !important;}
#addonRepTime div.field>label,#addonRepTime div.field>div{display:inline-block;vertical-align:middle;}
#addonRepTime div.field>label{margin-right:5px;line-height:30px;}
#addonRepTimeTogglerZone:not(.year) .tab.tval_year{display:none;}
#addonRepTimeTogglerZone:not(.month) .tab.tval_month{display:none;}
#addonRepTimeTogglerZone:not(.week) .tab.tval_week{display:none;}
#addonRepTimeTogglerZone:not(.custom) .tab.tval_custom{display:none;}
#addonRepTimingZone>div{display:inline-block;vertical-align:top;}
#addonRepTimeYear{min-width:50px;width:50px;text-align:center;}
#addonRepTimeMonth>div.holder{width:110px !important;}
#addonRepTimeMonth>div.selected{width:60px !important;}
#addonRepTimeMonth>div>div.options{width:110px !important;}
#addonRepTimeTogglerYear>div.mcui-button{margin:0px;height:30px;vertical-align:top;text-align:center;width:30px;}
#addonRepTimeTogglerYear>div.mcui-button>svg{margin:6px 0px 0px 0px;width:16px;height:16px;}
#addonRepTimeTogglerYear>div.mcui-button:first-child>svg{margin-right:2px;}
#addonRepTimeTogglerYear>div.mcui-button:last-child>svg{margin-left:2px;}
#addonRepTimeTogglerYear>input{margin:0px 5px;}
#addonRepTimeTogglerMonth{margin-left:10px;}
#addonRepTimeTogglerCustom input{text-align:center;min-width:150px;width:150px;}
#addonRepTimeTogglerCustom.format_date input{min-width:90px;width:90px;text-align:center;}

#addonRepTotalsSet div.tfield{padding:3px 5px 3px 5px;font-size:12px;background:#DDD;border-radius:3px;border:1px solid #BBB;margin-top:5px;line-height:20px;text-shadow:1px 1px #FFF;}
#addonRepTotalsSet div.tfield div.mcui-button.red{width:20px;height:20px;text-align:center;float:right;font-size:12px;line-height:20px;margin:0px 0px 0px 10px;}

body.printing #addonRepReportScroller{overflow:visible;display:block;margin-top:10px;}
body.printing #addonRepReportTable{width:auto;}

#addonRepPrintTitle{font-size:16px;font-weight:bold;text-transform:uppercase;}
#addonRepPrintDescription{}
#addonRepPrintDateRange{margin-top:10px;font-size:12px;}

body.formar #addonRepTimeYear{width:70px;min-width:70px;}
body.formar #addonRepTimeTogglerYear>div.mcui-button{height:auto;width:auto;}
body.formar #addonRepTimeTogglerYear>div.mcui-button>svg{margin-top:3px;padding-top:1px;padding-bottom:3px;}
body.formar #addonRepFields div.afield div.filterzone div.mcui-button{height:auto;}
body.formar #addonRepJoins div.mcui-button{height:auto;}
body.formar #addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div .mcui-button{height:auto;width:auto;line-height:20px;}
body.formar #addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div .mcui-select .holder{height:32px;}
body.formar #addonRepFields .mcui-select>div.holder>div.selected{padding:6px 30px 6px 10px !important;}
body.formar #addonRepFields div.afield div.filterzone>div.filters>div.f>div.wrap>div .mcui-input{padding:5px 10px;}
body.formar #addonRepFieldMode>div.choice{display:inline-block;padding: 3px 5px;
    background:#FFF;
    font-size: 11px;
    line-height: 11px;border-radius:5px;margin-left:3px;}