**/
.ribn[data-info~="link"]:before{content:"Important";font-size:8px;letter-spacing:1px;position:absolute;right:20px;top:12px;background:#FC0;width:60px;text-align:center;line-height:30px;-webkit-transform:rotate(-90deg);color:black;box-shadow:-3px 3px 0 0px rgba(0,0,0,0.3);font-weight:bold;}
/*** side top right label **/
.sidelabel{position:absolute;top:0;right:0px;z-index:0;display:flex;justify-content:center;width:103px;height:29px;background:#efefef8f;color:#425f7b;font-weight:700;text-shadow:1px 1px 2px rgb(58 56 37 / 29%);border-bottom-left-radius:14px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;}
.sidelabelf{ top:0;right:0px;z-index:0;display:flex;justify-content:center;width:103px;height:29px;background:#efefef8f;color:#425f7b;font-weight:700;text-shadow:1px 1px 2px rgb(58 56 37 / 29%);border-bottom-left-radius:14px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;}
.centrelabel{position:relative;top:-13px;right:0px;display:flex;justify-content:center;background:#efefef8f;color:#425f7b;font-weight:700;text-shadow:1px 1px 2px rgb(58 56 37 / 29%);transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;}
/*** global text search anywhere **/
.gsearch{height:22px !important;position:absolute;top:8%;right:-26px;width:161px;background: rgb(251 251 251) !important;}
@media (max-width:480px){.gsearch{right:12px;width:101px;}}
/* form css*/
.loading-overlay{position:absolute;left:50px;top:170px;right:50px;bottom:170px;z-index:1;background:transparent;}/*was 0's to cover whole */
.boxLoading{display:none;width:50px;height:50px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;}
.boxLoading:before{content:'';width:50px;height:5px;background:#000;opacity:0.1;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow 0.5s linear infinite;}
.boxLoading:after{content:'';width:50px;height:50px;background:rgb(8 69 88 / 45%);animation:animate 0.5s linear infinite;position:absolute;top:0;left:0;border-radius:3px;}
@keyframes animate{17%{border-bottom-right-radius:3px;} 25%{transform:translateY(9px) rotate(22.5deg);} 50%{transform:translateY(18px) scale(1, 0.9) rotate(45deg);border-bottom-right-radius:40px;} 75%{transform:translateY(9px) rotate(67.5deg);} 100%{transform:translateY(0) rotate(90deg);}}
@keyframes shadow{0%, 100%{transform:scale(1, 1);} 50%{transform:scale(1.2, 1);}}
.overlay-content{position:absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);top:50%;left:0;right:0;text-align:center;}
/*.my-overlay{position:fixed;z-index:1;height:100%;background:rgba(250, 247, 252, 0.49);top:0;left:0;right:0;bottom:0;margin:auto;padding:0;transition:all 0.5s ease;} */
#contOverlay{display:table;height:100%;margin:0 auto;margin-top:14%;position:relative;vertical-align:middle;}
#my-overlay{position:absolute;z-index:3;height:1000000vh;background:rgba(1, 21, 21, 0.3);top:0;left:0;right:0;bottom:0;margin:auto;padding:0;visibility:visiblr;opacity:1;transition:all 0.5s ease;}
/****** compact qr code + text around ***************/
.qrtag{background-color: #fff;border: 1px solid #ccc;;padding: 0 2px;border-radius: 5px;float: left;}
.qrtag .tag-hd{font-size: 7px;text-align: center;}
.qrtag .tag-hd .name{margin-top: -1px;margin-bottom: -10px;font-size: 10px !important;}
.qrtag .tag-hd .add{font-weight: normal;font-size: 8px;margin-top: 4px;margin-bottom: 1px;}
.qrtag .tag-cn{display: flex;flex-direction: row;padding: 0 3px 0 0;}
.qrtag .tag-cn .cn-note{width: 9px;font-size:7px;}
.qrtag .tag-cn .cn-note p{margin: 0;writing-mode: tb-rl;transform: rotate(180deg);margin: 23px 0px 0px -3px;}
.qrtag .tag-cn .cn-qr{flex: 1;text-align: center;}
.qrtag .tag-cn .cn-qr .qr-name{font-weight: bold;font-size: 7px;margin-bottom: 0px;text-align: right;}
.qrtag .tag-cn .cn-qr .qr-code{width:39px;}
.qrtag .tag-cn .cn-qr .qr-code img{max-width: 100%;vertical-align: middle;height: auto;}
.qrtag .tag-cn .cn-qr .qr-date{margin-top: 2px;text-align: center;line-height: 1.3;font-size: 6px;}
/****sprite***/
.sprt .s_avatar{display: flex;flex-direction: column;align-items: center;width: 45px;height: 45px;border-radius: 7px;margin-top: 10px;margin-right: 5px;margin-bottom: 3px;box-shadow: 1px 4px 10px -2px rgb(31 37 72 / 45%);border-radius: 7px;}
@media(max-width:500px){.sprt .s_avatar{width: 39px;height: 39px;}}
.sprt{display: flex;justify-content: space-around;padding: 12px 20px 12px 12px;margin: -3px 15px 7px -5px; box-shadow: -1px -4px 2px -3px rgb(0 0 0 / 8%); max-width: 94%;}
.sprt .s_name{font-weight: 600;color: #07617d;font-size: 15px;margin-top: 0px;margin-bottom: 0px;}
.sprt .s_msg{font-weight: 300;color: #504646;font-size: 10px; margin-top: 5px;}
.sprt .s_date{letter-spacing: 0.25px; font-size: 7px;color: #862953;line-height: 1.2;text-align: center; margin-top: 4px;padding-left: 1px;font-weight: lighter;}
@media(max-width:500px){.sprt .s_date{min-width: 52px;text-align: center;font-size: 0.48em;}}
.sprt .s_info{width: 70%;}
.sprt .s_val{font-size: 9px;color: #07617d;margin-bottom: 4px;}
@media(max-width:500px){.sprt .s_val{ min-width: 39px; text-align: center; font-size: 0.6em;}}
.sprt .s_new{padding: 0px 0px;font-size: 11px;border-radius: 2px;}
.sprt .s_status{width: 13%;display: flex;flex-direction: column;align-items: center;margin-top: -8px;}
.sdivider{height: 1px;width: 100%;background: linear-gradient( 90deg, #ebcef0, #c8f1f6);margin-bottom: 5px;}
.grad_pb{background: linear-gradient( 90deg, #d13eea, #53d9ea);color: white;}
.sprt .res-full-n{display:block;}
/****** pin pad for index.php and iwebBlock.php ***************/
#PINform input:focus,#PINform select:focus,#PINform textarea:focus,#PINform button:focus{outline:none;}
#PINform2 input:focus,#PINform2 select:focus,#PINform2 textarea:focus,#PINform2 button:focus{outline:none;}
#PINform, #PINform2, #PINform3{background:#ededed;position:absolute;width:362px;height:446px;left:50%;margin-left:-180px;margin-top:10vh; z-index: 1;padding:5px 30px;-webkit-box-shadow:0px 5px 5px -0px rgba(0,0,0,0.3);-moz-box-shadow:0px 5px 5px -0px rgba(0,0,0,0.3);box-shadow:0px 5px 5px -0px rgba(0,0,0,0.3);}
#PINbox, #PINbox2, #PINbox3{background:#ededed;margin:3.5%;width:92%;font-size:3em;text-align:center;border:1px solid #d5d5d5;}
.PINbutton{background:#ededed;color:#7e7e7e;border:none;border-radius:50%;font-size:14px !important;text-align:center;width:60px;height:60px !important;margin:17px 20px;padding:3px;font: 18px/30px 'opensans-bold', sans-serif !important;font-weight: 500 !important;}
.clear,.enter{font-size:1em;}
.pintro{color:#07617d;text-align:center;font-size:13px;padding-top:5px;}
.PINbutton:hover{box-shadow:#506CE8 0 0 1px 1px;}
.PINbutton:active{background:#506CE8;color:#fff;}
.clear:hover{box-shadow:#ff3c41 0 0 1px 1px;}
.clear:active{background:#ff3c41;color:#fff;}
.enter:hover{box-shadow:#47cf73 0 0 1px 1px;}
.enter:active{background:#47cf73;color:#fff;}
#PINres, #PINres2{position:relative;width:100%;color:coral;top:288px;display:flex;justify-content:center;}
@media(max-width:500px){#PINres, #PINres2{top:321px;}}
@media(max-width:500px){#PINform, #PINform2{top:28px;}}
#PINres .container-gen-iframe iframe, #PINres2 .container-gen-iframe iframe{height:80%;}
#PINerr, #PINerr2{position:fixed;bottom:30px;display:flex;justify-content:center;background:#fff;font-size:12px;color:#b01159;width:60vw;margin:0 20%;box-shadow:0px 2px 20rem -0.5rem rgb(0 0 0 / 25%), 0px 0px 0.25rem 1rem rgb(255 255 255 / 28%);}
.shadow{-webkit-box-shadow:0px 5px 5px -0px rgba(0,0,0,0.3);-moz-box-shadow:0px 5px 5px -0px rgba(0,0,0,0.3);box-shadow:0px 5px 5px -0px rgba(0,0,0,0.3);}
/*** sideNotif **/
.vgrad{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;}
.vgrad1{background:linear-gradient(to right,#eaefef,#9c883e69);animation:gradient 8s ease infinite;background-size:300% 300%}
@keyframes gradient{0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;}}
/*** sideNotif **/
.sideNotif{z-index:50;position:absolute;right:-16px;bottom:18vh; background: hsl(198.95deg 16.4% 66.91%); box-shadow:0px 10px 25px 0px rgba(27,92,255,.2); margin:20px;margin-bottom:-3vh;padding:10px 20px;border-radius:20px 20px 20px 20px;color:#fff;visibility:hidden;transition:all .3s ease;transform:translate(100%);width:calc(100% - 40px);max-width:400px;}
.sideNotif2{z-index:0;position:absolute;right:-16px;bottom:1vh;background:transparent;margin:20px;margin-bottom:-3vh;padding:10px 20px;color:#fff;transition:all .3s ease;transform:translate(100%);width:calc(100% - 40px);max-width:400px;}
.sideNotif3{z-index:1;position:absolute;right:-16px;top:1vh;background:transparent;margin:20px;margin-bottom:-3vh;padding:10px 20px;color:#fff;transition:all .3s ease;transform:translate(100%);width:calc(100% - 40px);max-width:400px;}
.sideNotif h3{font-size:2rem;font-weight:600;padding-bottom:5px;}
.sideNotif p{font-size:1.35rem;opacity:.7;}
.sideNotif.visibleNT{visibility:visible;transform:translate(0);}
.sideNotif.removeNT{opacity:0;transform:translate(0) scale(.8) !important;}
#fmscr{margin-bottom:-3vh;min-width:80vw;height:90vh;}
/*** backgrounds see https://bgjar.com/curve-line.html **/
.backmeme1{background:linear-gradient(50deg,rgba(255,255,255,0),rgba(255,255,255,0.125) 39%,rgba(0,0,0,0) 40%),linear-gradient(20deg,rgba(255,255,255,0) 30%,rgba(255,255,255,0.25) 40%,rgba(255,255,255,0)),linear-gradient(30deg,rgba(103,90,107,0.8) 10%,rgba(127,116,135,0.8) 20%,rgba(138,138,138,0.8) 30%,rgba(166,171,181,0.8) 40%,rgba(162,207,201,0.8) 50%,rgba(167,214,214,0.8) 60%,rgba(164,213,209,0.8) 70%,rgba(169,202,215,0.8) 80%,rgba(154,187,223,0.8) 90%,rgba(154,181,223,0.8) 100%),crimson !important;background-size:105% 105%,110% 110%,100% 100%,125% 125%,150% 150%;}
.backmeme2{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1700%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%23SvgjsLinearGradient1701)'%3e%3c/rect%3e%3cpath d='M-21.1 211.2C93.84 211.4 206.11 281.2 433.31 281.2 660.52 281.2 646.17 206.2 887.73 211.2 1129.28 216.2 1193.43 582.96 1342.14 609.83' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-197.54 277.19C-28.37 276.33 121.52 128.65 463.29 131.59 805.06 134.53 919.36 600.42 1124.12 626.88' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-0.44 413.07C162.17 412.14 392.4 266.91 633.49 267.47 874.58 268.03 842.82 550.15 950.45 573.74' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-87.71 195.33C56.67 195.95 238.11 299.31 477.72 312.93 717.32 326.55 656.42 612.3 760.43 644.98' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M-85.95 56.82C76.12 62.27 247.81 292.75 509.35 314.42 770.89 336.09 705 585.33 807 608.7' stroke='rgba(51%2c121%2c194%2c0.58)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1700'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='100%25' y1='50%25' x2='0%25' y2='50%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1701'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(172%2c 208%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") !important;}
.backmeme3{background:linear-gradient(50deg,rgba(255,255,255,0),rgba(255,255,255,0.125) 39%,rgba(0,0,0,0) 40%),linear-gradient(20deg,rgba(255,255,255,0) 10%,rgba(164,213,209,0.8) 50%,rgba(169,202,215,0.8) 80%,rgba(154,187,223,0.8) 90%,rgba(154,181,223,0.8) 100%),#cecece!important;}
.backmemered{background-image:linear-gradient(80deg,#2C5364,#203A43,#0F2027);}
.backmemeblue{background-image:radial-gradient(ellipse at center,#cb0033 0%,#903 100%);}
/** flick********************
item1
// $(this).data('fm') will identify that row -- $('.ftg').attr('class') is if on/off **/
.ftg{cursor:pointer;margin:5px 0;padding:1px 7px;border-radius:12px;font-size:0.8em;position:relative;transition:box-shadow 400ms ease-out;}
.ftg .tip{position:absolute;display:block;right:4px;top:5px;height:10px;width:10px;transition:transform 250ms linear,border-radius 350ms linear,background-color 100ms linear,box-shadow 300ms linear;}
.ftg.on{box-shadow:inset 30px 0 200px -90px rgba(0,0,0,0.6);}
.ftg.on .tip{background-color:#1BBF4C;border-radius:10px 10px 10px 0;box-shadow:0 0 10px 2px #fff5cc;transform:rotate(45deg);}
.ftg.off .tip{border-radius:10px;background-color:#AD3D5F;box-shadow:0 0 10px 0px #fcf3cf;transform:rotate(225deg);}
.flexsp{display:flex;flex-wrap:wrap;justify-content:space-evenly;}
/*** Generic card Container **** flaot ! */
.fmc{position:relative;float:left;width:33.33%;/**** can do 50%;**/ font-size:14px;min-width:360px;max-height:300px;height:fit-content;overflow-y:auto;margin:1vh auto 2vh auto;padding:0em 3em;}
@media (max-width:1090px){.fmc{width:50%;}}
@media (max-width:780px){.fmc{min-width:100vw;font-size:12px;height:fit-content;overflow-y:hidden;}}
/*** Generic PT header **/
.pthead{width:100%;margin-bottom:2em;}
.pt-title,.pg-subtitle{text-align:center;}
.pt-subtitle{width:100%;text-align:center;display:inline-block;}
// or
.pg-title2{display:flex;justify-content:center;text-align:center;}
.pg-subtitle2{display:flex;justify-content:center;text-align:center;padding-bottom:1em;color:#828282;}
/** moving sky background *
**/
.sky-banner{background-image:linear-gradient(120deg,#91C4FF 0%,#F0F7FF 87%);position:relative;width:100%;height:950px;}
#cloud-scroll{background:url(http://9a2e1a2047765d2a004e-e6d2db425d8d4f2619e5cee56a48bcef.r55.cf2.rackcdn.com/clouds.png) repeat-x;top:0;left:0;width:100%;height:100%;background-size:cover;position:absolute;-webkit-animation:900000s backgroundScroll infinite linear;-moz-animation:900000s backgroundScroll infinite linear;-o-animation:900000s backgroundScroll infinite linear;-ms-animation:900000s backgroundScroll infinite linear;animation:900000s backgroundScroll infinite linear;}
@-webkit-keyframes backgroundScroll{from{background-position:0 0;} to{background-position:-99999999px 0;}}
@keyframes backgroundScroll{from{background-position:0 0;} to{background-position:-99999999px 0;}}
/** css modal **/
.modal{z-index:50;position:absolute;left:-37px;/*right:22px;*/ /*margin:0 29px 0 -242px;*/ width:fit-content;min-width:200px;word-break:break-all;background:black;top:62px;background-color:#fff;border-radius:3px;border:1px solid silver;box-shadow:0 2px 4px rgba(0,0,0,.18);padding:15px 22px;display:grid;grid-column-gap:0px;grid-row-gap:0px;cursor:auto;}
/***load bar **
**/
.load-bar{position:relative;height:4px;}
.lbar{height:4px;border-radius:8px;position:absolute;width:100%;}
.lbar:nth-child(1){background-color:#da4733;animation:loading 4s linear infinite;}
.lbar:nth-child(2){background-color:#3b78e7;animation:loading 4s linear 1s infinite;}
.lbar:nth-child(3){background-color:#fdba2c;animation:loading 4s linear 2s infinite;}
@keyframes loading{0%{width:0;left:50%;z-index:100;} 33%{width:100%;left:0;z-index:10;} 100%{width:100%;left:0;}}
/**** ----heading---- ****** use as :
**/
.lseparator{display:flex;align-items:center;}
.lseparator .lline{height:3px;flex:1;background-color:#000;}
.lseparator h2{padding:0 2rem;}
/**** css badges ** see https://codepen.io/cdmoro/pen/gOrMxKp **/
[data-lb-badge],[data-lb-dot]{position:relative;}
[data-lb-badge]::after,[data-lb-dot]::after{content:attr(data-lb-badge);position:absolute;top:-12px;// right:0px;background:var(--lb-bg-color,#dc3545);color:white;text-align:center;border-radius:0.25rem;z-index:1;padding:0.1rem 0.3rem;font-weight:bold;white-space:nowrap;animation:appear 0.5s;transform-origin:bottom left;pointer-events:none;user-select:none;box-shadow:0 2px 1px -1px rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 1px 3px 0 rgba(0,0,0,0.12);transition:transform 0.25s ease;}
[data-lb-badge=""]::after{display:none;}
[data-lb-dot]::after{content:"";border-radius:50%;height:15px;width:15px;top:-10px;padding:0;}
button[data-lb-badge]::after,button[data-lb-dot]::after{right:-10px;}
[data-lb-badge]:hover::after{transform:scale(1.1) rotate(2deg);}
@keyframes appear{from{transform:scale(0);} to{transform:scale(1);}}
/** hero **/
.hero{text-align:center;padding:2em 5% 6em 5%;line-height:1;}
.hero h1{font-size:3rem !important;font-weight:700;text-transform:uppercase;color:#26363c !important;}
.hero2 h1{font-weight:900;}
.hero h1::after{content:'';position:absolute;display:inline-block;font-size:2.5rem;margin-left:.25em;vertical-align:top;}
.hero h2{margin-top:.25em;font-size:2rem;}
/** generic flex box **/
.fflex-container{padding:0;margin:0;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;xwidth:500px;margin:0 auto;-webkit-flex-flow:row wrap;
justify-content:space-around;}
.fflex-item{padding:9px;font-size:10px;width:200px;height:150px;margin-top:10px;overflow-y:auto;overflow-x: hidden;/*color:white;text-align:center;font-weight:bold;*/ box-shadow:0px 1px 3px 0px rgba(0,0,0,.1);
box-sizing:border-box;border-radius:2px;border-top:2px solid white;border-bottom:2px solid white;box-shadow:none;}
@media screen and (max-width:500px){.fflex-item{height:fit-content;width: 95vw;}}
.fflex-item-small{width:135px;box-shadow:none;}
.fflex-item-small h2{font-size:10px;}
/** generic box **/
.fmflex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.fmflex.fclm{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.fmflex.frow{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.fmlist{list-style:none;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;margin:10px 0px;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.fmitem{min-width:320px;/*min-height:calc((14px * 2) + 14px + 16px + 12px);*/ overflow-x:hidden;
min-height:300px;max-height:53vh;overflow-y:auto;max-width:300px;min-width:300px;flex-grow:2;padding:20px;border-bottom:solid 2px #fff;border-right-width:0px;
padding:0px 14px 14px 14px;margin:6px;box-shadow: 2px 1px 11px 0px rgb(0 0 0 / 24%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;
-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:justify;/*align-content:space-between;*/ -webkit-box-pack:justify;
-ms-flex-pack:justify;/*justify-content:space-between;*/ cursor:pointer;position:relative;}
@media screen and (max-width:550px){.fmitem{width:380px;max-width:380px;max-height:fit-content !important;min-height: auto;}}
.fmitem:hover{box-shadow:0px 0px 4px rgba(21,21,21,0.21);}
.fmitem .fbad{font-size:9px;margin-top:-2px;text-align:left;color:rgb(160 8 8 / 55%);text-shadow:0px 0px 1px rgba(80,76,22,0.75);}
.fmitem .ftop{padding:1em 0em;font-size:16px;font-weight:700;}
.fmitem .fhd{font-size:10px;color:#787984;text-shadow:0px 0px 1px rgba(80,76,22,0.75);}
.fmitem .cnt{font-size:12px;}
/*** generic masonry**/
.masonry{column-count:1;column-gap:1em;}
.wrapperm{/*width:95%;margin:3em auto;*/}
.masonry{margin: 4em 2px;padding:0;-moz-column-gap:1.5em;-webkit-column-gap:1.5em;column-gap:1.5em;font-size:.85em;column-count:4;}
.maitem{display:inline-block;background:#fff;padding:1em 1.5em;margin:0 0 1.5em;width:100%;-webkit-transition:1s ease all;box-sizing:border-box;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-shadow:-2px 0px 0px 0 #674d4d4f;}
.maitem img{max-width:100%;}
.masonary .Oneperrow{margin:0;}
@media only screen and (min-width:400px){.masonry{-moz-column-count:2;-webkit-column-count:2;column-count:2;}}
@media only screen and (min-width:700px){.masonry{-moz-column-count:3;-webkit-column-count:3;column-count:3;}}
/*@media only screen and (min-width:900px){.masonry{-moz-column-count:4;-webkit-column-count:4;column-count:4;}}
@media only screen and (min-width:1100px){.masonry{-moz-column-count:4;-webkit-column-count:4;column-count:4;}}*/
@media only screen and (min-width:1280px){.wrapper{width:1260px;}}
.masonry2{column-count:1;column-gap:1em; background: rgb(238 232 191 / 17%);padding:1em;}
@media only screen and (min-width:500px){.masonry2{-moz-column-count:1;-webkit-column-count:1;column-count:1;}}
@media only screen and (min-width:700px){.masonry2{-moz-column-count:2;-webkit-column-count:2;column-count:2;}}
@media only screen and (min-width:900px){.masonry2{-moz-column-count:2;-webkit-column-count:2;column-count:2;}}
@media only screen and (min-width:1100px){.masonry2{-moz-column-count:3;-webkit-column-count:3;column-count:3;}}
/** pastel bckg ,use class name **/
.bgpstl--1{background:rgba(218,231,244,0.5);-webkit-transition:background .5s ease;transition:background .5s ease;}
.bgpstl--1:hover{background:#dae7f4;}
.bgpstl--2{background:rgba(255,216,214,0.5);-webkit-transition:background .5s ease;transition:background .5s ease;}
.bgpstl--2:hover{background:#ffd8d6;}
.bgpstl--3{background:rgba(253,243,211,0.5);-webkit-transition:background .5s ease;transition:background .5s ease;}
.bgpstl--3:hover{background:#fdf3d3;}
.bgpstl--4{-webkit-transition:background .5s ease;transition:background .5s ease;background:rgba(218,239,233,0.5);}
.bgpstl--4:hover{background:#daefe9;}
.bgpstl--5{-webkit-transition:background .5s ease;transition:background .5s ease;background:rgba(253,218,255,0.5);}
.bgpstl--5:hover{background:#fddaff;}
.bgpstl--6{-webkit-transition:background .5s ease;transition:background .5s ease;background:rgba(227,219,236,0.5);}
.bgpstl--6:hover{background:#e3dbec;}
/** 3d effects **
Don’t ment.
**/
.cont3d{overflow:hidden;margin:0 auto;padding:1em;background:rgba(206,188,155,1);background:-moz-linear-gradient(-45deg,rgba(206,188,155,1) 0%,rgba(85,63,50,1) 51%,rgba(42,31,25,1) 100%);background:-webkit-gradient(left top,right bottom,color-stop(0%,rgba(206,188,155,1)),color-stop(51%,rgba(85,63,50,1)),color-stop(100%,rgba(42,31,25,1)));background:-webkit-linear-gradient(-45deg,rgba(206,188,155,1) 0%,rgba(85,63,50,1) 51%,rgba(42,31,25,1) 100%);background:-o-linear-gradient(-45deg,rgba(206,188,155,1) 0%,rgba(85,63,50,1) 51%,rgba(42,31,25,1) 100%);background:-ms-linear-gradient(-45deg,rgba(206,188,155,1) 0%,rgba(85,63,50,1) 51%,rgba(42,31,25,1) 100%);background:linear-gradient(135deg,rgba(206,188,155,1) 0%,rgba(85,63,50,1) 51%,rgba(42,31,25,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cebc9b',endColorstr='#2a1f19',GradientType=1 );}
#text3d{color:#70869d;font-size:42px;text-shadow:-1px -1px 1px #efede3,0px 1px 0 #2e2e2e,0px 2px 0 #2c2c2c,0px 3px 0 #2a2a2a,0px 4px 0 #282828,0px 5px 0 #262626,0px 6px 0 #242424,0px 7px 0 #222,0px 8px 0 #202020,0px 9px 0 #1e1e1e,0px 10px 0 #1c1c1c,0px 11px 0 #1a1a1a,0px 12px 0 #181818,0px 13px 0 #161616,0px 14px 0 #141414,0px 15px 0 #121212,2px 20px 5px rgba(0,0,0,0.9),5px 23px 5px rgba(0,0,0,0.3),8px 27px 8px rgba(0,0,0,0.5),8px 28px 35px rgba(0,0,0,0.9);}
/** toc **/
.toc dt,.toc dd{float:left;margin:0;font-size:12px;}
.toc dt{clear:both;margin-right:1em;}
/** radio buttons **/
.radio_slider{margin-bottom:8px;}
label.radio-control{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:#5d5a53;font-size:11px;padding-left:5%;}
label.radio-control img{display:block;pointer-events:none;width:100px;height:100px;opacity:0.8;border-radius:50%;border:5px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.2);transition:opacity 500ms ease-out,border 500ms ease-out;}
label.radio-control i{display:inline-flex !important;display:block;color:#cecece;pointer-events:none;opacity:0.8;font-size:14px;border:1px solid transparent;box-shadow:none;transition:opacity 500ms ease-out,border 500ms ease-out;}
label.radio-control img:hover ,label.radio-control i :hover{opacity:1;}5
label.radio-control input[type="radio"]{display:inline-block;position:absolute;overflow:hidden;width:1px;height:1px;left:-1000px;top:-1000px;}
label.radio-control input[type="radio"]:checked ~ img{color:red;opacity:1;border-color:#094;box-shadow:0 1px 8px rgba(0,0,0,0.4);}
label.radio-control input[type="radio"]:checked ~ i{color:red;opacity:1;text-shadow:2px 0px 2px rgba(138,134,84,0.77);}
.ffpin{font-size:8px !important;margin-top: -9px;max-height: 27px;}
@media only screen and (min-width:480px){.ffpin{font-size:11px !important}}
.dont-break-out{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;/*>>Adds a hyphen where the word breaks,if supported (No Blink)*/ -ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}
.pgremind{display:block;/*margin-top:-1em;*/ height:fit-content;overflow-y:auto;overflow-x:hidden;padding:0em 0em 8em 4em;}
@media only screen and (min-width:780px){.pgremind{padding:0em 2em 8em 4em;}}
.pgremind label{font-size:9px;margin-top:0.5rem;color:#a99926;margin-top:0.5rem;padding-right: 8px;min-width: 65px;}
/** centre a card **/
.center-xy{display:flex;align-items :center;justify-content:center}
.center-xy >*:only-child{margin:auto;}
/** nice card - can use everywhere ********* res 181 **/
.cardf1{padding:1em 2em;margin:2em;min-height:300px;max-height:300px;overflow-y:auto;min-width:325px;/*max-width:442px;*/
border-radius:2px;box-shadow:4px 4px 20px rgba(0,0,0,0.3);-webkit-transition:200ms ease-in-out;transition:200ms ease-in-out;}
.cardf1long{max-height:80vh !important;}
.cardf1clr{background:linear-gradient(to right,#000000,#f5400be3);color:white;}
.cardf1clr h2{color:#cecece;}
.cardf1 + .cardf1{margin-top:1em;}
.cardf1:hover{z-index:7;/*-webkit-transform:scale(1.05);transform:scale(1.05);*/ box-shadow:0 4px 25px rgba(0,0,0,0.4);}
.cardf1Header{display:flex;position:relative;/*-webkit-box-align:center;align-items:center;text-transform:uppercase;*/}
.cardf1Header .cardf1Header_type{color:#FFD433;margin:10px;}
.cardf1Header .cardf1Header_account{color:#C6E1ED;font-size:0.85em;font-weight:600;letter-spacing:1px;}
.cardf1Header .cardf1Header_account h2{color:#fff !important;font-size:1.85em !important;}
.cardf1Header .cardf1Header_date{margin:6px;color:#C6E1ED;font-size:0.85em;font-weight:600;text-align:right;right:-22px;top:-15px;position:absolute;}
.cardf1Body{display:-webkit-box;display:block;margin:0 10px 10px;}
.cardf1Body .cardf1Text{margin:0 10px 0 0;white-space:pre-line;color:#c0c3d7;font-weight:400;line-height:1.5;}
.cardf1Body .cardf1Text .cardf1Text_highlight{color:#ffe480;}
.cardf1S{font-size:0.9em;text-align:right;position:relative;top:6px;right:20%;}
.cardf1S .cardf1S_stat{display:inline-block;white-space:nowrap;margin-right:34px;}
.cardf1S .cardf1S_stat + .cardf1S_stat{margin-top:5px;}
.cardf1S .cardf1S_stat.cardf1S_stat-likes{color:#FFD3D4;}
.cardf1S .cardf1S_stat.cardf1S_stat-retweets{color:#B2D9A6;}
.cardf1S .cardf1S_stat.cardf1S_stat-shares{color:#d284a3;}
.cardf1S .cardf1S_stat.cardf1S_stat-comments{color:#ff9579;}
/*** easy 2 side panels **/
.contentplrOLD{background:#ffffff;padding:50px;margin:50px auto;position:relative;width:90%;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:1;right:0;}
.contentplr.hidefor-panelr{/*opacity:0.3;*/ right:50%;}
.contentplr.hidefor-panell{/*opacity:0.3;*/ left:50%;}
.panel{padding:20px;}
.panelc{position:relative;background:#efefef;padding:30px 50px;font-size:14px;overflow-y:auto;height:100%;}
.panelc .close{line-height:15px;position:absolute;text-align:center;cursor:pointer;display:block;color:#b12e2e !important;font-size:14px;right:5px;top:5px;height:15px;width:15px;font-family:FontAwesome;content:"\f00d";}
.panelc .close:before{line-height:15px;position:absolute;text-align:center;cursor:pointer;display:block;color:#b12e2e !important;font-size:14px;right:5px;top:5px;height:15px;width:15px;font-family:FontAwesome;content:"\f00d";}
.panell{z-index:10;box-shadow:0 0 10px rgba(0,0,0,0.5);background:#eeeeee;position:absolute;display:block;bottom:0;top:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;left:-100%;width:45%;}
.panell.expanded{left:0;}
.panelr{z-index:10;box-shadow:0 0 10px rgba(0,0,0,0.5);background:#eeeeee;position:absolute;display:block;bottom:0;top:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;right:-100%;width:50%;}
.panelr.expanded{right:0;}
.reveal-left{float:left;}
.reveal-right{float:right;}
.navrOLD{padding:10px;margin:0 auto;height:10px;width:90%;}
.navr{padding:0px 30px;top:50px;height:22px;width:100%;position:relative;z-index:1;}
.navrItem{margin-top:32px;width:70%;position:absolute;z-index:1;}
.navr button ,.navrItem button{padding:4px 6px;}
.navr a ,.navrItem a{font-weight:bold;color:#b12e2e !important;font-size:20px;}
.navr .navsh a{font-weight:bold;color:#07617d !important;font-size:10px;}
/*** css only multi-level acc events **/
.ac-container{margin:10px auto;padding:1em;overflow-y:auto;max-height: 80vh;padding-bottom: 10vh; letter-spacing: 0.07em;}
@media screen and (min-width:550px){.ac-container{width:60vw;}}
.ac-container input[type=checkbox]{display:none;}
.ac-label{font-weight:700;font-size:11px;position:relative;padding:.5em 1em;margin-bottom:.5em;display:block;cursor:pointer;background-color:rgb(245 245 245 / 48%);transition:background-color .15s ease-in-out;box-shadow:0px 2px 1rem -0.5rem rgba(0,0,0,0.25),0px 0px 0.25rem 1rem #fff;}
.ac-head{font-weight: 600; }
.ac-input:checked + label,.ac-label:hover{background-color:rgb(153 153 153 / 29%);}
.ac-label:after,.ac-input:checked + .ac-label:after{content:"+";position:absolute;display:block;text-shadow: 1px 0px 2px rgb(138 134 84 / 77%);right:0;top:0;width:2em;height:100%;line-height:1.7em;text-align:center;background-color:#e5e5e5;transition:background-color .15s ease-in-out;}
.ac-label:hover:after,.ac-input:checked + .ac-label:after{background-color:#b5b5b5;}
.ac-input:checked + .ac-label:after{content:"-";}
.ac-input{display:none;}
.ac-text,.ac-sub-text{opacity:0;height:0;margin-bottom:.5em;transition:opacity .5s ease-in-out;overflow:hidden;}
.ac-lbdetail{background:none;color:#8a8146;font-style:normal;float:right;font-size:10px;padding:0em 2em 0em 0em;margin-bottom:0;}
.ac-lbdetailg{background:none;color:#8a8146;font-style:normal;font-size:10px;padding:0em 2px 0em 2em;margin-bottom:0;}
.ac-events{background:none;color:#8a8146;font-style:normal;font-size:10px; padding: 0em 2px 1em 2em;margin-bottom:0;}
.ac-lbdetailr{background:none;color:red;font-style:italic;font-size:9px;padding:0em 2px 0em 0em;margin-bottom:0;}
.ac-lbdetailo{background:none;color:#cecece;font-style:italic;font-size:8px;padding:0em 2px 0em 0em;margin-bottom:0;}
.ac-input:checked ~ .ac-text,.ac-sub .ac-input:checked ~ .ac-sub-text{opacity:1;height:auto;}
.ac-text .ac-head{background:none;font-weight:600;padding:0em 2em 0em 0em;font-size:12px;margin-bottom:0;width:120px;display:inline-block;}
.ac-text .ac-detail{background:none;font-weight:600;color:rgb(56 69 117);font-size:11px;padding:0em 2em 0em 0em;margin-bottom:0;text-align:right;}
.ac-text li{}
.ac-sub .ac-label{background:none;font-weight:600;padding:.5em 2em;margin-bottom:0;}
.ac-sub .ac-label:checked{background:none;border-bottom:1px solid whitesmoke;}
.ac-sub .ac-label:after,.ac-sub .ac-input:checked + .ac-label:after{left:0;background:none;}
.ac-sub .ac-input:checked + label,.ac-sub .ac-label:hover{background:none;}
.ac-sub-text{padding:0 1em 0 2em;}
.geteve li{font-size:12px;list-style:inside;}
/*help under input*/
.fmd details summary{width:40px;height:40px;margin-top:-35px;right:48px;position:absolute;display:block;outline:none;color:#718096;opacity:0.5;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
@media screen and (min-width:550px){.fmd details summary{right:12%;}}
.fmd details summary:hover{cursor:pointer;opacity:1;}
.fmd details summary svg{width:15px;height:15px;}
.fmd details{color:darkgray;padding-left:12px;}
.hr-light{background:#edf2f7;height:1px;border:0;margin:24px 0 16px;}
.ripple{background-position:center;transition:background 0.8s;}
.ripple:hover{background:#47a7f5 radial-gradient(circle,transparent 1%,#47a7f5 1%) center/15000%;}
.ripple:active{background-color:#6eb9f7;background-size:100%;transition:background 0s;}
.is-label{position:relative;cursor:pointer;}
.is-label::before{content:"";display:inline-block;width:.9em;height:.9em;margin-right:0.3em;background:white;transition:.15s;}
.is-label:hover::before,input:focus + .is-label::before{transform:scale(1.2);}
.is-label::after{content:"";position:absolute;top:.5em;left:.2em;width:.5em;height:.5em;background:#b01159;transform:scale(0);opacity:0;transition:.1s;}
:checked + .is-label::after{transform:none;opacity:1;}
/*.toggle-fullscreen-btn:not(.dummy){top:5px;right:5px;}*/
.link-to-page-cont{position:fixed;bottom:10px;right:10px;}
.link-to-page{background:#4d4d4d;color:white;text-decoration:none;padding:.2em .4em;transition:.15s;}
.link-to-page:hover,.link-to-page:focus{background:#333333;}
.uiform-group input[type=checkbox],.uiform-group input[type=radio]{display:none;}
/*** fside accordion **/
#intgLst{font-family:'Open Sans',sans-serif,'FontAwesome';margin:0 auto;display:block;/*position:absolute;top:58vh;*/ margin-left: -4px;}
@media screen and (min-width:550px){#intgLst{margin-left: 2px;}}
#intgLst ul{padding:0;margin:20px 0;color:#555;}
#intgLst ul >li{list-style:none;border-bottom:1px solid rgb(221 221 221 / 33%);display:block;padding:2px 17px 10px 10px;overflow:hidden;}
#intgLst ul >li{/*width:59vw;*/}
@media screen and (min-width:550px){#intgLst ul >li{padding: 2px 19px 10px 10px;}}
/*#intgLst ul:last-child{border-bottom:1px solid #ddd;}*/
#intgLst ul >li:hover{background:#efefef;}
#intgLst .intgLstexpand{display:block;text-decoration:none;color:#555;cursor:pointer;}
#intgLst h2, .allitems h2{padding:0;margin:0;font-size:15px;font-weight:600;margin-bottom:4px;color:brown;font-family:"lucida granda bold",'FontAwesome';margin-bottom:1em;letter-spacing:1px;}
#intgLst span{font-style: normal;color:#999;font-size:11px;font-weight: 300;}
#intgLst #left,#intgLst #right{display:table;}
#intgLst #sup{display:table-cell;vertical-align:middle;width:80%;}
#intgLst .detail a{left:155px !important;}
@media screen and (min-width:550px){#intgLst .detail a{left:180px !important;}}
#intgLst .detail{margin:10px 0 38px -11px;display:none;line-height:22px;height:fit-content;}
#intgLst .detail span{margin:0;}
#intgLst .right-arrow{margin-right:8px;width:10px;height:100%;color:#862953;float:right;font-weight:bold;font-size:27px;}
.refr{display:block;position:fixed;font-weight:700;color:rgb(193 195 195 / 37%);border-radius:2px;cursor:pointer;z-index:7;font-size:19px;bottom:57px;right:192px;float:right;}
@media screen and (max-width:550px){.refr{right:170px;}}
.searchInputALL{border-bottom:1px solid rgb(221 221 221 / 33%);padding-left: 12px;}
/*.labelfocus{background:#fdfdfd;}*/
.mtlb{color:#024959;margin-left:-20px;font-size:1.4rem !important;}
.fBreathe{animation:shadowOff 5s ease-in-out infinite alternate;font-weight:normal;text-shadow:.02em 0 currentColor,-.02em 0 currentColor;}
@keyframes shadowOff{to{text-shadow:0 0 currentColor;}}
.bftn{float:right;width:fit-content;overflow:hidden;margin:10px;padding:0px 7px;height:23px;-webkit-box-flex:0.25;-ms-flex-positive:0.25;flex-grow:0.25;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;background-color:#cecece;border:none;border-radius:6px;cursor:pointer;
color:white;font-size:12px;font-weight:bold;box-shadow:0px 10px 9px -7px rgba(141,149,158,0.55);}
.bftn .fa{margin-left:.5rem;}
.bftn:hover{color:rgba(7,97,125,0.38);background-color:#e1e2e2;opacity:1;}
.bftn:active{background-color:#d5d6d6;opacity:1;}
.mtrecc{width:100%;/*min-width:194px !important;*/ background:rgb(249,249,250) !important;height:28px !important;font-size:1.3rem !important;}
.mtrecc2{width:100%;background:rgb(249,249,250) !important;height:28px !important;font-size:1.3rem !important;padding-left: 81px;}
/*** smartres **/
.csrow{margin-left:12px;margin:11px 2%;padding:2px 16%;/*box-shadow:-1px 11px 1rem -1.5rem rgba(0,0,0,0.25),0px 0px 0.25rem 1rem #fff;*/}
@media screen and (max-width:480px){.csrow{margin:9px -10%;}}
.cs2{width:117px;color:#07617d;font-style:italic;font-size:10px !important;
margin-bottom:.6rem;font-style:italic;display:block;font-weight:700 !important;text-shadow:0px 1px 1px rgba(138,134,84,0.32);font-family:Georgia,serif,'FontAwesome';}
.cs3{padding:9px;font-size:13px;font-weight:700;height:41px;color:brown;cursor:pointer;/*background:rgb(238,238,238);border:1px #cecece solid;*/}
.cs-pad{width:30%;display:inline-block;color:#8a8989;font-weight:600;margin-top:5px;}
.cs-pad-title{width:100%;color:#024959;font-size:12px;font-weight:600;}
.buttond2{width:60% !important;display:inline-flex;}
.buttond22{margin-left:70px;}
/*************************** css fvtabs ****/
.project-button{height:fit-content;padding:1em;background: transparent;text-shadow: 0px 1px 2px rgb(77 80 114 / 33%);display: inline-block;color: #9b89ab;}
.project-button-simple{height:12px;padding:0px 1em;background:transparent;color:#b51b1b;display:inline-block;margin:0px;font-size:22px;line-height:0 !important;float:right;box-shadow:none;}
.px-button{font-size:12px;line-height:5;box-shadow:none;}
/*************************** css fvtabs ****/
.subtitle-cntr{font-size:1.3rem !important;margin:20px 20%;font-style:italic;color:rgba(7, 97, 125, 0.28);font-weight:400;text-align:center;}
/*************************** css fvtabs ****/
/*.fvtab-wrap{-webkit-transition:0.3s box-shadow ease;margin:20px 20% 20px -25px;transition:0.3s box-shadow ease;border-radius:6px;max-width:100%;display:-webkit-box;display:flex;flex-wrap:wrap;position:relative;
list-style:none;background-color:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
@media screen and (max-width:600px){ .fvtab-wrap{margin:20px 8% 20px -34px;max-width:96vw;}} */
.fvtab-wrap{display:flex;flex-wrap:wrap;flex-direction:column;position:relative;transition:0.3s box-shadow ease;gap:1em;margin-top:3em;margin-left:1em;}
/*.fvtab-wrap:hover{box-shadow:0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);}*/
.fvtab{display:none;}
/*.fvtab-wrap input[type=radio]{display:none;} */
.fvtab-wrap input[type=radio]{width:100%;display:block !important;}
.fvtab:checked:nth-of-type(1) ~ .fvtab__content:nth-of-type(1){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;top:0;z-index:100;-webkit-transform:translateY(0px);transform:translateY(0px);text-shadow:0 0 0;}
.fvtab:checked:nth-of-type(2) ~ .fvtab__content:nth-of-type(2){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;top:0;z-index:100;-webkit-transform:translateY(0px);transform:translateY(0px);text-shadow:0 0 0;}
.fvtab:checked:nth-of-type(3) ~ .fvtab__content:nth-of-type(3){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;top:0;z-index:100;-webkit-transform:translateY(0px);transform:translateY(0px);text-shadow:0 0 0;}
.fvtab:checked:nth-of-type(4) ~ .fvtab__content:nth-of-type(4){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;top:0;z-index:100;-webkit-transform:translateY(0px);transform:translateY(0px);text-shadow:0 0 0;}
.fvtab:checked:nth-of-type(5) ~ .fvtab__content:nth-of-type(5){opacity:1;-webkit-transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s -webkit-transform ease;transition:0.5s opacity ease-in, 0.8s transform ease;transition:0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;position:relative;top:0;z-index:100;-webkit-transform:translateY(0px);transform:translateY(0px);text-shadow:0 0 0;}
.fvtab:first-of-type:not(:last-of-type) + label{border-top-right-radius:0;border-bottom-right-radius:0;}
.fvtab:not(:first-of-type):not(:last-of-type) + label{border-radius:0;}
.fvtab:last-of-type:not(:first-of-type) + label{border-top-left-radius:0;border-bottom-left-radius:0;}
.fvtab:checked + label{background-color:#fff;box-shadow:0 -1px 0 #fff inset;cursor:default;}
.fvtab:checked + label:hover{box-shadow:0 -1px 0 #fff inset;background-color:#fff;}
/*.fvtab + label{box-shadow:0 -1px 0 #eee inset;border-radius:6px 6px 0 0;cursor:pointer;display:block;text-decoration:none;color:#333;-webkit-box-flex:3;flex-grow:3;text-align:center;background-color:#f2f2f2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;-webkit-transition:0.3s background-color ease, 0.3s box-shadow ease;transition:0.3s background-color ease, 0.3s box-shadow ease;height:50px;box-sizing:border-box;padding:15px;}
@media screen and (max-width:600px){ .fvtab + label{width:90px;padding:15px 5px;}}}*/
.fvtab + label{width:120px;padding:11px 0px;margin-top:-38px;margin-left:20px;}
.fvtab + label:hover{background-color:#f9f9f9;box-shadow:0 1px 0 #f4f4f4 inset;}
.fvtab__content{padding:10px 25px;background-color:transparent;position:absolute;width:100%;z-index:-1;opacity:0;left:0;-webkit-transform:translateY(-3px);transform:translateY(-3px);border-radius:6px;}
.parentid2{margin-left:32%;}
/*** diary jun 20 **/
.calendar-contain{position:relative;left:0;right:0;border-radius:0;width:100%;overflow:hidden;max-width:1020px;min-width:450px;margin:1rem auto;background-color:#f5f7f6;box-shadow:5px 5px 72px rgba(30,46,50,0.5);color:#040605;}
@media screen and (min-width:55em){.calendar-contain{margin:auto;top:5%;}}
.title-bar{position:relative;width:100%;display:table;text-align:right;background:#f5f7f6;padding:0.5rem;margin-bottom:0;}
.title-bar:after{display:table;clear:both;}
.title-bar__prev{position:relative;float:left;text-align:left;cursor:pointer;width:22px;height:30px;}
.title-bar__prev:after{content:"";display:inline;position:absolute;width:14px;height:14px;right:0;left:2px;top:7px;margin:auto;border-top:1.5px solid black;border-right:1.5px solid black;-webkit-transform:rotate(224deg);transform:rotate(224deg);}
.title-bar__next{position:relative;float:right;text-align:right;cursor:pointer;width:22px;height:30px;}
.title-bar__next:after{content:"";display:inline;position:absolute;width:14px;height:14px;right:2px;top:7px;margin:auto;border-top:1.5px solid black;border-right:1.5px solid black;-webkit-transform:rotate(44deg);transform:rotate(44deg);}
.title-bar__year{display:block;position:relative;float:left;font-size:1rem;line-height:30px;width:47%;padding:0 0.5rem;text-align:center;}
.title-bar__year select{padding:2px 6px;font-size:16px;}
@media screen and (min-width:55em){.title-bar__year{width:47%;}}
.title-bar__month{position:relative;float:left;font-size:1rem;line-height:30px;width:47%;padding:0 0.5rem;text-align:center;}
.title-bar__month select{padding:2px 6px;font-size:16px;}
@media screen and (min-width:55em){.title-bar__month{width:47%;}}
.calendar__sidebar{width:100%;margin:0 auto;float:none;background:linear-gradient(120deg,#eff3f3,#e1e7e8);padding-bottom:0.7rem;}
@media screen and (min-width:55em){.calendar__sidebar{position:absolute;height:100%;width:30%;float:left;margin-bottom:0;}}
.calendar__sidebar .content{padding:2rem 1.5rem 2rem 4rem;color:#040605;}
.sidebar__list{list-style:none;margin:0;padding-left:1rem;padding-right:1rem;}
.sidebar__list-item{margin:1.2rem 0;color:#2d4338;font-weight:100;font-size:1rem;}
.list-item__time{display:inline-block;/*width:60px;*/}
@media screen and (min-width:55em){.list-item__time{margin-right:1rem;}}
.sidebar__list-item--complete{color:rgba(4,6,5,0.3);}
.sidebar__list-item--complete .list-item__time{color:rgba(4,6,5,0.3);}
.sidebar__heading{font-size:2.2rem;font-weight:bold;padding-left:1rem;padding-right:1rem;margin-bottom:3rem;margin-top:1rem;}
.sidebar__heading span{float:right;font-weight:300;}
.calendar__heading-highlight{color:#2d444a;font-weight:900;}
.calendar__days{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column wrap;-webkit-box-align:stretch;align-items:stretch;width:100%;float:none;min-height:580px;height:100%;font-size:12px;padding:0.8rem 0 1rem 1rem;background:#f5f7f6;}
@media screen and (min-width:55em){.calendar__days{width:70%;float:right;}}
.calendar__top-bar{display:-webkit-box;display:flex;-webkit-box-flex:32px;flex:32px 0 0;}
.top-bar__days{width:100%;padding:0 5px;color:#2d4338;font-weight:100;-webkit-font-smoothing:subpixel-antialiased;font-size:1rem;}
.calendar__week{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 1 0;}
.calendar__day{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column wrap;-webkit-box-pack:justify;justify-content:space-between;width:100%;padding:1.9rem 0.2rem 0.2rem;cursor:pointer;}
.calendar__day.event .calendar__date,.calendar__day.event .calendar__task{color:#4285f4;}
.calendar__date{color:#040605;font-size:1.7rem;font-weight:600;line-height:0.7;}
@media screen and (min-width:55em){.calendar__date{font-size:2.3rem;}}
.calendar__week .inactive .calendar__date,.calendar__week .inactive .task-count{color:#c6c6c6;}
.calendar__week .today .calendar__date{color:#fd588a;}
.calendar__task{color:#040605;display:-webkit-box;display:flex;font-size:0.8rem;}
@media screen and (min-width:55em){.calendar__task{font-size:1rem;}}
.calendar__task.calendar__task--today{color:#fd588a;}
.calendar__dropdown{color:#444444;background:transparent;margin:0px 5px;font-size:16px;background-color:transparent;padding:0.5rem 1.8rem 0.5rem 1rem;font-style:italic;text-shadow:0px 0px 1px rgba(45,45,38,0.53);}
@media screen and (max-width:480px){.calendar__dropdown{padding:0;}}
#calender_section{width:700px;/*margin:30px auto 0;*/}
#calender_section h2{background-color:transparent;color:#444444;font-size:17px;text-align:center;line-height:30px;}
#calender_section h2 a{color:#F58220;float:none;font-size:24px;padding:0 14px;}
#calender_section ul{padding-left:20px;}
#calender_section li{padding-bottom:6px;padding-top:6px;/*border-bottom:rgb(238 238 238 / 45%) solid 1px;*/}
#calender_section .fi{font-size:11px;margin-left:2vw;margin-top:4px;color:brown;float:right;}
#calender_section_top{width:100%;float:left;margin-top:20px;/*margin-left:-16px;*/}
#calender_section_top ul{padding:0;list-style-type:none;}
#calender_section_top ul li{float:left;display:block;width:99px;border-right:1px solid #fff;text-align:center;font-size:14px;min-height:0;background:none;font-weight:500;box-shadow:none;margin:0;padding:0;font-style:italic;text-shadow:0px 0px 1px rgba(78,76,51,0.53);}
#calender_section_bot{width:100%;margin-top:20px;float:left;border-left:1px solid rgba(220,220,220,0.6);;border-bottom:1px solid rgba(220,220,220,0.6);}
#calender_section_bot ul{margin:0;padding:0;list-style-type:none;overflow-y:Auto;max-height:70vh;box-shadow:0 0 10px #eee inset, 1px 1px 1px rgb(0 0 0 / 10%); overflow-x: hidden;}
#calender_section_bot ul li{float:left;width:99px;height:125px;text-align:center;border-top:1px solid rgba(220,220,220,0.6);border-right:1px solid rgba(220,220,220,0.6);;min-height:0;background:none;box-shadow:none;margin:0;padding:0;position:relative;}
@media screen and (max-width:480px){#calender_section_bot ul li{height:98px;}}
/*new Style*/
#calender_section_bot ul li{color:#b7b7b7;background-color:rgb(245 245 245 / 55%);border-radius:9px;border:0px;box-shadow:1px -1px 1rem -0.5rem rgba(0,0,0,0.25),0px 2px 17px -5rem #ccc;}
#calender_section_bot{border:0px !important;box-shadow:1px 6px 1rem -0.5rem rgba(0,0,0,0.25),0px 2px 17px -5rem #ccc !important;}
#calender_section_bot ul li span{margin-top:7px;float:left;margin-left:7px;text-align:center;}
.grey{background-color:#DDDDDD !important;}
.light_sky{background-color:#B9FFFF !important;}
.overcast_sky{background-color: rgb(115 131 131 / 11%) !important;}
.flxgap{margin-left:28px;margin-right:8px;cursor:pointer;}
@media screen and (min-width:580px){.flxgap{margin-left:42px;}}
/*==========Hover Popup===============*/
.date_cell{cursor:pointer;cursor:hand;}
.date_cell:hover{background:#DDDDDD !important;}
/*.date_popup_wrap{position:absolute;width:143px;height:115px;z-index:9999;top:-115px;left:-55px;background:transparent url(add-new-event.png) no-repeat top left;color:#666 !important;}*/
.events_window{overflow:hidden;overflow-y:auto;width:133px;height:115px;margin-top:28px;margin-left:25px;}
.event_wrap{margin-bottom:10px;padding-bottom:10px;border-bottom:solid 1px #E4E4E7;font-size:12px;padding:3px;}
.date_window{margin-top:20px;margin-bottom:2px;padding:5px;font-size:16px;margin-left:9px;margin-right:14px;min-width:50px;}
.popup_event a{color:#000000 !important;}
.packeg_box a{color:#F58220;float:right;}
a:hover{color:#181919;}
#calender_section{width:96vw;font-size:13px;line-height:22.3px;}
#calender_section label{font-size:1.2rem;}
@media only screen and (max-width:480px){#calender_section{width:90vw;line-height:17px;font-size:11px;}}
#calender_section_top ul li{width:14.28%;}
#calender_section_bot ul li{width:14.28%;}
#event_add{width:80vw;margin:auto;}
/*@media only screen and (max-width:480px){#event_add{width:80vw;}}*/
#calender_section_bot ul li{/*height:75px;*/}
#calender_section p{font-size:13px !important;font-weight:700;}
.none{display:none;}
.popup_event{margin:3px auto;padding:2px;font-size:8px;text-align:right;color:#000202;min-width:39px;height:22px;text-shadow:0px 1px 0px #f1f1f5;letter-spacing:0.1px;}
@media only screen and (max-width:480px){.popup_event{font-size:7px;padding:1px 4px 1px 0px;}}
#calender_section_bot{width:100%;margin-top:8px;margin-bottom:1em;float:left;border-left:1px solid rgba(220,220,220,0.6);;border-bottom:1px solid rgba(220,220,220,0.6);box-shadow:1px 6px 1rem -0.5rem rgba(0,0,0,0.25),0px 2px 17px -5rem #ccc;}
#calender_section_top{width:100%;float:left;margin-top:15px;}
#eventTitle{width:100%;}
#calender_section h2{display:inline-flex;line-height:36px;font-size:13px;background:transparent;}
.cbody{height:100%;/*margin-bottom:2vh;margin-top:-1px;*/ overflow-y:auto;padding:0rem 2rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,"Helvetica Neue",sans-serif,'FontAwesome';}
.date_popup_wrap{position:absolute;display:block !important;top:-4px;/*width:68px;*/ height:54px;left:-20px;background:transparent url(add-new-event.png) no-repeat top left;color:#666 !important;}
/*#addEventBtn,#updEventBtn ,#canEventBtn1,#canEventBtn2 ,#addDiaryBtn ,#addDiaryBtn2,#canDiaryBtn {background:rgb(94 121 120 / 56%);padding:3px 5px;margin-left:12px;font-size:10px;font-weight:600;float:right;margin-top:-17px;}*/
#hero1{/* background:url(https://4.bp.blogspot.com/_AQ0vcRxFu0A/S9shDGGyMTI/AAAAAAAAAYk/kn3WTkY2LoQ/s1600/IMG_0714.JPG);*/ background-size:cover;background-position:center center;background-attachment:fixed;}
#hero1 .hero1{text-align:center;position:relative;width: 100%;}
#hero1 .inner1{}
#hero1 .inner2{position:absolute;top:15%;xmargin-top:-5em;width:100%;}
#hero1 .inner2 h1{color:#fff;font-family: 'Roboto Slab', serif;font-weight:400;font-size:32px;display: flex;justify-content: space-evenly;}
#hero1 .inner2 p{color:#cecece;font-family: 'Noto Sans', sans-serif;font-size:14px;padding:0px 20px;}
/* */
.pstyles{padding:0em 1em 22vh 1.8em !important;overflow-y:auto !important;}
@media only screen and (max-width:480px){.pstyles{max-height:60vh;}}
.Oneperrow{min-width:84vw !important;max-width:95vw !important;height: fit-content;max-height: fit-content !important;width: auto !important;margin:10px 7vw;}
.OneperrowFULL{min-width:98vw !important;max-width:95vw !important;height: fit-content;max-height: fit-content !important;width: auto !important;margin:10px 7vw;}
@media only screen and (max-width:780px){.OneperrowFULL{min-width:97vw!important;}}
@media only screen and (max-width:650px){.OneperrowFULL{min-width:96vw!important;}}
.Oneperrow .clnimg .responsive-img {max-height: max-content; max-width: 40%;}
.OneperrowHeight{height: 80vh !important;} .MinHeightperrow{min-height: 80vh !important;}
.OneperrowS, .Wideperrow{min-width:60vw !important;}
.OneperrowH{min-width:88vw !important;width:auto !important;max-width:100vw !important;max-height:100% !important;height:fit-content;min-height:100px !important;box-shadow: none !important;}
@media only screen and (min-width:680px){.Twoperrow{min-width:45vw!important;max-width:45vw!important;max-height:100% !important;}}
@media only screen and (min-width:680px){.Threeperrow{min-width:30vw!important;max-width:30vw!important;max-height:100% !important;}}
.Fitperrow{width:fit-content !important;max-height:100% !important;}
.clr_item{box-shadow: none !important;border-right: 0 !important;border-left: 0 !important;border-top: 0 !important;border-bottom: 0 !important;}
.clr_item .responsive-img{box-shadow: none !important;min-width: 40%;cursor: default;/* z-index: -2;position: relative;*/}
.clr_bck{background: transparent !important;}
.Full_height{max-height: fit-content !important; min-height: 82vh !important;}
.wht_bck{background:#fff !important;}
.blk_bck{background:#000000 !important;}
.red_bck{background:red !important;}
.gls_bck{backdrop-filter: blur(14px);background-color: rgb(255 255 255 / 13%);}
.fm-bck-pg-clr{background: transparent}
.fm-preview_dt{color:#b79f5f;font-size:8px;letter-spacing:1px;margin:-23px 0px 5px 0px;}
.fm-preview_dt{color:#b79f5f;font-size:8px;letter-spacing:1px;float:right;margin:-23px 0px 5px 0px;}
.itemData{background:transparent !important;}
.itemData li{list-style:disc;}
.itemData ul{}
.itemData ol{}
.ftoolbar{text-align:center;}
/**156**** new default **/
.containerff{/*position:relative;caused after scroll up for everything to go up*/
position:absolute;overflow-x:hidden;overflow-y:auto;max-height:100vh;gap: 4px;
width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;max-width:100vw;
padding:2.5em 12px 40em 12px;/* 40 account for poss header logo */ /* btm was 22 caused unnesesary scrol in iframe if 1 item -- but needed for many*/
min-height:100vh;/* experiment to get back to full scrn */
border-radius:0px 0px 5px 0px;word-break:break-all;/* align-content:stretch;justify-content:space-evenly;1st item got shited x*/ align-content:flex-start;justify-content:center;}
/*.containerff span{margin:1em 10px;} do locally if you have to */ /* was 0 10px dsc touching video */
.cardff{ height: max-content !important;min-height: 351px;max-height: 351px; overflow-y:auto;width:350px;min-width:290px;flex-grow:2;max-width:100vw;margin:4px;padding: 12px 20px 0px 20px;border-bottom:solid 3px rgb(243 245 255 / 21%);
/* backdrop-filter: blur(50px);*/
font-size:13px;counter-reset:counter;/*box-shadow: 0px 0px 17px -12px rgb(0 0 0 / 91%); */ box-shadow: 0px 15px 29px -13px rgb(0 0 0 / 14%);
flex-grow:1;flex-shrink:0;flex-basis:auto;border-radius:5px;overflow-x:hidden;border-right-width:0px;
/* background:white;box-shadow:0px 8px 8px 0px rgba(0,0,0,0.1);/*text-align:center;*//*align-self:center;*/ /*padding:20px;margin:10px;max-height:376px;min-height:300px;min-height:9vh;height:100%;min-height:fit-content;*/ /*border-top:solid 3px rgb(243 245 255 / 21%);caused blk line on clr back*/
}
@media screen and (max-width:740px){.cardff{max-height:fit-content;min-height: 2vh; width: 100vw; ;font-size:11px; max-width: 92vw !important;}}
/***** was 540 ************/
.cardff h2{margin-bottom: 8px !important;}
@-webkit-keyframes gradflow{0%{background-position-x: 0, 0;} 100%{background-position-x: -200%, -100%;}}@keyframes gradflow{0%{background-position-x: 0, 0;} 100%{background-position-x: -200%, -100%;}}
.containerffBare{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;}
.cardffBare{padding:5px 0;max-height:fit-content;overflow-y:initial;border :0;margin:0;counter-reset:counter;box-shadow:none;min-height:320px;}
@media screen and (max-width:540px){.containerffBare{flex-direction:column;}}
.cardff .n:before{counter-increment:counter;content:counter(counter);}
#printableAreaA p:last-of-type{margin-bottom: 1px !important;}
#printableAreaA{padding-bottom: 8px; padding-left: 7px;}
.cardffSada{border:solid 0px #f3f5ff;box-shadow:none;width:fit-content;min-height:fit-content;}
.cardffWideGrid{border:solid 2px #f3f5ff;box-shadow:none;font-size:13px;width:394px;min-height:fit-content;box-shadow: 2px 1px 11px 0px rgb(0 0 0 / 24%);}
.cardffSada h2{text-align:left !important;}
.cardffSada h1{text-align:center !important;line-height:8px !important;}
.cardff h2{/*text-align:center;*/}
.text-div{/*display:inline-flex;*/ word-break:break-word;/* text-align: justify;confused titles*/ white-space: pre-wrap;unicode-bidi: plaintext;line-height: 1.52; width: 100%; }
.cardff_masonry{min-height: 0px !important;overflow-y:auto;min-width:143px;max-width:100vw;border-right-width:0px;font-size:13px;counter-reset:counter 0;
padding: 0 12px;box-shadow:rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;text-align:center;align-self:center;flex-grow:1;flex-shrink:0;flex-basis:auto;overflow-x:hidden;border-bottom:3px solid rgba(243, 245, 255, 0.21);border-top:3px solid rgba(243, 245, 255, 0.21);background:white;border-radius:5px;}
.gradbg{}
/*orange back shape **/
.gradbg1{position:absolute;margin-left:0%;margin:0.5em 2em 0.5em 9em;width:46%;height:93%;background:linear-gradient(to bottom,#f4b261 0%,#f1685f 100%);z-index:0;box-shadow:0em 1px 4px 0px black;}
/*img back **/
.gradbg2{position:absolute;margin-left:-83px;width:110vw;height:100%;z-index:0;background-repeat:no-repeat;background-size:cover;background-position:center;
background-image:url(https://mindtemplates.com/images/sys/bgd1.jpg);}
@media screen and (max-width:414px){.gradbg2{margin-left:-18px;}}
/*fancy gradient back **/
.gradbg3{position:absolute;margin-left:-7px;width:100%;height:100%;background:linear-gradient(45deg,rgba(46,244,205,0) 30%,rgba(198,171,203,0) 60%,rgba(246,148,203,1) 100%),radial-gradient(ellipse at center,rgba(76,110,207,0) 27%,rgba(76,110,207,0.33)
51%,rgba(89,88,179,0.58) 69%,rgba(89,78,183,1) 100%),linear-gradient(80deg,rgba(246,148,203,0) 0%,rgba(70,232,205,.1) 70%,rgba(46,244,205,1) 100%),linear-gradient(45deg,rgba(46,244,205,1) 0%,rgba(76,110,207,0.2) 50%,rgba(76,110,207,0) 60%);
z-index:0;}
/*fancy gradient back **/
.gradbg4{position:fixed;margin-left:-7px;width:100%;height:100%;background:#fff url("data:image/svg+xml,%3Csvg width='1280' height='710' xmlns='http://www.w3.org/2000/svg'%3E %3Cg fill='%237F7BFB' fill-rule='evenodd'%3E %3Cpath d='M0 63.354c47.677-2.931 102.14 12.343 163.387 45.822 91.87 50.22 126.954 158.927 248.81 226.016 121.856 67.09 217.644 28.645 324.582 86.582C843.72 479.71 882.997 594 979.392 646.458c64.263 34.971 130.87 56.185 199.821 63.641H0V63.354z'/%3E %3Cpath d='M0 1.393C50.612-3.2 109.835 13.082 177.667 50.234c101.749 55.73 130.439 163.5 265.397 237.95 134.958 74.45 204.648 26.67 323.085 90.963 118.436 64.293 142.832 176.85 249.59 235.062 71.173 38.808 167.927 70.771 290.261 95.89H0V1.393z' opacity='.7'/%3E %3C/g%3E %3C/svg%3E") left bottom/100% no-repeat fixed;
z-index:0;}
.containerff3{background:#7d7776;}
.cardff3{border:0px;box-shadow:3px 6px 8px 2px rgb(0 0 0 / 27%);background:#f7eae9;}
.cardff2{position:relative;min-width:380px;counter-reset:counter;height:fit-content;overflow-y:auto;margin:1em;border:1px solid #eee;background:#fff;box-shadow:0px 10px 30px 0px rgba(50,50,50,0.16);border-radius:5px;overflow:hidden;padding:30px;}
/*.cardff2:before{position:absolute;top:0;right:0px;z-index:0;content:"";width:120px;height:120px;background:#f5f5f5;border-bottom-left-radius:136px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;}
.cardff2-icon{position:absolute;top:18px;right:22px;max-width:100px;z-index:1;text-align:center;}
.cardff2-icon i{color:#001c48;font-size:48px;line-height:65px;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;}*/
.cardff2-stitle{position:relative;font-size:9px;color:brown;}
.cardff2-nm{position:relative;font-size:15px;color:brown;font-weight:600;font-style:italic;}
.cardff2-dsc{overflow-y:auto;width:100%;height:fit-content;display:block;font-size:13px;}
.cardff2-dsc .container-gen-iframe{min-height:300px;}
.cardff2 h4{color:#333;font-size:20px;font-weight:500;line-height:1.5;}
.cardff2 h5{color:#cccccc;font-size:17px;font-weight:400;line-height:1;margin-top:5px;}
.cardff2-line-left{content:'';display:block;width:100px;height:3px;background:#001c48;border-radius:25%;margin-top:15px;margin-bottom:5px;}
.cardff2:hover .cardff2-icon i{color:#fff;}
.cardff2:hover:before{background:#001c48;}
.cardff2 .n:before{counter-increment:counter;content:counter(counter);}
.fgrid-item{float:left;width:100%;display:inline-block;position:relative;height:300px;}
@media screen and (min-width:414px){.fgrid-item{width:50%;}}
@media screen and (min-width:768px){.fgrid-item{width:33%;}}
@media screen and (min-width:1200px){.fgrid-item{width:25%;}}
@supports (display:grid){.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,auto));grid-gap:1em;padding:1em 2em 1em 1em;} .fgrid-item{width:100%;}}
.fgrid-item{background:-webkit-gradient(linear,left top,left bottom,from(white),to(rgba(0,0,0,0.1)));padding:2rem 3em;background:linear-gradient(to bottom,white,rgba(0,0,0,0.1));box-shadow:0 1px 3px rgba(0,0,0,0.4);padding:1rem;word-break:break-word;overflow-x:hidden;overflow-y:auto;border-radius:4px;}
.fgrid-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.fartc1{}
.main-card157{/*display:flex;flex-wrap:wrap;justify-content:center;*/;margin:40px auto 41px 8px;padding:1em;color:#555555;width:100%;}
.card157{background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 3px 8px rgba(0,0,0,0.1);color:slate;cursor:pointer;flex-basis:calc(33% - 40px);margin:20px 0px;overflow:hidden;padding:38px;position:relative;transition:0.5s ease all;max-height:300px;overflow-y:auto;border:4px solid white;}
.card157 h2,.card157 p{position:relative;}
.card157 lm{display:inherit;}
.card157 h2{border-bottom:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,0.3);margin:0 0 20px 0;}
.card157:hover:before{border-radius:20px;left:0;height:100%;right:0;top:0;}
.card157:hover h2,.card157:hover h9,.card157:hover p ,.card157:hover span{text-shadow:2px 1px 3px rgba(0,0,0,0.2);color:white;}
.card157.border:hover:before{border-radius:16px;left:8px;height:calc(100% - 16px);right:8px;top:8px;}
/********** made below always true, i.e. 1 per row , otherwise it is another nice many blocks*************/
@media (max-width:12000px){.main-card157 h1{font-size:30px;} .main-card157{flex-direction:column;max-width:95vw;} .card157{/*margin:0 0 10px 0;width:100%;*/}}
/* p:last-of-type{margin-bottom:18px !important;} */
/*page name or anything about centre menuff --- made it below*/
.pgtit{/*top:0px;right:41%;*/ top:35px;right:50%;position:fixed;font-size:8px !important;box-shadow:1px 9px 8px -5px rgb(119,119,119)!important;font-weight:800;letter-spacing:2px;width:fit-content;
color:rgba(90,25,25,0.35);font-style:italic;text-shadow:0px 2px 3px rgba(0,0,0,0.22);}
/*display title of for current page name*/
.pgtit2{margin-top:8px;margin-bottom:8px;font-size:9px;width:fit-content;border-bottom:1px solid #cccccc;height:fit-content;color:#8a1d4d;font-weight:700;margin-left:14px;text-shadow:0px 1px 3px rgba(0,0,0,0.22);letter-spacing:1px;}
.pgtit2 .t{font-size:11px;color:#757575;margin-right:3px;}
.pgtit2 .tfr{float:left;width:70vw;font-size:13px;color:#757575;margin-right:3px;}
.activePT{margin-right:3px;display:inline-block;font-size:12px;color:#757575;}
.pgtit2 .activePT{display:none;} /*was looking messy -- still works showing PT*/
/** error content msg e.g.
Not populated yetuse the Add button to create new..
*/
.pgtit2er{margin-top:-4px;margin-bottom:4px;font-size:13px;width:fit-content;height:fit-content;color:#c32222;padding: 0 10%;font-size:11px font-weight:800;margin-left:14px;text-shadow:0px 1px 3px rgba(0,0,0,0.22);letter-spacing:1px;}
.pgtit2er .t{font-size:18px;color:#757575;margin-right:3px;}
.pgtit2 .tfr{float:left;width:70vw;font-size:13px;color:#757575;margin-right:3px;}
@media (min-width:500px){.pgtit2 ,.pgtit2-right{font-size:11px;}}
@media (min-width:500px){.pgtit2 .t ,.pgtit2-right .t{font-size:14px;}}
@media (min-width:500px){.pgtit2er{font-size:12px;}}
@media (min-width:500px){.pgtit2er .t{font-size:14px;}}
/*item menu*/
.ninarrow{width:102% !important;margin-left:-2px;min-width:126px !important;}
/**** experiment for nt num above cntrol *******
12
**/
.cart-ntf ,#cart-ntf{position:absolute;top:-1px;left:76px;width:15px;height:15px;text-align:center;border-radius:50%;color:white;font-size:8px;line-height:16px;transition:0.3s ease;background-color:#ded2ca;}
/** time vertically on pc ,horr on mobile **/
@media (min-width:768px){@supports ((-webkit-writing-mode:vertical-lr) or (writing-mode:vertical-lr)){
.vtime{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;float:left;margin-left:-1.5rem;margin-top:-35px;
white-space:nowrap;font-size:0.8rem !important;color:#a8abb7;}
.vtime::before{content:'';display:inline-block;width:1ch;height:3rem;margin:10px 0;background:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)) no-repeat center/1px 100%;background:linear-gradient(currentColor,currentColor) no-repeat center/1px 100%;}}}
/** time vertically **/
@media (min-width:268px){@supports ((-webkit-writing-mode:vertical-lr) or (writing-mode:vertical-lr)){
.vtime2{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;float:left;margin-top:119px;color:white !important;white-space:nowrap;
font-size:0.8rem !important;white-space:nowrap;font-size:0.8rem !important;}
.vtime2::before{content:'';display:inline-block;width:1ch;height:3rem;margin:10px 0;background:-webkit-gradient(linear,left top,left bottom,from(currentColor),to(currentColor)) no-repeat center/1px 100%;background:linear-gradient(currentColor,currentColor) no-repeat center/1px 100%;}}}
/**** add to fa for border **/
.falink{display:inline-block;padding:6px 8px;margin:0 0.65em 0 0;border-radius:72px;font-size:24px;transition:all 0.4s;line-height:1; xxxbox-shadow:0 1px 6px rgba(0,0,0,0.10),0 1px 6px rgba(0,0,0,0.10) !important;}
.falink:hover{background-color:rgba(0,0,0,0.15);box-shadow:0 3px 6px rgba(0,0,0,0.10),0 3px 6px rgba(0,0,0,0.10);}
/** clever badge **/
:root{--badge-bg-color:#B23535;--badge-bg-color-alt:lightgray;--badge-bg-color-highlight:#FF4C4C;--badge-text-color:white;}
.badges{display:flex;flex-wrap:wrap;justify-content:center;}
.badge{font-family:'Helvetica',sans-serif,'FontAwesome';display:flex;align-items:center;justify-content:center;margin-bottom:6px;padding:6px 12px;font-size:1.2em;
color:var(--badge-text-color);background:linear-gradient(45deg,var(--badge-bg-color),var(--badge-bg-color-highlight));border-radius:60px;box-shadow:rgba(0,0,0,0.1) 0 2px 2px;}
.badge:not(:last-child){margin-right:6px;}
.badge:before{content:attr(data-count);}
.badge[data-label]:after{margin-left:3px;padding:0px 5px 0px 5px;}
.badge[data-count]:after{content:attr(data-label-plural);}
.badge[data-count="1"]:after{content:attr(data-label);}
.badge[data-count^="-"],.badge[data-count="0"]{background:var(--badge-bg-color-alt);box-shadow:none;}
.bullets{/*margin:0em 2em 2em 7px;*/padding-bottom: 32vh !important;}
.bulletab{font-size:10px;margin-top:2px;margin-left:1px;display:flex;font-family:roboto,'FontAwesome';overflow-x: hidden;}
.bulleta{font-size:20px;color:white;font-weight:bold;padding:10px 2px;text-align:center;min-width:192px;background:rgb(255 154 192);}
.bulletb{padding:0px 2em 2em 2em;width:100%;font-weight:600;font-size:12px;border:2px solid rgba(241,5,93,0.14);}
@media (max-width:680px){.bulleta{min-width:50px;max-width:50px;font-size:9px;}}
.bullet12{font-size:10px;margin-left:1px;margin-top:2px;box-shadow:0px -1px 3px -1px rgba(0,0,0,0.28);display:flex;font-family:roboto;}
.bullet1{padding: 8px 5px 0 1em;font-weight:600;font-size:20px;text-align:center;min-width:120px;font-family:"montserrat-bold",sans-serif,'FontAwesome';text-shadow: 0px 1px 2px rgb(5 6 28 / 44%);font-size:1.5rem;color:#07617d;}
.bullet2{padding:8px 2em 2em 2em;width:100%;font-size:12px;width:100%;max-width: 85vw;}
@media (max-width:580px){.bullet1{min-width: 50px;max-width: 62px;font-size: 12px;padding: 11px 0px 0 5px;}}
@media (max-width:580px){.bullet2{padding:8px 2em 1em 2em;font-size:11px;}}
/** 5151 **/
.mySlidesfm3{margin:0 auto;width:100%;}
.w3-content{line-height:2;padding:1em 0em 6em 0em;display:flex;overflow-y:hidden;overflow-x:hidden;height:100%;width:100%;position:fixed;
margin-left:0px;border-left:3px solid orange;border-right:3px solid orange;box-shadow:6px 0px 7px -8px rgba(0,0,0,0.5);/* max-height:82vh;*/}
/*@media (min-width:600px){.w3-content{margin-left:1px;padding:1em 5em 6em 8em;max-height:83vh;}}
@media (min-width:1000px){.w3-content{margin-left:6px;padding:1em 5em 6em 8em;max-height:86vh;}} caused pg to be narrower in last pg only while scroll */
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-btn,.w3-button{padding:1px 13px;right:80px;top:64px;position:fixed;
float:right;margin-bottom:0px;border:none;display:inline-block;outline:0;vertical-align:middle;overflow:hidden;text-decoration:none;
color:#af476d;font-weight:800;font-size:17px;background-color:inherit;box-shadow:inset 1px 0px 9px -6px rgba(0,0,0,0.5);text-align:center;cursor:pointer;white-space:nowrap}
@media (max-width:480px){.w3-button{right:17%;top:90px;}}
.w3-display-right{margin-right:-47px;}
.w3-display-left{/*margin-right:9px;*/}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
/** hidden save option,just css *** based on f-dotsMenu4.php,can have multiples too**/
.fsavs-wrapper{color:#863a41 !important;z-index:2;position:fixed;/*transform:rotate(-0deg);*/ font-size:40px;/*padding-right:29px;*/ bottom:70px;left:0%;/*right:124px;*/ border-radius:4px 4px 0 0;cursor:pointer;}
.fsavs{display:inline-block;cursor:pointer;padding:10px;/*width:17px;height:11px;*/ width:50px;height:50px;}
.fsav{border-radius:50%;margin-right:3px;/*height:4px;width:4px;*/}
.xxfsav:last-child{margin-right:0;}
.listfsav{position:absolute;transform:translateX(-120%);left:-120%;width:325px;}
.listfsav ul{margin:0;padding:0;}
.listfsav li{align-items:center;background:#fff;border:2px solid #fff;border-bottom:1px solid #bdbdbd;display:flex;padding-left:12px;height:30px;width:13em;
margin-left:40px;opacity:0;font-size:14px;list-style:none;transition:opacity 100ms cubic-bezier(0.4,0.0,0.2,1);user-select:none;-moz-user-select:none;box-shadow:0 1px 4px rgba(0,0,0,0.3),5px 9px 14px 0px rgba(0,0,0,0.1);}
.listfsav li:hover{background:#f5f5f5;}
.fsavs.active .listfsav{cursor:pointer;/*transform:translateX(-2%);left:-2%;*/ z-index:1;/*transform:translatey(-100%);*/ left:-336%;position:absolute;transform:translatey(40%);}
.fsavs.active .listfsav li{cursor:pointer;opacity:1;transition:opacity 200ms 100ms cubic-bezier(0.4,0.0,0.2,1);}
.fsavs.active .listfsav li:nth-child(2){transition-delay:130ms;}
.fsavs.active .listfsav li:nth-child(3){transition-delay:160ms;}
.fsavs.active .listfsav li:nth-child(4){transition-delay:190ms;}
.fsavs.active .listfsav li:nth-child(5){transition-delay:220ms;}
/** **/
.fact_item{font-size:14px;position:absolute;color:#024959;font-weight:700;margin-left:4vw;margin-top:12px;text-shadow:0px 0px 1px rgba(138,134,84,0.77);/*box-shadow:2px 1em 12px -7px rgba(225,229,232,0.6);*/}
@media (max-width:600px){.fact_item{font-size:12px;/*top:25px;*/}}
/** simple modals *** see f-modal1**/
.content_fmod{text-align:center;padding:1rem;}
.icons_fmod{display:flex;justify-content:space-between;font-size:1.5rem;margin-top:2rem;}
.icons_fmod a{color:black;}
.icons_fmod a:hover{color:rgba(0,0,0,0.7);}
.fmodal{position:absolute;top:-24px;left:47%;-webkit-transform:translateX(-50%);padding:2.2em;
transform:translateX(-50%);background-color:white;width:100vw;height:85vh;display:flex;justify-content:center;/*align-items:center;*/ z-index:999999;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);}
@media (min-width:600px){.fmodal{max-width:66vw;left:40%;}}
@media (min-width:900px){.fmodal{max-width:78vw;left:47%}}
.fmodal-inner{padding:1rem;}
.image img{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);}
.close_fmod{position:absolute;top:0;right:1rem;cursor:pointer;z-index:100;}
.fmod-wrapper{display:flex;overflow-x:auto;height:auto;width:100%;touch-action:auto;}
.fmod-wrapper img{width:100%;height:100%;}
.fmod-getd{font-size:10px;position:fixed;left:3%;bottom:7%;display:block;line-height:0px;}
@media (min-width:850px){.fmod-getd{font-size:13px;}}
.fmod-getd2{bottom:-16px;left:18px;line-height:15px;color:currentColor;}
.fmod-getd3{left:-5px;bottom:-20px;color:#cecece;}
@media (min-width:750px){.fmod-getd2{bottom:0px;}}
/*to be tested as :
*/
.glass{height:100%;width:100%;background-size:cover;background-position:center;clip-path:inset(10em);filter:blur(20px);display:flex;justify-content:center;align-items:center;}
.drop-sdhwglass{height:100%;width:100%;filter:drop-shadow(0px 20px 10px rgba(0,0,0,0.3));display:flex;justify-content:center;align-items:center;}
.drop-sdhwglass:before{display:block;content:"";position:absolute;top:10em;height:calc(100% - 20em);width:calc(100% - 20em);border-top:2px solid rgba(225,225,225,0.2);border-left:1px solid rgba(225,225,225,0.1);border-right:1px solid rgba(225,225,225,0.3);z-index:2;}
.drop-sdhwglass >span{position:absolute;z-index:5;color:white;font-size:4em;letter-spacing:0.75em;padding-left:0.375em;}
@media (max-width:980px){.glass{clip-path:inset(5em);}
.drop-sdhwglass:before{top:5em;width:calc(100% - 10em);}
.drop-sdhwglass >span{font-size:4em;}}
@media (max-width:640px){.drop-sdhwglass >span{font-size:2em;}}
.copyCBBtn{font-size:10px;}
.smalld{letter-spacing:0.01em;font-size:7px;color:#cecece;margin-top:-10px;}
.vsmalld{letter-spacing:0.05em;font-size:6px;color:#999;margin-top:-10px;}
@media (min-width:640px){.vsmalld{font-size:8px;}}
.vsmalld44{letter-spacing:0.05em;font-size:8px;color:#999;margin-top:-9px;}
@media (min-width:640px){.vsmalld44{font-size: 11px;padding-top: 3px;}}
.inputAPI .vsmalld{ font-size:8.5px;color: #5d5a5a;margin-top:-10px; padding-top: 1px;}
@media (min-width:640px){.inputAPI .vsmalld{font-size:10px; padding-top: 3px;}}
/** animate text ,just add classes e.g.
x
or
y
**/
.animatedf1{-webkit-animation-fill-mode:both;-webkit-animation-duration:2s;animation-duration:2s;}
.animatedf2{animation-delay:.5s;-webkit-amation-delay:.5s;-webkit-animation-fill-mode:both;-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes fadeOutUpff{0%{opacity:0;-webkit-transform:translateY(1);-webkit-transform:translateY(40px);} 100%{opacity:1;}}
.fadeOutUpff{-webkit-animation-name:fadeOutUpff;animation-name:fadeOutUpff;}
.fadeInff{-webkit-animation-name:fadeInff;animation-name:fadeInff;}
@-webkit-keyframes fadeInff{0%{opacity:0;-webkit-transform:translateY(1);-webkit-transform:translateY(40px);} 100%{opacity:1;}}
.fhead13{/*display:inline-block;*/ margin-left:35px;font-size:1.26rem;max-height:35px;color:#862953;line-height:1.0;font-size:11px !important;
text-shadow:1px 1px 2px rgba(5,6,28,0.44) !important;/*margin:10px 0px 1px 4px;*/}
@media (max-width:640px){.fhead13{margin-left:13px;font-size:1rem;max-height:20px;}}
.formAllowed{font-size:60%;position:relative;bottom:13px;padding-left:5px;color:#b7b692;}
.dpthought_pos2{top:-41px;position:absolute; }
@media (max-width:540px){.dpthought_pos2{top:-44px;}}
.shpad{padding-left:12px !important;padding-top:12px !important;}
.itemDataHookg{margin-bottom:-1vh;top:0;bottom:0;overflow:hidden;min-height:30px;}
/** dropdown accept msg **** all i need to do is to add class="doneit"**/
.toastdoneit{opacity:0;position:relative;z-index:9;display:flex;align-items:center;padding:0 16px;top:0px;margin:auto;max-width:328px;height:42px;border-radius:5px;background:white;font-family:helvetica neue,'FontAwesome';font-size:15px;
line-height:16px;color:#242533;-webkit-box-shadow:0 10px 20px 0 rgba(230,230,235,0.3),0 4px 6px 0 rgba(62,62,64,0.1),0 0 1px 0 #e6e6eb;}
@keyframes reveal{0%{transform:translateY(-156px);} 20%{transform:translateY(30px);} 40%{transform:translateY(16px);} 80%{transform:translateY(20px);} 80%{transform:translateY(20px);} 100%{transform:translateY(20px);}}
@keyframes fadeOut{90%{opacity:1;} 100%{opacity:0;}}
.revealit{opacity:1;animation:reveal 1200ms ease forwards,fadeOut 1200ms ease forwards;}
/**** basic great accordion**/
.collapse{width:100% !important;xxbackground-color:rgba(255,255,255,0);border-bottom:1px solid #eee;cursor:pointer;xxxxcolor:#fff;padding:10px;margin:0px;max-height:32px;overflow:hidden;transition:all 0.4s;}
.collapse *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.collapse.active{font-size:12px;line-height: 2;box-shadow:0 8px 17px 0 rgba(0,0,0,0.2);z-index:200;color:#444;max-height:3000px;padding: 2em !important;margin:10px -10px;transition:all 0.2s,max-height 4.8s;}
.collapse h2{font-size:12px !important;color: #7d0404 !important;line-height:1 !important;position:relative}
.collapse .slide{box-shadow:none !important;margin:0px !important;padding:10px !important}
.collapse.transparent{xxbackground-color:rgba(255,255,255,0) !important;color:#fff !important;box-shadow:none !important;margin:0px !important;padding:10px !important}
.collapse h2::after{content:"+";text-align:center;position:absolute;width:15px;height:15px;border:1px solid #ccc;border-radius:50%;font-size:12px;line-height:12px;opacity:0.5;right:0;top:0;}
.collapse:hover h2::after{opacity:1}
.collapse.active h2::after{content:"-";}
.hk-card{display:flex;justify-content:center;align-items:center;position:relative;font-size:11px;}
@media (max-width:800px){.hk-card{/*justify-content:left;*/}}
.hk-card2{display:flex;flex-flow:wrap;flex:0 1 auto;justify-content:space-between;align-items:center;padding:0em 8% 3px 8% !important;width:95%;}
.hk-card .post-thumb span ,.hk-card2 .post-thumb span{color:#c5417d !important;}
.hk-post ,.hk-post2{padding-left:0.35em;word-break:break-word;text-align:start;display:inline-flex;}
.hk-post-text p{color:#0e1f79;font-weight:540;}
.hk-post-text2{font-size:12px !important;}
@media (max-width:480px){.hk-post-text2{font-size:10px !important;}}
/****logo**/
.lsquare{position:absolute;left:31px;top:21px;height:9px;width:9px;background:linear-gradient(-45deg,#fff8a9,#48432d8a);}
.lcircle{position:absolute;left:30px;top:26px;height:19px;width:22px;background:conic-gradient(#5e6c8c,#d6cf4c,rgba(106,191,64,0));border-radius:50%;}
/**** direct result to verify inserts **/
.itemDataResultgBDIV,.itemDataResultgNTDIV{overflow:auto;min-height:84vh;margin:0em;min-width:44vw;margin-left:12px;padding:1em 1.3em 15em 0em;overflow-x: hidden;}
@media only screen and (max-width:480px){.itemDataResultgBDIV,.itemDataResultgNTDIV{padding:1em 0em 15em 0em;}}
/*@media only screen and (max-width:480px){.itemDataResultgBDIV,.itemDataResultgNTDIV{margin:1em 0em 0em 0em;min-width:68vw;}} */
@media only screen and (max-width:480px){.Ntadm{margin:0px !important;padding:0px 1px 0px 0px !important;min-width:47vw !important;}}
.itemsgB{overflow-y:auto;/* overflow-y: hidden;*/ overflow-x: hidden;max-height: 84vh;min-height: 31vh;margin: 1em 13px 1em -15px;padding: 0em 0em 15em 0;max-width: 19vw !important;min-width: 19vw;}
@media only screen and (max-width:480px){.itemsgB{max-width: 26vw !important;/* 26 needed for vault*/ min-width: 24vw;padding: 0px 1px 20vh 0px;max-height: 86vh;margin: 0em 0.08em 4em 0px!important;}}
.itemsgN{min-width:222px;overflow-y:auto;overflow-x:hidden;max-height:84vh;min-height:14vh;margin:0em;padding:0em 0em 15em 0em;}
.itemsgNT{overflow-y:auto;overflow-x:hidden;max-height:84vh;min-height:14vh;margin:0em;/*padding:0em 0em 13em 0em;*/}
.narrow{min-width:49% !important;}
#imglib_idCC{font-size:12px;color:#bd9191 !important;}
.pgs{border:2px solid #fff;margin-top:13px;padding:0em 1em 0em 2.1em !important;/*max-height:78vh;*/ /*position:fixed !important;stopped HOOKS tabs working on mobile*/}
@media screen and (min-width:850px){.pgs{padding:1em 3em 3em 2em !important;}}
.pgsNoOverFlow{/*border:2px solid #fff;margin-top:13px;*/ padding:0em 4em 0em 4.8em !important;/*max-height:80vh;*/ overflow-y:hidden;/*position:fixed !important;caused pg hide in iphone */}
@media screen and (max-width:1050px){.pgsNoOverFlow{padding:0em 3em 0em 3.4em !important;}}
@media screen and (max-width:850px){.pgsNoOverFlow{padding:0em 0.5em 0em 1.4em !important;}}
@media screen and (max-width:480px){.pgsNoOverFlow{padding:0em 1em!important;}}
.pgsS{background-color:white;margin-top:1em;/*box-shadow:1px 3px 14px -4px rgba(0,0,0,0.5);top/btm*/ box-shadow:0px -13px 20px -20px rgba(0,0,0,0.5);/*top only*/}
.img-sel{overflow-x:scroll;margin-top:1em;margin-bottom:0.41em;min-width:50vw;/*display:flex;*/ max-height:107px;overflow-y:auto;}
@media screen and (max-width:480px){.img-sel{min-width:240px;}}
#image_div{display:flex;flex-direction:column;align-items:center;padding-bottom:0.5em;}
.pgs2{padding:1em 1em 2em 0em !important;}
.fs9{font-size:9px !important;}.fs10{font-size:10px !important;}.fs11{font-size:11px !important;}.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}.fs14{font-size:14px !important;}.fs20{font-size:16px !important;line-height: 2.2;}
.fs18{font-size:18px !important;}.fs30{font-size:30px !important;}.form-group{}.spacer{height:10px;}
hr.thicker{border:none;border-top:3px solid black;padding:0;-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.7);-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.7);box-shadow:0 3px 5px 0 rgba(0,0,0,0.7);}
hr.thick{border:none;border-top:1px solid #525252;padding:0;-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.7);-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.7);box-shadow:0 1px 3px 0px rgba(0,0,0,0.7);}
hr.thickLight{border:none;border-top:1px solid rgba(230,187,104,0.4);padding:0;-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.7);-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.7);box-shadow:0 1px 3px 0px rgba(0,0,0,0.7);}
hr.double{border-bottom:1px solid black;-moz-box-shadow:0 0 0 0 transparent;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent;}
/**** Floating Footer Notification **/
/*#ajax_result{position:absolute;z-index:1001;bottom:0;left:0;right:0;background:#fde073;text-align:center;line-height:2.5;overflow:hidden;
-webkit-box-shadow:0 0 5px black;-moz-box-shadow:0 0 5px black;box-shadow:0 0 5px black;font-size:11px;}*/
#ajax_result, #ajax_resultExtra, .ajax_result, .ajax_resultExtra{position:fixed;font-size:1em;padding:0em 2em;z-index:1001;top:1px;left:0;right:0;background: rgb(101 132 144 / 40%);
text-align:center;line-height:2.5;color:white;overflow:hidden;-webkit-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.46);
-moz-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.46);box-shadow:0px 0px 5px 2px rgba(0,0,0,0.46);}
#ajax_resultW, .ajax_resultW{position:absolute;font-size:10px;padding:0em 2em;z-index:1001;top:20px;left:0;right:0;background: rgb(191 10 10 / 47%);
text-align:center;line-height:2.5;color:white;overflow:hidden;-webkit-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.46);
-moz-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.46);box-shadow:0px 0px 5px 2px rgba(0,0,0,0.46);}
.iss-visible{opacity:1;}
.iss-hidden{opacity:0;}
.iss-removed{display:none;}
#message ,#message2,.message ,.message2{position:relative;margin:0 auto;left:20%;width:50%;min-height:32px;padding:10px;background-color:rgba(52,52,52,0.46);margin-top:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;color:white;}
/**waiting spiner cols ***************
**/
.spinnerC{width:50px;display:block;position:fixed;bottom:2px;z-index:9999;right:9vw;height:27px;text-align:center;font-size:10px;/*float:left;*/ margin-left:15px;}
.spinnerC >div{background-color:#bdb54f !important;height:25%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out;}
.spinnerC .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.spinnerC .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
.spinnerC .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.spinnerC .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4)} 20%{-webkit-transform:scaleY(1.0)}}
@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4);} 20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0);}}
/** icons in a row **/
#iconwrapper a{text-decoration:none;color:#69dfe3;display:block}
#iconwrapper{min-width:240px;padding:3em 1em 0em 0em;/*text-align:center;*/}
#iconwrapper .icon{width:55px;height:55px;position:relative;display:inline-block;}
#iconwrapper .circle{color:#69dfe3;text-align:center;line-height:40px;height:40px;width:40px;background:#e7e7e7;border-radius:50%;}
#iconwrapper .brown{background:#614d46;background:linear-gradient(to bottom,#614d46 0%,#403231 100%);position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%)}
#iconwrapper .border{position:absolute;width:55px;height:55px;border-radius:50%;background:#d0cccb;top:0;left:0;}
#iconwrapper .border-hover{position:absolute;width:40px;height:40px;border-radius:50%;background:rgba(150,150,150,.3);left:50%;top:50%;transform:translate(-50%,-50%);transition:.2s ease all;}
#iconwrapper .icon:hover .border-hover{width:55px;height:55px;}
/**** border line around h2 *******************/
.header-title{min-width:50%;padding:30px;text-align:center;position:relative;border:3px solid rgba(191,187,187,0.28);border-top:none;}
.header-title h2{-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);font-style:oblique;font-size:1.2em;overflow:hidden;margin:-30px -33px 0 -33px;position:absolute;width:calc( 100% + 6px);}
.header-title h2:before,.header-title h2:after{content:"";position:absolute;width:100%;margin-top:-2px;border-top:3px solid rgba(191,187,187,0.28);top:50%;}
.header-title h2:before{-ms-transform:translate(-100%,0);-webkit-transform:translate(-100%,0);transform:translate(-100%,0);margin-left:-30px;}
.header-title h2:after{margin-left:30px;}
.fm_titles{color:#124d5a !important;/*color:#a8b9bd !important;*/ font-size: 1.1em; text-align:left;font-weight:600; font-size: 1em; letter-spacing: 0.03em; word-break: auto-phrase;}
.fm_titles_drk{}
.icon_list{z-index:1}
.rmore{padding:5px 0px 0px 6px;}
.fmdW{min-width:300px;}
/** 3 dots menu for rows -- no js **/
.dots{display:inline-block;cursor:pointer;padding:10px;width:37px;height:22px;float:right;}
.dot{background:#cecece;border-radius:50%;height:4px;margin-right:3px;width:4px;}
.dot:last-child{margin-right:0;}
.listdot{position:absolute;transform:translateX(-120%);left:-120%;width:325px;}
.listdot ul{margin:0;padding:0;margin-top:-7%;}
.listdot li{align-items:center;background:#fff;border:2px solid #fff;border-bottom:1px solid #bdbdbd;display:flex;padding-left:12px;height:30px;width:17em;
margin-left:-23px;opacity:0;font-size:11px !important;text-shadow:-1px 2px 1px rgba(80,76,22,0.22);color:rgba(35,82,105,0.74);list-style:none;transition:opacity 100ms cubic-bezier(0.4,0.0,0.2,1);user-select:none;-moz-user-select:none;box-shadow:0 1px 4px rgba(0,0,0,0.3),5px 9px 14px 0px rgba(0,0,0,0.1);}
.listdot li:hover{background:#f5f5f5;}
.dots.active .listdot{cursor:pointer;left:107%;}
@media only screen and (max-width:480px){.dots.active .listdot{cursor:pointer;left:124%;}}
.dots.active .listdot li{cursor:pointer;opacity:1;/*transition:opacity 200ms 100ms cubic-bezier(0.4,0.0,0.2,1);*/}
/*.dots.active .listdot li:nth-child(2){transition-delay:130ms;}
.dots.active .listdot li:nth-child(3){transition-delay:160ms;}
.dots.active .listdot li:nth-child(4){transition-delay:190ms;}
.dots.active .listdot li:nth-child(5){transition-delay:220ms;}*/
/** restest1**/
.rfull{position:relative;padding:20px;height:80vh;overflow-y:auto;overflow-x:hidden;box-shadow:2px 4px 12px 2px rgba(0,0,0,0.3);}
.res-full_header{font-style:italic;font-size:.94rem;display:flex;justify-content:space-between;}
.res-fulldsc{font-size:1rem;display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:1rem;padding:0em 1em 2em 1em;font-size:1.25rem;line-height:2rem;letter-spacing:0.06rem;}
.res-fulldsc >h1{font-size:1.5rem !important;letter-spacing:0px !important;}
.res-full{position:relative;/*background:#f7f7f7;height:322px;overflow-y:auto;overflow-y:hidden;*/ margin-top:5px;margin-left:-7px;padding:23px;box-shadow:2px 4px 12px 2px rgba(0,0,0,0.3);}
.res-full .fa{margin-right:5px;}
.res-full{}
.res-full .inner{}
.onoffMsel{display:inline-flex;margin:-2px 0 0 0;z-index:99;align-items:center;box-shadow:1px 1px 13px -7px #00000033;}
.nav-ellipsis{font-size:14px;top:6px;min-width:25px;min-height:33px;position:relative;}
.resfulli{display:block;}
.resfulli:hover{/*font-size:26px;*/}
.res-full .inner .category,.resfulli{text-transform:uppercase;margin:0px !important;cursor:pointer;float:right;display:inline-block;padding:0px 5px 0px 8px;border-radius:0px;box-sizing:border-box;width:100%;}
.resfulli a ,.resfulli a:visited{color:#a91811;font-size:16px !important;z-index:2;min-width:76px;text-shadow:0px 0px 0px rgba(16,16,16,0.65);}
.res-full .inner .name{float:left;width:100%;}
.res-full .inner .dsc p{font:400 14px Lato;line-height:22px;color:#9b9eab;}
.res-full .inner .date{font:900 10px Lato;color:#9b9eab;margin-left:5px;}
.res-full .inner h2 ,.res-full-n{font-weight:700;/* position:relative;*/ display:inline-block;display:flex;justify-content: space-around;text-shadow:0px 1px 2px #999 !important;}
.res-full .inner .read-more{margin-top:5px;color:#F26743;display:flex;font:900 10px Lato;position:relative;text-transform:uppercase;}
.res-full .inner .read-more:hover{text-decoration:none;}
.res-full a:active,.res-full a:focus{color:#F26743;text-decoration:none;}
.res-full_footer{font-style:italic;height:26px;font-size:.85rem;display:flex;flex-flow:row wrap;justify-content:space-between;position:absolute;right:0;bottom:0;left:0;padding:0rem 1rem;text-align:center;
background-image:linear-gradient(rgba(241,239,235,0.18) 0%,rgba(82,79,62,0.12) 100%);background:linear-gradient(0deg,rgba(128,128,128,0.27),white 80%) no-repeat;}
.res-full_footer p{color:#999;}
.res-full_footer .rmore{color:#89C1BE;}
.fcntrls{top:0;width:40%;right:0;bottom:0;display:inline-block;/*xbackground:#4f585e;height:40px;background-image:linear-gradient(to left bottom,#F2E3C6 0%,#A7A1A5 100%);*/}
.fcntrls>a{border-radius:12px;display:block;float:left;height:12px;margin:5px 4px;width:12px;box-shadow:4px 12px 15px 20px rgba(0,0,0,0.02),0 1px 3px 1px rgba(62,45,45,0.61),inset 11px 0px 13px 0 rgba(214,204,204,0.24);}
.fcntrls>a:hover{height:13px;width:13px;box-shadow:0em 1px 4px 0px black;}
.fcntrls>a:first-child{margin-left:13px;}
.fcntrls>a.red{background:#fc625c;}
.fcntrls>a.amber{background:#fdbc40;}
.fcntrls>a.green{background:#34c748;}
.fcntrls .url{border-radius:12px;display:block;float:left;height:7px;margin:5px 11px;width:20%;background:#fff;color:#222222;font-weight:600font-size:8px;line-height:13px;padding:0px 0px 14px 0pxbox-shadow:4px 12px 15px 20px rgba(0,0,0,0.02),0 1px 3px 1px rgba(62,45,45,0.61),inset 11px 0px 13px 0 rgba(214,204,204,0.24);}
/*experimental*/
.fcntrl{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:end;align-items:flex-end;margin:1rem auto;outline:1px solid;display:flex;justify-content:center;align-items:center;}
.fcntrl_before{width:33.3333%;height:30px;background:red;}
.fcntrl_now{width:33.3333%;height:30px;background:yellow;}
.fcntrl_later{width:33.3333%;height:30px;background:green;}
.fcntrl_white-circle{display:block;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.9);}
@-webkit-keyframes bg{0%{background:teal;} 50%{background:purple;} 100%{background:teal;}}
@keyframes bg{0%{background:teal;} 50%{background:purple;} 100%{background:teal;}}
/** plain hdr fter and h underliner*/
.fcntrl_header1,.fcntrl_footer1{color:#FFF;background:#7596B8;font-weight:700;font-size:24px;min-height:16vh;padding:2em;margin-left:-7px;text-shadow:0 1px 1px hsla(0,0%,0%,0.5);}
.fcntrl_rulehd{color:#7596B8;font-weight:700 !important;font-size: 15px !important;border-bottom:5px solid #7596B8;display:inline-block;line-height:40px !important;text-shadow:2px 2px 2px hsla(0,0%,0%,0.14);}
.fcntrl_rule{box-sizing:border-box;height:1px;background:#7596B8;margin-top:-5px;width:100%;}
/** share btn**/
.fcntrl_btn1{--btn-color:#275efe;position:relative;padding:0px 8px;font-family:Roboto,sans-serif,'FontAwesome';font-weight:500;font-size:11px;line-height:1;color:white;background:none;border:none;outline:none;overflow:hidden;cursor:pointer;filter:drop-shadow(0 2px 8px rgba(39,94,254,0.32));transition:0.3s cubic-bezier(0.215,0.61,0.355,1);}
.fcntrl_btn1::before{position:absolute;content:"";top:0;left:0;z-index:-1;width:100%;height:100%;background:var(--btn-color);border-radius:24px;transition:0.3s cubic-bezier(0.215,0.61,0.355,1);}
.fcntrl_btn1 .btn-text,.fcntrl_btn1 .btn-icon{display:inline-flex;vertical-align:middle;transition:0.3s cubic-bezier(0.215,0.61,0.355,1);}
.fcntrl_btn1 .btn-text{transition-delay:0.05s;}
.fcntrl_btn1 .btn-icon{margin-left:8px;transition-delay:0.1s;}
.fcntrl_btn1 .social-icons{position:absolute;top:50%;left:0;right:0;display:flex;margin:0;padding:0;list-style-type:none;transform:translateY(-50%);}
.fcntrl_btn1 .social-icons li{flex:1;}
.fcntrl_btn1 .social-icons li a{display:inline-flex;vertical-align:middle;transform:translateY(55px);transition:0.3s cubic-bezier(0.215,0.61,0.355,1);}
.fcntrl_btn1 .social-icons li a:hover{opacity:0.5;}
.fcntrl_btn1:hover::before{transform:scale(1.2);}
.fcntrl_btn1:hover .btn-text,.fcntrl_btn1:hover .btn-icon{transform:translateY(-55px);}
.fcntrl_btn1:hover .social-icons li a{transform:translateY(0);}
.fcntrl_btn1:hover .social-icons li:nth-child(1) a{transition-delay:0.15s;}
.fcntrl_btn1:hover .social-icons li:nth-child(2) a{transition-delay:0.2s;}
.fcntrl_btn1:hover .social-icons li:nth-child(3) a{transition-delay:0.25s;}
/*** ... hidden icons **/
.tools_act{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:'FontAwesome';font-style:normal;font-weight:normal;}
.tools_act ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row-reverse;position:absolute;top:50%;left:0;pointer-events:none;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);
transition:-webkit-transform 100ms ease-in;transition:transform 100ms ease-in;transition:transform 100ms ease-in,-webkit-transform 100ms ease-in;}
.tools_act li{position:relative;width:1em;height:2em;background:#fff;color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;
opacity:0;cursor:pointer;line-height:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;
transition:opacity 200ms cubic-bezier(.5,-0.5,.4,1.6),-webkit-transform 200ms cubic-bezier(.5,-0.5,.4,1.6);
transition:transform 200ms cubic-bezier(.5,-0.5,.4,1.6),opacity 200ms cubic-bezier(.5,-0.5,.4,1.6);
transition:transform 200ms cubic-bezier(.5,-0.5,.4,1.6),opacity 200ms cubic-bezier(.5,-0.5,.4,1.6),-webkit-transform 200ms cubic-bezier(.5,-0.5,.4,1.6);
will-change:transform,opacity;}
.tools_act li:nth-child(1){transition-delay:25ms;}
.tools_act li:nth-child(2){transition-delay:50ms;}
.tools_act li:nth-child(3){transition-delay:75ms;}
.tools_act li:nth-child(4){transition-delay:100ms;}
.tools_act li:nth-child(5){transition-delay:125ms;}
.tools_act li:nth-child(6){transition-delay:150ms;}
.tools_act li:nth-child(n){transition-delay:170ms;}
.tools_act li:last-child::after{content:'';position:absolute;top:0;bottom:0;right:100%;width:3em;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 2em);}
.tools_act::before{content:'•••';flex:0 0 auto;width:2em;height:1ch;cursor:pointer;color:#b01159;font-size:19px;display:flex;align-items:center;justify-content:center;white-space:nowrap;-webkit-transform:translateY(0%);transform:translateY(0%);}
.tools_act:hover::after{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none;}
.tools_act:hover ul{pointer-events:auto;}
.tools_act:hover ul li{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%);}
.tools_act:hover ul li span:hover{color:#0ebefe;transition-timing-function:ease-in;}
[tools_act_tip]::before,[tools_act_tip]::after{content:'';
pointer-events:none;opacity:0;position:absolute;z-index:1;font-size:.8em;line-height:1;left:50%;-webkit-transform:translate(-50%,-1em);transform:translate(-50%,-1em);
transition:opacity 200ms cubic-bezier(.5,-0.5,.4,1.6),-webkit-transform 200ms cubic-bezier(.5,-0.5,.4,1.6);
transition:transform 200ms cubic-bezier(.5,-0.5,.4,1.6),opacity 200ms cubic-bezier(.5,-0.5,.4,1.6);
transition:transform 200ms cubic-bezier(.5,-0.5,.4,1.6),opacity 200ms cubic-bezier(.5,-0.5,.4,1.6),-webkit-transform 200ms cubic-bezier(.5,-0.5,.4,1.6);will-change:transform;}
[tools_act_tip]::after{bottom:100%;width:0;height:0;border:0 solid transparent;border-top-color:#353539;border-width:.5em .5em 0 .5em;}
[tools_act_tip]::before{content:attr(tools_act_tip);bottom:calc(100% + .35em);white-space:nowrap;padding:1ch;color:#fff;text-align:center;background:#353539;border-radius:.2em;box-shadow:0 0.5em 1em -0.65em #353539;}
[tools_act_tip]:hover::before,[tools_act_tip]:hover::after{opacity:1;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.tools_act_blk{display:flex;justify-content:space-between;align-items:baseline;line-height:1.5;text-shadow:0 0 0.5em rgba(0,0,0,.1);}
/** covers all status messages **/
.fm_status_msgs{position:absolute;box-shadow:1px 1px 20px 0px #eee;display:block;background:#fdfcfc;height:1px;width:100%;}
/** print div **/
@media print{.noPrint{display:none;}} /**** this means stop anything getting printed if it has a class of noPrint **/
.fmContffTools{text-align:center;letter-spacing:1.2px;/*color:#6d7294;*/text-shadow:0px 0px 1px rgb(5 5 16);}
/** btn donetext as
**/
.donetext{position:relative;right:-5px;text-align:center;opacity:0;transform:translateY(-1em);color:#cccccc;transition:all .500s;}
.done .donetext{opacity:1;transform:translateY(-2em);}
.tree h17{box-shadow:0px 6px 1rem -0.5rem rgba(0,0,0,0.25),0px 0px 0.25rem 1rem #fff;display:inline-flex;line-height:14px;padding:5px;}
/** checkbox toggle edit mode **/
.rafoptions{display:none;}
.morph-button4Simp{margin-left:22px!important;}
.morph-button4Comp{margin:22px 95px!important;}
.morph-button4{position:relative;display:block;/*margin:22px 95px!important;*/ max-height:17px;}
.morph-button4>button4{position:relative;cursor:pointer;padding:0 1px;border:none;letter-spacing:1px;font-weight:700;xline-height:80px;text-align:center;border-radius:4px;
xmin-width:200px;font-size:13px;opacity:1;-webkit-transition:opacity 0.1s 0.15s;transition:opacity 0.1s 0.15s;color:#1d5c83;/*box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);*/}
.morph-button4.active>button4{opacity:0;-webkit-transition:opacity 0.1s;transition:opacity 0.1s;}
.morph-button4 >button4 img{height:50px;display:block;margin:10px auto;}
.morph-button4::before{content:'';position:fixed;top:0;left:0;z-index:800;width:100%;height:100%;background:rgba(0,0,0,0.5);content:'';opacity:0;-webkit-transition:opacity 0.15s;transition:opacity 0.15s;pointer-events:none;}
.morph-button4.active::before{opacity:1;pointer-events:auto;background:rgba(250,247,252,0.49);}
.morph-button4 .morph-content{left:10vw;top:11% !important;/*fm added to centre initial modal rather than being all over before active -- less would be on top of menu*/
opacity:0;padding:1em 2em 2em 2em;position:fixed;background:#fff;width:100%;max-width:100vw;height:auto;max-height:90vh;top:0;/*left:0;*/ z-index:-1;overflow:hidden;-webkit-transition:opacity 0.24s 0.1s,max-width 0.24s 0.1s,max-height 0.24s 0.1s,height 0.24s 0.1s,top 0.24s 0.1s,left 0.24s 0.1s,margin 0.24s 0.1s,transform 0.24s 0.1s !important;transition:opacity 0.24s 0.1s,max-width 0.24s 0.1s,max-height 0.24s 0.1s,
height 0.24s 0.1s,top 0.24s 0.1s,left 0.24s 0.1s,margin 0.24s 0.1s,transform 0.24s 0.1s !important;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:4px;}
.morph-button4.active .morph-content{/*left:10vw !important;top:20% !important;*/ /*fm added to centre initial modal rather than being all over before active*/
opacity:1;z-index:810;overflow-y:auto;overflow-x:hidden;min-height:60vh;/*10vh;*/ min-width:70vw;/*fm*/
-webkit-transition:opacity 0.14s 0.1s,max-width 0.14s 0.1s,max-height 0.24s 0.1s,height 0.24s 0.1s,top 0.24s 0.1s,left 0.24s 0.1s,margin 0.24s 0.1s,transform 0.24s 0.1s !important;
transition:opacity 0.24s 0.1s,max-width 0.24s 0.1s,max-height 0.24s 0.1s,height 0.24s 0.1s,top 0.24s 0.1s,left 0.24s 0.1s,margin 0.24s 0.1s,transform 0.24s 0.1s !important;}
.morph-button4 .morph-content.hidden>div{opacity:0;-webkit-transition:opacity 0.1s,visibility 0s 0.1s,height 0s 0.1s;transition:opacity 0.1s,visibility 0s 0.1s,height 0s 0.1s;}
.morph-button4.active .morph-content>div{opacity:1;-webkit-transition:opacity 0.3s 0.15s;transition:opacity 0.3s 0.15s;text-align:left;height:100%;max-height:inherit;}
.my-content{padding-top:1.2em;color:#024959;text-transform:none;font-size:13px;font-weight:500;line-height:2.1em;/*can make modal bigger may be like :min-height:70vh;min-width:70vw;*/}
.fa.fa-times{position:absolute;color:red;z-index:100;display:block;overflow:hidden;width:40px;height:40px;text-align:center;line-height:3;cursor:pointer;font-size:15px;top:0;right:10px;}
.ps__rail-y{top:0 !important;}
.morph-button4 .morph-content p ,.my-content p{/*margin-bottom:3em !important;*/ font-size:13px !important;padding:0em 2em 1em 2em;color:#29292b;}
/** left col control right ****** js is in res-extrasComn.js*/
.naccs{height:100%;position:relative;background:#fff;color:#000000;padding-top:7px;margin-left:8px;line-height:2;}
.nac_alias{color:#862953 !important;font-size:8px;padding-left:5px;}
@media only screen and (min-width:580px){.nac_alias{padding-left:8px;color:#862953 !important;font-size:11px;}}
.naccs .gcgrid{list-style:none;/*margin-left:-52px;padding:25px;*/ /*padding:25px 0px 25px 0px;width:90vw;*/}
.naccs .gcgrid .gc{box-sizing:border-box;display:inline-block;min-height:1px;/*margin-right:-.25em;padding-left:40px;*/ vertical-align:top;}
.naccs .gcgrid .gc--1-of-3{margin-left:-7px;width:20%;/*33.33333%;*/ font-size:11px;min-width:99px;/*108px;*/ position:relative;/*max-height:74vh;was to stop in tablet going over header*/ overflow-y:auto;
overflow-x:hidden;max-height:100vh;padding-bottom:60vh;}
.naccs .gcgrid .gc--2-of-3{position:fixed;/*max-width:600px;*/ width:80%;/*66.66666%;*/ /*margin-left:-14px;*/ z-index:0;
/*height:100%;box-shadow:0px -1px 20px -10px rgba(0,0,0,0.5);/*fm both added to separate menu from result*/}
@media only screen and (max-width:480px){.naccs .gcgrid .gc--2-of-3{margin-left:-5px !important;}}
/*
.naccs .menu div{padding:5px 11px 4px 12px !important;margin-bottom:10px;background:#fff;color:#862953 !important;cursor:pointer;position:relative;vertical-align:middle;font-weight:700;font-size:10px;transition:1s all cubic-bezier(0.075,0.82,0.165,1);}
*/
.naccs .menu div{padding-left:8px;padding-top:5px;margin-bottom:3px;color:#5c6b70;cursor:pointer;position:relative;vertical-align:middle;line-height: 1.7;font-weight:700;font-size:10px; transition:1s all cubic-bezier(0.075,0.82,0.165,1); box-shadow: 0px 2px 6px -5px rgb(0 0 0 / 14%) !important;}
@media only screen and (max-width:480px){.naccs .menu div{font-size:8px;text-align:start;margin-left:-3px;padding-right:4px;text-align:center;}}
.naccs .menu div:hover{text-shadow:0px 0px 1px rgba(18,52,86,0.53);text-shadow:1px 2px 7px rgb(18 52 86 / 53%);font-size:11px;}
.naccs .menu div span.light{height:10px;width:10px;position:absolute;top:12px;left:-0.9%;background-color:#ccc;border-radius:100%;transition:1s all cubic-bezier(0.075,0.82,0.165,1);}
.naccs .menu div span.lightTXT{font-size:9px;color:#7e808a !important;transition:1s all cubic-bezier(0.075,0.82,0.165,1);margin-left: 6px;}
.naccs .menu .text-div{background:transparent;}
.naccs .itemdt{color: #b6b7b9;font-size:7px;display:block;padding-left:1px;text-shadow: none;}
@media only screen and (min-width:680px){.naccs .itemdt{font-size:10px;padding-left:5px;}}
.naccs .itemtype{color:#a7a4a4;font-size:8px;display:block;text-shadow: none;}
@media only screen and (min-width:680px){.naccs .itemtype{font-size:10px;}}
.naccs .menu div.active span.light{background-color:#862953;left:0;height:90%;width:7px;width:7px;box-shadow:1px 3px 6px 2px rgba(0,0,0,0.5);top:0;border-radius:0;}
.naccs .menu div.active{color:#07617d;padding:10px 0px 10px 12px;box-shadow:0px 0px 11px -5px rgba(0,0,0,0.5) !important;}
.naccs .menu div.active span.lightTXT{color:#07617d !important;}
ul.nacc{position:relative;height:0px;list-style:none;margin:0;padding:0;transition:0.5s all cubic-bezier(0.075,0.82,0.165,1);}
ul.nacc li{opacity:0;-webkit-transform:translateX(50px);width:100%;transform:translateX(50px);position:absolute;list-style:none;transition:1s all cubic-bezier(0.075,0.82,0.165,1);}
ul.nacc li.active{transition-delay:.3s;z-index:2;opacity:1;-webkit-transform:translateX(0px);width:100%;transform:translateX(0px);}
ul.nacc li p{margin:0;color:#000000 !important;}
/*ul.nacc li p{line-height:1.5;font-size:14px;} /*fm*/
ul.nacc li p{line-height:1.75;font-size:12px;margin-bottom:1em !important;} /*fm*/
ul.nacc li p a{font-size:9px;} /*fm*/
.naccspg{/*overflow-y:auto;*/ overflow-x:hidden;max-height:88vh;min-height:73vh;padding:4em 6em 40em 6em;/*margin:1em 2em;*/}
@media only screen and (max-width:480px){.naccspg{height:auto;max-width:76vw;padding: 3em 18px 40em 18px;}}
@media only screen and (max-width:480px){.naccspg .fm .fmHead{font-size:8px;}}
.naccspgdsc{font-size:1.24rem;font-weight:500;margin-bottom:.5rem;margin-top:1rem;color:#024959 !important;display:block;-webkit-margin-start:30px;-webkit-margin-end:0px;text-shadow:0px 0px 2px rgba(5,6,28,0.3);}
/** new paste canvas **/
#canv,#canvFP{display:block;position:relative;/*width:100%;*/min-width: 275px;margin: 0 auto;max-height:44vh;min-height:44vh;border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,0.7);max-width:70vw;}
/** page flip test **/
.flip26{-webkit-perspective:1000;perspective:1000;/*width:400px;*/ /*height:400px;*/ width:100%;height:250px;max-width:400px;position:relative;top:10%;margin:0 auto;}
.flip26 .card26.flipped{-webkit-transform:rotatey(-180deg);}
.flip26 .card26{width:100%;height:100%;-webkit-transform-style:preserve-3d;-webkit-transition:0.25s;}
.flip26 .card26 .face26{width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden;z-index:2;}
.flip26 .card26 .front26{position:absolute;z-index:1;background:#fff;padding:10px;border-radius:3px;}
.flip26 .card26 .back26{-webkit-transform:rotatey(-180deg);background:#fff;padding:10px;border-radius:3px;}
@media only screen and (max-width:480px){.flip26 .card26 .back26,.flip26 .card26 .front26{padding:0px;padding-top:10px;}}
/**** msg dissapears in 2 sec. **/
.auto-dis-msg{width:100%;padding:10px;background:#3498db;font:300 1em "Lato";color:#fff;text-align:center;animation:disappear .5s linear 2s 1;animation-fill-mode:forwards;}
@keyframes disappear{0%{} 100%{height:0px;padding:0px;margin:0px;font-size:0px;}}
/**** priority stars **/
.fpriority{font:normal normal normal 14px/1 FontAwesome;/*color:#ff8827 !important;*/}
/**** alerts **/
.unstyled{margin:0;list-style:none;}
.unstyled a,.unstyled #Alert_test{width:150px;text-decoration:none;padding:.5em 1em;background-color:#555;border-bottom:2px solid #333;display:block;margin-bottom:.5em;}
.unstyled a:hover,.unstyled #Alert_test:hover{background-color:#777;border-color:#777;}
.cf,.alert{*zoom:1;}
.cf:before,.alert:before,.cf:after,.alert:after{display:table;content:"";line-height:0;}
.cf:after,.alert:after{clear:both;}
#alerts{width:400px;top:12px;right:50px;position:fixed;z-index:9999;list-style:none;}
.alert{width:100%;margin-bottom:8px;display:block;position:relative;border-left:4px solid;right:-50px;opacity:0;line-height:1;padding:0;transition:right 400ms,opacity 400ms,line-height 300ms 100ms,padding 300ms 100ms;display:table;}
.alert:hover{cursor:pointer;box-shadow:0 0 6px rgba(0,0,0,0.3);}
.open{/*right:0;fm for mobile*/ opacity:1;line-height:2;padding:10px 15px;transition:line-height 200ms,padding 200ms,right 350ms 200ms,opacity 350ms 200ms;}
.alert-title{font-weight:bold;}
.alert-block{width:80%;width:-webkit-calc(100% - 60px);width:calc(100% - 60px);text-align:left;}
.alert-block em,.alert-block small{font-size:.75em;opacity:.75;}
.alert i{font-size:2em;width:1.5em;max-height:48px;top:50%;margin-top:-12px;display:table-cell;vertical-align:middle;}
.alert-success{color:#fff;border-color:#539753;background-color:#8fbf2f;}
.alert-error{color:#fff;border-color:#7f0709;background-color:#bf074b;}
.alert-info{color:#fff;border-color:#076d91;background-color:#3397db;}
.alert-warning{color:#fff;border-color:#dd6137;background-color:#f7931d;}
/**** responsive text **/
.resp_text{font-size:calc( 12px + (50 - 12) * (100vw - 420px) / (980 - 420));max-width:980px;margin:auto;}
@media screen and (max-width:420px){.resp_text{font-size:12px;}}
@media screen and (min-width:980px){.resp_text{font-size:50px;}}
/** bits **/
.amsg{position:absolute;color:#b22222 !important;padding-left:83px;top:44px;font-size:13px;}
.faload{margin-left:22px;}
/** scrollbar on hover caused probs
.scroll-container{overflow:hidden;}
.scroll-container h1:after{content:"hidden";}
.scroll-container p{line-height:1.5;}
.scroll-container:hover,.scroll-container:focus{overflow-y:auto !important;}
.scroll-container:hover h1:after,.scroll-container:focus h1:after{content:"shown";}
.xscroll-container{display:flex;flex-wrap:nowrap;overflow-x:auto;} **/
/** left bar def res **/
/** **/
.page-select{color:red;font-size:13px;}
.fa-ul{display:inline-block;}
.mand:after{color:red !important;content:"(*)";}
/** emulating fieldset **/
.emufieldset{width:25em;padding:1em;border:1px solid #ccc;border-radius:4px;position:relative;}
.emufieldset >h2:first-child{position:absolute;font-size:1em;top:-1.4em;left:1em;background:#fff;padding:0 0.2em;}
/** better hr **
x
**/
.hr-new{position:relative;margin:0 auto 80px;padding:70px 0 40px;max-width:840px;text-align:center;background:#fff;}
.hr-new:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;-webkit-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);box-shadow:0 0 10px rgba(0,0,0,0.4);z-index:-1;}
/** chippy checkboxes form mselect **/
ul.ks-cboxtags{list-style:none;padding:20px;}
ul.ks-cboxtags li{display:inline;}
ul.ks-cboxtags li label{display:inline-block;background-color:rgba(255,255,255,.9);border:2px solid rgba(139,139,139,.3);color:#adadad;border-radius:25px;white-space:nowrap;margin:3px 0px;
-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s;}
ul.ks-cboxtags li label{padding:8px 12px;cursor:pointer;}
ul.ks-cboxtags li label::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:'FontAwesome';content:"\f067";
font-weight:900;font-size:12px;padding:2px 6px 2px 2px;transition:transform .3s ease-in-out;}
ul.ks-cboxtags li input[type="checkbox"]:checked + label::before{content:"\f00c";transform:rotate(-360deg);transition:transform .3s ease-in-out;}
ul.ks-cboxtags li input[type="checkbox"]:checked + label{border:2px solid #1bdbf8;background-color:#12bbd4;color:#fff;transition:all .2s;}
ul.ks-cboxtags li input[type="checkbox"]{display:absolute;}
ul.ks-cboxtags li input[type="checkbox"]{position:absolute;opacity:0;}
ul.ks-cboxtags li input[type="checkbox"]:focus + label{border:2px solid #e9a1ff;}
/** dropzone **/
.dropzone{width:69vw;border:none;background:rgba(0,0,0,0.02);padding-top:0px;box-shadow:0px 5px 20px 1px rgba(0,0,0,0.3);}
/** new js tabs **/
.fjtabs{font-family:Roboto Condensed,'FontAwesome';/*margin-bottom:10px;*/ margin-top:9px;}
.fjmenu{padding:0;margin:0;list-style:none;color:#111;-webkit-user-select:none;user-select:none;/*box-shadow:0px 6px 3px -1px rgba(90,87,87,0.07);*/ padding-left: 8px;display:flex;flex-direction:row;}
/*@media (max-width:480px){.fjmenu{max-width:66px;}}*/
.fjmenu li{display:inline-block;/*padding:0.5em 1.5em;*/padding:0em 4em 2em 1em;font-size:13px;/*color:#7d7777;*/ color:#9c9c86;cursor:pointer;font-size:10px;}
@media (min-width:850px){.fjmenu li{/*padding:0.5em 5em;*/ font-size:13px;}}
@media (max-width:850px){.fjmenu li{padding:0em 5em 0em 1em;font-size:10px;}}
@media (max-width:480px){.fjmenu li{/*padding:0.5em 0.73em;*/font-size:10px;}}
@media (max-width:350px){.fjmenu li{padding:0em 1em 1em 1em;font-size:10px;}}
@media (max-width:250px){.fjmenu li{/*padding:0.5em 0.1em;*/ padding:0em 1em 1em 1em;font-size:10px;}}
.fjmenu ul{display:flex;}
.fjmenu li:hover{color:#d9d9d9;}
.fjmenu li:active{color:#bfbfbf;}
.fjmenu li.active,.finspect{color:#000000;background:transparent;font-weight:800;border:1px solid transparent;box-shadow:-17px 7px 11px -20px rgb(0 0 0);}
.fjcontent{min-height:200px;height:95vh;margin-top:14px;margin-left:14%;overflow-x:hidden;overflow-y:auto;width:80vw;}
@media (max-width:480px){.fjcontent{margin-left:0%;}}
.fjcontent >div{padding:17px 8px 17px 3px;}
.fjcontent >div:nth-last-of-type(1){display:none;}
.fjcontent >div:nth-last-of-type(2){display:none;}
.hidden-content{display:none;position:absolute;z-index:-1;color:#b9822e;font-weight:700;right:11% !important;bottom:2px;background:transparent;color:#603b68;}
/*** side menu ***********
.itemDataView{}
#env10 .content{padding:2em 4em width:80vw;margin-left:10%;margin-top:0.28em;max-height:81vh;overflow-y:auto;overflow-x:hidden;}
#env10 .wrap{max-width:100%;height:82vh;margin:0px auto;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 3px 4px rgba(0,0,0,0.3);
}
#env10 .right-or-left-menu{width:20%;top:0;left:0;max-height:81vh;padding-bottom:2vh;overflow-y:auto;
background:#fff;max-width:6em;opacity:1;position:absolute;border-radius:0px 3px 3px 0px;}
#env10 .right-or-left-menu a{display:block;text-align:center;height:auto;padding:0.4em 0.3em;line-height:1.4em;olor:rgba(183,183,183,0.3803921568627451);}
#env10 .btm-menu a{display:block;text-align:center;height:33.333%;padding:4.4em 0.3em;line-height:1.4em;color:#B7B7B7;}
#env10 .right-or-left-menu a span,#env10 .btm-menu a span{display:block;text-transform:uppercase;font-size:11px;font-weight:600;}
#env10 .right-or-left-menu{background:#024959;}
#env10 .right-or-left-menu a span,#env10 .btm-menu a span{color:#91afa4;}
#env10 a.active,#env10 .right-or-left-menu a:hover{color:#fff;position:relative;}
#env10 a.active:after{content:'';height:0;width:0;border:22px solid transparent;position:absolute;left:-7px;top:-1%;border-left:11px solid #eee;}
#env10 .right-or-left-menu a{border-bottom:1px solid #B7B7B7;}
#env10 .right-or-left-menu a i{font-size:30px;}
#env10 .avatar{margin-right:100px;text-align:center;display:block;padding-top:56px;}
#env10 .avatar img{height:150px;padding:5px;background:#fff;border-radius:50%;}
#env10 .bubble{background:#fff;display:block;width:42%;text-align:center;margin:0 auto;padding:10px;border-radius:5px;line-height:normal;margin-top:25px;position:relative;}
#env10 .bubble:after{content:'';top:-70px;left:45%;right:0;width:0;height:70px;position:absolute;border:7px solid transparent;border-bottom:7px solid #fff;}
#env10 .bubble h3{font-size:14px;font-weight:600;line-height:16px;text-transform:uppercase;}
#env10 .bubble a{color:#888;font-size:12px;font-style:italic;}
#env10 .btm-menu{bottom:-43px;width:100%;min-height:100px;position:absolute;z-index:2;border-top:1px solid #9E9AAB;}
#env10 .btm-menu a:hover{background:rgba(0,0,0,0.2);margin:0;}
#env10 .btm-menu a{display:block;color:#fff;width:25%;padding:8px 8px;border-right:1px solid #9E9AAB;background-color:rgba(0,0,0,0.92);margin-right:0px;float:left;}
#env10 .btm-menu a:last-child{border-right:none;}
#env10 .btm-menu a i{font-size:24px;}
#env10 .view01,#env10 .view02,#env10 .view03{display:none;}
#env10 .view01.open,#env10 .view02.open,#env10 .view03.open{display:block;}
*/
/*** res progress **/
/** profile & settings **/
.cw_main_grid{width:30%;margin:0 auto;min-width:255px;/*fm*/}
@media (min-width:576px){.cw_main_grid{display:flex;width:80%;}}
@media (min-width:576px){.resp-page{flex-direction:row !important;margin-top:2em;}}
.cw_main_grid1{background:transparent;/*fm #182849;padding:2em;*/}
.cw_main_grid1_left{float:left;}
.cw_main_grid1_right{float:right;}
.cw_main_grid1_right i{width:5px;height:5px;border-radius:10px;background:transparent;display:block;margin-bottom:2px;font-style:normal;}
.cw_main_grid1_sub{text-align:center;}
.cw_main_grid1_sub h2{font-size:1.2em;color:#fff;margin:.5em 0 0;text-transform:uppercase;}
.cw_main_grid2{background:transparent;}
.codex_tab_grid h4{font-size:1em;color:#212121;text-transform:uppercase;padding-bottom:.5em;margin-bottom:1em;position:relative;font-weight:700;}
.codex_tab_grid h4:after{content:'';background:#F8225F;width:100%;height:1px;position:absolute;bottom:0%;left:0%;}
.codex_tab_grid_list li{display:inline-block;color:#ef4b4b !important;font-size:14px;font-weight:700;padding: 5px;}
.codex_tab_grid_list li:first-child{padding-right:1em;}
.codex_tab_grid_list li span{color:#999;display:block;font-weight:500;margin:.5em 0 0;}
.codex_tab_grid_list li span a{/*-- cwldits --*/ color:#999;text-decoration:none;}
ul.codex_tab_grid_list{padding:1em 0 0;}
.codex_tab_grid ol{padding:1em 0 0 1em;}
.codex_tab_grid ol li{padding-top:1em;font-size:14px;font-weight:600;color:#212121;list-style:initial;text-transform:capitalize;}
.codex_tab_grid ol li span{display:block;margin:.5em 0 0;color:#999;font-weight:500;text-transform:initial;line-height:1.8em;}
/*for forms==========================================*/
.GenericForm{position:fixed;top:5px;max-width:99vw;display:none;overflow-y:auto;}
/*for debug to show better======================seems to also be used in data pgs res====================*/
.itemData{font-size:11px;width:100vw;background:white;/*min-height:100vh;*/} /*background:white;to cover menu on scroll*/
.itemData2{font-size:11px;width:100vw;}
/*for test to show better==========================================*/
.testicon ,.toggleicon{position:fixed;color:#847621;bottom:9px !important;font-size:12px !important;bottom :4px;right:14px;z-index:3 !important;}
.searchul{width:100vw;}
.searchul li{width:103px;display:inline-block;}
@media (min-width:576px){.searchul li{width:130px;}}
/** search modal **/
#fm33 .fm33btn,#fm33 .fm33btnA ,.fm33btnB,.fm33btnC,.fm33btnD{z-index:1;cursor:pointer;color:white;padding:0;margin:0;}
#fm33 .fm33btnA,.fm33btnB,.fm33btnC,,.fm33btnD{font-size:14px;}
.fm33btnB{z-index:12;}
.searchul{width:0vw;}
.intro{position:relative;padding:20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;text-align:center;margin-top:1em;}
#fm33 .expand .fm33btn{color:#024959;-webkit-transition:all 0.5s cubic-bezier(0.4,0,0.2,1);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);}
#fm33 .expand .fm33btnA ,.fm33btnB,.fm33btnC{color:#024959;-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.5s cubic-bezier(0.4,0,0.2,1);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);}
#fm33 .expand .fm33btn::before{visibility:hidden;color:#e25858;top:-18px;position:fixed;right:51px;font-family:FontAwesome;content:"\f0c7";}
#fm33 .expand .fm33btnA::before ,.fm33btnB::before{color:#e25858;z-index:4;padding:1px 1px 15px 7px;background:rgb(255 255 255 / 83%);position:fixed;right:15px;top:9px;border-radius:72%;font-family:FontAwesome;font-size:20px;content:"\f00d";} /*{content:"✖";}*/
.fm33btnB::before,.fm33btnD::before{color:#e25858;z-index:4;position:absolute;right:18px;top:0px;padding:8px;font-family:FontAwesome;font-size:20px;content:"\f00d";}
.fm33btnD::before{right:3px;}
.fm33btnC::before{color:#e25858;z-index:4;position:absolute;right:27px;top:9px;}
#fexit{color:#e25858;position:fixed;right:5px;font-family:FontAwesome;font-size:150%;content:"\f00d";} /*{content:"✖";}*/
#search-btn{position:fixed;top:41px;width:24px;height:21px;background:transparent;right:77px;}
/*#search-btn:hover{box-shadow:3px 2px 10px -1px #ddd;border-radius:50%;}
#search-btn:hover >.fm33btn::before{box-shadow:3px 2px 10px -1px #ddd;border-radius:50%;}*/
.containerfe{position:absolute;overflow:hidden;right:-7px;}
.containerfe.expand{position:fixed;z-index:40;background:#fff;box-shadow:-2px 1px 20px 0px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.17);/*background:rgb(255 255 255 / 91%);*//*min-width:280px;*/
top:-21px; border-bottom:3px solid transparent;width:50% !important;max-width:325px;height:98%;overflow-y:scroll;}
@media only screen and (max-width:700px) and (min-width:0px){.containerfe.expand{width:40% !important;}}
@media only screen and (max-width:479px) and (min-width:0px){.containerfe.expand{width:36% !important;padding:0 3px !important;}}
.containerfe.expand::before{-webkit-filter:blur(20px);filter:blur(20px);}
#fm33 .content{width:103%;height:98%;opacity:0;text-align:left;position:absolute;} /* pos setting was need for 2nd pg rpt to be on top */
#fm33 .expand .content{overflow-y:auto;overflow-x:hidden;opacity:1;position:absolute;padding:33px 4px;min-height:97vh;}
#fm33 .expand .content::before{-webkit-filter:blur(20px);filter:blur(20px);}
#fm33 .content .head{padding:0 0 20px 0;}
#fm33 .title{color:#024959;padding-left:15px;font-size:12px;font-weight:700;}
/**** orbit **/
#orbit{position:relative;height:200px;;in-width:280px;margin:auto;}
#orbit .planet,#orbit .satellites >div{background:white;color:#00008b;font-size:12px;box-shadow:0 0 10px black;position:absolute;top:50%;left:50%;border-radius:99px;text-align:center;cursor:pointer;}
#orbit .planet{line-height:100px;height:100px;width:100px;margin:-50px;z-index:2;}
#orbit .satellites >div{line-height:50px;height:60px;width:60px;margin:-25px;}
.ic-txt{height:0px;position:relative ; /*top:-37px; */ top: -73px; letter-spacing: 0.095em;color:#434b5f;font-size:6px;padding-left: 5px;} @media screen and (min-width:600px){.ic-txt{font-size:8px}}
.ic-txt1{color: #a08f2e !important;top: -5px;} @media screen and (max-width:500px){.ic-txt1{top:-7px !important;}}
.ic-txt2{position:relative;top:-6px;letter-spacing:0.1em;font-weight:700;color:#eee !important;text-align:left;font-size:10px;padding-left:5px;} @media screen and (max-width:500px){.ic-txt2{top:-10px;}}
.ic-txt3{position:relative;top:-5px;letter-spacing:0.1em;font-weight:700;color:#656a96;text-align:left;font-size:9px;padding-left:5px;} @media screen and (max-width:500px){.ic-txt3{top:-7px;margin-left:-4px;font-size:8px;}}
.ic-txt4{position:relative;top:-7px;font-weight:700;color:#656a96;text-align:left;font-size:10px;padding-left:3px;}
.ic-txt44{position:relative;top:-7px;font-weight:700;color:#656a96;text-align:left;font-size:12px;padding-left:3px;}
@media (min-width:640px){.ic-txt44{font-size: 14px; }}
.ic-txt5{position:relative;/*top:-2px;txt near item ins icons */font-weight:700;color:#656a96;text-align:left;font-size:9px;padding-left:3px;}
.inputAPI .ic-txt5{position:relative; font-weight:700;color:#656a96;text-align:left;font-size:12px;padding-left:3px; }
.ic-txt6{height: 0px;position: relative;top: -37px;letter-spacing: 0.045em;color: #959597;font-size: 7px;padding-left: 0px;}
.ic-txt7{position:relative;line-height: 1.3;letter-spacing:0.1em;font-weight:700;color:#656a96;text-align:left;font-size:9px;padding-left:5px;} @media screen and (max-width:500px){.ic-txt7{margin-left:-3px;font-size:8px;}}
.ic-txt8{position: relative;line-height: 0.3;letter-spacing: 0.1em;font-weight: 700;color: #656a96; text-align: left; font-size: 10px;padding-left: 1px;;} @media screen and (max-width:500px){.ic-txt7{margin-left:-3px;font-size:9px;}}
.ic-flx{display:flex !important;text-align:left;/* padding:7px 6px;*/}
/** help acc **/
@-webkit-keyframes flipdown{
0%{opacity:0;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);} 5%{opacity:1;}
80%{-webkit-transform:rotateX(8deg);transform:rotateX(8deg);}
83%{-webkit-transform:rotateX(6deg);transform:rotateX(6deg);}
92%{-webkit-transform:rotateX(-3deg);transform:rotateX(-3deg);}
100%{-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}}
@keyframes flipdown{0%{opacity:0;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);}
5%{opacity:1;}
80%{-webkit-transform:rotateX(8deg);transform:rotateX(8deg);}
83%{-webkit-transform:rotateX(6deg);transform:rotateX(6deg);}
92%{-webkit-transform:rotateX(-3deg);transform:rotateX(-3deg);}
100%{-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}}
#accfaq-example{padding:2em 4em 30em;}
#accfaq-filter{padding:0em 1em;min-width:37vw;}
.accfaq-wrapper{position:relative;padding:24px 0 0 0;margin:0;border-top:1px solid #b9c4d8;-webkit-animation:flipdown 0.5s ease both;animation:flipdown 0.5s ease both;}
#accfaq-example h1 ,#accfaq-filter h1{font-size:17px;font-weight:700;}
#accfaq-example .accfaq h2,#accfaq-filter .accfaq h2{font-size:15px;font-weight:500;color:#bfadad;margin:0px;}
#accfaq-example .accfaq h3,#accfaq-filter .accfaq h2{font-size:11px;padding: 1em;}
/*#accfaq-example p{font-size:11px;padding-bottom:18px;}*/
.accfaq-wrapper:nth-of-type(1){-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.accfaq-wrapper:nth-of-type(2){-webkit-animation-delay:0.75s;animation-delay:0.75s;}
.accfaq-wrapper:nth-of-type(3){-webkit-animation-delay:1s;animation-delay:1s;}
.accfaq-wrapper:last-of-type{padding-bottom:0;}
.accfaq-wrapper:first-of-type{border-top:0;}
.accfaq-wrapper .accfaq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:92%;}
.accfaq-wrapper .accfaq-icon{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top:16px;right:0;}
.accfaq-wrapper .accfaq-icon:before,.accfaq-wrapper .accfaq-icon:after{content:"";transition:all 0.25s ease-in-out;position:absolute;background-color:#6369D1;width:3px;height:18px;}
.accfaq-wrapper input[type=checkbox]{position:absolute;cursor:pointer;/*width:52px;*/ width:100%;/*make the whole row clk*/ right:-12px;height:100%;z-index:1;opacity:0;}
.accfaq-wrapper input[type=checkbox]:checked ~ .accfaq-answer{position:absolute;visibility:hidden;margin-top:0;max-height:0;opacity:0;-webkit-transform:translate(0,50%);transform:translate(0,50%);}
.accfaq-answer{font:14px/24px 'opensans-regular',sans-serif,'FontAwesome';padding:0 2em 2em 2em;display: block;color:black;}
.accfaq-wrapper input[type=checkbox]:checked ~ .accfaq-icon:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.accfaq-wrapper:hover h2{color:#6369D1;}
@media (min-width:1000px){/*.accfaq-wrapper{max-width:800px;}*/}
@media (max-width:350px){#accfaq-example{padding:2em 2em 0em;} .accfaq-wrapper{min-width:250px;}}
/** week scrap in back page - main menu*/
.xmtabs ol{list-style-type:decimal-leading-zero;border:2px solid white;margin-left: 11px;;padding-top:9px;padding-bottom:4px;overflow-y:auto;overflow-x:hidden;background:#ffffff;box-shadow:0 0 4px 2px rgba(0,0,0,0.15);max-height:50px;}
.xmtabs ol li{list-style-position:inside;padding:0;color:black;padding:1px 30px;list-style-type:decimal;text-indent:-1em;}
.xmtabs ol:focus{outline-color:#127372;background:rgba(147,158,147,0.06);}
.xmtabs .tabbed{z-index:1;display:block;position:relative;margin:0;padding:0 0 0 0.1em;overflow:hidden;list-style-type:none;font-size:0.1em;width:15vw;overflow-y:auto;height:82vh;}
.xmtabs .tabbed li{float:left;font-weight:700;margin:13px 6px 2px 0;cursor:pointer;color:rgba(148,68,104,0.33);border-bottom:2px solid rgba(80,0,16,0.5882352941176471);height:5vh;font-size:12px;
-webkit-transition:all .15s linear;transition:all .15s linear;font-family:"Roboto Condensed",'FontAwesome';padding:0px 10px 37% 10%;width:100%;}
.xmtabs .tabbed li:hover{background:#cecece;color:black;text-decoration:none;outline:0;}
.xmtabs .tabbed li.selected{position:relative;background:white;color:#b01159;font-weight:800;height:5vh;font-size:14px;text-shadow:1px 0px 1px rgba(138,134,84,0.77);}
.xmtabs{margin:1em auto 1.5em;position:relative;border-radius:4px;background:white;font-size:12px;line-height:1.5;font-family:Roboto,'FontAwesome';height:auto;width:94%;}
.xmtabs .xmtabswrapper{position:absolute;width:100%;float:left;top:0em;}
.xmtabs .xmtabscontent{margin:0% 4% 0em 20%;display:none;padding-top:0.5em;}
.xmtabs .notes{color:black;margin:-0.5em 1em;margin-right:2em;font-size:12px;padding:1em;max-height:41vh;min-height:41vh;overflow-x:hidden;overflow-y:auto;box-shadow:0 0 4px 2px rgba(0,0,0,0.15);}
@media (max-width:450px){.xmtabs .notes{height:37vh;}}
.xmtabs .notes:focus{outline-color:#127372;background:rgba(147,158,147,0.06);}
.xmtabs p{color:black;font-size:12px !important;}
.xmtabs_hd{font-weight:700;color:#b01159 !important;margin-left:13px;margin-bottom:11px !important;}
.xmtabs_instr{bottom: 1vh;position:fixed;float:right;display: flex;word-break:break-all;color:#aaa !important;font-size:10px !important;}
@media (min-width:840px){.xmtabs_instr{font-size:11px !important;bottom: 1vh;}}
.xmtabs .addendum{width:1024px;margin:0 auto;}
/**** Breadcrumbs ******************* radio/see js for extra control**/
.menuff{font-family:arial,'FontAwesome';/*display:table;min-width:255px;*/ display:flex;/*fm may2020*/}
.menuff:before,/*.menuff:after*/{content:'';position:absolute;top:0;bottom:0;width:0.75rem;background:rgba(255,255,255,0.3);}
.menuff:before{left:-0.75rem;border-radius:0.75rem 0 0 0.75rem;}
/*.menuff:after{right:-0.75rem;border-radius:0 0.75rem 0.75rem 0;}*/
.mfi{display:block;float:left;white-space:nowrap;color:#ccc;font-size:1.5rem;}
.mfi:last-child{margin-right:0;}
.mfi .toggle{display:none;}
.menuffopen{max-width:16rem !important;} /*fm*/
.menuffclose{max-width:5rem !important;} /*fm*/
/*.mfi .toggle:checked ~ .expander{max-width:16rem;}
.mfi .toggle:checked ~ .expander .mfc{color:#cc9c31;-webkit-animation:none;animation:none;}
.mfi .toggle:checked ~ .expander .mft{color:#fff !important;}
*/
.mfi .expander{max-width:4.5rem;/*6/2/20 was 5*/ overflow:hidden;-webkit-transition:all ease-in-out 233ms;
transition:all ease-in-out 233ms;padding:0.3rem 1.5rem 0.3rem 1.5rem;padding-right:1.5rem;}
.mfi .expander:hover{/*background:#000;*/}
.mfi .expander:hover .mfc{color:#fff;-webkit-animation:jiggle ease-in-out 400ms infinite;animation:jiggle ease-in-out 400ms infinite;}
.mfi label{font-size:1.4rem;margin-bottom:-3px;}
@media (max-width:460px){.mfi label{font-size:1.4rem;margin-bottom:18px;}}
.mfi .mfc{font-size:16px !important;display:inline-block;vertical-align:middle;width:3.07rem;/*text-align:center;margin-right:0.5rem;*/ -webkit-transition:color ease-in-out 80ms;transition:color ease-in-out 80ms;
text-shadow:0px 1px 4px #a8aebf;color:#024959 !important;cursor:pointer;line-height:2.0em;}
.mfi .mfc:hover{box-shadow:0px 0px 20px 0px rgba(221,221,221,0.39);border-radius:50%;transform:scale(1.1);}
.mfi .mft{line-height:3rem;vertical-align:middle;border-bottom:1px solid #a8abd2;padding-bottom:4px;box-shadow:0px 7px 4px -5px rgb(119,119,119);
-webkit-transition:color ease-out 333ms;transition:color ease-out 333ms;color:#5a0505 !important;font-weight:900 !important;font-size:9px !important;}
.tff2{font-size:10px !important;box-shadow:1px 9px 8px -5px rgb(119,119,119)!important;}
.tffn{transition:color ease-in-out 80ms;text-shadow:0px 1px 4px #a8aebf;color:#024959 !important;cursor:pointer;/* box-shadow:1px 9px 8px -5px rgb(119,119,119)!important;*/}
.fm55txt, .fm55txt2{line-height:2rem;display: inline-block;vertical-align:middle;border-bottom:1px solid #a8abd2;text-shadow:1px 1px 2px rgb(5 6 28 / 25%);font-family:Georgia, serif ,'FontAwesome';font-style:italic;padding-bottom:4px;
box-shadow:1px 9px 8px -5px rgb(119,119,119)!important;-webkit-transition:color ease-out 333ms;transition:color ease-out 333ms;color:#5a0505 !important;font-weight:600 !important;font-size:9px !important;}
.fm55txt2{font-size: 8px !important;vertical-align: top;}
@media (min-width:1020px){.mfi .mft{font-size:9px !important;}}
@media (max-width:490px){.mfi .mft{font-size:8px !important;}}
.mft span{color:#babdc7;}
.menuff_title{color:#fff;font-size:1.2rem;display:block;float:left;line-height:3rem;/*padding:0.25rem 0.1rem 0.3rem 3.5rem;affected centring the whole menu*/}
.menuffsp{font-size:6px;color:#887878 !important;margin-left:2px;letter-spacing:0px;}
@media (min-width:640px){.menuffsp{font-size:8px;}}
/**** Sticker **/
.stickerff{
position:absolute;z-index:1;width:160px;height:70px;float:left;font-size:1.5em;font-weight:bold;/*margin:30px 10px 10px -90px;*/
background-color:#fcf59b;border-radius:0px 10px 250px / 0 200px 55px 250px;-webkit-box-shadow:-3px 5px 12px 0 rgba(0,0,0,0.3);-moz-box-shadow:-3px 5px 12px 0 rgba(0,0,0,0.3);box-shadow:-3px 5px 12px 0 rgba(0,0,0,0.3);
//-ms-transform:rotateZ(-4deg);//-webkit-transform:rotateZ(-4deg);//transform:rotateZ(-4deg);}
.stickerff::after{content:'';display:block;position:absolute;width:0;height:0;right:8px;bottom:1px;border-top:10px solid rgb(156,166,61);border-right:10px solid transparent;-webkit-transform:skew(-55deg,10deg);transform:skew(-55deg,10deg);}
.noteff{position:absolute;z-index:1;margin-top:50px;margin-left:-15px;/*padding:20px 20px 24px;padding-left:50px;*/ -webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2),inset 0 -1px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2),inset 0 -1px 0 rgba(0,0,0,0.3);box-shadow:0 1px 5px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2),inset 0 -1px 0 rgba(0,0,0,0.3);background-color:#0389aa;background-image:-webkit-gradient(linear,left top,left bottom,from(#0389aa),to(#00617f));background-image:-webkit-linear-gradient(top,#0389aa 0%,#00617f 100%);background-image:-moz-linear-gradient(top,#0389aa 0%,#00617f 100%);background-image:-o-linear-gradient(top,#0389aa 0%,#00617f 100%);background-image:linear-gradient(to bottom,#0389aa 0%,#00617f 100%);}
.noteff:before{content:"";position:absolute;top:-10px;left:0;border-style:solid;border-width:5px;width:0;height:0;border-color:transparent #00617f #00617f transparent;}
.noteff:after{content:'\24D8';color:#fff;position:absolute;top:15px;left:15px;font-size:28px;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,0.5);}
/*Text on the sticker*/
.textff{text-align:center;display:block;padding:20px 20px 20px 0;font-size:80%;font-family:'Shadows Into Light',cursive,'FontAwesome';}
.textff2{text-align:center;display:block;padding:13px 134px 15px 83px;font-size:80%;color:white !important;font-family:'Shadows Into Light',cursive,'FontAwesome';}
/*Note*/
/**** lines - a simple row display with floating edit/del controls used in res*/
.lines{margin-left:3em;margin-right:3em;}
.lines ul{padding:0;margin:0;list-style-type:none;padding-top:5px;position:relative;}
.lines ul li{position:relative;padding:0 25px;}
.lines ul li .dragger{position:absolute;top:-21px;left:-21px;color:#ccc;font-size:11px;display:none;padding:23px;cursor:pointer;}
.lines ul li.dragger span:first-child{position:relative;left:5px;}
.lines ul li:hover .dragger{display:block;}
/*.lines ul li:nth-child(2) label{border-top:0;}*/
.lines ul li label{display:inline-block;height:100%;width:100%;padding:1px 0;position:relative;border-bottom:1px solid #eaeaea;font-size:11px;} /*line headers*/
.lines ul li label:hover .checkbox{border-color:#999;}
/*CHECKED
.lines ul li input[type=checkbox]{display:none;}
.lines ul li input[type=checkbox]:checked + label span:before{width:100%;}
.lines ul li input[type=checkbox]:checked + label .checkbox,
.lines ul li input[type=checkbox]:focus + label .checkbox{background:#3bc562;border-color:#3bc562;}
.lines ul li input[type=checkbox]:checked + label{color:#CCC;}
.lines ul li input[type=checkbox]:checked + .icon-pencil{color:green;}
.lines ul li input[type=checkbox]:checked + label .checkbox .fa{display:block;}
.lines ul li label .checkbox{display:inline-block;width:20px;height:20px;border:2px solid #CCC;position:relative;top:4px;border-radius:4px;cursor:pointer;}
.lines ul li label .checkbox .fa{text-align:center;position:absolute;top:3px;left:-6px;font-size:14px;display:none;color:white;}
.lines ul li label span.item-name{display:inline-block;margin-left:10px;vertical-align:top;position:relative;top:3px;}
.lines ul li label span.item-name:before{content:'';height:1px;width:0;position:absolute;top:8px;left:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.lines ul .actions{position:absolute;top:-3px;right:20px;overflow:hidden;font-size:15px;}
.lines ul li:hover .actions{display:block;}
.lines ul li:hover .actions span{background:white;opacity:1;-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.lines ul .actions span{vertical-align:middle;display:inline-block;padding:4px 6px;cursor:pointer;color:#999;opacity:0;-moz-transform:translateX(100px);
-webkit-transform:translateX(100px);-o-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);}
.lines ul .actions span.fa-pencil:hover{color:#34a1fd;}
.lines ul .actions span.fa-trash:hover{color:#fe4444;}
*/
.itemData li{list-style:none;}
.icon_funnel{text-shadow:1px 2px 3px rgba(5,6,28,0.25)!important;left:-16px;bottom:35px;height:11px;z-index:0;font-size:15px;}
.brown-it{color:#bf5219;}
.drk-grey-it{color:#8d8392;}
#ThreeD{text-shadow:0 0 1.1px,0 0 1px rgba(0,0,0,.4),0px 0px 1px rgb(188,188,188),1px 1px 1px rgb(170,170,170),2px 2px 1px rgb(151,151,151),3px 3px 1px rgb(133,133,133),4px 4px 1px rgb(115,115,115),5px 5px 1px rgb(97,97,97),6px 6px 1px rgb(78,78,78),7px 7px 1px rgb(60,60,60),8px 8px 1px rgb(42,42,42),9px 9px 8px rgba(0,0,0,0.55),9px 9px 1px rgba(0,0,0,0.1)}
/** pthought active and hidden header **/
/*.dpthought{top:80px;padding:0px;margin:0px;z-index:0 max-width:222px;min-width:107px;right:9px;position:absolute;}*/
.dpthought .plabel{font-size:17px;/*text-shadow:4px 5px 5px rgb(0,0,0);*/}
.dpthought .pvalue{color:white;}
#pthought ,.pthoughtDEF_style{color:#5a0505 !important;margin-left:18px;display: flex; margin-top: -26px;;font-size:10px;transition:all 0.3s ease-in-out;text-shadow:0px 1px 2px #999 !important;}
@media (min-width:490px){ .pthoughtDEF_style{font-size:11px !important;}}
#pthought_id{visibility:hidden;height:17px;color:#beb888;background:yellow;} /*managed to get selected id in,but not at start/home*/
.fa-spin-hover:hover{animation:fa-spin 2s infinite linear;}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transfo rm:rotate(359deg);transform:rotate(359deg)}}
/** 2nd loading... spin ,efficient used in login **/
@keyframes spinner{to{transform:rotate(360deg);}}
@-webkit-keyframes spinner{to{-webkit-transform:rotate(360deg);}}
.spinner{min-width:30px;min-height:30px;}
.spinner:before{content:'Loading…';position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-13px;margin-left:-13px;}
.spinner:not(:required):before{content:'';border-radius:50%;border:1px solid #ccc;border-top-color:#c33;animation:spinner .6s linear infinite;-webkit-animation:spinner .6s linear infinite;}
#addSpinnerHere{position:relative;}
/**** toast2 **/
.toast2__container{display:table-cell;vertical-align:middle;}
.toast2__cell{display:inline-block;}
.add-margin{margin-top:20px;}
.toast2__svg{fill:#fff;}
.toast2{text-align:left;padding:21px 0;background-color:#fff;border-radius:4px;max-width:500px;top:0px;position:relative;box-shadow:1px 7px 14px -5px rgba(0,0,0,0.2);}
.toast2:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.toast2__icon{position:absolute;top:50%;left:22px;transform:translateY(-50%);width:14px;height:14px;padding:7px;border-radius:50%;display:inline-block;}
.toast2__type{color:#3e3e3e;font-weight:700;margin-top:0;margin-bottom:8px;}
.toast2__message{font-size:14px;margin-top:0;margin-bottom:0;color:#878787;}
.toast2__content{padding-left:70px;padding-right:60px;}
.toast2__close{position:absolute;right:22px;top:50%;width:14px;cursor:pointer;height:14px;fill:#878787;transform:translateY(-50%);}
.toast2--green .toast2__icon{background-color:#2BDE3F;}
.toast2--green:before{background-color:#2BDE3F;}
.toast2--blue .toast2__icon{background-color:#1D72F3;}
.toast2--blue:before{background-color:#1D72F3;}
.toast2--yellow .toast2__icon{background-color:#FFC007;}
.toast2--yellow:before{background-color:#FFC007;}
/**** animated simple warn msg - no close **/
.warn_warn{margin:0px;padding:20vmin 20vmin 20vmin 30vmin;text-align:center;font-family:'Lato';color:rgba(0,0,0,0.6);font-weight:400;font-style:italic;-webkit-font-smoothing:antialiased;}
.warn_body{margin:13px;padding:0vmin 20vmin 20vmin 30vmin;position:relative;z-index:-1;text-align:center;font-family:'Lato','FontAwesome';color:rgba(0,0,0,0.6);
font-weight:400;font-style:italic;-webkit-font-smoothing:antialiased;filter:blur(10px);transform:scale(1.2);animation:getBlurry 0.5s linear;background-size:cover;}
@keyframes getBlurry{0%{filter:blur(0px);transform:scale(1);} 100%{filter:blur(10px);transform:scale(1.2);}}
.warn_chat{position:fixed;left:12px;margin:0 33%;bottom:3vh;min-height:22vh;display:inline-block;width:80vw;color:#fff;animation:popFromBott6om 0.5s ease-in-out;}
@keyframes popFromBottom{0%{transform:translateY(300px) scale(0);} 100%{transform:translateY(0px) scale(1);}}
.warn_mg{width:100%;/*fm height:22vmin;*/}
.warn_profile{background:#024959;display:inline-block;border-radius:50%;overflow:hidden;position:absolute;min-width:21vmin;min-height:21vmin;left:-16vmin;top:-1vmin;border:21px solid #fff;box-shadow:1px 7px 14px -5px rgba(0,0,0,0.2);}
@media (max-width:600px){.warn_profile{left:-22vmin;}}
.warn_message{max-width:79%;line-height:1.2;text-shadow:3px 1px 11px rgba(0,0,0,0.35);background: rgb(186 173 173);padding:2vmin 5vmin 2vmin 10vmin;border-radius:0px 50px 50px 0px;font-size:3vmin;text-align:center;box-shadow: -7px 9px 19px -5px rgb(0 0 0 / 20%);}
.warn_user{width:72%;font-size:12px;text-align:center;padding:2px 30px 5px 86px;border-radius:0px 0px 20px;font-size:1.62min;background:#fff;color:#83aebd;display:inline-block;float:left;font-weight:600;font-style:normal;
box-shadow: -7px 6px 12px 0px rgb(12 12 12 / 12%);}
@media (max-width:600px){.warn_user{font-size:9px;height:fit-content;padding:6px 0px 1px 38px;}}
/** FM ACTIVE CSS ********** inside accordion has small js in func.php ************************ the simple tab **/
.tabs-list{margin-top:4px;/*min-height:222px;bad idea*/}
/*mobile*/ @media (max-width:480px){.tabs-list{margin-bottom:6px;}}
.tabs-list .tab{float:left;color:#aaa;background:transparent;font-size:10px;font-weight:400;letter-spacing:0.1em;
text-shadow:0px 1px 0px rgba(0,0,0,0.55);margin-right:15px;padding-bottom:2px;text-decoration:none;
text-transform:uppercase;border-bottom:2px solid transparent;}
/*mobile*/ @media (max-width:480px){.tabs-list .tab{font-family:Roboto Condensed,'FontAwesome';font-size:10px;letter-spacing:0em;margin-right:13px;}}
.tabs-list .tab.active,
.tabs-list .tab:hover{color:#1b4a4e;border-bottom:2px solid;background:transparent;/*#cecece*/}
.tab-cont{background:#ffffff;min-height:182px;max-height:330px;padding:1.5rem;padding-top:1rem;color:#050b12;}
/*.tab-cont br{display :none;}*/
/*mobile*/ @media (max-width:780px){.tab-cont{max-height:265px;}}
/*** reading controls*/
#ffdark:target{background-color:black;color:#cecece;}
#fflarge:target{font-size:22px;}
/*** master overrides **/
#fmabout h2{ padding-right: 28px; margin-bottom:5px; }
pre{line-height:1.16em;}
/*overrides*/
#menu-nav-wrap{/*background:#ffffff;border:1px solid #ccc;box-shadow:inset 0 1px 20px 0px #ddd;*/}
#menu-nav-wrap h3{color:#67675d;}
#fm_nav{position:fixed;display:block;bottom:458px;right:8px;z-index:3;} /*1 to be above footer ,3 above accordion*/
#fmacc-content{overflow-x:hidden;min-height:400px;overflow-y:auto;}
.tab-cont{min-height:300px;padding:3.5rem;}
#fmabout{/*position:relative;*/ position:fixed;padding:0px;/*overflow-y:auto;*/ overflow:hidden;width:100%; z-index: 1;}
.mhn-ui-wrap{
border-radius:0px;width:100%;min-width:280px;}
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait)
{.mhn-ui-wrap{/*top:108px;*/}} /*odd ! this catches tablet portrait https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488*/
@media screen and (max-width:580px){.mhn-ui-page .mtu1{margin-bottom:8px; }}
@media screen and (max-width:580px){.mhn-ui-page .mtu1Special{margin-bottom:8px; width: 4vw !important;}}
.mtu1Sp2{ margin-top: 0px !important; width: 100% !important; padding-left: 4px !important;}
.page-query2{padding-top:7px;}
.mhn-ui-page .mhn-ui-row{margin-bottom :6px;margin-top:0px;/*fm 2/1/19*/ padding-bottom:75px;/*fm 2/1/19*/ background:transparent;}
.fm-show-pg{padding:1em 2em;position:relative;font:300 16px/18px Roboto;}
.fm-date-pg{padding:30px 33px 71px 33px;position:relative;font:300 14px/18px Roboto;}
.fm-session-top{right:18px !important;font-size:9px;}
/*=============make it contain stuff for only seconds================*/
.fm-statusxx{-webkit-animation:display_for_inst 2s;-moz-animation:display_for_inst 2s;-o-animation:display_for_inst 2s;animation:display_for_inst 2s;opacity:0;}
@keyframes display_for_inst{0%{opacity:0;} 49%{opacity:0;} 50%{opacity:1;} 99%{opacity:1;} 100%{opacity:0;}}
@-webkit-keyframes display_for_inst{0%{opacity:0;} 49%{opacity:0;} 50%{opacity:1;} 99%{opacity:1;} 100%{opacity:0;}}
@-moz-keyframes display_for_inst{0%{opacity:0;} 49%{opacity:0;} 50%{opacity:1;} 99%{opacity:1;} 100%{opacity:0;}}
@-o-keyframes display_for_inst{0%{opacity:0;} 49%{opacity:0;} 50%{opacity:1;} 99%{opacity:1;} 100%{opacity:0;}}
@keyframes display_for_inst{0%{opacity:0;} 49%{opacity:0;} 50%{opacity:1;} 99%{opacity:1;} 100%{opacity:0;}}
#header-menu-trigger .header-menu-icon{background-color:#e3e9ec;}
#header-menu-trigger:hover{cursor:pointer;}
.confc-buttons-wrap ul.confc-buttons{z-index:1000;} /*to be able to click on the main filter gear*/
.confc-buttons-wrap{top:44px;}
#fmabout ul{margin-left:0px;}
/*fm34*/
.mobile-wrap{width:100%;height:80vh;padding:5px;}
/*** OVERRIDE TO CAUSE THE HTML PAGES TO APPEAR WITHIN **/
.mobile-wrap{max-height:5vh;bottom:1px;width:100%;overflow-y:visible;z-index:0;
background-image:-webkit-linear-gradient(right top,#f5e2bc73 0%,#a7a1a5c4 100%);background:#ffffff;/*border:1px solid #a2afb59c;box-shadow:inset 0px 0px 1px 1px #ddd;*/
background-image:linear-gradient(to left bottom,#f5e2bc73 0%,#a7a1a5c4 100%);}
#fm34{position:fixed;bottom:0px;width:100%;z-index:3;} /** to then keep it at bottom **/
#fm34 .html.visible,.visible{padding:0px;!important;/*background:#024959;*/}
.forecast,.alarm-list{margin-top:0px;line-height:2;color:#1b1717;font-size:18px;padding:0 1em;}
.mobile{width:100%;}
.profile .photo .social{margin-top:-18px;margin-left:-20px;}
/**/
.square{background:#cccccc;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.5);box-shadow:0 0 15px 0 rgba(0,0,0,0.5);-webkit-box-sizing:border-box;
box-sizing:border-box;position:absolute;-webkit-animation:abc 10s ease-in-out infinite;animation:abc 10s ease-in-out infinite;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.outer{position:relative;-webkit-animation:outer 4s linear infinite;animation:outer 4s linear infinite;width:40px;height:40px;}
.square:nth-of-type(1){width:38px;height:38px;top:1px;left:1px;-webkit-animation-name:squares1;animation-name:squares1;}
@-webkit-keyframes squares1{0%,100%{-webkit-transform:rotate(45deg);transform:rotate(45deg);} 50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}} @keyframes squares1{0%,100%{-webkit-transform:rotate(45deg);transform:rotate(45deg);} 50%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}} .square:nth-of-type(2){width:36px;height:36px;top:2px;left:2px;-webkit-animation-name:squares2;animation-name:squares2;} @-webkit-keyframes squares2{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);} 50%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}} @keyframes squares2{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);} 50%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}} .square:nth-of-type(3){width:34px;height:34px;top:3px;left:3px;-webkit-animation-name:squares3;animation-name:squares3;} @-webkit-keyframes squares3{0%,100%{-webkit-transform:rotate(135deg);transform:rotate(135deg);} 50%{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}} @keyframes squares3{0%,100%{-webkit-transform:rotate(135deg);transform:rotate(135deg);} 50%{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}} .square:nth-of-type(4){width:32px;height:32px;top:4px;left:4px;-webkit-animation-name:squares4;animation-name:squares4;} @-webkit-keyframes squares4{0%,100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);} 50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}} @keyframes squares4{0%,100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);} 50%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}} .square:nth-of-type(5){width:30px;height:30px;top:5px;left:5px;-webkit-animation-name:squares5;animation-name:squares5;} @-webkit-keyframes squares5{0%,100%{-webkit-transform:rotate(225deg);transform:rotate(225deg);} 50%{-webkit-transform:rotate(-225deg);transform:rotate(-225deg);}} @keyframes squares5{0%,100%{-webkit-transform:rotate(225deg);transform:rotate(225deg);} 50%{-webkit-transform:rotate(-225deg);transform:rotate(-225deg);}} .square:nth-of-type(6){width:28px;height:28px;top:6px;left:6px;-webkit-animation-name:squares6;animation-name:squares6;} @-webkit-keyframes squares6{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);} 50%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);}} @keyframes squares6{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);} 50%{-webkit-transform:rotate(-270deg);transform:rotate(-270deg);}} .square:nth-of-type(7){width:26px;height:26px;top:7px;left:7px;-webkit-animation-name:squares7;animation-name:squares7;} @-webkit-keyframes squares7{0%,100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);} 50%{-webkit-transform:rotate(-315deg);transform:rotate(-315deg);}} @keyframes squares7{0%,100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);} 50%{-webkit-transform:rotate(-315deg);transform:rotate(-315deg);}} .square:nth-of-type(8){width:24px;height:24px;top:8px;left:8px;-webkit-animation-name:squares8;animation-name:squares8;} @-webkit-keyframes squares8{0%,100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);} 50%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}} @keyframes squares8{0%,100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);} 50%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}} .square:nth-of-type(9){width:22px;height:22px;top:9px;left:9px;-webkit-animation-name:squares9;animation-name:squares9;} @-webkit-keyframes squares9{0%,100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);} 50%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg);}} @keyframes squares9{0%,100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);} 50%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg);}} .square:nth-of-type(10){width:20px;height:20px;top:10px;left:10px;-webkit-animation-name:squares10;animation-name:squares10;} @-webkit-keyframes squares10{0%,100%{-webkit-transform:rotate(450deg);transform:rotate(450deg);} 50%{-webkit-transform:rotate(-450deg);transform:rotate(-450deg);}} @keyframes squares10{0%,100%{-webkit-transform:rotate(450deg);transform:rotate(450deg);} 50%{-webkit-transform:rotate(-450deg);transform:rotate(-450deg);}} .square:nth-of-type(11){width:18px;height:18px;top:11px;left:11px;-webkit-animation-name:squares11;animation-name:squares11;} @-webkit-keyframes squares11{0%,100%{-webkit-transform:rotate(495deg);transform:rotate(495deg);} 50%{-webkit-transform:rotate(-495deg);transform:rotate(-495deg);}} @keyframes squares11{0%,100%{-webkit-transform:rotate(495deg);transform:rotate(495deg);} 50%{-webkit-transform:rotate(-495deg);transform:rotate(-495deg);}} .square:nth-of-type(12){width:16px;height:16px;top:12px;left:12px;-webkit-animation-name:squares12;animation-name:squares12;} @-webkit-keyframes squares12{0%,100%{-webkit-transform:rotate(540deg);transform:rotate(540deg);} 50%{-webkit-transform:rotate(-540deg);transform:rotate(-540deg);}} @keyframes squares12{0%,100%{-webkit-transform:rotate(540deg);transform:rotate(540deg);} 50%{-webkit-transform:rotate(-540deg);transform:rotate(-540deg);}} .square:nth-of-type(13){width:14px;height:14px;top:13px;left:13px;-webkit-animation-name:squares13;animation-name:squares13;} @-webkit-keyframes squares13{0%,100%{-webkit-transform:rotate(585deg);transform:rotate(585deg);} 50%{-webkit-transform:rotate(-585deg);transform:rotate(-585deg);}} @keyframes squares13{0%,100%{-webkit-transform:rotate(585deg);transform:rotate(585deg);} 50%{-webkit-transform:rotate(-585deg);transform:rotate(-585deg);}} .square:nth-of-type(14){width:12px;height:12px;top:14px;left:14px;-webkit-animation-name:squares14;animation-name:squares14;} @-webkit-keyframes squares14{0%,100%{-webkit-transform:rotate(630deg);transform:rotate(630deg);} 50%{-webkit-transform:rotate(-630deg);transform:rotate(-630deg);}} @keyframes squares14{0%,100%{-webkit-transform:rotate(630deg);transform:rotate(630deg);} 50%{-webkit-transform:rotate(-630deg);transform:rotate(-630deg);}} .square:nth-of-type(15){width:10px;height:10px;top:15px;left:15px;-webkit-animation-name:squares15;animation-name:squares15;} @-webkit-keyframes squares15{0%,100%{-webkit-transform:rotate(675deg);transform:rotate(675deg);} 50%{-webkit-transform:rotate(-675deg);transform:rotate(-675deg);}} @keyframes squares15{0%,100%{-webkit-transform:rotate(675deg);transform:rotate(675deg);} 50%{-webkit-transform:rotate(-675deg);transform:rotate(-675deg);}} .square:nth-of-type(16){width:8px;height:8px;top:16px;left:16px;-webkit-animation-name:squares16;animation-name:squares16;} @-webkit-keyframes squares16{0%,100%{-webkit-transform:rotate(720deg);transform:rotate(720deg);} 50%{-webkit-transform:rotate(-720deg);transform:rotate(-720deg);}} @keyframes squares16{0%,100%{-webkit-transform:rotate(720deg);transform:rotate(720deg);} 50%{-webkit-transform:rotate(-720deg);transform:rotate(-720deg);}} .square:nth-of-type(17){width:6px;height:6px;top:17px;left:17px;-webkit-animation-name:squares17;animation-name:squares17;} @-webkit-keyframes squares17{0%,100%{-webkit-transform:rotate(765deg);transform:rotate(765deg);} 50%{-webkit-transform:rotate(-765deg);transform:rotate(-765deg);}} @keyframes squares17{0%,100%{-webkit-transform:rotate(765deg);transform:rotate(765deg);} 50%{-webkit-transform:rotate(-765deg);transform:rotate(-765deg);}} .square:nth-of-type(18){width:4px;height:4px;top:18px;left:18px;-webkit-animation-name:squares18;animation-name:squares18;} @-webkit-keyframes squares18{0%,100%{-webkit-transform:rotate(810deg);transform:rotate(810deg);} 50%{-webkit-transform:rotate(-810deg);transform:rotate(-810deg);}} @keyframes squares18{0%,100%{-webkit-transform:rotate(810deg);transform:rotate(810deg);} 50%{-webkit-transform:rotate(-810deg);transform:rotate(-810deg);}} .square:nth-of-type(19){width:2px;height:2px;top:19px;left:19px;-webkit-animation-name:squares19;animation-name:squares19;} @-webkit-keyframes squares19{0%,100%{-webkit-transform:rotate(855deg);transform:rotate(855deg);} 50%{-webkit-transform:rotate(-855deg);transform:rotate(-855deg);}} @keyframes squares19{0%,100%{-webkit-transform:rotate(855deg);transform:rotate(855deg);} 50%{-webkit-transform:rotate(-855deg);transform:rotate(-855deg);}} .square:nth-of-type(20){width:0px;height:0px;top:20px;left:20px;-webkit-animation-name:squares20;animation-name:squares20;} @-webkit-keyframes squares20{0%,100%{-webkit-transform:rotate(900deg);transform:rotate(900deg);} 50%{-webkit-transform:rotate(-900deg);transform:rotate(-900deg);}} @keyframes squares20{0%,100%{-webkit-transform:rotate(900deg);transform:rotate(900deg);} 50%{-webkit-transform:rotate(-900deg);transform:rotate(-900deg);}} @-webkit-keyframes outer{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}} @keyframes outer{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
/****progress indicator **/
.titulo{font-family:"Montserrat",'FontAwesome';font-size:20px;text-align:center;color:#999;}
.barras{width:320px;margin:10px auto;}
.barra{width:300px;height:30px;background:#CCC;margin:10px;}
.barra-nivel{height:30px;background:#444;width:1px;-webkit-transition:width 1s ease;-moz-transition:width 1s ease;transition:width 1s ease;}
.valor-nivel{line-height:30px;color:#fff;margin-left:10px;font-family:"Montserrat",'FontAwesome';font-size:12px;}
/**** full screen divs -->
or
*/
/*.c-image-wrapper{height:0;padding-bottom:100%;position:relative;width:100%;}
.c-image-wrapper--wide{padding-bottom:calc(100% * (9 / 16));}
.c-image-wrapper--letterbox{padding-bottom:calc(100% * (3 / 4));}
.c-image-wrapper .c-image{width:100%;height:100%;left:0;position:absolute;top:0;}
*/
video{/* background:url("http://faidhi.com/f1/app2/loading.gif") center center no-repeat;*/ background-size:20% 40%;box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.15), 2px 1px 9px 0px rgba(0, 0, 0, .19);}
video{-o-object-fit:cover;/*object-fit:cover;*/ /* object-fit: contain; */ object-fit: fill;position:absolute;height:100% !important;width:100%;top:0;left:0;}
iframe{/*width:100%;height:542;background:url("https://www.mindtemplates.com/ffflogo.png") top center no-repeat;*//*background-size:40px 80px;*/ background-position:50% 20%;
width: 80vw;height: 552px;/*width: 800px;height: 451px;*/ /* border:1px solid #666;*/ box-sizing:border-box;transform-origin:center top;transition:transform .05s linear;backface-visibility:hidden;/*box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.15), 2px 1px 9px 0px rgba(0, 0, 0, .19);*/}
@media (max-width:600px){iframe{width: 389px;height: 451px;}} /* width was 536px */
@media (max-width:600px){.container-gen-iframe-doc iframe{width: 373px !important;margin: 0px 0px 0 -106px;}}
.container-gen-iframe-doc iframe{ height:100vh}
.container-gen-iframe ,.container-gen-iframe-doc , .container-gen-iframe2 , .container-gen-iframeV{min-height:240px;/* fm was 200 */ padding-left: 26%;
position:relative;padding-bottom:56.25%;padding-top:25px;height:0;
overflow:hidden;
/*box-shadow: 1px 4px 9px -3px rgb(0 0 0 / 85%);*/ box-shadow: inset 1px 0px 20px 20px rgb(0 0 0 / 17%), 1px 4px 9px -3px rgb(0 0 0 / 85%);
width:100%;min-width:155px;margin-bottom: 1em;}
@media (max-width:600px){.container-gen-iframe , .container-gen-iframe2, .container-gen-iframeV {min-height: 64vh;}} /* fm */
@media (max-width:600px){.container-gen-iframe {margin-top: 3px;}}/* fm */
@media (max-width:600px){.container-gen-iframe-doc { max-width: 100vw;min-height: 478px;margin-top: 3px;overflow-x: hidden; padding-left: 26% !important;}}/* fm */
.container-gen-iframe-doc { margin-bottom: -1em; padding-left: 2%; height: 100%; overflow: auto; padding-top: 0; padding-bottom: 0%; /* new */ max-width: 81vw; /* got out on some res*/ }
.container-gen-iframe-doc iframe { width: 100%; height: 100vh; }
.container-gen-iframeV{ }
@media (min-width:900px){.container-gen-iframeV{min-height: 32vh;}}
.container-gen-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 15%), 2px 1px 9px 0px rgb(0 0 0 / 19%);}
.container-gen-iframeRES iframe{position:relative;top:0;left:0;width:100%;height:100%;border:0;}
.container-cal-iframe{position:relative;padding-bottom:75%;height:0;overflow:hidden;}
.container-cal-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.container-map-iframe{position:relative;padding-bottom:50%;width: 100%;height:0;overflow:hidden;margin-bottom: 1em;min-height:222px;/* fm sep19*/}/*was padding-bottom:90%;(450 รท 500=0.9=90%) */
.container-map-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
/* */
.container-vid-iframe{position:relative;height:0;padding-bottom:56.25%;}
.container-vid-iframe >*{position:absolute;top:0;left:0;height:100%;width:100%;}
.container-vid-vid{height:50vh;position:relative;overflow:hidden;}
@media (min-width:600px){.container-vid-vid{height:80vh;}}
.container-vid-vid:after{display:block;height:100%;width:100%;position:absolute;top:0;left:0;}
.fbpost-container{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden;}
.fbpost-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.fbpost-con{box-shadow:none;min-width:210px;min-height:300px;/*position:absolute;*/}
@media (min-width:600px){.fbpost-con{min-width:40%;}}
iframe[src*="instagram.com"]{display:block;margin:0 auto 30px;box-shadow:0 0 3px #ccc;}
/*** hide anything inside this after x seconds **/
.hideInSec{-moz-animation:cssAnimation 0s ease-in 1s forwards;/* Firefox */ -webkit-animation:cssAnimation 0s ease-in 1s forwards;/* Safari and Chrome */
-o-animation:cssAnimation 0s ease-in 1s forwards;/* Opera */ animation:cssAnimation 0s ease-in 1s forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@keyframes cssAnimation{to{width:0;height:0;overflow:hidden;}}@-webkit-keyframes cssAnimation{to{width:0;height:0;visibility:hidden;}}
/*** display anything inside this in x seconds for x seconds **/
.displayForInSec{-webkit-animation:display_for_inst 1s;-moz-animation:display_for_inst 1s;-o-animation:display_for_inst 1s;animation:display_for_inst 1s;opacity:0;}
@keyframes display_for_inst{0%{opacity:0;}49%{opacity:0;}50%{opacity:1;}99%{opacity:1;}100%{opacity:0;}}
@-webkit-keyframes display_for_inst{0%{opacity:0;}49%{opacity:0;}50%{opacity:1;}99%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes display_for_inst{0%{opacity:0;}49%{opacity:0;}50%{opacity:1;}99%{opacity:1;}100%{opacity:0;}}
@-o-keyframes display_for_inst{0%{opacity:0;}49%{opacity:0;}50%{opacity:1;}99%{opacity:1;}100%{opacity:0;}}
@keyframes display_for_inst{0%{opacity:0;}49%{opacity:0;}50%{opacity:1;}99%{opacity:1;}100%{opacity:0;}}
/*** LINKS ****************/
/*a:visited{color:#272bd4;} */
/*** FROMS ****************/
.ffforms{margin:18px 40px;padding:1em;box-shadow:0px 2px 1rem -0.5rem rgba(0, 0, 0, 0.25), 0px 0px 0.25rem 1rem #fff;}
@media screen and (min-width:580px){.ffforms{margin:18px 20%}}
#fmforms input[type="email"], #fmforms input[type="number"], #fmforms input[type="search"], #fmforms input[type="text"], #fmforms input[type="tel"],
#fmforms input[type="url"], #fmforms input[type="password"], .ffforms input[type="text"], .ffforms input[type="date"], .ffforms select, .fmxinput,
#fmforms textarea, #fmforms input[type="date"], #fmforms input[type="datetime-local"], #fmforms select{
display:block;height: 36px !important;font-weight: 500;
max-height: 36px;min-width: 110px;padding:0.41rem 0.8rem;border:0;outline:none;cursor:text;vertical-align:middle;color:#444444;
font-family:"montserrat-regular ", sans-serif ,'FontAwesome' !important;margin-bottom:15px !important;/* NEW */
font-size: 14.3px !important;line-height: 2.41rem !important; width: fit-content;background:transparent;/*rgba(185, 197, 197, 0.1);*/-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
border: 1px solid rgb(204 204 204 / 39%) !important;box-shadow: 1px 5px 2px -5px #999;border-radius:4px;background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(251 250 242 / 30%));
text-shadow: 0px 0px 1px rgba(5, 6, 28, 0.25)!important;letter-spacing:.21px;}
#fmforms textarea{max-height: fit-content !important;white-space: pre-wrap;display: flex;text-align: start;unicode-bidi: plaintext;line-height: 2.67rem !important;font-size: 14px;margin-bottom: 8px !important;height: 56vh !important;}
@media (max-width:480px){#fmforms textarea{line-height: 2.41rem !important;height: 50vh !important;font-size: 13px;}}
#fmforms input[type="email"]::placeholder, #fmforms input[type="number"]::placeholder, #fmforms input[type="search"]::placeholder, #fmforms input[type="text"]::placeholder, #fmforms input[type="tel"]::placeholder,
#fmforms input[type="url"]::placeholder, #fmforms input[type="password"]::placeholder, .ffforms input[type="text"]::placeholder,
#fmforms textarea::placeholder, #fmforms input[type="date"]::placeholder, #fmforms input[type="datetime-local"]::placeholder,
#fmforms select::placeholder{font-size:10px !important;color:#ababab;letter-spacing:0.4px;}
.searchInputfeRow{display:flex;flex-wrap:wrap;justify-content:center;}
.jssearch{display:flex;flex-wrap:wrap;justify-content: flex-start;}
.searchInputfe{box-shadow:1px 2px 5px 1px rgba(0,0,0, .1);background:white;max-height:15px;min-height:26px;height:20px;margin:3px 5px 3px 0px;min-width: 118px;}
.searchInputBox{font-size:10px !important;background:white;font-weight:600;color:#07617d;max-width:33vw;max-height: 25px;}
#fmforms select, .ffforms select{cursor:pointer;}
#fmforms input[type="date"], #fmforms input[type="datetime-local"] , .ffforms input[type="date"],{width:20rem;padding:0px 4px!important;}
#fmforms input[type=text]{width:100%;background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(251 250 242 / 30%));}
/* #fmforms input[type=textarea]{min-height:111px;}*/
.form-control , .ffforms .form-control-name{font-family:'FontAwesome', Arial , 'Open Sans', sans-serif !important;}
input#dsc.form-control , textarea#dsc.notepad{width:23rem;}
.upbtnsAct, #fmforms .btn, .btn2, .btn-cancel, input[type="submit"]{color:#eee !important;width:auto;border-radius:3px;border:none;font-size:1rem;cursor:pointer !important;min-width: 69px;align-items: center;height: 100%;
margin-right:14px;padding:6px 12px 6px 12px;font-weight:700; /*-webkit-box-shadow:0 13px 26px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.16) !important; */
display: block;max-height: 50px; background:rgb(94 121 120 / 56%);transition:background 250ms ease-in-out, transform 150ms ease;-webkit-appearance:none;-moz-appearance:none;}
@media screen and (max-width:500px){.upbtnsAct{padding: 4px 6px 4px 6px;font-size:9px;min-width: 65px;letter-spacing: 0.4px;} }
.btn:hover{box-shadow:0 0.875rem 1.75rem rgba(0, 0, 0, 0.25), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.22) !important;}
.btn:hover{background:#999;color:#fff;font-weight:900;}
.btn:active{transform:scale(0.99);}
.btn2{font-size:9px;padding:0px 7px;border-radius:1px;line-height:1px;height:16px;margin:0px;background:transparent;color:#414256 !important;box-shadow:1px 1px 1px rgba(0,0,0, .1) !important}
#fmforms a#add-btn:hover , a.btn:hover , a.btn.btn-warning:hover , a.btn.btn-success:hover{box-shadow:0 0.875rem 1.75rem rgba(0, 0, 0, 0.25), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.22) !important;}
.btn-warning{display: inline !important;}
.upbtns{display: inline; padding-bottom: 6vh; padding-right: 5px;}
.frm-btn-grp{display:inline; float:right; padding-bottom: 11vh; position: sticky; background: #fbf9f9; padding-right: 5px; padding-left: 15px; }
.frm-btn-grpf{display:inline-flex;margin-top:20px;float:right;padding-bottom: 2em; margin-left: -3%;}
.frm-btn-grp2{display: inline-flex;padding-bottom: 20px;float: right;}
#fmforms .pad{margin-bottom:0.1rem !important;opacity:0.7;}/*was font-family:var(--font);*/
#fmforms .notepad{display:block;width:100%;height:12rem;min-height:25rem;cursor: revert;/* fm was height:calc(100vh - 6rem);was font-family:var(--font) !important;*/
line-height:1.8em;padding:0.7em;/* appearance:none;font:inherit;border:none;*/ outline:none;margin-bottom:15px !important;color:#333;/*background:transparent;*/ resize:none;
white-space: pre-wrap;display: flex;text-align: start;unicode-bidi: plaintext;margin: 3px 2px 8px 2px !important;}
/* absolute position of forms , added 11/11/17 as form was getting displayed below not above. but now lost slide effect */
#fmforms .notepad:focus , #fmforms .notepad:hover{border-radius:8px;}
#fmforms .notepad.npshort{height:30rem/*13rem */!important;padding-bottom:5px;font-family:'FontAwesome', Arial , 'Open Sans', sans-serif !important;box-shadow:0px 7px 4px -3px #999;}
#fmforms .notepad.nplong{ min-height: 50rem !important; width: 100% !important; margin-bottom: 40px !important;font-family:'FontAwesome', Arial , 'Open Sans', sans-serif !important;box-shadow:0px 7px 4px -3px #999;}
#editFormrule , #addFormruleA , #editFormcategory , #addFormcategoryA, #editForm ,#editFormC ,#editFormD ,#editFormE ,#editFormG ,#editFormXA ,#editFormXB ,#editFormXX
,#editFormB,#editFormH,#editFormJ,#editFormM , #addForm, #addFormA, #addFormAT, #frmComment , #FormFM,
#addFormB, #addFormBB, #addFormC, #addFormD, #addFormE, #addFormF, #addFormG, #addFormCC, #addFormCCP, #addFormCCS, #addFormDD, #addFormEE, #addFormFF, #addFormGG,
#addFormH, #addFormHH, #addFormI, #addFormJ, #addFormJJ, #addFormK, #addFormL, #addFormM, #addFormMM , #addFormN, #addFormP, #addFormPP, #addFormPQ,
#addFormQ, #addFormR, #addFormS, #addFormX, #addFormY, #addFormZ
{position:relative ;min-width:70vw;width:auto !important;max-width:100vw;margin-top:0.2px;background:#fbf9f9;z-index:44;height:auto;color: #07617d;text-align: left;
border:1px solid #ccc;box-shadow:1px 1px 10px #aaa;border-radius:4px;overflow-y:auto;padding: 1.3em 1.2em 10vh 1.52em;
top:3px;left:2px;overflow-x:hidden;overflow-y: auto;min-width: 99.3vw; /*max-height: 96vh; */}
#addFormCCS{overflow-y: hidden;}
#fmforms label, .ffforms label, legend{font-size:1.1rem;line-height: 2.2;display:block;font-family:sans-serif;font-weight:700;text-shadow:1px 1px 1px rgba(138, 134, 84, 0.32);
font-family:Georgia, serif;}
@media screen and (max-width:800px){#fmforms label, legend{font-size:0.9rem;}}
#fmforms h4{font-family:Georgia, serif;font-size:1.7rem;}
@media screen and (max-width:800px){#fmforms h4{font-family:Georgia, serif;font-size:1.5rem;}}
/* nice checkbox & radio btns css only -- like a slide switch*/
.fc i{text-shadow:none;}
input:focus,select:focus,textarea:focus,button:focus{outline:none;font-size: 12px;}
input[type=checkbox],input[type=radio]{border-radius:15px;background-color:#fff;padding:1px;margin:0px;display:inline-block;width:14px;height:14px;position:relative;cursor:pointer;
-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;
transition:all .3s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
input[type=checkbox]:checked, input[type=radio]:checked{/*-webkit-box-shadow:inset 0px 1px 20px 9px rgba(7, 250, 50, 0.29);box-shadow:inset 0px 1px 20px 9px rgba(7, 250, 50, 0.29);*/}
input[type=checkbox]:after,
input[type=radio]:after{content:'';/* position:absolute;width:9px;height:11px;*/ border-radius:15px;cursor:pointer;background-color:#fff;/* width:0px;height:0px;*/
box-shadow:0px 1px 9px -3px #024959;-webkit-transition:all .3s ease-in .3s;-moz-transition:all .3s ease-in .3s;-o-transition:all .3s ease-in .3s;-ms-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s;}
input[type="checkbox"]:checked:after, input[type="radio"]:checked:after{left:0px;}/*was 18px */
/**/
.onoff{display:-moz-inline-stack;display:inline-block;position:relative;cursor:pointer;width:76px;height: 14px;font-size:10px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.onoff label{position:absolute;/* top:0px;left:0px;width:50px;height:15px;*/ font-family:sans-serif;cursor:pointer;font-weight:bold;color:#FFF;-webkit-transition:background 0.3s,
/* text-indent 0.3s;-moz-transition:background 0.3s, text-indent 0.3s;-o-transition:background 0.3s, text-indent 0.3s;transition:background 0.3s, text-indent 0.3s;text-indent:7px;*/}
.onoff label:after{font-size:7px;content:'Hidden';padding-left: 8px;text-indent: 8px;min-width:67px;line-height: 13px;display:block;/*position:absolute;top:0px;left:-15px;width:114%;*/color:#591717;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.35);z-index:1;}
.onoff label:before{content:'';width:10px;/*height:13px;*/border-radius:0px;position:absolute;z-index:2;display:block;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;-o-transition:left 0.3s;
transition:left 0.3s;box-shadow:-1px -1px 1px 0px rgba(0, 0, 0, 0.4);}
.onoff input:checked + label{background:#f4f7f6;box-shadow:inset 0 3px 6px rgba(0,0,0,0.10), 0 3px 6px rgba(0,0,0,0.10);}
.onoff input:checked + label:after{content:'ADDED';color:#b51818;/* text-indent:15px;*/text-shadow:0px 0px 2px rgba(138, 134, 84, 0.77);}
.onoff input:checked + label:before{/* left:31px;background:#b01159;left: 9px*/ left: 2px;background:#247d07;}
.onoffxxxxxxxxxxxxx input[type=checkbox], .onoff input[type=radio]{display:none !important;}
.mcheckbox{position:relative;display:inline-block;}
.mcheckbox label{width:35px;height:16px;background:#347DFB;position:relative;display:inline-block;top:8px;border-radius:23px;transition:0.4s;}
.mcheckbox label:after, .mcheckbox label:before{content:'';position:absolute;width:20px;padding-left:6px;height:20px;border-radius:100%;right:0;top:-3.0px;padding-bottom:22px;background:#fff;box-shadow:0 0 5px rgba(0, 0, 0, 0.2);transition:0.4s;}
.mcheckbox label:before{content:'\f08d';font-family:FontAwesome;font-weight:normal;font-size:12px;line-height:25px;color:#347DFB;z-index:1;overflow:hidden;-webkit-animation:0.5s pin-off forwards;animation:0.5s pin-off forwards;}
.mcheckbox input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer;}
.mcheckbox input:hover + label:after{box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);}
.mcheckbox input:checked + label{background:#dddddd;}
.mcheckbox input:checked + label:after, .mcheckbox input:checked + label:before{background:#dddddd;color:#fff;right:20px;}
.mcheckbox input:checked + label:before{-webkit-animation:0.5s pin-on forwards;animation:0.5s pin-on forwards;}
@-webkit-keyframes pin-on{80%{line-height:80px;}85%{line-height:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}100%{line-height:25px;opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);}}
@keyframes pin-on{80%{line-height:80px;}85%{line-height:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;}100%{line-height:25px;opacity:1;-webkit-transform:rotate(45deg);transform:rotate(45deg);}}
@-webkit-keyframes pin-off{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);}80%{line-height:80px;}85%{line-height:1px;opacity:0;}100%{line-height:25px;opacity:1;}}
@keyframes pin-off{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);}80%{line-height:40px;}85%{line-height:1px;opacity:0;}100%{line-height:25px;opacity:1;}}
nav.card-actions.actions{display:inline-grid;}
.fside{max-width:44px;display:inline-block;float:left;position:absolute;left:5px;}
.fa{padding-left:3px;padding-right:3px;}/*spread out fa icons padding-left:7px*/
.fa-spread{padding-left:14px;padding-right:18px;}/*spread out fa icons */
.form_loc{top:33px;}
.hhead ul{list-style:none;padding-right:2px;padding-left:0px;top:-43px;
background:transparent;/*background-color:#777777;*/ margin:21px;height:29px;/* fm */ float:left;position:relative;z-index:1;}
.hhead ul li{float:left;}
.contentWrapper{padding:50px 25px 5px 25px !important;width:100%;margin-top:10px;}.rest{width:98%;}.menufmBar{display:block;z-index:99;}.menufmBar i{transition:all 0.2s ease;-webkit-transition:all 0.2s ease;cursor:pointer;}.menufmBar i:hover{color:#bbb;}.menufm1-title{visibility:hidden;}.menufm2-title{visibility:hidden;}}
.contentWrapper{width:100%;padding:50px;padding-left:250px;padding-right:50px;float:left;position:relative;}
/* menu
.menufm1-title{position:absolute;top:31px;left:8px;}.menufm2-title{position:absolute;top:347px;left:8px;}
.menufmBar{font-size:10pt;float:left;margin:0px 0px 0px 0px;top:22px;left:1px;width:32px;background:transparent;
color:#b01159;z-index:99;height:auto !important;line-height:0px;position:fixed;display:none;}
.menufm{float:left;width:72px;left:7px;position:absolute;padding:0px 10px 0px 2px;z-index:89;padding-top:0px;
top:8vh;bottom:13vh;margin-bottom:45px;padding-bottom:26px;overflow-y:auto;}
.menufm1{bottom:47vh;}
.menufm2{top:376px;bottom:13vh;}
.menufm h1{width:100%;float:left;padding:5px;margin:5px 0px 5px 0px;text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:2px;font-family:'Open Sans', sans-serif;font-size:10pt;}
.menufm a{width:103%;float:left;padding:5px;margin:0px 0px px 0px;text-align:left;color:#000;text-decoration:none;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-family:'Open Sans', sans-serif;font-size:9px;position:relative;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;cursor:pointer;}
.menufm a i{font-size:1rem;}
.menufm a:before{content:'';width:0px;background-color:#bbb;position:absolute;height:1px;top:50%;left:0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.menufm a:hover{padding-left:15px;}
.menufm a:hover:before{width:10px;}
@media screen and (max-width:480px)/
{.menufm{width:66px;left:-156px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.menufm1{height:45%;}.menufm2{height:45%;top:59%;}.menufm.open{left:0;z-index:99;background:white;color:rgba(1, 1, 8, 0.92);}
.menufm a{overflow-x:hidden;color:rgba(1, 1, 8, 0.92);width:116%;float:left;padding-bottom:8px;margin:0px 0px px 0px;text-align:center;color:#000;text-decoration:none;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-family:'sans-serif', sans-serif;font-size:6px;
position:relative;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;cursor:pointer;}
.menufm a i{color:rgba(1, 1, 8, 0.92);font-size:15px;padding-left:0px;padding-right:0px;}
.rest{width:23%;margin:10px 1% 10px 1%;background:#fff;float:left;position:relative;
-webkit-box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.5);box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.5);}
.rest img{width:100%;float:left;position:relative;overflow:hidden;}
.rest h1{width:100%;float:left;padding:5px 15px 5px 15px;margin:5px 0px 5px 0px;text-align:left;font-weight:600;letter-spacing:1px;font-family:'Open Sans', sans-serif;font-size:12pt;}
.rest .typeAndPrice{width:auto;float:right;right:0px;top:15px;font-weight:600;position:absolute;z-index:1000;background:#fff;text-align:right;padding:5px 5px 5px 15px;font-size:11pt;
font-family:'Open Sans', sans-serif;-webkit-box-shadow:-9px 10px 16px -6px rgba(0, 0, 0, 0.75);-moz-box-shadow:-9px 10px 16px -6px rgba(0, 0, 0, 0.75);box-shadow:-9px 10px 16px -6px rgba(0, 0, 0, 0.75);}
.rest .typeAndPrice em{font-size:10pt;font-weight:100;}
.rest .desc{width:100%;float:left;padding:0px 15px 0px 15px;margin:0px 0px 5px 0px;text-align:left;font-weight:100;letter-spacing:0px;font-family:'Open Sans', sans-serif;font-size:10pt;}
.rest .info{float:left;width:100%;position:relative;overflow:hidden;min-height:210px;}
.rest .hourToggle{width:auto;position:absolute;right:15px;top:-15px;z-index:10000;font-size:18pt;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;cursor:pointer;}
.rest .hourToggle:hover{color:#bbb;}
.rest .hours{width:100%;float:left;height:100%;padding:5px 5px 10px 5px;text-align:left;position:absolute;z-index:10000;
background:#fff;top:110%;left:0;font-weight:100;letter-spacing:0px;font-family:'Open Sans', sans-serif;font-size:10pt;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.rest .hours.open{transition:all 0.2s ease;-webkit-transition:all 0.2s ease;top:-10px;opacity:1;}
.rest .linkHold{width:100%;float:left;position:absolute;bottom:5px;left:0;}
.rest a{width:auto;float:left;text-align:left;margin-top:5px;position:relative;margin-bottom:5px;padding-left:15px;
padding-right:0px;font-size:11pt;cursor:pointer;font-family:'Open Sans', sans-serif;transition:color 0.2s ease;-webkit-transition:color 0.2s ease;}
.rest a:hover{color:#bbb;background-color:#6666AA;}
.rest a:nth-child(odd){float:right;text-align:right;padding-left:0px;padding-right:15px;}
@media screen and (max-width:1400px){.rest{width:31.33%;}}
@media screen and (max-width:1080px){.rest{width:48%;}.rest .info{min-height:170px !important;}}
@media screen and (max-width:800px){.rest{width:98%;}}
**/
/* fancy title*/
.ftitle{font-family:'Satisfy', cursive,'FontAwesome';padding-top:0.5em;margin-bottom:0;text-align:center;font-size:2em;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-filter:drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.1));filter:drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.1));background-image:-webkit-linear-gradient(top, #78f0ff 0%, #3cb4fa 70%, #3cb4fa 100%);background-image:linear-gradient(180deg, #78f0ff 0%, #3cb4fa 70%, #3cb4fa 100%);}
.blurred-bg{background-image:url(https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg);background-repeat:no-repeat;@include background-size(cover);background-attachment:fixed;&.tinted{@include background-image(linear-gradient(0deg, rgba(255,255,255,.2),rgba(255,255,255,.2)),url(https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg));}&.shaded{@include background-image(linear-gradient(0deg, rgba(0,0,0,.2),rgba(0,0,0,.2)),url(https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg));}}
.none{display:none;}
.fa-plus{float:right;font-size:20px !important;}/*icons size a.fa{text-decoration:none;}a.fa-trash{margin-left:10px;}*/
.plus17{font-size:17px !important;}
.hide{visibility:hidden;}
select{cursor:pointer;}
input, textarea, select, figure, table, ul, ol, dl, form{margin-bottom:1rem !important;}/*fm was 3 too much in main */
.lightc{color:#cecece;}
.darkc{color:#000000;}
p{margin-bottom:0.2rem !important;/*color:#750f3d;font-size:90%;*//* word-break:break-all;*/}/*fm was 3 too much in main */
.sersor{font-size:0.3rem;font-family:arial;max-width:782px;margin-right:2px;margin-left:7px;height:29px;}
input#searchInput{font-size:0.3rem;font-family:arial,'FontAwesome';max-width:100px;;height:29px;width:124px;margin-left:0px;margin-right:-19px;}
@media (max-width:480px){input#searchInput{width:74px;}}
.box-sersor{height :29px;}
.entity-result{background-color:transparent;}
.entity-add{right:2px;top:0px;display:block;position:absolute;font-size:13px;}
@media (max-width:480px){.entity-add{/*padding-right:36px;*/ font-size:10px;}}
.entity-add-any{float:right;position:relative;right:2.7rem;font-size:117%;}
.custom-option{font-size:10px !important;/* width:19.7% !important;top:-2px;margin-right:10px !important;*/}
.custom-option2{margin:0px !important;padding:0px;font-size:10px !important;height:fit-content;}
#searchInput1, #searchInput1fe{box-shadow: 1px 2px 5px 1px rgb(0 0 0 / 10%);background: white;max-height: 15px;min-height: 26px;height: 20px;font-weight: 600;color: #07617d;}
.pg_search1{display:inline-flex;}
.pg_searchALL{display:inline-flex;}
#categoryForm{}
#categoryData{}/*removed padding as it would apply twice padding-bottom:18px !important;*/
#itemForm{padding:1px 3%; height: 92vh;}
@media screen and (min-width:500px){#itemForm{padding: 0.51em 3em !important;/*padding:0.51em 15% !important;*/}}
.confa-buttons li{list-style:none;}
.confc-buttons li{list-style:none;}
/*https://codepen.io/grayghostvisuals/pen/vmxGJb */
.btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;
float :left;margin-bottom:15px;z-index:9;margin-top:20px;}/*margin-left:-18px;margin-left:0%;margin-right:15%;*/
.btn-group button{outline:1px solid rgba(193, 193, 181, 0.34);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin-bottom:0px;}
.btn-group button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;
box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;padding:0.875rem;-webkit-transition:100ms all ease-in-out;
transition:100ms all ease-in-out;width:100%;/** width:200px;/** strange but works perfectly with 1, 2, 3 or more in group */
font-family:'Roboto Slab', serif;font-weight:400;font-size:0.875em;text-transform:uppercase;background:#f1e6db;color:white;}
.btn-group button:hover{cursor:pointer;background:#f1f0ef;-webkit-transform:scale(1.1);!important transform:scale(1.1);}
.btn-group button:focus{outline:none;}
::-webkit-scrollbar-track
{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:transparent;box-shadow:inset 0px 20px 13px -6px rgba(0, 0, 0, 0.05);}
::-webkit-scrollbar
{width:8px;height:6px;background-color:transparent;/* background-color:#ffffff;*/}/*0=switch off */
::-webkit-scrollbar-thumb:hover
{-webkit-box-shadow:0 0 2px rgba(0,0,0,.1);box-shadow:inset -1px 1px 11px -5px black;}
::-webkit-scrollbar-thumb
{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background: rgb(164 164 167 / 17%);box-shadow:inset 0px 20px 13px -6px rgba(164, 166, 173, 0.27);}
/* image*/
.img1{position:relative;float:left;width:100px;height:100px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
.img2{position:relative;width:50px;height:auto;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
/* general table*/
tbody{display:table-row-group;vertical-align:middle;border-color:none;color:black;}
table{display:table;border-collapse:separate;}
th{font-weight:bold;text-align:-internal-center;}
td, th{display:table-cell;vertical-align:inherit;border-bottom:1px solid rgba(66, 107, 94, 0.97);box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.clock{width:auto;margin:0 auto;padding:2px;color:#333;background:transparent;}
.clock ul{width:136px;margin:0 auto;padding:0;list-style:none;text-align:center}
.clock ul li{display:inline;font-size:0.5em;text-align:center;font-family:"Arial", Helvetica, sans-serif;xxtext-shadow:0 2px 5px #55c6ff, 0 3px 6px #55c6ff, 0 4px 7px #55c6ff}
#Date{font-family:'Arial', Helvetica, sans-serif;font-size:0.5em;text-align:center;xxtext-shadow:0 2px 5px #55c6ff, 0 3px 6px #55c6ff;padding-bottom:4px;}
#point{position:relative;-moz-animation:mymove 1s ease infinite;-webkit-animation:mymove 1s ease infinite;padding-left:0px;padding-right:0px}
@-webkit-keyframes mymove
{0%{opacity:1.0;text-shadow:0 0 20px #00c6ff;}50%{opacity:0;text-shadow:none;}100%{opacity:1.0;text-shadow:0 0 20px #00c6ff;}}
@-moz-keyframes mymove
{0%{opacity:1.0;text-shadow:0 0 20px #00c6ff;}50%{opacity:0;text-shadow:none;}100%{opacity:1.0;text-shadow:0 0 20px #00c6ff;}}
#fmacc-content{position:relative;margin-left:0rem;padding-left:1rem;padding-right:1rem;margin-bottom:0px;margin-top:0px;padding-top:0.1rem;color:black;background-color:white;overflow-y:hidden;}
.insidefl{padding:10px;overflow:hidden;}
.fm-ui-icon{cursor:pointer;color:rgba(50, 62, 125, 0.8);text-shadow:1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px transparent;}
.fm-ui-icon :hover{cursor:pointer !important;transform:scale(1.2);color:rgba(255, 255, 255, 0.5) !important;text-shadow:0px 1px 1px #fff, 0 0 0 #000, 0px 0px 0px transparent !important;}
/**** generic input **/
.exp_gen_fld1{border:0;padding-left:6px;font-size:11px;height:20px;min-width:145px;}
.exp_gen_exe1{/* display:none !important;*/}
/**/
.fmore{display: block;padding: 0px 8px;box-shadow: rgb(238 238 238) 0px 18px 20px -12px, rgb(0 0 0 / 10%) 1px 1px 1px;margin-bottom: 3.5em;}
.iconbtn{margin: 0px 0px 0px 0;padding: 0;background: transparent;box-shadow: none;color: #024959 !important;}
.nobrd{border-bottom: 0px !important;}
.convto{margin-left:2%;display:flex;align-items:flex-start;margin-bottom:8px;}
/**** morph (+) **/ /** fmfm is to forget complexities with errors and leave expanded */
.fexpand-wrap{min-width:24rem;/* fmfm */ /*width:4rem;height:4rem;*/ padding-left:0.7em;line-height:2rem;border-radius:2.5rem;font-size:11px;box-shadow: 1px 3px 8px -5px rgb(0 0 0 / 50%);
color:#00b8ff;transition:.4s;cursor:pointer;white-space:nowrap;overflow:hidden;margin:1em 0em 1.14em -1em;border-radius:26.5px;
background:rgb(94 121 120 / 56%);color:#fff;line-height:15px;transition:0.5s cubic-bezier(0, 1.28, 0.29, 1.18) width;/* top: 70vh;position: absolute;*/}
.fexpand-text1{display: block;margin-bottom: 0em;padding: 1.8rem 0rem;box-shadow: -5px -5px 7px -5px #eee, 1px 1px 1px rgb(0 0 0 / 10%);border-radius: 1.2rem;}
.fexpand-wrap-soft{background-color:#fff;box-shadow:2px 1px 9px -8px #03153B;color:#844b4b;}
.fexpand-wrap-soft:hover{box-shadow:2px 1px 9px -8px #03153B !important;}
.fexpand-btn-soft{position:absolute;margin-left:17%;margin-top:-17px;}
/* @media screen and (max-width:500px){.fexpand-btn-soft{margin-left:17%;display:inline-flex;align-items:flex-start;position:absolute;}}*/
.fexpand-wrap.fexpanded{min-width: 150px;max-width: 216px;margin: 1em auto 1.14em -5px;}
.fexpand-wrap.fexpandedMORE{width:33rem;}
.fexpand-wrap:hover{will-change:width, border-radius;box-shadow: inset 1px 1px 4px rgb(0 0 0 / 50%);}
.fexpand-btn , .fexpand-btn-save{display:inline-block;top:-2px;position:relative;height:1.6rem;z-index: 2;width:3.12rem;text-align:center;border-radius:inherit;font-weight:bold;font-size:1.4em;
cursor:pointer;vertical-align:middle;transition:.2s;}
.fexpand-btn:hover, .fexpand-btn-save:hover{will-change:transform;}
/*.fexpanded .fexpand-btn{transform:rotate(-45deg);}*/
.fexpanded .fexpand-btn-save{transform:rotate(0deg);font-size:20px;}
.fexpand-text{display:inline-block;transition:visibility .4s;padding:0.8rem 0rem;}
.fexpand-wrap:hover .fexpand-text{will-change:visibility;}
.fexpand-wrap.fexpanded .fexpand-text{visibility:visible;color:#024959;font-size:12px;max-width: 13em;}
.fexpand-save{border:0;padding-left:6px;font-size:12px !important;/*height: 20px !important;*/ box-shadow:inset 1px 0px 4px 1px rgba(0,0,0,0.5);max-width: 132px !important;}
/** ADDEDD THESE AS AN OVERRIDE TO ABOVE TO KEEP OPEN ALL THE TIME **************************
.fexpand-text{visibility:visible;color:#024959;font-size:12px;}
.fexpand-wrap{width:fit-content;}
.fexpand-btn-save{transform:rotate(0deg);font-size:1.9em;}
/**/
/**COMM btn / Edit at the right side to pull open a window */
.btn-ffside-openXX{z-index:1;position:relative;transform:rotate(-90deg);background:#fff;font-size:15px;padding-right:29px;bottom:162px;right:24px;margin:-17% -22% -22% -25%;border-radius:4px 4px 0 0;cursor:pointer;}
.ffsideXX{z-index:1;width:324px;bottom:13px;top:32px;right:0px;transition:.3s ease;margin-right:-335px;border-right:1px solid #ddd;padding:2em;background:#fff;
box-shadow:3px 5px 1px -11px rgba(0, 0, 0, .24), -4px 2px 9px 0 rgba(0, 0, 0, .19);position:absolute;}
.ffside-wrapper.ffside-open .ffside{margin-right:-14px;}
.ffside-wrapper{}
.btn-ffside-openNEAR_TOP_OPTION{z-index:1;position:absolute;transform:rotate(-90deg);font-size:15px;padding-right:29px;top:42px;height:43px;width:22px;margin:-18.5% -22% 14% -21%;border-radius:4px 4px 0 0;cursor:pointer}
.btn-ffside-open{display: inline;color:#bdb54f !important;z-index:3;position:initial;transform:rotate(-90deg);font-size: 30px;bottom: 50px;right: 18px;border-radius:4px 4px 0 0;cursor:pointer;}
@media (min-width:580px){.btn-ffside-open{font-size: 33px;bottom: 2px;right: 11px;}}
.ffside{z-index:3;min-width:30vw;top:0px;height:97vh;min-height:30vh;overflow-y:auto;overflow-x:hidden;right:1px;transition:.3s ease;line-height: 1.6;transform: translate3d(0,0,0);-webkit-overflow-scrolling:touch;
/* background:linear-gradient(45deg, rgba(255,255,255,0.7) 1%, rgba(255,255,255,1) 86%, rgba(255,255,255,0.73) 99%, rgba(0,0,0,0.7) 100%);*/
background:#fff;margin-right:-555px;border-right:1px solid #ddd;border-bottom: 3px solid #fcfcff;padding:1em 0em 1em 2em;box-shadow:3px 5px 1px -11px rgba(0, 0, 0, .24), -4px 2px 9px 0 rgba(0, 0, 0, .19);position:fixed;}
@media screen and (max-width:600px){.ffside{min-width:50vw;}}
.ffside{width:30vw !important;min-width:280px;overflow-y:hidden;z-index: 102;height: 96vh;}
@media only screen and (max-width:800px) and (min-width:0px){.ffside{width:40% !important;}}
@media only screen and (max-width:479px) and (min-width:0px){.ffside{width:81% !important;}}
.fa{text-shadow:0px 0px 1px rgba(5, 6, 28, 0.44);}/*text-shadow:1px 2px 4px rgba(5, 6, 28, 0.44);}*/
.fa:hover{text-shadow: 0px 0px 2px rgb(5 6 28 / 62%);}
.paddit{padding-left:4%;margin-top:90px;padding-top:8px;}
.paddit2{padding-left:4%;padding-right:2%;}
/** nice_dsc_font :- **/
.fm_dsc{padding:20px;font-size:12px;word-spacing:1px;line-height:1.86em;text-align:left;font-weight:500;color:#4b384c;}
/* horri line either side **/
.ddvv{position:relative;text-align:center;/* background:#ffffff;*/}
.ddvv span{background:#ffffff;z-index:1;font-size:70%;position:relative;padding:0px 10px;}
.ddvv:after{content:'';display:inline-block;position:absolute;z-index:0;top:22px;left:0;width:100%;border-bottom:2px solid #ccc;word-break:break-all;}
/*** 34 **/
#fm34{position:relative;background:transparent;font:300 18px/18px Roboto}
.fm34{padding:71px;position:relative;background:transparent;font:300 18px/18px Roboto}
/* *, :after, :before{box-sizing:border-box}*/
.clearfix:after, .clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
/* grid column seperation adjustment (override) */
[class*="col-"]{padding:0 5px;}}/*was 20px */
/* -------------------- * small screens - (_grid.scss) * ------------------------------------------------------------------- */
@media screen and (max-width:1024px){[class*="col-"]{padding:0 4px;}}/*was 18px */
/* -------------------- * tablets - (_grid.scss) * ------------------------------------------------------------------------- */
@media screen and (max-width:768px){[class*="col-"]{padding:0 3px;}}/*was 15px */
/* -------------------- * large mobile devices - (_grid.scss) * ------------------------------------------------------------ */
@media screen and (max-width:600px){[class*="col-"]{padding:0 2px;}}/*was 10px */
@media only screen and (max-width:768px){.frow{width:auto;/* was width:460px;not great on tablet landscape was leaving a large right gap! */}}
@media only screen and (max-width:460px){.frow{width:auto;/* was width:460px;*/}}
.html, .invisible{display:none;}
.html.visible, .visible{display:block;overflow-x:hidden;overflow-y:hidden;/* was auto */ width:100%;margin-top:22px;
padding:2px;background:transparent;/* was #fbfbfb */
min-height:100vh;/* fm max-height:93vh;max-height:538px;*/}
.fhtml{display:block;overflow-x:hidden;overflow-y:auto;/* was auto */ width:100%;margin-top:19px;padding:2px;min-height:100vh;}
.welcome{overflow-y:hidden !important;}
.html.items, .html.itemsA, .html.itemsB, .html.itemRpt, .html.rules, .html.rulesRpt, .html.categories, .html.categoryRpt,
.html.extended, .html.chats, .html.search ,.html.compose,.html.credits,.html.settings,.html.welcome{margin-top:50px}
.menu-icon{color:black;}
.nav-any-any{padding: 9px 1em 9px 1em;}
.content{}
/* mobile */ @media (max-width:480px){.content{font-size:90%;}}
.welcome{padding-top :23px;padding-left :18px;line-height:0.7;}
.i-style{font-size:2.6rem;color:#ffffff;font-weight:600;}
.mobile-wrap{
margin:auto;width:100vw;height:100vh;/ overflow:hidden;position:relative;
box-shadow:0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);}
.mobile-wrap:before{
top:0;left:0;right:0;bottom:0;content:'';position:absolute;
}
.mobile{z-index:10;/* fm was 99 */ color:#0a0113;/* fm was #fff */ height:100%;/* xx */;position:relative;width:100vw;padding:15px;padding-bottom:0px;/* fm */ padding-left:90px;/* fm */}
/*###########*/ /*mobile */ @media (max-width:480px){.mobile{padding-left:15px;}}
#fm_nav .nav{top:400px;right:2px;z-index:20;width:34px;height:35px;display:block;position:absolute;border-radius:50%;box-shadow:0 0 5px 0 rgba(0, 0, 0, .75);}
/* keep order PC */ @media (min-width:781px){.nav{top:200px;}}
/* iphone 6+ port/land */ @media (max-width:780px){.nav{top:200px;}}
/* iphone 6 */ @media (max-width:480px){.nav{top:200px;}}
/* iphone 5d */ @media (max-width:320px){.nav{top:200px;}}
#fm_nav .nav1{top:340px;}/*view btn */
/* keep order PC */ @media (min-width:781px){.nav1{top:340px;}}
/* iphone 6+ port/land */ @media (max-width:780px){.nav1{top:340px;}}
/* iphone 6 */ @media (max-width:480px){.nav1{top:340px;}}
/* iphone 5d */ @media (max-width:320px){.nav1{top:340px;}}
#fm_nav .nav2{top:380px;}/*view btn */
/* keep order PC */ @media (min-width:781px){.nav2{top:240px;}}
/* iphone 6+ port/land */ @media (max-width:780px){.nav2{top:240px;}}
/* iphone 6 */ @media (max-width:480px){.nav2{top:240px;}}
/* iphone 5d */ @media (max-width:320px){.nav2{top:240px;}}
.justAdd{position: fixed;top: 47px;right: 96px;width: 44px;height: 44px;display: block;color: red;}
@media (min-width:480px){.justAdd{top:37px;}}
.maskP, .maskPv{bottom: 20vh;right: 1vw;box-shadow:1px 2px 6px 0px rgba(0,0,0,0.5);height: 43px;width: 43px;
z-index:21 !important;color:#fff !important;/* width:103%;*//*height:103%;*/ cursor:pointer;text-align:center;border-radius:26%;position:absolute;background:rgb(94 121 120 / 56%);-webkit-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s;}
.maskPv{bottom:42px;height:33px;}
.maskPi2{position: absolute;top: -4px;right: -3px;color: white;}
.maskPi3{position: absolute;top: -6px;font-size: 26px !important;right: -10px;right: 4px;color: white;padding: 0.241em 0.29em;}
.maskPi4{position: absolute;top: 0px;font-size: 14px !important;right: 1px;color: white;padding: 0.241em 0.29em;}
.maskPi5{position: absolute;top: 0px;right: 1px;font-size: 14px !important;color: white;padding: 0.241em 0.29em;}
.maskPi{padding: 0.241em;font-size: 31px !important;}
#fm_nav .mask{bottom:0px;z-index:21;color:#fff;width:103%;height:103%;cursor:pointer;text-align:center;border-radius:26%;position:absolute;background:#247494 !important;-webkit-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s;}
#fm_nav .mask:before{font-size:2.6rem;padding-top:6px;width:100%;height:100%;color:#ffffff;font-weight:600;}
#fm_nav .mask .ion-ios-plus-empty:before{font-size:2.6rem;padding-top:6px;color:#ffffff;font-weight:600;}
#fm_nav .nav.active .mask{background:#af86bf;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);width:100%;height:100%;}
#fm_nav .nav:after, #fm_nav .nav1:after , #fm_nav .nav2:after{top:0;left:0;content:'';width:inherit;height:inherit;border-radius:50%;position:absolute;background:transparent;/* for enclosing arc */ -webkit-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s}
#fm_nav .nav.active:after{top:-146px;/* was -125px */ left:-146px;/* was -125px */ width:350px;height:350px;}
#fm_nav .nav1.active:after{top:-143px;/* was -125px */ left:-143px;/* was -125px */ width:350px;height:350px;}
#fm_nav .nav2.active:after{top:-143px;/* was -125px */ left:-143px;/* was -125px */ width:350px;height:350px;}
#fm_nav .nav-itm , #fm_nav .nav1-itm , #fm_nav .nav2-itm{top:0;left:0;z-index:19;width:35px;height:35px;color:#0a0113;/* fm was #fff */ font-size:18px;-webkit-transform:none;transform:none;line-height:35px;
border-radius:95%;position:absolute;text-align:center;-webkit-transition:all .3s cubic-bezier(.68, 1.55, .265, 1);transition:all .3s cubic-bezier(.68, 1.55, .265, 1);}
#fm_nav .nav2-itm{background :#3b52ad;color :#ffffff;}/*fm new circle behind each icon */
#fm_nav .nav1-itm{background :#d1b3d4;color :#ffffff;}/*fm new circle behind each icon */
#fm_nav .nav-itm{background :#cecece;color :#ffffff;}/*fm new circle behind each icon */
#fm_nav .nav.active .nav-count-1{-webkit-transform:translate(-3px, -143px);transform:translate(-3px, -143px);}
#fm_nav .nav.active .nav-count-2{-webkit-transform:translate(-43px, -121px);transform:translate(-43px, -121px);}
#fm_nav .nav.active .nav-count-3{-webkit-transform:translate(-77px, -91px);transform:translate(-77px, -91px);}
#fm_nav .nav.active .nav-count-4{-webkit-transform:translate(-108px, -57px);transform:translate(-108px, -57px);}
#fm_nav .nav.active .nav-count-5{-webkit-transform:translate(-135px, -18px);transform:translate(-135px, -18px);}/*fm ability to extend **/
#fm_nav .nav1.active .nav1-count-1{-webkit-transform:translate(-3px, -143px);transform:translate(-3px, -143px);}
#fm_nav .nav1.active .nav1-count-3{-webkit-transform:translate(-43px, -121px);transform:translate(-43px, -121px);}
#fm_nav .nav1.active .nav1-count-4{-webkit-transform:translate(-81px, -94px);transform:translate(-81px, -94px);}
#fm_nav .nav1.active .nav1-count-5{-webkit-transform:translate(-116px, -59px);transform:translate(-116px, -59px);}
#fm_nav .nav1.active .nav1-count-2{-webkit-transform:translate(-74px, -44px);transform:translate(-74px, -44px);}
#fm_nav .nav1.active .nav1-count-2-old{-webkit-transform:translate(-150px, -24px);transform:translate(-150px, -24px);}
#fm_nav .nav1.active .nav1-count-6{-webkit-transform:translate(-103px, -5px);transform:translate(-103px, -5px);}
#fm_nav .nav1.active .nav1-count-6-old{-webkit-transform:translate(-178px, 11px);transform:translate(-178px, 11px);}
#fm_nav .nav1.active .nav1-count-7{-webkit-transform:translate(-6px, -102px);transform:translate(-6px, -102px);}
#fm_nav .nav1.active .nav1-count-8{-webkit-transform:translate(-221px, 57px);transform:translate(-221px, 57px);}
#fm_nav .nav1.active .nav1-count-9{-webkit-transform:translate(-41px, -77px);transform:translate(-41px, -77px);}
#fm_nav .nav1.active .nav1-count-10{-webkit-transform:translate(-75px, -47px);transform:translate(-75px, -47px);}
#fm_nav .nav1.active .nav1-count-11{-webkit-transform:translate(-109px, -16px);transform:translate(-109px, -16px);}
#fm_nav .nav1.active .nav1-count-12{-webkit-transform:translate(-135px, 18px);transform:translate(-135px, 18x);}
#fm_nav .nav1.active .nav1-count-13{-webkit-transform:translate(-163px, 53px);transform:translate(-163px, 53px);}
#fm_nav .nav1.active .nav1-count-14{-webkit-transform:translate(-72px, 14px);transform:translate(-72px, 14px);}/*not visible */
#fm_nav .nav1.active .nav1-count-15{-webkit-transform:translate(-220px, 49px);transform:translate(-220px, 49px);}/*not used */
/*** as above but translated #### -40px #### note :this is to display on top so only 1 set works - js hid other for PC but not mobile **/
#fm_nav .nav2.active .nav2-count-1{-webkit-transform:translate(-3px, -183px);transform:translate(-3px, -183px);}
#fm_nav .nav2.active .nav2-count-6{-webkit-transform:translate(-43px, -161px);transform:translate(-43px, -161px);}
#fm_nav .nav2.active .nav2-count-10{-webkit-transform:translate(-81px, -134px);transform:translate(-81px, -134px);}
#fm_nav .nav2.active .nav2-count-12{-webkit-transform:translate(-116px, -99px);transform:translate(-116px, -99px);}
#fm_nav .nav2.active .nav2-count-3{-webkit-transform:translate(-150px, -64px);transform:translate(-150px, -64px);}
#fm_nav .nav2.active .nav2-count-4{-webkit-transform:translate(-178px, -29px);transform:translate(-178px, -29px);}
#fm_nav .nav2.active .nav2-count-5{-webkit-transform:translate(-6px, -141px);transform:translate(-6px, -141px);}
#fm_nav .nav2.active .nav2-count-7{-webkit-transform:translate(-221px, 17px);transform:translate(-221px, 17px);}
#fm_nav .nav2.active .nav2-count-8{-webkit-transform:translate(-41px, -117px);transform:translate(-41px, -117px);}
#fm_nav .nav2.active .nav2-count-11{-webkit-transform:translate(-75px, -487px);transform:translate(-75px, -87px);}
#fm_nav .nav2.active .nav2-count-9{-webkit-transform:translate(-109px, -56px);transform:translate(-109px, -56px);}
#fm_nav .nav2.active .nav2-count-2{-webkit-transform:translate(-135px, -22px);transform:translate(-135px, -22x);}
#fm_nav .nav2.active .nav2-count-13{-webkit-transform:translate(-163px, 13px);transform:translate(-163px, 13px);}
#fm_nav .nav2.active .nav2-count-14{-webkit-transform:translate(-72px, 14px);transform:translate(-72px, 14px);}/*ALL special case */
#fm_nav .nav2.active .nav2-count-15{-webkit-transform:translate(-220px, 29px);transform:translate(-220px, 29px);}/*not used */
.sidebar .sidebar-content, .sidebar .sidebar-overlay{top:0;left:0;bottom:0;position:absolute;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.sidebar .sidebar-overlay{right:0;opacity:0;width:100%;-webkit-transform:scaleX(100);transform:scaleX(100);-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;background:rgba(0, 0, 0, 0.12);}
.sidebar .sidebar-content{width:50%;color:#333;padding:15px;z-index:25;background:#fff;-webkit-transform:translateX(200%);transform:translateX(200%)}
/* PC */ @media (min-width:780px){.sidebar .sidebar-content{width:70%;}}/*fm */
.sidebar.active .sidebar-content{z-index:89;-webkit-transform:translateX(100%);transform:translateX(100%);overflow-y:auto;padding-left:10%;/* fm */}
/* mobile */ @media (max-width:840px){.sidebar.active .sidebar-content{padding-left:8%;}}
.sidebar.active .sidebar-overlay{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:22;/* when active */
margin-top:-112px;/* this trick makes it cover the whole screen */}
.sidebar .sidebar-content .top-head .name{font-size:23px;font-weight:400;margin-bottom:19px;margin-top:19px;}
@media (max-width:480px){.sidebar .sidebar-content .top-head .name{font-size:19px !important;}}
.sidebar .sidebar-content .top-head .email{font-size:13px;margin-bottom:15px}
.sidebar .sidebar-content .nav-left>a{color:#333;display:block;font-size:13px;padding:4px 0;line-height:11px;vertical-align:top;text-decoration:none;cursor:pointer;}
@media (max-width:480px){.sidebar .sidebar-content .nav-left>a{font-size:12px !important;}}
.sidebar .sidebar-content .nav-left>a>span{color:#aaa;font-size:24px;min-width:40px;display:inline-block;}
@media (max-width:480px){.sidebar .sidebar-content .nav-left>a>span{font-size:18px !important;}}
.close-button{width:100%;height:68px;}
.close-button-icon{padding-left:29%;padding-top:48px;}
@media (max-width:480px){.close-button-icon{padding-left:115px;}}
.search .title{font-size:24px;padding-bottom:28px;}
.search .title p{margin:0;font-size:16px;line-height:18px;}
.welcome .datetime .date, .welcome .datetime .day{margin-bottom:15px;padding-top:2px;}
.welcome .datetime .day{font-size:27px;-webkit-animation-duration:.2s;animation-duration:.2s;}
.welcome .datetime .date{-webkit-animation-duration:.35s;animation-duration:.35s;}
.forecast{margin-top:30px;padding-right:1px;font-size: 17px;font-family: serif;}
.forecast .temperature{text-align:right;}
.forecast .datetime .day, .forecast .temperature .unit{font-size:28px;min-height:33px;}
.forecast .datetime .date, .forecast .temperature .location{color:#636173;font-size:12px;}
.forecast .temperature .unit>i{top:-2px;font-style:normal;position:relative;}
.forecast .animated{-webkit-animation-duration:.2s;animation-duration:.2s;}
.alarm-list{margin-top:50px;}
.alarm-list .note{padding:10px 0;}
.alarm-list .note:nth-child(1){-webkit-animation-duration:.2s;animation-duration:.2s;}
.alarm-list .note:nth-child(2){-webkit-animation-duration:.3s;animation-duration:.3s}
.alarm-list .note:nth-child(3){-webkit-animation-duration:.4s;animation-duration:.4s;}
.alarm-list .note .time{min-width:35px;margin-right:30px;}
.alarm-list .note .time>.shift, .alarm-list .note .to-do>.subject{color:#8b8692;font-size:11px;}
.alarm-list .note .time{text-align:center;}
.alarm-list .note .to-do>.title{font-size:14px;}
.alarm-list .note:not(:last-child){position:relative;}
.alarm-list .note:not(:last-child):before{bottom:0;width:82%;content:'';right:-15px;position:absolute;border-bottom:1px solid rgba(170, 170, 170, .5);}
.itm-list .itm{width:30px;height:30px;margin:4px;overflow:hidden;border-radius:50%;display:inline-block;box-shadow:1px 2px 5px 0px #cab6b6;}
.itm-list .itm>img{width:100%;}
.itm-small{width:17px;height:17px;padding:0px !important;overflow:hidden;border-radius:50%;display:inline-block;box-shadow:1px 2px 5px 0px #cab6b6;}
.itm-small>img{width:100%;height:125%;margin-top:-7px;}
.compose .forms .group{margin-bottom:15px;max-height:144px;/* fm */}
.compose .forms .group>label{padding:6px 0;min-width:40px;display:inline-block;}
.compose .forms .group>label>span{min-width:20px;display:inline-block;}
.compose .forms .group input, .compose .forms .group textarea{color:#000000;border:none;resize:none;min-width:185px;font-size:70%;
background:#cecece;padding:5px 10px 1px;border-bottom:1px solid rgba(170, 170, 170, .6);}
input, textarea{margin-bottom:0rem !important;width: 100%;}
.compose .forms .visible{width:100%;display:block!important;}
.compose .forms .action{margin-top:50px;}
.compose .forms .group:nth-child(1){-webkit-animation-duration:.1s;animation-duration:.1s;}
.compose .forms .group:nth-child(2){-webkit-animation-duration:.2s;animation-duration:.2s}
.compose .forms .group:nth-child(3){-webkit-animation-duration:.3s;animation-duration:.3s}
.compose .forms .group:nth-child(4){-webkit-animation-duration:.4s;animation-duration:.4s;}
.actItmGrp .itm{padding:5px 0;cursor:default;}
.actItmGrp .photo{width:40px;height:40px;overflow:hidden;border-radius:50%;border:2px solid #fff;box-shadow:0 3px 2px rgba(0, 0, 0, .4);}
.actItmGrp .photo img{width:100%;}
.actItmGrp .desc{margin-left:15px}
.actItmGrp .desc p{margin:0;font-size:14px;}
.actItmGrp .desc .name{font-weight:400;}
.actItmGrp .desc .position{color:#aaa;font-size:12px;}
/** on hover tooltip - nice, but data content is only that stored in .itm .idle>.xx - nice though as it corresponds to colors **/
/** has a coloured ball + tooltip, to use :
**/
.itm .idle{height:40px;right:6%;position:relative;}
.itm .idle>span{top:50%;right:0;width:15px;height:15px;margin-top:-7.5px;position:absolute;border-radius:50%;display:inline-block;border:1px solid #fff}/*ball */
.itm .idle>.online{background:#2ecc71}/*xx green */
.itm .idle>.offline{background:#95a5a6}/*xx grey */
.itm .idle>.away{background:#f2ca27}/*xx yellow */
.itm .idle>span:before{right:20px;bottom:-2px;display:none;padding:0 5px;font-size:12px;position:absolute;border-radius:2px;content:attr(class);/* the tooltip content */
/* background:rgba(0, 0, 0, 0.41);*/ text-transform:capitalize;color:rgba(138, 39, 242, 0.91);}/*the tooltip */
.itm:hover .idle>span:before{display:block;-webkit-animation:fadeInRight .4s;animation:fadeInRight .4s}/*on hover over the whole div */
.itm:nth-child(1){-webkit-animation-duration:.18s;animation-duration:.18s}
.itm:nth-child(2){-webkit-animation-duration:.25s;animation-duration:.25s}
.itm:nth-child(3){-webkit-animation-duration:.35s;animation-duration:.35s}
.itm:nth-child(4){-webkit-animation-duration:.4s;animation-duration:.4s}
.itm:nth-child(5){-webkit-animation-duration:.5s;animation-duration:.5s}
.itm:nth-child(6){-webkit-animation-duration:.6s;animation-duration:.6s}
/* fm test */
.chats{}
.items{}
.itemsA{}
.itemsB{}
.itemRpt{}
.rules{}
.rulesRpt{}
.categories{}
.categoryRpt{}
.itemData22{height:40vh;overflow-y:auto;}
.itemRpt{background :#ffffff !important;}
.itemRptCont{top:10px;}
.itemRptCont .photo{margin:auto;width:150px;height:150px;overflow:hidden;position:relative;border-radius:50%;border:6px solid #ccc;}
.itemRptCont .photo img{width:100%;border-radius:50%;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}
.itemRptCont .details .heading{padding:5px;margin:10px 0;text-align:center;border-radius:15px;background:rgba(0, 0, 0, .4)}
.itemRptCont .details .heading>.name{font-size:18px;font-weight:400;padding-right:5px}
.itemRptCont .details .heading>.position{font-size:12px;padding-left:5px;vertical-align:1px;border-left:1px solid}
.itemRptCont .details .text{margin:0;color:#ccc;line-height:24px;text-align:center;-webkit-animation-duration:.4s;animation-duration:.4s}
/* fm test */
.extended{margin-top:40px}
.extended .photo{margin:auto;width:150px;height:150px;overflow:hidden;position:relative;border-radius:50%;border:6px solid #ccc;}
.extended .photo img{width:100%;border-radius:50%;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}
.extended .details .heading{padding:5px;margin:10px 0;text-align:center;border-radius:15px;background:rgba(0, 0, 0, .4)}
.extended .details .heading>.name{font-size:18px;font-weight:400;padding-right:5px}
.extended .details .heading>.position{font-size:12px;padding-left:5px;vertical-align:1px;border-left:1px solid}
.extended .details .text{margin:0;color:#ccc;line-height:24px;text-align:center;-webkit-animation-duration:.4s;animation-duration:.4s}
.profile{margin-top:40px}
.profile .photo{margin:auto;width:150px;height:150px;overflow:hidden;position:relative;border-radius:50%;border:6px solid #ccc;}
.profile .photo img{width:100%;border-radius:50%;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}
.profile .photo .social{top:50%;left:50%;width:30px;z-index:99;height:30px;margin-top:-15px;margin-left:-15px;position:absolute;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}
.profile .photo .social .soc-itm{top:0;left:0;z-index:19;width:35px;height:35px;color:#eee;font-size:24px;-webkit-transform:none;transform:none;line-height:35px;border-radius:50%;position:absolute;text-align:center;-webkit-transition:all .3s cubic-bezier(.68, 1.55, .265, 1);transition:all .3s cubic-bezier(.68, 1.55, .265, 1)}
.profile .photo .social .soc-itm:hover{color:blue;}
.profile .photo:after{top:0;left:0;right:0;bottom:0;z-index:0;content:'';position:absolute;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);background:rgba(0, 0, 0, .2);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.profile .photo:hover img{-webkit-transform:scale(.5) rotate(10deg);transform:scale(.5) rotate(10deg)}
.profile .photo:hover .social, .profile .photo:hover:after{-webkit-transform:scale(1);transform:scale(1)}
.profile .photo:hover .social .soc-count-1{-webkit-transform:translate(0, -50px);transform:translate(0, -50px)}
.profile .photo:hover .social .soc-count-2{-webkit-transform:translate(-35px, -35px);transform:translate(-35px, -35px)}
.profile .photo:hover .social .soc-count-3{-webkit-transform:translate(-50px, 0);transform:translate(-50px, 0)}
.profile .photo:hover .social .soc-count-4{-webkit-transform:translate(-35px, 35px);transform:translate(-35px, 35px)}
.profile .photo:hover .social .soc-count-5{-webkit-transform:translate(0, 50px);transform:translate(0, 50px)}
.profile .photo:hover .social .soc-count-6{-webkit-transform:translate(35px, 35px);transform:translate(35px, 35px)}
.profile .photo:hover .social .soc-count-7{-webkit-transform:translate(50px, 0);transform:translate(50px, 0)}
.profile .photo:hover .social .soc-count-8{-webkit-transform:translate(35px, -35px);transform:translate(35px, -35px)}
.profile .details .heading{padding:5px;margin:10px 0;text-align:center;border-radius:15px;background:rgba(0, 0, 0, .4)}
.profile .details .heading>.name{font-size:18px;font-weight:400;padding-right:5px}
.profile .details .heading>.position{font-size:12px;padding-left:5px;vertical-align:1px;border-left:1px solid}
.profile .details .text{margin:0;color:#ccc;line-height:24px;text-align:center;-webkit-animation-duration:.4s;animation-duration:.4s}
.setting-list{overflow-y:auto;/*max-height:104vh;was getting scrollbar */ overflow-x:hidden;min-height:55vh;padding-bottom: 14em;line-height: 3;margin-bottom: 6vh;
/* margin:0em 0em 0em -1.4em !important;width:70vw;*/ display:block;/* max-height:100vh;removed as it was causing 2 v scrolls*/}
@media only screen and (min-width:980px){.setting-list{padding: 0em 8% 6em 8%;}}
.setting-list .gear{display:block;padding:6px 0px;font-size:13px;font-weight:600;cursor:default;margin:0 18px; letter-spacing: 0.51px;}
.gwide{margin: 8px 0 !important;}
@media only screen and (min-width:480px){.setting-list .gear{padding:7px 7px;}}
.setting-list .gearACT{cursor:default;}
/* .setting-list .gear:not(:last-child){border-bottom:1px solid rgba(170, 170, 170, .4)}*/
.setln{line-height: 1.9 !important;}
.setln1{line-height: 1 !important;}
.setting-list .gear{border-bottom:1px solid #eee}
.setting-list .title{font-size:11px;font-weight:400;color:#928e52;line-height: 3 /* b1ac67*/}
@media only screen and (min-width:480px){.setting-list .title{font-size:12px;}}
@media only screen and (min-width:1000px){.setting-list .title{font-size:13px;}}
.gtitle{font-weight:600 !important;font-size:11px !important;font-style:italic;color:#007570 !important;}
@media only screen and (min-width:480px){.gtitle{font-size:12px !important}}
.setting-list .action{font-size:10px;cursor:pointer;text-align:right;word-break:break-all;color:#007570;/*line-height: 3 !important*/}
@media only screen and (min-width:1000px){.setting-list .action{font-size:13px;}}
.setting-list .Noaction{font-size:10px;cursor:default;text-align:right;word-break:break-all;color:#007570;margin-top: 3px;/*-webkit-box-shadow:-1px 3px 5px -6px rgb(89 89 89 / 72%);*/}
.setting-list .gear:nth-child(1){-webkit-animation-duration:.1s;animation-duration:.1s}
.setting-list .gear:nth-child(2){-webkit-animation-duration:.2s;animation-duration:.2s}
.setting-list .gear:nth-child(3){-webkit-animation-duration:.3s;animation-duration:.3s}
.setting-list .gear:nth-child(4){-webkit-animation-duration:.4s;animation-duration:.4s}
.setting-list .gear:nth-child(5){-webkit-animation-duration:.5s;animation-duration:.5s}
.setting-list .gear:nth-child(6){-webkit-animation-duration:.6s;animation-duration:.6s}
.credits .title{line-height:24px;text-align:center}
.credits .credit-ol{margin:20px 0;counter-reset:credits}
.credits .credit-li{line-height:30px;position:relative;padding-left:20px}
.credits .credit-li:before{top:0;left:0;position:absolute;content:counter(credits);counter-increment:credits}
.credits .credit-li:nth-child(1){-webkit-animation-duration:.3s;animation-duration:.3s}
.credits .credit-li:nth-child(2){-webkit-animation-duration:.4s;animation-duration:.4s}
.credits .credit-li:nth-child(3){-webkit-animation-duration:.5s;animation-duration:.5s}
.credits .credit-li:nth-child(4){-webkit-animation-duration:.6s;animation-duration:.6s}
.credits .credit-li:nth-child(5){-webkit-animation-duration:.7s;animation-duration:.7s}
.credits .credit-li:nth-child(6){-webkit-animation-duration:.8s;animation-duration:.8s}
.credits .credit-li a{color:blue;font-size:78%;text-decoration:none;padding:1px 5px;font-family:'Merriweather', Georgia, serif;font-weight:normal;position:relative;}
.credits .credit-li a:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:blue;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.credits .credit-li a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}
.credits .credit-li span{font-size:13px}
.credits .text{margin-top:10px;line-height:22px;text-align:center}