.panbutoff{background:#162cc0; display:flex; padding:2px; margin:2px; border-radius:3px; color:#fff;}
.panbutoff:hover{background:#5063eb;  color:#fff;  text-decoration:none;}
.panbuton{background:#348c24; display:flex; padding:2px; margin:2px; border-radius:3px; color:#fff;}
.panbuton:hover{background:#43b72f;  color:#fff; text-decoration:none;}

.admbutoff{background:#cf1a05; display:flex; padding:2px; margin:2px; border-radius:3px; color:#fff;}
.admbutoff:hover{background:#fa331d;  color:#fff;  text-decoration:none;}
.admbuton{background:#ac5c22; display:flex; padding:2px; margin:2px; border-radius:3px; color:#fff;}
.admbuton:hover{background:#d67329;  color:#fff; text-decoration:none;}

.indibutoff{background:red; display:flex; padding:2px; margin:2px; border-radius:3px; color:#fff;}
.indibutoff:hover{background:orange;  color:#fff;  text-decoration:none;}
.indibuton{background:green; display:flex; padding:2px; margin:2px; border-radius:3px; color:#fff;}
.indibuton:hover{background:blue;  color:#fff; text-decoration:none;}
.devmodeindicator{display:flex; height:18px; position:fixed; margin:4px; padding:2px; top:25px; right:0px;  border-radius:3px; padding-left:4px; padding-right:4px; z-index:3000; justify-self:flex-start; width:auto; align-self: flex-start;}
.devmodemessage{display:flex; height:18px; position:relative; background:RGBA(252, 168, 12,.7); margin:4px; color:#fff; padding:2px; border-radius:3px; padding-left:4px; padding-right:4px; z-index:3000; justify-self:flex-start; width:auto; align-self:flex-start;}
.devmodemessagecontainer{display:flex; position:fixed; top:50%; left:50%; z-index:100000;}
.dmshow1{display:flex;}
.panmenuhide{display:none;}
.panmenushow{display:flex;}
.panallhide{display:none; visibility:0;}
.panallhide > div{display:none; visibility:0;}
.panallhide div{display:none; visibility:0;}
.panallshow{display:flex; position:relative; z-index:100000;}

.devmodehide div{display:none; visibility:0;}
.devmodeshow{display:flex; position:relative; z-index:100000;}

.dmbuthide{display:none;}
.dmbutshow{display:block;}
.dmpanhide{display:none;}
.dmpanshow{display:flex;}
.devmenuhide{display:none;}
.devmenushow{display:flex;}
.showplus{display:flex; font-size:14px; }
.showminus{display:flex; font-size:14px; }
.dmpan{ flex-direction:column;position:relative;  z-index:4010; background:#000; color:#fff; font-weight:bold; overflow:auto; width:100%; padding-top:2px; padding-bottom:2px;}
.pancontents{display:flex; flex-direction:column;position:relative;background:#222; font-weight:normal; overflow:auto;width:100%; padding-top:2px; padding-bottom:2px; border-radius:5px; }
.dmpanhide{display:none;}
.dmit{display:flex;}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.slowhide {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s linear 2s, opacity 1s linear 2s;
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.devmodetoggle{}
.devmodetoggle:hover{text-decoration:none;}

.devmenutoggle{}
.devmenutoggle:hover{text-decoration:none;}

/*
.panbuta - This indicates that the button is one we watch for clicks.
.panbutoff - This is simply for styling the button colors.
.panbuton - This is simply for styling (h means Highlighted.)
.devmenutoggle - This specifies that clicking the button should toggle the dipalay of the menu.
.noreturn - This means that the button will be handled with "return=false;".
#devmodeindicator - This is the indicator (which is also a button) to show the current status of the menu display.
#devmodeindiicon - This is the icon for the indicator.
*/

.fixed-content {
	overflow:scroll !important;
    overflow-y:scroll !important;
    overflow-x:scroll !important;
}
.resch div{}

.dpmeasure1{ background:rgba(129, 129, 129, .5); border:1px dashed rgba(255, 0, 0, .5);position:absolute; top:80px; left:50px;  box-sizing:border-box margin:0px; z-index:1000003;}
.dpmeasure1:hover{border:1px dotted rgba(255, 0, 0, .2);}
.dpmeasure1text{display:flex;font-size:10px;color:yellow; background:RGBA(103, 103, 103,.5); padding:1px; margin:1px; }

.dpmeasure2{ background:rgba(129, 129, 129, .5); border:1px dashed rgba(255, 0, 0, .5);position:relative; top:80px; left:50px;  box-sizing:border-box margin:0px; z-index:1000003;}
.dpmeasure2:hover{border:1px dotted rgba(255, 0, 0, .2);}
.dpmeasure2text{display:flex;font-size:10px;color:yellow; background:RGBA(103, 103, 103,.5); padding:1px; margin:1px; }
.showcolinfo{display:flex;  flex-direction:row; background:#f51f34; line-height:12px; font-size:10px; padding:2px; color:#fff; border:0px solid aqua; align-items:center; align-content:center; justify-content:flex-start;}

.showgrandparentwidth{color:yellow; background:#000; padding:1px; border-radius:2px;}


.dinf{display:flex; flex-direction:row;  width:100%; line-height:12px; font-size:10px; padding:2px; color:yellow; border:1px solid aqua;background:red;  font-size:10px; align-items:center; align-content:center; justify-content:flex-start;}

.sinf{display:flex;  flex-direction:row; width:100%;  line-height:12px; font-size:10px; padding:2px; color:yellow; border:1px solid aqua;background:blue;  font-size:10px; align-items:center; align-content:center; justify-content:flex-start;}



/*.pammnhead{display:inline-block; text-align:left; white-space:normal;min-width:70px; width:auto; padding-left:3px; padding-right:3px;   text-decoration:none;border-radius:6px; white-space:nowrap;  text-align:center;}*/
.pammnhead{}
.pammnhead_sml{display:inline-block;text-align:left;white-space:normal;min-width:70px;width:auto;padding-left:3px;padding-right:3px;text-decoration:none;-moz-border-radius:6px;border-radius:6px; white-space:nowrap;  text-align:center;}
.pammnhead_med{display:inline-block;text-align:left;white-space:normal;min-width:70px;width:auto;padding-left:3px;padding-right:3px;text-decoration:none;-moz-border-radius:6px;border-radius:6px; white-space:nowrap;  text-align:center;}
.pammnhead_lrg{display:inline-block;text-align:left;white-space:normal;min-width:70px;width:auto;padding-left:3px;padding-right:3px;text-decoration:none;-moz-border-radius:6px;border-radius:6px; white-space:nowrap;  text-align:center;}
/*.pammnheadinner{  font-size:<?echo $button_set_textsize?>px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid #fff; text-align:center; }*/
.pammnheadinner_sml{  font-size:11px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid #fff; text-align:center; }
.pammnheadinner_med{  font-size:13px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid #fff; text-align:center; }
.pammnheadinner_lrg{  font-size:16px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid #fff; text-align:center; }
.pammnhead:hover{color:red;}
/*.pammn{display:inline-block;text-align:left;white-space:normal;min-width:<?echo$button_set_minwidth;?>px;width:auto;padding:0px;padding-right:4px;padding-left:26px;text-decoration:none;border-radius:4px;white-space:nowrap;} */
.pammn_sml{display:inline-block;text-align:left;white-space:normal;min-width:40px;width:auto;padding:0px;padding-right:4px;padding-left:26px;text-decoration:none;border-radius:4px;white-space:nowrap;} .pammn_med{display:inline-block;text-align:left;white-space:normal;min-width:60px;width:auto;padding:0px;padding-right:4px;padding-left:26px;text-decoration:none;border-radius:4px;white-space:nowrap;} .pammn_lrg{display:inline-block;text-align:left;white-space:normal;min-width:80px;width:auto;padding:0px;padding-right:4px;padding-left:26px;text-decoration:none;border-radius:4px;white-space:nowrap;} 
.pammn:link{color:#ffffff;} .pammn:visited{color:#ffffff;} .pammn:hover{color:#ffffff;} .pammn:active{color:#ffff99;}
.pammn{}
.pammn_unsel_bgcolor{background:#0074E8;}
.pammn_unsel_hover_bgcolor:hover{background:#f18c03;}
.pammn_unsel_text{color:#fff;}
.pammn_unsel_text_hover:hover{color:yellow;}
.pammn_unsel_border{border:1px solid #333;}
/*.pammn_unsel_margin{margin:<?echo$button_set_marginsize?>px;}*/
.pammn_unsel_margin_sml{margin:1px;}
.pammn_unsel_margin_med{margin:2px;}
.pammn_unsel_margin_lrg{margin:4px;}
.pammn_unsel_iconcolor{} /*hint: if you dont set the icon color, then the icon will change color on hover (to the main text hover color.)*/
/*.pammn_unsel_iconcss{margin-right:6px;  font-size:<?echo$button_set_iconsize?>px;}*/
.pammn_unsel_iconcss_sml{margin-right:6px;  font-size:11px;}
.pammn_unsel_iconcss_med{margin-right:6px;  font-size:13px;}
.pammn_unsel_iconcss_lrg{margin-right:6px;  font-size:16px;}
/*.pammnin_unsel{ margin-left:-22px;  font-size:<?echo $button_set_textsize?>px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid yellow;} /*clas for the internal of teh button*/ 
.pammnin_unsel_sml{ margin-left:-24px;  font-size:11px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid yellow;} /*clas for the internal of teh button*/
.pammnin_unsel_med{ margin-left:-22px;  font-size:13px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid yellow;} /*clas for the internal of teh button*/
.pammnin_unsel_lrg{ margin-left:-22px;  font-size:16px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid yellow;} /*clas for the internal of teh button*/
.pammn_sel_bgcolor{background:#32b506;}
.pammn_sel_hover_bgcolor:hover{background:#f18c03;}
.pammn_sel_text{color:#fff;}
.pammn_sel_text_hover:hover{color:#fff;}
.pammn_sel_border{border:1px solid #333;}
/*.pammn_sel_margin{margin:<?echo$button_set_marginsize?>px;}*/
.pammn_sel_margin_sml{margin:1px;}
.pammn_sel_margin_med{margin:2px;}
.pammn_sel_margin_lrg{margin:4px;}
.pammn_sel_iconcolor{} /*hint: if you dont set the icon color, then the icon will change color on hover (to the main text hover color.)*/
/*.pammn_sel_iconcss{margin-right:6px;  font-size:<?echo$button_set_iconsize?>px;}*/
.pammn_sel_iconcss_sml{margin-right:6px;  font-size:11px;}
.pammn_sel_iconcss_med{margin-right:6px;  font-size:13px;}
.pammn_sel_iconcss_lrg{margin-right:6px;  font-size:16px;}
/*.pammnin_sel{ margin-left:-20px;  font-size:<?echo $button_set_textsize?>px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid yellow;} /*clas for the internal of teh button*/
.pammnin_sel_sml{ margin-left:-24px;  font-size:11px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid yellow;} /*clas for the internal of teh button*/
.pammnin_sel_med{ margin-left:-22px;  font-size:13px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid yellow;} /*clas for the internal of teh button*/
.pammnin_sel_lrg{ margin-left:-22px;  font-size:16px; vertical-align:middle; font-weight:normal; position:relative; bottom:0px; border:0px solid yellow;} /*clas for the internal of teh button*/
.background_blue{background:blue;}
.color_blue{color:blue;}
/*.pammn_menuholder{display: inline-block; line-height:<?echo $button_set_holderlineheight?>px;}*/
.pammn_menuholder_sml{display: inline-block; line-height:11px;}
.pammn_menuholder_med{display: inline-block; line-height:13px;}
.pammn_menuholder_lrg{display: inline-block; line-height:16px;}
.pammn-cancel{background:#FF0000; color:#fff;}
.pammn-close{background:#888;}.bg-close:hover{background:brown;}
.empty{}
.bg-888{background:#888;}
.bg-444{background:#444;}
/*.pammn_icon_container{display:inline-block;background:none; width:<?echo$button_set_iconcontainer_width;?>px;text-align:center;}*/
.pammn_icon_container_sml{display:inline-block;background:none; width:18px;text-align:center;}
.pammn_icon_container_med{display:inline-block;background:none; width:15px;text-align:center;}
.pammn_icon_container_lrg{display:inline-block;background:none; width:18px;text-align:center;}
/* end for main menu panel */