.pagetitle{text-align:center;font-size:1.5rem;border-bottom:.05rem solid #ccc;padding:.5rem;color:#999;}
body{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
/* Grid View - Started */
.customgridrow{display: flex;flex-wrap: wrap;padding-bottom:1rem;}
.customgridrow>* {flex-shrink: 0;padding-right: calc(1rem * .5);padding-left: calc(1rem * .5);margin-top:1rem;}
.fncybox{position:relative;background-color: #fff;background-clip: border-box;box-shadow:0 .2rem .3rem rgba(0,0,0,0.1);border-radius: 0.25rem;height:100%;overflow:hidden;transition:all ease 1s;}
.fncybox:hover{transform: translateY(-5px);box-shadow: rgb(0 0 0 / 25%) 0px .7rem 1.4rem, rgb(0 0 0 / 22%) 0px .5rem .5rem;}

.fncyacn{z-index:10;height:0;top:0rem;overflow:hidden;transition:height ease .5s;width:100%;position:absolute;background-color:rgba(0,0,0,.5);border-radius:.25rem;}
.fncybox .fncyacn>div{height:3rem;display:flex;padding:.5rem;align-items:center;}
.fncybox:hover .fncyacn,.mobilegrid:hover .fncyacn,.fncybox.selected .fncyacn,.mobilegrid.selected .fncyacn{height:3rem;}
.fncybox .fncyacn>div>*{width:50%;}
.fncybox .fncyacn>div>span{width:10%;text-align:center;margin:0;}
.fncybox .fncyacn>div>span.checkdiv:before{margin:0;}
.fncybox .fncyacn>div>div{width:90%;text-align:right;}
.fncybox .fncyacn>div>* i{padding:.25rem .5rem;font-size:133%;cursor:pointer;color:#FFF;}
.fncybox .fncyacn>div>* i:before{color:inherit!important;}
.fncybox .fncyimage{position:relative;height:12rem;text-align:center;display: flex;align-items: center;justify-content: space-evenly;overflow:hidden;width:100%;}
.fncybox .fncyimage img,.fncybox .fncyimage i{position:relative;max-width:100%;padding:.5rem;object-fit:contain;box-sizing:border-box;}

.fncyouteranim:hover{position:relative;z-index:10;}
.fncyboxanim{height:19.25rem;overflow-y:visible;}
.fncyboxanim .fncybox{min-height:19.25rem;}

.fncyboxanim.fncyboxanim-l{height:23.5rem;}.fncybox .fncytitle>a
.fncyboxanim.fncyboxanim-l .fncybox{min-height:23.5rem;}


.fncyouteranim:hover .fncybox{height:auto;}
.fncyboxanim .fncyboxdesc{padding:0 1rem .5rem 1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;text-align:left;font-size:1.1rem;}
.fncyouteranim:hover .fncyboxdesc{display:block;transition:height 1s ease;}

.fncybox .fncyimage .videoplayicon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.4;z-index:9;}
.fncybox .fncyimage .videoplayicon i{font-size: 2rem;color: #000;background-color: #FFF;border-radius: 50%;border: .05rem solid rgba(0, 0, 0, .125);width: auto;padding: 1rem 1.25rem 1rem 1.5rem;}
.fncybox:hover .fncyimage .videoplayicon{opacity:.8;}

.fncybox .fncyimage div.fncybackimage{width:100%;height:12rem;background-size:cover;}

.customgridrow.icongrid .fncybox .fncyimage:not(.autoheight) img{width:auto;max-width:100%;max-height:12rem;height:auto;min-height:auto;padding:1rem 2rem;}

.fncybox .fncyimage:not(.autoheight) img{max-height:12rem;}
.fncybox .fncyimage.autoheight img{max-height:12rem;}
.fncyimage .itempremium{position:absolute;top:.5rem;left:.5rem;border-radius:10rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.8);background-color:rgba(0,0,0,.5);z-index:1;}
.fncyimage .itempremium>i:before{color:#FF1493;}
.fncybox.userphoto .fncyimage{height:20rem;max-height: 20rem;max-width: 16rem;}
.fncybox.userphoto .fncyimage:not(.autoheight) img{max-height: 20rem;max-width: 16rem;width: auto;}
.fncyimage .fncyimagezoom{display:none;cursor:pointer;z-index:2;position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,.7);border-radius:50%;width:3em;height:3em;text-align: center;align-items: center;justify-content: center;}
.fncyimage:hover .fncyimagezoom{display:flex;}
.fncyimage .fncyimagezoom .fa,.fncyimage .fncyimagezoom .fas{color:#FFF;}

.fncyimage.systemimage{padding:1rem;}
.fncyimage.systemimage img{height:10rem;min-height:auto;}

.fncyimage .fncyimageicon{width:7rem;height:7rem;border-radius:50%;background-color:var(--bs-primary);display:inline-flex;align-items:center;justify-content:center;color:#FFF;}
.fncyimage .fncyimageicon i{font-size:2.5rem;color:inherit;}
.fncyimage .fncyimageicon i:before{color:inherit;}

.fncybox .fncytitle{font-weight:700;height:3rem;line-height:1.5rem;padding:0 .5rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;word-break: break-all;}
.fncybox .fncytitle>a{display:block;max-height:3rem;margin-bottom:1rem;}
.filterboxes .filterboxcontainer{display:flex;justify-content:center;align-items:center;}
.fncybox .fncyitemrow{text-align:center;padding:.5rem 1.5rem;border-radius:2rem;color:#FFF;background-color:var(--bs-primary);display:inline-block;margin-bottom:1rem;}
.fncybox .fncydesc{height:4rem;padding:.5rem;line-height:1.5rem;overflow:hidden;text-align:center;font-size:1.1rem;}
.fncybox .fncybutrow{text-align:center;padding:.5rem;}
.fncybox .fncyprice{height:2rem;padding:0 .5rem;margin-top:.5rem;color:red;font-weight:700;font-size:120%;display:flex;align-items:center;justify-content:center;}
.fncybox .fncypricedim{height:2rem;padding:0 .5rem;margin-top:.5rem;color:#CCC;font-weight:400;font-size:120%;display:flex;align-items:center;justify-content:center;}
.fncybox.selected{border:0.05rem solid #000;box-shadow:0 0 .25rem #000;}
@media (max-width: 991px)
{
.fncybox.selected{border:.5rem solid purple !important;}
.mobiletouch,.mobiletouch img,.mobiletouch a
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
}

@media (max-width: 767px)
{
.fncybox .fncyacn{position:static;height:3rem;border-radius: 0;margin-bottom:.5rem;}

}

@media (max-width: 767px)
{
.fncybox{border:0.05rem solid rgba(0,0,0,.5);}
}

.ui-loader{display:none;}
/* Grid View - Ended */

/* Brief View - Started */
.briefviewcontainer{padding-top:.5rem;}
.briefviewitem{margin-bottom:.5rem;position:relative;border: 0.05rem solid rgba(0,0,0,.1);background-color: #fff;border-radius: 0.25rem;padding:1rem;}
.briefviewitem:not(.profileview):hover,.briefviewitem.selected{box-shadow: rgb(0 0 0 / 25%) 0px .7rem 1.4rem, rgb(0 0 0 / 22%) 0px .5rem .5rem;}
.briefviewitem>.row{padding:0;margin:0;}
.briefviewitem .itemleft{width:20rem;height:100%;margin-right:.5rem;}
.briefviewitem .itemright{flex:1 0 1%;height:100%;position:relative;align-self: flex-start;}
.briefviewitem .itemrightaction{position:absolute;display:none;top:0;right:0;padding:.5rem;align-items:center;background-color:#FFF;}
.briefviewitem .itemrightaction i{padding:0 .5rem;font-size:1.2rem;}
.briefviewitem .itemrightaction span.checkdiv{margin:0 0 0 2rem;}
.briefviewitem:hover .itemrightaction,.briefviewitem.selected .itemrightaction{display:flex;}
.briefviewitem .itemleft .itemleftimage{position:relative;text-align:center;height:12rem;display:flex;align-items:center;justify-content:center;}
.briefviewitem .itemleft .itemleftimage .itempremium{position:absolute;top:1rem;right:1.5rem;border-radius:10rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.8);background-color:rgba(0,0,0,1);z-index:1;}
.briefviewitem .itemleft .itemleftimage .itempremium>i:before{color:white;}

.briefviewitem.vcard{border:none;padding:0;margin:0;}
.briefviewitem.vcard:hover,.briefviewitem.vcard.selected{box-shadow:none;}

.briefviewitem.vcard .itemleft{width:7rem;margin-right:0;}
.briefviewitem.vcard .itemright{width:calc( 100% - 7rem );}

.briefviewitem .itemleft img{max-width:100%;max-height:12rem;}
.userbriefcontainer .briefviewitem .itemleft img{height:20rem;width:auto;min-width:16rem;object-fit:contain;}

.portalgridrow{display: grid;grid-template-columns:repeat(3,minmax(0,1fr));/*grid-template-columns: repeat(auto-fit, minmax(20rem,25rem));*/gap: 1rem;}


@media (max-width: 767px)
{
.briefviewitem .itemleft img{max-width:60%;}
}
.briefviewitem .brieftitle{font-size:1.33rem;color:#000;font-weight:700;text-align:left;border-bottom: 0.05rem solid rgba(0,0,0,.1);padding-bottom:.5rem;margin-bottom:1rem;}
.briefviewitem .brieftitle>a{font-size:1.33rem;color:#000;font-weight:700;}
.briefviewitem .briefitem{width:50%;color:#000;font-size:1.2rem;text-align:left;}
.briefviewitem.vcard .briefitem{width:100%;}
.briefviewitem .briefitemdesc{width:100%;text-align:left;color:#555;font-size:1.1rem;}
.briefviewitem .show-more-less-handler{background-color:#FFF!important;display:block!important;text-align:right;}
@media (max-width: 767px)
{
	.briefviewcontainer{padding-top:.5rem;}
	.briefviewitem{margin-bottom:.5rem;}
	.briefviewitem .itemleft{width:100%;}
	.briefviewitem .itemright{width:100%;}
	.briefviewitem .briefitem{width:100%;display:flex;align-items:center;}
	.briefviewitem .briefitem .brkey{width:35%;text-align:left;}
	.briefviewitem .briefitem .brdivider{width:10%;text-align:center;}
	.briefviewitem .briefitem .brkeyvalue{width:55%;text-align:left;}
	.briefviewitem .brieftitle{padding-top:2rem;}
	.briefviewitem .itemrightaction{position:static;display:flex;justify-content:end;padding:2rem 0 1rem 0;}
	.briefviewitem .briefitemdesc{margin:2rem 0 1rem 0;padding-right:2rem;font-size:1.1rem;}

}

.dark .briefviewitem .briefitemdesc{color:#BBB;}

.dark .briefviewitem{background-color:rgb(55 65 81 / 1);color:#FFF;}
.dark .briefviewitem .brieftitle>a,.dark .briefviewitem .brieftitle,.dark .briefviewitem .briefitem{color:#FFF;}
.dark .briefviewitem .itemrightaction{background-color:transparent;}

/* Brief View - Ended */

/* Mini Grid View - Started */
.minigridrow{display: flex;flex-wrap: wrap;padding-bottom:1rem;justify-content:start;}
.minigridrow>* {flex-shrink: 0;padding-right:.5rem;padding-left:.5rem;margin-top:1rem;width:12.1rem;}
.minifncybox{background-color:#FFF;border:.05rem solid rgba(0,0,0,0.2);height:100%;border-radius: 0.5rem;overflow: hidden;position:relative;}
html.dark .minifncybox {background-color: rgb(55 65 81 / 1);}
.minifncybox:hover{box-shadow: rgb(0 0 0 / 25%) 0px 14px 28px, rgb(0 0 0 / 22%) 0px 10px 10px;}
.miniimagebox{width:11rem;height:10rem;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;}
.miniimagebox .itempremium{position:absolute;top:.5rem;left:.5rem;border-radius:10rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.8);background-color:rgba(0,0,0,.5);z-index:1;}
.miniimagebox .itempremium>i:before{color:#FF1493;}

.minifncybox.selected{border:0.05rem solid #000;box-shadow:0 0 .25rem #000;}

.miniimagebox img{height: 10rem;transition:transform 2s ease;}

.miniimagebox.systemimage{padding:1rem;}
.miniimagebox.systemimage img{max-height:none;height:6rem;width:auto;transition:transform 2s ease;}


.minifncybox .minititle{margin: 0.5rem;line-height: 1.5rem;height: 3rem;overflow: hidden;align-items:center;justify-content:center;}
.minifncybox .miniconnect{padding:0 .25rem .25rem .25rem;}
.minifncybox .miniconnect a.btn{display:flex;align-items:center;justify-content:center;}
.miniimagebox:hover img{transform: scale(1.2);}
.minifncybox:hover .fncyacn{height:2rem;}
.minifncybox .fncyacn>div{height:2rem;display:flex;align-items:center;justify-content: space-around;}
.minifncybox .fncyacn>div>span{text-align:center;margin:0;}
.minifncybox .fncyacn>div>span.checkdiv:before{margin:0;}
.minifncybox .fncyacn>div>div{text-align:right;}
.minifncybox .fncyacn>div>* i{padding:.25rem;font-size:100%;cursor:pointer;color:#FFF;}
.minifncybox .fncyacn>div>* i:before{color:inherit!important;}

.minifncybox.selected .fncyacn{height:2rem;}

/* Mini Grid View - Ended */

/* Small Grid - Started */
.smallgridrow{display: flex;flex-wrap: wrap;padding-bottom:1rem;justify-content:start;}
.smallgridrow>* {flex-shrink: 0;padding-right:.5rem;padding-left:.5rem;margin-top:1rem;width:7rem;}
.smallfncybox{background-color:#FFF;border:0;height:100%;overflow: hidden;position:relative;border-radius:.5rem;}
html.dark .smallfncybox {background-color:transparent;}
.smallfncybox:hover{box-shadow: rgb(0 0 0 / 25%) 0px 14px 28px, rgb(0 0 0 / 22%) 0px 10px 10px;}
.smallimagebox{width:6.5rem;height:5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;}
.smallimagebox img{max-height:5rem;max-width:4rem;transition:transform 2s ease;opacity:.8;}
.smallfncybox:hover img{opacity:1;}
.smallfncybox .smalltitle {margin: 0.5rem;font-size: .75rem;text-align: center;}
.smallfncybox .smalltitle a{font-size:.75rem;}

.smallfncybox:hover .fncyacn{height:2rem;}
.smallfncybox .fncyacn>div{height:2rem;display:flex;align-items:center;justify-content: space-around;}
.smallfncybox .fncyacn>div>span{text-align:center;margin:0;}
.smallfncybox .fncyacn>div>span.checkdiv:before{margin:0;}
.smallfncybox .fncyacn>div>div{text-align:right;}
.smallfncybox .fncyacn>div>* i{padding:.25rem;font-size:100%;cursor:pointer;color:#FFF;}
.smallfncybox .fncyacn>div>* i:before{color:inherit!important;}

/* Small Grid - Ended */

/* Image Grid - Started */
.imagegridviewcontainer{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 0.5rem;}
.imagegridviewcontainer .imagegridviewcolumn{padding:.5rem 0;}
.imagegridviewcontainer .imageitem{cursor:pointer;background-color: #FFF;position:relative;width:100%;top:0;left:0;}
.imagegridviewcontainer .imageitem img.imgitem{vertical-align: middle;width: 100%;border-radius: 0.5rem;}
.imagegridviewcontainer .imageitem i.imagealtericon{vertical-align: middle;width: 100%;}
.imagegridviewcontainer .imageouterbox{position:relative;margin: 0.5rem;overflow: hidden;padding-bottom:.5rem}
.imagegridviewcontainer .imageouterbox:hover .imagecontenttitle,.imagegridviewcontainer .imageouterbox:hover .imagecontentheader{display:block;}
.imagegridviewcontainer .imageouterbox .imagecontenttitle{display:none;position:absolute;bottom:0;left:0;padding:.5rem;color:#FFF;font-weight:700;width:100%;text-align:left;cursor:pointer;}
.imagegridviewcontainer .imageouterbox .imagecontentheader{display:none;position:absolute;top:0;left:0;padding:.5rem;color:#FFF;font-weight:700;width:100%;}
/* Image Grid - Ended */


/* Custom Padding Started */

.py-10{padding-top:10rem;padding-bottom:10rem;}

/* Custom Padding Ended */

/* Store Products Left Column CSS Started */
.maincatelist{padding:.5rem;}
.maincatelist .contactul>li{padding-left:.25rem;}

.storecateul,.storecateul ul{padding:0;margin:0;list-style:none;}
.storecateul>li{border-bottom:0.05rem solid #CCC;margin-bottom:.25rem;}
.storecateul>li>div{padding:0.25rem;text-align:left;display:flex;align-items:center;justify-content:space-between;}
.storecateul>li>div>a{color:#000 !important;font-weight:700;white-space:nowrap;overflow:hidden;width:90%;display:inline-block;}
.storecateul>li>div>a:hover{color:#03a9f4 !important;}
.storecateul>li>div>i{float:right;color:#888;cursor:pointer;}
.storecateul>li>div>i:hover{color:#333;}

.storecateul ul{display:none;padding:0.25rem 0;}
.storecateul>li>ul>li>div{padding:0.25rem;text-align:left;}
.storecateul>li>ul>li>div>a{color:#000 !important;font-weight:400;}
.storecateul>li>ul>li>div>a:hover{color:#03a9f4 !important;}
.storecateul>li>ul>li>div>i{float:left;color:#888;cursor:pointer;font-size:120%;padding-right:.5rem;}
.storecateul>li>ul>li>div>i:hover{color:#333;}

.storecateul ul>li>ul{padding:0 0 0 1.5rem;}
.storecateul ul>li>ul>li>div{padding:0.25rem;text-align:left;}
.storecateul ul>li>ul>li>div>a{color:#000 !important;font-weight:400;}
.storecateul ul>li>ul>li>div>a:hover{color:#03a9f4 !important;}
.storecateul ul>li>ul>li>div>i{float:left;color:#888 !important;cursor:pointer;font-size:120%;padding-right:.5rem;}
.storecateul ul>li>ul>li>div>i:hover{color:#333;}
.storecateul a.checkdiv:before{padding-top:0.35rem;}

.maincatelist .fa-plus.opened:before{content:"\f068";}
.maincatelist .fa-angle-down{transition:transform .5s ease;}
.maincatelist .fa-angle-down.opened{transform: rotateX(180deg);}
/* Store Products Left Column CSS Ended */

/* Image Title Pair Css - Started */

.palsul{padding:.25rem;;margin:0;list-style:none;background-color:#EEE;}
.palsul>li{border:.05rem solid #DDD;margin-bottom:.25rem;background-color:#FFF;border-radius:.25rem;padding:.25rem;clear:both;box-sizing:border-box;display:flex;align-items:center;}
.palsul>li>a{display:flex;}
.palsul>li .palimage{float:left;width:4rem;box-sizing:border-box;padding:0 .5rem;position:relative;}
.palsul>li .palimage img{border:.05rem solid #CCC;width:3rem;border-radius:50%;height:3rem;}
.palsul>li .palimage .onlinestate{position: absolute;right: 0.25rem;top: 10%;height: 0.75rem;width: 0.75rem;border-radius: 50%;}
.palsul>li .palimage .onlinestate.A{background-color:#00FF00;}
.palsul>li .palimage .onlinestate.B{background-color:red;}
.palsul>li .palimage .onlinestate.I{background-color:orange;}
.palsul>li .palimage .onlinestate.O,.palsul>li .palimage .onlinestate.C{background-color:grey;}
.palsul>li .palcontent{float:left;flex: 1 0 0%;text-align:left;display:flex;align-items:center;justify-content:start;color:#000;}
.palsul>li .palcontent a.header{color:#000;display:block;float:left;width:calc( 100% - 3.5rem );white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.palsul>li .palcontent a i{padding-right:.25rem;}
.palsul>li .palcontent .action{text-align:right;}
.palsul>li .palcontent .action i{color:#999;}
.palsul>li .palcontent .action i:hover{color:#555;}

.dark .palsul{background-color:#000;}

.dark .palsul>li{background-color:#333;color:#FFF;border-color:#222;}
.dark .palsul>li .palcontent a{color:#FFF;}

/* Going forward use the below classes instead of palsul class */

.listul{padding:0;margin:0;list-style:none;}
.listul>li{padding:.5rem 1rem;clear:both;box-sizing:border-box;display:flex;align-items:center;}
.listul>li>a{display:flex;}
.listul>li .listimage{width: 3rem;box-sizing: border-box;padding:0;position: relative;}
.listul>li .listimage img{border:.05rem solid #CCC;width:2.5rem;border-radius:50%;height:2.5rem;}
.listul>li .listimage .onlinestate{    position: absolute;right: .4rem;bottom: .25rem;height: .6rem;width: .6rem;border-radius: 50%;}
.listul>li .listimage .onlinestate.A{background-color:#00FF00;}
.listul>li .listimage .onlinestate.B{background-color:red;}
.listul>li .listimage .onlinestate.I{background-color:orange;}
.listul>li .listimage .onlinestate.O,.listul>li .listimage .onlinestate.C{background-color:grey;}
.listul>li .listcontent{flex:1 0 1%;text-align:left;display:flex;align-items:center;justify-content:start;color:var(--bs-input-text-color);;padding-left:.5rem;}
.listul>li .listcontent a.header{color:var(--bs-input-text-color);;display:block;float:left;width:calc( 100% - 3.5rem );white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.listul>li .listcontent .action{text-align:right;}
.listul>li .listcontent .action i{color:#999;}
.listul>li .listcontent .action i:hover{color:#555;}

/* Image Title Pair Css - Ended */


div.pptabs{margin-bottom:1rem;margin-top:.25rem;}
ul.pptabsul{margin:0;padding:0;list-style:none;display:flex;align-items:center; justify-content:center;}
ul.pptabsul>li{cursor:pointer;padding:.25rem;margin:0 1rem;color:#555;font-size:1.1rem;font-weight:700;text-transform:uppercase;border-bottom:.2rem solid transparent;}
ul.pptabsul>li>a{font-size:1.1rem;}
ul.pptabsul>li.actv{color:purple;border-color:purple;}

ul.ppboxtabs{margin:0;padding:0.5rem 0;list-style:none;display:flex;align-items:center; justify-content:center;}
ul.ppboxtabs>li{cursor:pointer;padding:.5rem 1rem;margin:0 .5rem;border:.05rem solid #CCC;border-radius:.25rem;box-shadow:0 0 .25rem #CCC;font-size:1rem;font-weight:700;}
ul.ppboxtabs>li.actv{color:#FFF;background-color: var(--bs-danger);border-color: var(--bs-danger);}


.card-body{text-align:left;}


@media only screen 
and (orientation : portrait) {

.fncybox.userphoto .fncyimage{height:15rem;max-height: 15rem;max-width: 12rem;}
.fncybox.userphoto .fncyimage img{max-height: 15rem;max-width: 12rem;width: auto;min-height:auto;}
/*
.fncybox.userphoto .fncyimage{height: 12rem;}
.fncybox.userphoto .fncyimage img{min-height:12rem;}
.fncybox .fncyacn>div>* i{font-size:100%;}
*/
}

.ultagcontainerouter{position:relative;width:100%;overflow:hidden;}
.ultagcontainer{transition:margin-left .5s ease;text-align:left;}
.ultagcontainer>ul{padding:0;margin:0;list-style:none;display:inline-flex;align-items:center;justify-content:start;}
.ultagcontainer>ul>li{margin-right:.5rem;white-space:nowrap;border:.05rem solid #CCC;background-color:#DDD;color:#000;padding:.5rem 1rem;border-radius:10rem;user-select:none;cursor:pointer;}
.ultagcontainer>ul>li.active{background-color:purple;color:white;border-color:#333;}
.ultagcontainernavi{position:absolute;top:0;border:.05rem solid #555;background-color:#aaa;color:#000;padding:.5rem 1rem;border-radius:10rem;z-index:10;display:none;cursor:pointer;}
.ultagcontainernavi.leftnavi{left:0rem;border-left: 0;border-radius:0 10rem 10rem 0;}
.ultagcontainernavi.rightnavi{right:0rem;border-right: 0;border-radius:10rem 0 0 10rem;}


.popover-body .briefviewitem .briefitem{font-size:1rem;}
html.dark .fncybox{background-color: rgb(55 65 81 / 1);border-radius: .5rem;}
html.dark .fncytitle a, html.dark .fncybigcapstitle a{color:var(--bs-white);}

html.dark  .fncyboxdesc{color:var(--bs-dim-text-color);}