/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
//	C S S     for   MBOSZ 
// <!-- Version 1.4 2025.04.23 -->
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
:root{
--cardhdcol:#009;
--cardpopcol:#f4f4f4;
--bdybck:#efe8db;
/***** DataTable Style ****/
--dttbdef_col:#111;
--dtHeadbck:#444;
--dttHeadcol:#fdfdfd;
--dttrbck:#dcdcdcb6;
--dttrselcol:#009;
--dttrselbck:#f1f1f1;
--dtlngt_col:#222;
--dtinfo_col:#222;
--dtpgn_col:#222;
--dtpgnact_col:#222 !important;
--dtphhvr_col:#333 !important;
--dtpghvr_bck:linear-gradient(#9b9b94 0%, #6e6e66 100%);
--dtfullpg_bck:linear-gradient(#8b8b84 0%, #5e5e56 100%);
--dtfullpghv_bck:linear-gradient(#46461c 0%, #7b7b56 100%);
--dtfullpgact_bck:linear-gradient(#7b7b56 0%, #46461c 100%);
--dtfullpgdis_bck:#5b5b564F;
--dtfullpgcur_bck:linear-gradient(#FFFFFF 0%, #DCDCDC 100%);
--dtpgact_brd:#222;
--mnuCol:#00a;
--mnubrd:#444;
--admPopup_bck:#aaa;
--cardbck:#f2f2f2;
--svgguide:#444;
--btnback:linear-gradient(#b62323 0%, #7b0000 100%);
--btngrback:linear-gradient(#5f5f5f 10%, #424242 100%);
--btngrbackA:linear-gradient(#af0000 10%, #4f0000 100%);
--warncol:#900;
--inpdiscol:#335;
}

html, body{height:100%;background-color:var(--bdybck);
background-image:url('../src/mbosz_logo.svg');background-attachment:fixed;background-size:cover;background-position:top;}
body{font-size:16px;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;margin:0;padding:0px;color:#1a1a1a;display:flex;flex-direction:column;}
html.wait,html.wait *{cursor:wait !important;}
.hU{font-size:26px;line-height:28px;margin:4px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hA {font-family:Tahoma,Geneva,sans-serif;font-size:24px;line-height:26px;margin:4px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
h1 {font-family:Tahoma,Geneva,sans-serif;font-size:22px;font-weight:bold;height:26px;margin:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
h2 {font-family:Tahoma, Geneva, sans-serif;font-size:20px;font-weight:bold;height:24px;margin:2px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
h4 {font-family:Tahoma,Geneva,sans-serif;margin:3px 0 3px 2px;color:blue;}
.hx_shadowed {text-shadow:1px 1px #333;}
div#container{width:98vw;margin:auto;margin-top:0px;padding:0px 0px 0px 0px;margin-bottom:10px;flex: 1 0 auto;}
header{height:40px;top:0;position:fixed;z-index:10;right:0;left:0;font-size:28px;text-align:center;background:white;display:flex;flex-direction:row;justify-content:space-between;border-bottom:3px #1b1b1b solid;}
.container{margin-top:50px;}
.homeSide{width:4%;padding:2px 0 0 4px;}
.exitSide{width:10%;padding:3px 0 0 5px;}
div#mainBody{margin-top:46px;padding:0px 0px 0px 0px;margin-bottom:0px;flex:1 0 auto;}
input:disabled{color:var(--inpdiscol);}
select:disabled{color:var(--inpdiscol);}
input{border:0;border-bottom:1px solid #888;font-size:16px;}
.separate {height:3px;background:linear-gradient(#1e1e1e 0%, #1b1b1b 100%);width:100%;}
footer{line-height:26px;font-size:13px;text-align:center;padding:6px 8px 0 8px;color:rgb(5,5,5);background:#ababa6;flex-shrink:0;}
a, a:visited {text-decoration:none;}
.options{line-height:28px;font-size:18px;background-color:#ffffff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.options_mail {min-width:96%;line-height:28px;font-size:16px;background-color:#ffffff;}
.optionsS{font-size:18px;width:46px;}
.email{min-width:52%;line-height:28px;font-size:20px;border-top:0px;border-left:0px;border-right:0px;border-bottom:1px solid;}
.newbutton{font-size:38px;float:right;padding:0 4px 2px 4px;border:1px solid white;border-radius:5px;background:none;cursor:pointer;}
button{cursor:pointer;}
.button {width:96px;}
.button:enabled {background:var(--btnback);border-radius:5px;padding:2px 12px 2px 12px;vertical-align:middle;border:none;margin-top:1px;color:#FFD;cursor:pointer;-webkit-appearance:none;}
.div-button {width:100%;text-align:center;}
.card {display:flex;flex-direction:row;justify-content:center;align-items:center;}
.cardevent {width:98%;text-align:center;background:var(--cardbck);border-radius:5px;margin-top:8px;padding:6px 6px 10px 6px;border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;overflow:auto;}
.cardhead {width:100%;color:var(--cardhdcol);text-align:center;text-shadow:1px 1px #eee;font-size:24px;font-weight:bold;margin:3px 0 3px 0;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.warnMe {color:var(--warncol);}
.cardPop{text-align:center;background:var(--btngrback);color:var(--cardpopcol);border-radius:8px;border:1px solid var(--cardpopcol);font-size:24px;font-weight:bold;margin:3px;padding:6px;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Adm_line{width:100%;display:flex;justify-content:flex-start;flex-flow:row wrap;line-height:28px;}
.chkBoxStyle{width:15px !important;}
.chkBoxText{width:150px;display:inline-block;margin-right:16px;}
.Adm_PopUp{width:60%;margin:60px auto;background:var(--admPopup_bck);padding:4px 8px 8px 8px;border-radius:5px;-box-shadow:0 0 10px rgba(0,0,0,.4);}
.Drop_PopUp{width:16%;min-width:280px;margin:340px auto;background:var(--admPopup_bck);padding:4px 8px 8px 8px;border-radius:5px;-box-shadow:0 0 10px rgba(0,0,0,.4);}
.oneRecord{width:100%;border:none;padding:8px 0 0 0px;background:#fefefe;}
.txtRght{text-align:right;}
.txtCent,.txtCentB{text-align:center;}
.txtCentB{font-weight:bold;}
.adminfo{text-align:right;font-style:italic;padding-right:8px;font-family:Verdana,Arial,sans-serif;font-size:0.8em;}
.guidePic{height:22px;width:20px;--svgfill:var(--svgguide);}
.cntrlPic{height:28px;width:28px;--svgfill:var(--svgguide);}
.entAttrHead{margin-top:20px;text-align:center;color:var(--cardhdcol);}
.SelectMe,.DeSelectMe{cursor:pointer}
.correctMe{maxlength="10";width:110px;}
#MainHead{color:#6a181c;}
.descpart{width:66%;font-size:20px;min-height:50px;}
.poppic{height:60px;}
#lightbox{position:absolute;top:10%;margin-left:20vw;width:56vw;height:auto;border-radius:8px;background:#eee;img{width:56vw;height:76vh;object-fit:contain;}}
.tdcls{background:#888a !important;color:#eee !important;}
.admtabs{width:98%;display:flex;}
.admtab {flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#808082;border-left:2px solid;border-right:2px solid;border-color:#f0f0f2;border-radius:14px;outline:none;cursor:pointer;padding:12px 0 12px;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.verticalText{writing-mode:vertical-rl;min-height:96px;min-width:40px;margin:4px 0;}
.id_param {width:96%;font-size:18px;}
.id_passw {width:88%;font-size:18px;}
.shrd_param{width:20%;}
div.errSect {width:auto;background-color:#FEEFB3;border:1px solid #9F6000;border-radius:5px;color: #BF2000;height:20px;line-height:22px;font-size:18px;font-weight:bold;text-align:center;padding:2px 2px;}
.error {text-align:center;display:none;cursor:pointer;}
.C2E_0,.C2E_1,.C2E_2{text-align:center;font-weight:bold;color:#fff;}
.C2E_1{background:#8f3a36;}
.C2E_2{background:#8585fa;}
.cResVal{text-align:right;color:var(--mnuCol);font-weight:bold;}
.ContResults{width:66%;font-size:20px;}
.ContResults tr td{height:32px;padding:0 2px;}
.contResHead{background:#444;color:#f0f0f0;font-weight:bold;}
.contBr{border:0.5px solid #333;border-collapse:collapse;}
.contBr1{border:0.5px solid #333;border-collapse:collapse;color:#f0f0f0;background:#0a0a;}
.contBr2{border:0.5px solid #333;border-collapse:collapse;color:#f0f0f0;background:#00ea;}
.contBr3{border:0.5px solid #333;border-collapse:collapse;color:#f0f0f0;background:#d00b;}
.dtc{font-size:16px;width:60px;}
.togSign{--svgfill:var(--cardpopcol);width:18px; height:14px; margin-left:10px;}
.myrange{margin-top:0px !important;}
.rangeFrame{border:1px solid;padding:4px 8px;background:#fff9;}
.rangePar{vertical-align:top;}

/*****************************
*	Tool-Tip pop-up
*****************************/
#tooltip {text-align:center;font-family:Tahoma,Geneva,sans-serif;color:#1a1a1a;background:rgba(230,230,230,.95);box-shadow:5px 5px 3px #8a8a8a;position:absolute;font-size:14px;z-index:100;padding:6px;}
#tooltip:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #1a1a1a;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px;z-index:99;}
#tooltip.top:after{border-top-color: transparent;border-bottom:10px solid #1a1a1a;top:-20px;bottom:auto;}
#tooltip.left:after{left:10px;margin:0;}
#tooltip.right:after{right:10px;left:auto;margin:0;}
.pagingDT {width:12px;height:12px;margin-bottom:-2px;}

/******************* 
*   Legal 
*******************/
.hide{display:none;}
.reveal-bg {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);overflow-y:auto;}
.reveal-bg .btnleft{position:relative;left:5px;top:0px;padding:0px 2px;background:transparent;color:red;font-size:24px;cursor:pointer;}
.close-modal {font-size:30px;float:right;color:#d22;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
#legal-div {margin: 90px auto;width: 540px;height:50%;background:rgb(190,190,190);padding:20px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-ms-box-shadow:0 0 10px rgba(0,0,0,.4);-o-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
#legal-div-inner {height:93%;width:100%;background:rgb(220,220,210);border-radius:5px;padding:10px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;overflow:auto;}
#legal-div h1 {width:auto !important;}
#legal_click {color:#00A;font-size:16px;}
#legal_click:hover {color:#A00;text-decoration:none;cursor:pointer;}

/******************************
*	Authentication 
******************************/
.authsection {display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;}
.authentications {width:100%;min-height:300px;border:none;padding:8px 0 0 0px;background:#fefefe;}
.authentication {width:50%;border:none;padding:8px 0 0 0px;background:#fefefe;}
.authtitle {width:22%;}
.authbody {width:72%;}
.autherr {width:6%;}
.authtabs {width:86%;}
.authtab {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#808082;float:left;border-left:2px solid;border-right:2px solid;border-color:var(--bdybck);border-radius:14px 16px 0 0;outline:none;cursor:pointer;padding:12px 0 12px;font-size:18px;width:33.3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.authtab:hover {background-color:#777;}
.notfilled {border-color:red;} 

/******************************
*	Manu 
******************************/
.mnusection {display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;}
.mnuItem{text-align:center;background:var(--btngrback);color:var(--cardpopcol);border-radius:8px;border:1px solid var(--cardpopcol);font-size:24px;font-weight:bold;margin:3px;padding:8px;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:280px;}
.mnuItemA{text-align:center;background:var(--btngrbackA);color:var(--cardpopcol);border-radius:8px;border:1px solid var(--cardpopcol);font-size:24px;font-weight:bold;margin:3px;padding:8px;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:280px;}
.card-gap {height:12px !important;width:96%;}
.space-gap {height:24px !important;width:98%;}
.mnusvg{--svgfill:var(--svgguide);height:22px;width:22px;}


/******************************
*	Pop-up Menu
******************************/
.cardmnu {text-align:center;font-size:30px;}
.popupGrp,
.popupGroup {display:flex;flex-direction:column;justify-content:center;align-items:center;width:28px;height:28px;cursor:context-menu;}
.crpntr  {cursor:pointer;}
.popmeup {cursor:context-menu;width:10px;}
.popupOption {width:18%;cursor:context-menu;}

/*************************
*
*	AUTOCOMPLETE
*	============
*
*************************/
.ui-autocomplete {position:absolute;top:0;cursor:default;}
.ui-menu {list-style:none;padding:2px; margin:0;display:block;outline:none; }
.ui-menu .ui-menu-item {margin:0;padding:0;zoom:1;width:100%; }
.ui-widget {font-family:Verdana,Arial,sans-serif;font-size:1.1em; }
.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {border:1px solid #fcefa1;background:#fbf9ee;color:#363636; }
.ui-widget-content {border:1px solid #aaaaaa;background:#fafafa;opacity:0.95;color:#222222;}
.ui-widget-content .ui-state-active {border:1px solid #aaaaaa/;background:#fcefa1;font-weight:normal;color:#212121; }
.ui-helper-hidden-accessible {border:0;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;}

@media screen and (max-width:840px){
.Adm_PopUp{width:85%;margin:50px auto;}
#lightbox{position:absolute;top:12%;margin-left:10vw;width:80vw;height:auto;border-radius:6px;background:#eee;img{width:80vw;height:80vh;object-fit:contain;}}
.id_param {width:99%;font-size:14px;}
.shrd_param{width:25%;}
}

@media screen and (max-width:650px){
.authentications {width:100%;min-height:300px;padding:5px 0 0 0px;letter-spacing: -0.03em;}
.homeSide{width:9%;padding:2px 0 0 4px;}
.exitSide{width:35%;padding:3px 0 0 4px;}
.cardtext{font-size:14px;}
.itemdetail-section{width:66%;}
.label-div{font-size:14px;color:#444;padding-right:2px;text-align:right;}
.itemtag-section{width:100%;}
.votesTableHead{font-size:18px;}
.votehead{width:96%;font-size:22px;margin:3px 0 3px 0;}
.cardhead{font-size:22px;margin:4px 0 4px 0;}
.cardevent-closed{max-width:78vw;}
.cardevent-active{max-width:78vw;}
.votetopic{width:92%;left:1%;}
.votelist{width:100%;}
.authtab{letter-spacing:-0.05em;}
.authtabs{width:100%;}
.autherr{width:8%;}
.authbody{width:68%;letter-spacing:-0.03em;}
.authtitle{width:24%;letter-spacing:-0.03em;}
.authentication{width:99%;padding:5px 0 0 0px;letter-spacing:-0.03em;}
#legal_click{font-size:13px;text-align:center;}
#legal-div{margin:80px auto;width:90%;}
div.errSect{line-height:16px;font-size:14px;}
html{max-width:650px;}
.Adm_PopUp{width:98%;margin:50px auto;}
.descpart{width:98%;font-size:16px;}
.ContResults{width:98%;}
.id_param {width:99%;font-size:14px;}
.shrd_param{width:32%;}
#lightbox{position:absolute;top:12%;margin-left:2vw;width:96vw;height:auto;border-radius:4px;background:#eee;img{width:96vw;height:84vh;object-fit:contain;}}
}


/****************************
*****************************
*
*	PRINTER
*
*****************************
****************************/
@media print {
.page {background-color: rgb(255,255,255) !important;-webkit-print-color-adjust:exact;}
@page {size:portrait;}
.pagebreak {page-break-after:always;margin-top:20px;}
html, body {height:100%;background:none;}
body {font-size:13px;font-family:"Palatino Linotype", "Book Antiqua",Palatino,serif;margin:0 20px 0 20px;padding:0px;color:black;overflow:auto;display:flex;flex-direction:column;}
div#container {width:100%;margin:auto;margin-top:0px;padding:0px 0px 0px 0px;margin-bottom:10px;flex:1 0 auto;}
h1 {font-family:Tahoma,Geneva,sans-serif;font-size:16px;font-weight:bold;line-height:26px;margin:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
h4 {font-family:Tahoma,Geneva,sans-serif;margin:1px 0 1px 2px;}
.votetopic {page-break-inside:avoid;}
.noprint {display:none;}
.ContResults{width:99%;font-size:12px;}
.ContResults tr td{height:22px;}
.cResVal{text-align:right;color:#000;font-weight:bold;}
}