:root {
	--maincolor: var(--accent2);
	--third-font: 'Dancing Script', cursive;
}
body .container {padding:0;max-width:100%;}
body .container.navActive{position:relative;}
body .container.navActive:before{content:"";width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(21, 21, 22, 0.08); z-index: 9999;/*background: rgba(237, 237, 237, .5);*/}

.container.lms-container {display: flex; flex-direction: column;height: 100vh;}
.container.lms-container footer {margin-top: auto; align-self: flex-end;}
header, main, footer{ padding: 0 24px; }

/*HEADER*/

#navTabs header{margin-bottom: 3vh;}
#navTabs footer{margin-top: 3.5vh;}

body:has(.navActive) header{z-index:99999999999;}
header {margin:0 0 30px;background:#fff;border-bottom: 1px solid rgba(21, 21, 22, 0.05);position:relative;height: 5.8vh;margin: 0 0 calc(100% - 98.5%);margin-bottom: 3vh;display:block;height: 56px; margin-bottom: 23px;margin-bottom:0;flex-shrink: 0;}
header > .wrapper{max-width:100%;height:100%;padding:0;max-width: 1464px;width: 100%;}
header .header_con{height:100%;}

header .header_con .headerBoxes{display:flex;justify-content:space-between;align-items:stretch;height:100%;position:relative;}
header .header_con .headerBox{}

header .megaMenuHolder{position:absolute;top:101%;left:0;width:100%;background:#fff;z-index:999;display:none;}

header .megaMenuHolder.show{display:block;}


header .megaMenuHolder h3{font-size:18px;color: var(--accent2); text-transform: uppercase; font-weight: bold; margin-bottom: 25px;display:none;}
.megaMenuHolder{}

header .megaMenuHolder .megaMenu{padding:20px 30px;box-shadow: 0 1px 2px 2px rgba(0,0,0,.1);}
header .megaMenuHolder .megaMenu a.megaMenuClose{display:none;}

.megaMenuCloseOverlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
body:has(.navActive) .megaMenuCloseOverlay { z-index: 100; }

header .megaMenuHolder .megaMenu a.megaMenuClose{display: flex; width: 25px; height: 25px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 50px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; left: auto; bottom: auto;}
header .megaMenuHolder .megaMenu a.megaMenuClose svg { vertical-align: middle; fill:var(--accent1);}
header .megaMenuHolder .megaMenu a.megaMenuClose svg path{stroke:var(--accent1);}
header .megaMenuHolder .megaMenu a.megaMenuClose:hover{opacity: 0.5;}


header .megaMenuHolder .megaMenu .megaMenuBoxes{display: grid; grid-template-columns: repeat(6, 1fr);grid-template-columns: 190px 260px 240px 220px 190px 150px; grid-template-columns: 195px 235px 220px 225px 220px 225px;grid-template-columns: 130px 235px 220px 195px 180px 125px;row-gap: 25px;column-gap: 15px; align-items: flex-start;justify-content:center;}

header .megaMenuHolder .megaMenu .megaMenuBoxes:has(.adminColumn){grid-template-columns: 195px 235px 220px 225px 220px 160px 240px;grid-template-columns: 130px 235px 220px 195px 180px 125px 225px;}

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox{display: inline-block; width: 100%;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle{}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle h2{font-size:15px;color:var(--accent2);text-transform:uppercase;font-weight:bold;margin-bottom:7px;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul{}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li{display:block;position:relative;line-height:1;}

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li:has(.list-info-tooltip){}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .list-info-tooltip{visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 6px 12px; position: absolute; z-index: 12; top: -28px; left: 20%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; border-radius: 8px;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .list-info-tooltip::after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 10px; height: 10px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%; z-index: -1; }

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .list-info-tooltip .list-info-tooltip-details{font-size: 10px;
    line-height: 12px;}

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li:not(:last-child){margin-bottom:3px;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li a{font-size: 14px; font-weight: normal; color: var(--primary-color);position:relative;color: rgba(21, 21, 22, 0.8);}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li a:hover,
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li.active a{color:var(--accent2);}

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li a:hover ~ .list-info-tooltip { visibility: visible; opacity: 1; }

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon{position:absolute;top:0;right:0;z-index:1;cursor:pointer;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon.active svg{transform: rotate(180deg);}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon.active svg path{fill:var(--accent2);}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon svg{display:inline-block;vertical-align:middle;width:20px;height:20px;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon svg path{fill:#15151666;}

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul{display:none;padding:5px 0 5px 33px;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li{display:block;width:100%;position:relative;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li a{font-weight:normal;position:relative;}
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li:hover a,
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li.currentPageItem a{color:var(--accent2);}

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li a:before{content:"";width:8px;height:8px;background:#15151666;border-radius:50px;display:inline-block;margin-right:5px;}

header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li:hover a:before,
header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li.currentPageItem a:before{background:var(--accent2);}


/*NEW MEGA MENU*/
header .megaMenuHolderNew { position: absolute; top: 101%; left: 0; height: calc(100vh - 56px); background: #fff; z-index: 999; padding: 0; box-shadow: 0px 4px 10px rgba(21, 21, 22, 0.02); transition: transform 0.4s ease-in-out; transform: translateX(-100%); display: block; width: min(18%, 267px); min-width: 210px; }
header .megaMenuHolderNew.show{transform: unset;}

header .megaMenuHolderNew h3{font-size:18px;color: var(--accent2); text-transform: uppercase; font-weight: bold; margin-bottom: 25px;display:none;}

header .megaMenuHolderNew .megaMenu { padding: var(--clamp-20) var(--clamp-16) var(--clamp-20) var(--clamp-20); overflow: auto; height: 100%; border-right: 1px solid rgba(21, 21, 22, 0.10); }
header .megaMenuHolderNew .megaMenu a.megaMenuClose{display:none;}

.megaMenuCloseOverlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
body:has(.navActive) .megaMenuCloseOverlay { z-index: 100; }

header .megaMenuHolderNew .megaMenu a.megaMenuClose{display: flex; width: 25px; height: 25px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 50px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; left: auto; bottom: auto;display:none;}
header .megaMenuHolderNew .megaMenu a.megaMenuClose svg { vertical-align: middle; fill:var(--accent1);}
header .megaMenuHolderNew .megaMenu a.megaMenuClose svg path{stroke:var(--accent1);}
header .megaMenuHolderNew .megaMenu a.megaMenuClose:hover{opacity: 0.5;}


header .megaMenuHolderNew .megaMenu .megaMenuBoxes{display:flex;flex-direction:column;}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes:has(.adminColumn){grid-template-columns: 195px 235px 220px 225px 220px 160px 240px;grid-template-columns: 130px 235px 220px 195px 180px 125px 225px;}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox{width: 100%;display: flex;flex-direction: column;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox:not(:last-child) {margin-bottom:var(--clamp-14);}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle {cursor: pointer;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle .megaMenuBoxHeader{display: flex;gap: 7px;align-items: center;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle .sys-icon{line-height:0;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle .sys-icon svg{line-height:0;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle .sys-icon svg path{}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle .sys-icon img{}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle h2{font-family: var(--primary-font);font-size:var(--clamp-text-sm);color:var(--primary-color);/*text-transform:uppercase;margin-bottom:7px;*/font-weight:600;letter-spacing: -0.04em;position:relative;cursor:pointer;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle i {display: block; line-height: 1;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle i svg {transform: rotate(180deg);}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox:has(.expanded) .megaMenuBoxTitle i svg {transform: none;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks.overflow-visible { overflow: visible; }
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks {overflow: hidden; transition: max-height 0.4s ease-in-out; display: block; padding-left: 6px;max-height: 0;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul{display:flex;flex-direction:column;gap:var(--clamp-11);border-left: 1px solid rgba(21, 21, 22, 0.1);padding-left: 15px;position: relative;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li{display:block;position:relative;line-height:1;}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li:has(.list-info-tooltip){}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .list-info-tooltip{visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 6px 12px; position: absolute; z-index: 12; top: -28px; left: 20%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; border-radius: 8px;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .list-info-tooltip::after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 10px; height: 10px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%; z-index: -1; }
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li:first-child {margin-top: var(--clamp-11);position: relative;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul:before {content:""; display: block; width: 100%; height: var(--clamp-12); position: absolute; left: -1px; top: 0; background: #FFFFFF;}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .list-info-tooltip .list-info-tooltip-details{font-size: 10px; line-height: 12px;}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li:not(:last-child){}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li a{font-size: var(--clamp-text-sm); font-weight: 500; color: var(--primary-color);position:relative;color:#15151699;letter-spacing: -0.04em;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li a:hover,
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li.active a{color:var(--accent2);}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li a:hover ~ .list-info-tooltip { visibility: visible; opacity: 1; }

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon{position:absolute;top:0;right:0;z-index:1;cursor:pointer;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon.active svg{transform: rotate(180deg);}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon.active svg path{fill:var(--accent2);}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon svg{display:inline-block;vertical-align:middle;width:20px;height:20px;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li .subListDropdownIcon svg path{fill:#15151666;}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul{display:none;padding:5px 0 5px 33px;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li{display:block;width:100%;position:relative;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li a{font-weight:normal;position:relative;}
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li:hover a,
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li.currentPageItem a{color:var(--accent2);}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li a:before{content:"";width:8px;height:8px;background:#15151666;border-radius:50px;display:inline-block;margin-right:5px;}

header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li:hover a:before,
header .megaMenuHolderNew .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul ul li.currentPageItem a:before{background:var(--accent2);}

.dropdown-arrow {
    font-size: 12px;
    margin-left: auto;
    transition: transform 0.3s ease;cursor:pointer;
}
/*END NEW MEHA MENU*/

/*HEADERBOX1*/
header .header_con .headerBox.headerBox1{position:relative;}
header .header_con .headerBox.headerBox1 .logoNav{display:flex;align-items:center;height:100%;}
header .header_con .headerBox.headerBox1 .logoNav .logo{max-width:100%;position:relative;padding-right: 18px; flex: 1;}
header .header_con .headerBox.headerBox1 .logoNav .logo:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:24px;background:rgba(21, 21, 22, 0.05);}
header .header_con .headerBox.headerBox1 .logoNav .logo #header-logo{}
header .header_con .headerBox.headerBox1 .logoNav .logo img {max-height: 40px;max-width: 170px;object-fit: contain;}
header .header_con .headerBox.headerBox1 .logoNav .navArea{padding:0 0 0 18px;position:relative;height:100%;display: flex;align-items: center;flex-shrink: 0;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading{cursor: pointer;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading button{border:none;display:inline-block;vertical-align:middle;padding:0;background:none;line-height:100%;cursor: pointer;margin-right:12px;position:relative;width:24px;height:24px;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading button svg{vertical-align:middle;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

header .header_con .headerBox.headerBox1{order: 1;}
header .header_con .headerBox.headerBox2{order: 2;}
header .header_con .headerBox.headerBox3{order: 3;} 

.svg-close {display: none;padding: 0;position: static;background: #fff;}
header .header_con .headerBox.headerBox1 .logoNav .navArea.active .navAreaHeading button svg.svg-menu{display:none;}
header .header_con .headerBox.headerBox1 .logoNav .navArea.active .navAreaHeading button svg.svg-close{display:block;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading button:hover{opacity: 1;-webkit-opacity: 1;}

header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading span.nav-course-title{display:inline-block;vertical-align:middle; font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: -0.04em; color: rgba(21, 21, 22, 0.5); }

header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading i.mode{vertical-align: middle; margin-left: 8px; border-radius: 5px; border: 1px solid rgba(41, 76, 153, 0.05); background-color: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); color: var(--accent2); font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: -0.36px; min-width: 61px; line-height: 20px; padding: 0px 6px 0px 20px;display: none;}


header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu {width:422px;min-height:362px;min-height:0;background:#fff;padding:20px;position:absolute;top:100%;left:0;right:auto;margin-top:1px;border-radius:16px;box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);max-height: 75vh; overflow: auto;}

header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu:before{content:"";width:100%;height:100%;border-radius:16px;display:block;background:#fff;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu:after{content: ""; position: absolute; bottom: 100%; left: 55px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #fff; border-right: 0; border-bottom: 0; top: -7px; box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);z-index:-1;}

.dropdown { display: none; z-index: 999999; }
.dropdown.open{display:block;}

header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu span.navAreaMenuHeading {display:block;color:#BDC2CC;margin-bottom:16px;position:relative;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul{}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li{position:relative;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li:not(:last-child){margin-bottom:18px;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li .tooltiptext{display:block;color:var(--sys-white);top:100%;width:230px;left:0;top:-5px;margin-left:55px;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li .tooltiptext:after{bottom:auto;left:auto;top: 50%; right: 100%; margin-left:auto; margin-top: -5px; border-color: transparent black transparent transparent;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li a{display:flex;align-items:center;gap:13px;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li a .icon-flx__pos{position:relative;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li a svg{display:inline-block;vertical-align:middle;}

header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li a .icon-flx__edit { background-color: var(--white); border-radius: 13px; content: ''; height: 14px; position: absolute; right: -3px; top: -5px; width: 13px; z-index: 2; }
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li a .icon-flx__edit svg { height: 11px; width: 13px; }


header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li a .title { display: inline-block; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; width: 83%; }
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li a .title span{color: #000000; font-weight: bold; white-space: nowrap;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul li a .title small{display:block;width:100%;color:#BDC2CC;margin-top:6px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul ul{padding: 10px; background: #e1e1e1; margin: 5px auto 0; border-radius: 10px;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul ul li{display:block;width:100%;position:relative;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul ul li a{position:relative;padding: 10px 0;display:block;text-align:center;border-radius:5px;background:#d7d7d7;}
header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul ul li a.active{background:var(--accent1);color:#fff;}

header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu ul ul li:not(:last-child){margin-bottom:5px;}

.responsive_holder{display:none;}

/* Navigation bar icon */
.nav_toggle_button { display: none; text-align: left; position: relative; }
.nav_toggle_button.active {opacity:1;}
.nav_toggle_button i{cursor: pointer;}

/*Burger Color*/
.nav_toggle_button .toggle_holder{position: absolute;top: 60%;right: 0;transform: translateY(-50%);}
.nav_toggle_button .hamburger{}
.nav_toggle_button .hamburger-inner, .nav_toggle_button .hamburger-inner:before, .nav_toggle_button .hamburger-inner:after{background:#fff;}
.nav_toggle_button small{text-transform:uppercase;font-weight:bold;font-size:13px;color:#fff;display:block;text-align: center;}

/* Default Responsive Style for Toggle Swipe Right */
.menu_slide_right {display: none;}

/*Responsive burger and color*/
.menu_slide_right .hamburger-inner, .menu_slide_right .hamburger-inner:before, .menu_slide_right .hamburger-inner:after{background:#000;}
.menu_slide_right .toggle_holder{position: absolute;top: 55%;right: 10px;transform: translateY(-50%);}
.menu_slide_right small{text-transform:uppercase;color:#000;font-weight:bold;font-size:13px;display:block;}

/*HEADERBOX1*/

/*HEADERBOX2*/
header .header_con .headerBox.headerBox2 {}
header .header_con .headerBox.headerBox2 nav.headerNav{display: flex;align-items: stretch;height: 100%;}
header .header_con .headerBox.headerBox2 nav.headerNav ul{display: flex;justify-content: space-between;gap: 33px;gap:10px;margin:0;}
header .header_con .headerBox.headerBox2 nav.headerNav ul li{position: relative;display: flex;align-items:center;vertical-align: top;margin:0;}
header .header_con .headerBox.headerBox2 nav.headerNav ul li a{display: flex; align-items: center; height: 100%;position:relative; color: rgba(21, 21, 22, 0.5);padding:0 15px;}

header .header_con .headerBox.headerBox2 nav.headerNav ul li a:before{content:"";position: absolute; border-bottom: 3px solid var(--accent1); width: 0; bottom: 0; left: 0;transition:all 0.3s linear;}
header .header_con .headerBox.headerBox2 nav.headerNav ul li a:after{content:"";position: absolute; border-bottom: 3px solid var(--accent1); width: 0; bottom: 0; right: 0;transition:all 0.3s linear;}
header .header_con .headerBox.headerBox2 nav.headerNav ul li a.active,
header .header_con .headerBox.headerBox2 nav.headerNav ul li a:hover{color:var(--sys-dark);}

header .header_con .headerBox.headerBox2 nav.headerNav ul li.active a:before,
header .header_con .headerBox.headerBox2 nav.headerNav ul li.active a:after,
header .header_con .headerBox.headerBox2 nav.headerNav ul li a.active:before,
header .header_con .headerBox.headerBox2 nav.headerNav ul li a.active:after,
header .header_con .headerBox.headerBox2 nav.headerNav ul li a:hover:before,
header .header_con .headerBox.headerBox2 nav.headerNav ul li a:hover:after{width: 100%;}

/* Default state - only active tab shows before/after */
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a:before,
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a:after {
    width: 0; /* Default: no underline */
}

/* Hover state - show before/after */
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a:hover:before,
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a:hover:after {
    width: 100%; /* Show underline on hover */
}

/* Active state - only show if no other tab is hovered */
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"]:not(:hover) li a.active:before,
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"]:not(:hover) li a.active:after {
    width: 100%; /* Keep active tab underline only when not hovering */
}

/*HEADERBOX2*/

/*FUNNELS MENU*/
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"]{align-items:center;}
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li{}
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a{padding:0;font-weight:600;color: #15151680;border:1px solid transparent;padding: 5px 8px;}

header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a:before,
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a:after{bottom:-13px;}

header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a.active,
header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a:hover{/*background: rgba(21, 21, 22, 0.025);border: 1px solid rgba(21, 21, 22, 0.05);border-radius: 8px;*/color:#151516;}
/*END FUNNELS MENU*/




/*HEADERBOX3*/
header .header_con .headerBox.headerBox3 {}
header .header_con .headerBox.headerBox3 nav.headerNav{display:flex;align-items:stretch;height:100%;}
header .header_con .headerBox.headerBox3 nav.headerNav > ul{display: flex;margin:0;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li{position: relative;display: flex;align-items: center;vertical-align: middle;margin:0;line-height:100%;height:100%;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li:not(:last-child){margin:0 19px 0 0;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child{padding:0 18px 0 0;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li:last-child{margin-left:9px;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child:after{ content: ''; background: rgba(21, 21, 22, 0.05); width: 1px; height: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);  }
header .header_con .headerBox.headerBox3 nav.headerNav ul li a{display: block; height: 100%; width: 100%;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li img,
header .header_con .headerBox.headerBox3 nav.headerNav ul li svg{vertical-align:middle;}
/*START SEARCH*/
header .header_con .headerBox.headerBox3 nav.headerNav ul li .searchcon{}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .searchcon strong{cursor:pointer;display: block; line-height: 100%;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .searchcon svg:hover {opacity: 0.5;}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .search_holder {background-color: #fff; width: 260px; max-width: 350px; height: 45px; padding: 10px 15px; border-radius: 0 0 16px 16px; position: absolute; top:100%; right: 0; box-sizing: border-box;margin-top:1px;box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);display:none;}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .search_holder .search-icon{display:inline-block;vertical-align:middle;display:none;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .search_holder .searchtoggle {width:100%; height: 100%; margin-left: 0; display:inline-block;vertical-align:middle;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .search_holder .searchtoggle input[type="text"] { border: none; width: 100%; max-width: 100%; height: 100%; background: transparent; padding: 0; vertical-align: top; font-size: 16px; outline: 0; font-weight: 300; }

/*END SEARCH*/

/*NOTIF*/
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif{}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifIcon{cursor:pointer;position:relative;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifIcon .notifCounter{width:12px;height:12px;background:var(--accent2);border-radius:50%;border:1.5px solid #fff;font-size:7px;color:#fff;font-weight:bold;display:flex;justify-content:center;align-items:center;position: absolute;top: -2px;right: -2px;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag{max-width:300px;min-height:362px;min-height:0;background:#fff;position:absolute;top:100%;right:-30px;border-radius:8px;margin-top:1px;box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);width: max-content;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag:before{content:"";width:100%;height:100%;border-radius:8px;display:block;background:#fff;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag:after{content: ""; position: absolute; bottom: 100%; right: 30px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #fff; border-right: 0; border-bottom: 0; top: -7px; box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);z-index:-1;padding:var(--clamp-18)}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag ul{display:block;line-height:100%;height:100%;position:relative;z-index:1;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag ul li{padding:var(--clamp-18);margin:0;justify-content: center;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag ul.noNotif li:before{content:"";display:block;width:18px;height:18px;margin-right: 10px;background:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20License%3A%20PD.%20Made%20by%20mono-company%3A%20https%3A%2F%2Fgithub.com%2Fmono-company%2Fmono-icons%20--%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%2010c0-3.224-2.18-5.94-5.146-6.752a2%202%200%200%200-3.708%200%206.957%206.957%200%200%200-1.587.655l1.492%201.491A5%205%200%200%201%2017%2010v2.343l2%202V10zM3.175%2017.434L5%2014.697V10c0-1.05.231-2.046.646-2.94L3.293%204.707a1%201%200%200%201%201.414-1.414l16%2016a1%201%200%200%201-1.414%201.414L17.586%2019h-2.121a3.501%203.501%200%200%201-6.93%200H4.013a.994.994%200%200%201-.633-.215.999.999%200%200%201-.205-1.35zM5.87%2017h9.717l-8.39-8.39A5.003%205.003%200%200%200%207%2010v5a1%201%200%200%201-.168.555L5.869%2017zm4.716%202a1.5%201.5%200%200%200%202.83%200h-2.83z%22%20fill%3D%22%230D0D0D%22%2F%3E%3C%2Fsvg%3E);background-size: cover;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag ul li:after{display:none;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif svg:hover {opacity: 0.5;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag ul.notifList li {gap: var(--clamp-10);padding: var(--clamp-18);border-top: 1px solid rgba(21, 21, 22, 0.10); border-bottom: 1px solid rgba(21, 21, 22, 0.10);justify-content: flex-start;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag .notifImgCon { display: flex; width: 36px; height: 36px; aspect-ratio: 1/1; border-radius: 50%; justify-content: center; align-items: center; position: relative;background: #294C9926;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag .notifDetails h2 { display: block; line-height: 1; color: #151516; font-style: normal; font-weight: 500; letter-spacing: -0.48px; }
header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag .notifDetails p { display: block; line-height: 166.667%; color: rgba(21, 21, 22, 0.35); font-style: normal; font-weight: 400; letter-spacing: -0.36px; }
/*NOTIF*/

header .header_con .headerBox.headerBox3 nav.headerNav ul li .calendar svg:hover {opacity: 0.5;}

/*PROFILE*/
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile{}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a{display: flex;justify-content: space-between;align-items: center;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a span{position:relative;font-weight: 600;color: var(--sys-dark);position:relative;margin-right:12px;margin-right:8px;margin-right:14px;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a span:after{content: "\f0d7";font-family:fontAwesome;display:inline-block;vertical-align:top;color:#BDC2CC;font-size: 17px;margin-left:8px;margin-top:-1px;display:none;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a .photoImg{width: 46px; height: 46px;width:28px;height:28px; width:39px;height:39px;overflow: hidden; border-radius: 50%;border-radius:25%; display: inline-block; vertical-align: middle;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a .photoImg img{width:100%;height:100%;object-fit:cover;vertical-align:middle;}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions{width:200px;min-height:362px;min-height:0;background:#fff;padding:var(--clamp-18);position:absolute;top:100%;right:0;border-radius:14px;margin-top:1px;box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 14px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions:after{content: ""; position: absolute; bottom: 100%; right: 55px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #fff; border-right: 0; border-bottom: 0; top: -7px; box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);z-index:-1;}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul{display:block;line-height:100%;height:100%;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li{display:block;vertical-align:middle;padding:0;margin:0;position:relative;}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li svg{display:inline-block;vertical-align:middle;width:18px;height:18px;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li svg path{fill:var(--sys-dark);}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li:not(:first-child){margin-top:15px;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li:after {display: none;}

header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li span{font-size:16px;color:var(--sys-dark);font-weight:bold;display:flex;gap:8px;justify-content: flex-start;align-items: center;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li a{display:flex;gap:8px;font-size:14px;color:var(--sys-dark);font-weight:500;padding:0 0;line-height:100%;justify-content: flex-start;align-items: center;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li:last-child a{padding:0 0;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li:first-child svg path {fill: none !important;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li a:hover{text-decoration: underline;color: var(--accent2);}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li a:hover svg path{fill: var(--accent2);}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li a svg.settings-icon path {fill: none !important;}
header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li a:hover svg.settings-icon path, header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li a:hover svg.settings-icon circle {stroke: var(--accent2);}
/*PROFILE*/
/*HEADERBOX3*/

/*END HEADER*/

/*CONTENT*/
main.main-content {height: calc(100% - 95px);padding:22px 24px 13px;overflow-y: auto;}
main.main-content > .wrapper{max-width:1464px;height:100%;padding:0;}
main.main-content .main_con{height:100%;}

.main-content .main_con_holder{display:flex;align-items:stretch;height:100%;justify-content:space-between;}
.main-content .main_con_holder aside.sidebar{display:inline-block;vertical-align:top;width: 239px;overflow:hidden;overflow-y:auto;padding-right:7px;}
.main-content .main_con_holder aside.sidebar .sidebarBoxes{}
.main-content .main_con_holder aside.sidebar .sidebarBox{}


.main-content .main_con_holder .main_area{display:inline-block;vertical-align:top;width: calc(100% - 239px);padding-left:7px;overflow-y:auto;}
.main-content .main_con_holder .main_area .mainBoxes{}
.main-content .main_con_holder .main_area .mainBox{}
/*END CONTENT*/

/*FOOTER*/
footer {background:#fff;width: 100%;border-top: 1px solid rgba(21, 21, 22, 0.05);position:relative;height:5.3vh;margin-top:32px;margin-top: calc(100% - 98.5%);height: 2.73vh;margin-top: calc(100% - 98.4%);margin-top: 3.5vh;height: 26px; margin-top: 32px;margin-top:0;flex-shrink: 0;}
footer > .wrapper{max-width:100%;height:100%;padding:0;max-width: 1464px; width: 100%;}
footer .footer_con{height: 100%;}
footer .footer_con .footerBoxes {display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative;}

footer .footer_con .footerBox{}

/*FOOTERBOX1*/
footer .footer_con .footerBox.footerBox1{position:relative;display: flex;align-items: center;}
footer .footer_con .footerBox.footerBox1 .copyright{color: rgba(21, 21, 22, 0.5);}
footer .footer_con .footerBox.footerBox1 .footer-logo{width:60px;vertical-align:middle;}
/*FOOTERBOX1*/

/*FOOTERBOX2*/
footer .footer_con .footerBox.footerBox2 ul{position:relative;display: flex;align-items: center;margin-bottom: 0 !important;}
footer .footer_con .footerBox.footerBox2 ul li {padding: 0 8px; position: relative; border-right: 1px solid rgba(21, 21, 22, 0.5)}
footer .footer_con .footerBox.footerBox2 ul li:last-child {border :0;}
footer .footer_con .footerBox.footerBox2 ul li a {color: rgba(21, 21, 22, 0.5);}
footer .footer_con .footerBox.footerBox2 ul li a:hover {text-decoration: underline; color: var(--sys-dark);}
/*FOOTERBOX2*/

/*FOOTERBOX3*/
footer .footer_con .footerBox.footerBox3 a {color:var(--accent2);}
footer .footer_con .footerBox.footerBox3 a span.iconHolder{border: 1px solid var(--accent2); border-radius: 50%; display: flex; padding: 1px; box-sizing: border-box; width: 12px; height: 12px; align-items: center;}
footer .footer_con .footerBox.footerBox3 a span.iconHolder svg{}
footer .footer_con .footerBox.footerBox3 a span.iconHolder svg path{}
footer .footer_con .footerBox.footerBox3 a:hover {text-decoration: underline;color: var(--sys-dark);}
footer .footer_con .footerBox.footerBox3 a:hover span.iconHolder{border: 1px solid var(--sys-dark);}
/*FOOTERBOX3*/

/*END FOOTER*/

/**HELP BUTTON START**/
.help-btn {display: inline-flex;height: 44px;border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); backdrop-filter: blur(4px); align-items: center; justify-content: flex-start;position: fixed; right: 24px; bottom: 24px;z-index: 9999;padding-left: 42px; max-width: 187px;width: auto;max-width: 44px;-webkit-transition: max-width 0.5s; transition: max-width 0.5s; }
.help-btn__icon-container { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); backdrop-filter: blur(4px); position: relative; display: flex; align-items: center; justify-content: center;width: 44px; height: 44px; position: absolute; top: -1px; left: -1px;padding: 6px;}
.help-btn__icon { border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.20); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); position: relative; width: 30px; height: 30px;}
.help-btn__icon svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.help-btn__text {padding-right: 10px;white-space: nowrap;padding-left: 1px;}
.help-btn__text span {color: var(--sys-white);font-weight: 600;display: flex; align-items: flex-end; justify-content: flex-start;gap: 4px;}
.help-btn__text span q {height: 15px;}
.help-btn__text small {display: block;color: rgba(255, 255, 255, 0.60); }
.help-btn:hover {max-width: 187px;-webkit-transition: max-width 0.5s; transition: max-width 0.5s;}

/**HELP BUTTON END**/

/*START LOGIN AND REGISTRATION PAGE*/


input::-webkit-scrollbar-track {
	background-color: #F1F1F1;
	background-color: #FFF;
}
input::-webkit-scrollbar {
	width: 4px
}
input::-webkit-scrollbar-thumb {
	background-color: #C1C1C1;
}

::placeholder {
	color: rgba(21, 21, 22, 0.3);
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: rgba(21, 21, 22, 0.3);
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: rgba(21, 21, 22, 0.3);
}

button:hover{opacity:.5;}

input:autofill { font-family: var(--primary-font); font-size: 16px; color: var(--sys-dark); font-weight: 400; }

input:-webkit-autofill::first-line { font-size: 16px; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { font-family: var(--primary-font); color: var(--sys-dark); font-size: clamp(0.75rem, 0.9vw, 0.875rem);}

#prelogin-region{}
.pageLogin{}
.pageLogin .wrapper{}
.pageLogin .pageLogin-content{display: flex; align-items: center; justify-content: center; height: 100vh;padding:0 25px;}

/*START LOGIN*/
.pageLogin .pageLogin-content .pageLoginBoxes { width: 1052px; max-width: 100%; display: flex; justify-content: space-between; overflow: hidden; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 10px;width:70%;height: auto; aspect-ratio: 1.85 / 1;}

.pageLogin .pageLogin-content .pageLoginBox{display:inline-block;vertical-align:middle;width:50%;height:100%;position:relative;overflow:hidden;}

.pageLogin .pageLogin-content .pageLoginBox1{padding:48px 48px 45px;display: flex;flex-direction: column;justify-content: center;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder{margin-bottom:20px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder img{height: 50px;display: block;margin: 0 auto 15px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder h2 {margin-bottom:30px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder p {color: rgba(21, 21, 22, 0.6);}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder p span{display:block;line-height:100%;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder p a{display:inline-block;color:var(--accent2);}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder p a:hover{text-decoration:underline;}

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm{}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form{margin: 0 auto;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput{position:relative;display:block;width: 100%;margin: 0 auto 18px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.formInputSubmit{margin-bottom:0;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.formInputSubmit:has(.btn-large[type="button"]){text-align:center;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.formInputSubmit input[type="button"]{display:inline-block;vertical-align:middle;background:none;line-height:100%;} 
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.formInputSubmit input[type="button"]:hover{background: var(--accent2)!important;}

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput i.eye-icon {position: absolute; right: 12px; bottom: 11px; cursor: pointer; line-height: 0; }
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput i.eye-icon svg {fill: rgba(21, 21, 22, 0.6);}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput i.eye-icon:hover {opacity: 0.5;}

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput label{display:block;color: rgba(21, 21, 22, 0.6);margin-bottom:6px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput label span{display:inline-block;vertical-align:middle;margin-left:8px;font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: var(--sys-dark);}

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=text],
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=password] { display: block; width: 100%; padding: 14px; font-family: var(--primary-font);color: var(--sys-dark); font-weight: 400; height: 42px; font-size:14px;line-height:16px;letter-spacing: -0.04em; background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; }
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input#password {padding: 14px 40px 14px 14px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=text]::placeholder, .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=password]::placeholder { font-family: var(--primary-font); font-size: 14px; line-height: 16px; letter-spacing: -0.04em; }

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=checkbox] { content: ''; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; padding: 3px; border: 1px solid rgba(21, 21, 22, 0.1); border-radius: 5px; vertical-align: middle; margin: 0; width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=checkbox]:checked {position:relative;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=checkbox]:checked:before { content: ""; width: 8px; height: 8px; display: block; background: var(--accent2); border-radius: 2px; position:absolute; top:50%;left:50%;transform:translate(-50%,-50%); }

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.error{position:relative;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.error::before { content: '!'; width: 18px; height: 18px; position: absolute; left: calc(100% + 8px); border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom: 13px; }
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.error input {border: 1px solid var(--sys-red);}

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=submit]{width:100%;background:var(--accent2);font-family:var(--primary-font);color:#fff;border: 1px solid rgba(255, 255, 255, 0.1);}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=submit]:hover {opacity: .5;-webkit-opacity: .5;}


.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn {margin-top:22px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a{display:block;width:100%;height:42px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_fp{display:inline;color: rgba(21, 21, 22, 0.6);height:auto;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_fp:hover{text-decoration:underline;}

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_return{width: 60%; background: var(--accent2); font-family: var(--primary-font); color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); line-height: 42px; margin: 0 auto;border-radius:8px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_return:hover{}


.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn .form_btn_social{margin-top:22px;display:none;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn .form_btn_social a:not(:last-child){margin-bottom:14px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_fb { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 14px; font-weight: 500; background: var(--accent2); line-height: 16px; letter-spacing: -0.04em; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); border-radius: 8px; position: relative; }


.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_fb:before {content: ""; width: 42px; height: 100%; position: absolute; top: 50%; left: 0; background: url(../../images/drizzio/icon-fb.svg)no-repeat center center; transform: translateY(-50%); }

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_gg { display: flex; justify-content: center; align-items: center; width: 100%; color: var(--accent2); font-size: 14px; line-height: 16px; font-weight: 500; letter-spacing: -0.04em; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; position: relative; }

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_gg:before {content: ""; width: 42px; height: 100%; position: absolute; top: 50%; left: 0; background: url(../../images/drizzio/icon-google.svg)no-repeat center center; transform: translateY(-50%); }

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_fb:hover,
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_gg:hover{background:var(--accent1);color:#fff;}

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form {position: relative;width: 90%;max-width: 380px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form span.formLoginError {display:block;margin-bottom: 15px;color: red;padding-left: 5px;font-size:14px;text-align: center;width: 100%; margin: 0 auto; padding: 7px 10px;background: #FF5A600D;position: absolute; left: 0; bottom: calc(100% + 5px); border-radius: 8px;background: #FF224A14}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form span.formLoginError i {line-height: 0;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form span.formLoginError small {color: var(--sys-red);}

.pageLogin .pageLogin-content .pageLoginBox2 { position: relative; height:auto;}
.pageLogin .pageLogin-content .pageLoginBox2:before { content: ""; width: 100%; height: 354px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); background: linear-gradient(360deg, rgba(21, 21, 22, 0.5) 0%, rgba(21, 21, 22, 0) 100%); z-index: 1; display:none;}

.pageLogin .pageLogin-content .pageLoginBox2 .formImg{position:relative;width:100%;height:100%;}
.pageLogin .pageLogin-content .pageLoginBox2 .formImg img {vertical-align: middle; width: 100%; object-fit: cover; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 150%;mask-image:none;-webkit-mask-image:none;border-radius:0;}

.pageLogin .pageLogin-content .pageLoginBox .pageLoginText{padding: 46px 48px;color: var(--white); position: absolute; bottom: 0; width: 100%; right: 0;z-index:2;}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText h3{color:#fff;margin-bottom:12px;}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText p{color:#fff;}

.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox{height:60px;border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(21, 21, 22, 0.50); backdrop-filter: blur(4px);margin-top:24px;padding:8px;display:none;}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder{}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderIcon{width:44px;height:44px;border-radius: 4px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--sys-green);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);position:relative;}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderIcon svg{vertical-align:middle;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);line-height: 100%;}

.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderHeading{}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderHeading h2{color:#fff;margin-bottom:2px;}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderHeading span{display:block;color: rgba(255, 255, 255, 0.60);}

.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxArrow{}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxArrow .pageLoginHelpBoxBtn{display:block;width: 32px; height: 32px;border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);position:relative;}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxArrow .pageLoginHelpBoxBtn:hover{background:var(--sys-green);}
.pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxArrow .pageLoginHelpBoxBtn svg{vertical-align:middle;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);line-height: 100%;}

/*END LOGIN*/


/*PROSPECTING DSA LOGIN*/
.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder img{height:35px;margin:0 auto 25px;}
.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder{width: 90%;max-width: 380px;margin: 0 auto;}
.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder h2{}
.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder h2 span{}
.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=submit]{font-size: 22px;height: 100%; min-width: 0; padding: 10px 15px; box-sizing: border-box;}
/*END PROSPECTING DSA LOGIN*/

/*START REGISTRATION*/

.pageLogin.registration{}
.pageLogin.registration .pageLogin-content .pageLoginBoxes{min-height:795px;}

.pageLogin.registration .pageLogin-content .pageLoginBox2:before { height: 319px; position: absolute; bottom: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); background: linear-gradient(360deg, rgba(21, 21, 22, 0) 0%, rgba(21, 21, 22, 0.6) 53.13%, rgba(21, 21, 22, 0) 100%); }

.pageLogin.registration .pageLogin-content .pageLoginBox .pageLoginText{bottom: auto;right:auto;top:50%;left:50%;transform:translate(-50%,-50%);}


.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput select{display: block; width: 100%; background: #BDC2CC15; padding: 0; border-radius: 10px; border: 1px solid #BDC2CC40; font-family:var(--primary-font); font-size:16px;color: var(--secondary-color);font-weight:400;height:50px;}

.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput select option{font-size: 16px; color: var(--secondary-color);}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput select option[selected="true"]{color: var(--secondary-color);}

.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2.selectSize{display:none;}
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2{display: flex;justify-content: space-between;}
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2 .formInput{width:48%;margin-bottom:0;}


.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.email{}
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.email span{display: inline-block; color: #ff0000; vertical-align: top; margin: 10px 10px 0 0;display:none;}

.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2{display: flex;justify-content: space-between;}
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2 .formInput.currentSize{width:76%;margin-bottom:0;}
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2 .formInput.size{width:20%;margin-bottom:0;}

.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.subdomain input{padding: 14px 110px 14px 14px;}
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.subdomain:before { content: ".drizzio.com"; position: absolute; bottom:5px; right: 5px; color: var(--secondary-color); z-index: 0; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: var(--accent2); display: flex; justify-content: center; align-items: center; width: 94px; height: 32px; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; }

/*END REGISTRATION*/

/*END LOGIN AND REGISTRATION PAGE*/


/*START SETUP WIZARD PAGE*/
#setupWizard-region {}
.pageSetup{}
.pageSetup .wrapper{max-width:1464px;padding:0;}
.pageSetup .pageSetup-content{}


.pageSetup .pageSetup-content .pageSetupLogo {width:100%; max-width: 100%;background:#fff;height:56px;height:5.8vh;display:flex;justify-content:center;align-items:center;position:relative;padding:calc(100% - 99.5%) 0;}
.pageSetup .pageSetup-content .pageSetupLogo:after{content:"";width:100%;position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;height:calc(100% - 99%);background:rgba(21, 21, 22, 0.05);}
.pageSetup .pageSetup-content .pageSetupLogo img{width:113px;height:100%;}

/*START SETUP WIZARD*/
.pageSetup .pageSetup-content .pageSetupBoxes {width:100%; max-width: 100%; display: flex; justify-content: center; overflow: hidden; align-items: stretch; height:94.2vh; padding:24px 25px 60px;padding-top: 2.5vh;padding-bottom:6.2vh;}
.pageSetup .pageSetup-content .pageSetupBox{width:100%;height:100%;position:relative;overflow:hidden;text-align:center;display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.pageSetup .pageSetup-content .pageSetupBox .skipDashboard{}
.pageSetup .pageSetup-content .pageSetupBox .skipDashboard a{display:inline-block;position:relative;line-height:100%;}
.pageSetup .pageSetup-content .pageSetupBox .skipDashboard a:after{content:"";position:absolute;right: -22px; top: 50%; transform: translateY(-50%); width: 12px; height:12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='12' height='12'%3E%3Cpath d='M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;}
.pageSetup .pageSetup-content .pageSetupBox .skipDashboard a span{font-weight:600;}
.pageSetup .pageSetup-content .pageSetupBox .skipDashboard a:hover span{opacity:.5;}
.pageSetup .pageSetup-content .pageSetupBox .skipDashboard a:hover:before,
.pageSetup .pageSetup-content .pageSetupBox .skipDashboard a:hover:after{opacity:.5;}

.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm{max-width:100%;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form{}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form .pageSetupHeading{}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form .pageSetupHeading h3{color:var(--sys-dark);margin-bottom:16px;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form .pageSetupHeading p{color:rgba(21, 21, 22, 0.6);;}

.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form .formInputHolder{margin:24px auto 0;width:355px;max-width:100%;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form .formInputHolder .formInput{width:100%;position:relative;margin-bottom:18px;display:block;text-align:left;}

.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form .formInputHolder .formInput label{display:block;color: rgba(21, 21, 22, 0.6);margin-bottom:6px;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form .formInputHolder .formInput label span{display:inline-block;vertical-align:middle;margin-left:8px;font-weight: 400; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: var(--sys-dark);}

.pageSetup .pageSetup-content .pageSetupBox .pageSetupForm form .formInputHolder .formInput input[type=text]{ display: block; width: 100%;max-width:409px; padding: 14px; font-family: var(--primary-font);color: var(--sys-dark); font-weight: 400; height: 42px; font-size:14px;line-height:16px;letter-spacing: -0.04em; background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; }

.pageSetup .pageSetup-content .pageSetupBox .pageSetupPagination{}

.pageSetup .pageSetup-content .pageSetupBox .pageSetupPagination .pageSetupNote{margin-bottom:26px;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupPagination .pageSetupNote p{color:rgba(21, 21, 22, 0.4);}

.pageSetup .pageSetup-content .pageSetupBox .pageSetupPagination ul{display:flex;justify-content:center;align-items:center;gap:39px;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupPagination ul li{display: inline-block;vertical-align: middle;position:relative;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupPagination ul li a{min-width:74px;background: var(--accent2);line-height:40px;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupPagination ul li a:hover{opacity:.5;}
.pageSetup .pageSetup-content .pageSetupBox .pageSetupPagination ul li strong{font-weight:600;color: rgba(21, 21, 22, 0.4);}
/*END SETUP WIZARD*/

/* START SETUP WIZARD PAGE 2 */
.pageSetup .pageSetup-content.setupWizardPage2 .pageSetupBox .pageSetupForm form .formInputHolder{margin:27px auto 0px;width:354px;max-width:100%;}
.pageSetup .pageSetup-content.setupWizardPage2 .pageSetupBox .pageSetupForm form .formInputHolder .uploadBtn{}
.pageSetup .pageSetup-content.setupWizardPage2 .pageSetupBox .pageSetupForm form .formInputHolder .uploadBtn label{cursor: pointer;height:72px;background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;}
.pageSetup .pageSetup-content.setupWizardPage2 .pageSetupBox .pageSetupForm form .formInputHolder .uploadBtn label svg{display:block;margin:18px auto 10px;}
.pageSetup .pageSetup-content.setupWizardPage2 .pageSetupBox .pageSetupForm form .formInputHolder .uploadBtn label span{display:block;color: var(--accent2);}
/* END SETUP WIZARD PAGE 2 */

/* START SETUP WIZARD PAGE 3 */
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder{margin:27px auto 0;width:350px;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .colorPicker{text-align:left;margin: 0 auto;display: block;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .colorPicker:not(:last-child){margin-bottom:25px;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .colorPicker .colorPickerHeading{margin-bottom:11px;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .colorPicker .colorPickerHeading span{color: rgba(21, 21, 22, 0.6);}

.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors{position:relative;display:inline-block;vertical-align:middle;font-size:0;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span{display:inline-block;vertical-align:middle;position:relative;cursor: pointer;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:not(:last-of-type){margin-right:10px;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span label{position:relative;cursor: pointer;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span input[type="radio"]{display:none;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span input[type=color] {width: 60px; height: 60px; border: none; overflow: hidden; padding: 0; margin: 0; box-shadow: none; position: absolute; outline: 0; -webkit-appearance: none; box-sizing: border-box; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span i.type-wrap{display:inline-block;vertical-align:middle;width:16px;height:16px;border: 1px solid rgba(21, 21, 22, 0.15);border-radius: 4px;position: absolute;top: 50%;transform: translateY(-50%);}

.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span label:before{content: ""; display: block; vertical-align: middle; width: 16px; height: 16px; border-radius: 4px;}

/*THEME 1*/
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:nth-child(1) label:before{
	background-color: var(--accent1);}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:nth-child(2) label:before {
	background-color: #FFD400;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:nth-child(3) label:before {
	background-color: #39B8D5;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:nth-child(4) label:before {
	background-color: #90959E;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:nth-child(5) label:before {
	background-color: #72CA98;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:nth-child(6) label:before {
	background-color: #7295CA;}
/*THEME 1*/
/*THEME 2*/
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors2 span:nth-child(1) label:before{
	background-color: var(--accent2);}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors2 span:nth-child(2) label:before {
	background-color: #676452;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors2 span:nth-child(3) label:before {
	background-color: var(--sys-dark);}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors2 span:nth-child(4) label:before {
	background-color: #94642C;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors2 span:nth-child(5) label:before {
	background-color: #1E7443;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors2 span:nth-child(6) label:before {
	background-color: #203555;}
/*THEME 2*/
/*THEME 3*/
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors3 span:nth-child(1) label:before{
	background-color: var(--accent-3);}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors3 span:nth-child(2) label:before {
	background-color: #F5DFBD;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors3 span:nth-child(3) label:before {
	background-color: #BDC2CC;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors3 span:nth-child(4) label:before {
	background-color: #CCDAFF;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors3 span:nth-child(5) label:before {
	background-color: #EAEAEA;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors.themeColors3 span:nth-child(6) label:before {
	background-color: #F4F1EC;}
/*THEME 3*/
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span input[type=color]:active ~ label:after,
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span input[type=radio]:checked ~ label:after{ content: ""; position: absolute; width: 22px; height: 22px; border-radius: 6px; background-color: #fff; border: 1px solid rgba(21, 21, 22, 0.15); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }

.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:last-child{margin-left:10px;}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:last-child:before{content: "";background-color: rgba(21, 21, 22, 0.05); width: 1px; height: 26px; left: -10px; position: absolute; top: 50%; transform: translateY(-50%); }

.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:last-child label{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.5);}
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .themeColors span:last-child label:before{margin-right:10px;border: none;background: 0 0;display:inline-block;}


.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder button.themeReset{display:inline-block;vertical-align:middle;min-width:48px;color:var(--accent2);background: rgba(41, 76, 153, 0.05);
    border: 1px solid rgba(41, 76, 153, 0.05);
    box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);padding:0;margin-left:38px;}
/* END SETUP WIZARD PAGE 3 */


/* START SETUP WIZARD PAGE 4 */
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder{margin:26px auto 0;width:726px;}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .bnrPlacement {max-width: 726px; height: auto; padding: 0; margin:0 auto;}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .bnrPlacement .slick-slider img { width: 100%; border-radius: 10px; height: 290px; object-fit: cover; -webkit-object-fit: cover; }

.bnrPlacement .slick-slider{position:relative;}
.bnrPlacement .slick-dots{position: relative;bottom: auto;right: auto;padding: 16px 0 22px;padding: 10px 0 0;}
.bnrPlacement .slick-dots li { display: inline-block; vertical-align: top; margin: 5px; opacity: .3; line-height:100%;}
.bnrPlacement .slick-dots li.slick-active {opacity:1;}
.bnrPlacement .slick-dots li button {display:block; background: var(--darkestcolor); width: 8px; height: 8px; border-radius: 50%; font-size: 0; padding: 0; }
.bnrPlacement .slick-list {border-radius:10px;}

.bnrPlacement .slick-arrow{background-color: rgba(21, 21, 22, 0.05);width:18px;height:18px;border-radius:50%;font-size: 0;line-height: 0; position: absolute; top: 50%; display: block; width: 18px; height: 18px; padding: 0;}

.bnrPlacement .slick-prev {left:-30px;}
.bnrPlacement .slick-prev:before{content:"";width:12px;height:12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='9' height='9'%3E%3Cpath d='M7.82843 10.9999H20V12.9999H7.82843L13.1924 18.3638L11.7782 19.778L4 11.9999L11.7782 4.22168L13.1924 5.63589L7.82843 10.9999Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:cover;display:block;margin:0 auto;}

.bnrPlacement .slick-next {right:-30px;}
.bnrPlacement .slick-next:before {content:"";width:12px;height:12px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='9' height='9'%3E%3Cpath d='M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:cover;display:block;margin:0 auto;}


.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .uploadFile{display:none;}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .uploadFile label{cursor: pointer;height:250px;background: rgba(21, 21, 22, 0.025); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column;}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .uploadFile label svg{display:block;margin:0 auto 10px;}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .uploadFile label span{display:block;color: var(--accent2);}

.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .uploadFile label:hover { opacity: .5; }


.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .formBtns { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap:wrap;margin:16px auto 0;}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .formBtns .uploadBtn{}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .formBtns .uploadBtn label {cursor: pointer; line-height: 30px; min-width: 122px; height: 32px; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05);}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .formBtns .uploadBtn label:hover{opacity:.5;}

.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .formBtns .uploadID{color: rgba(21, 21, 22, 0.4);}
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .formBtns .uploadID span{}
/* END SETUP WIZARD PAGE 4 */

/*END SETUP WIZARD PAGE*/

/* ONBOARDING PAGE */

.onboardingHeader {min-height: 110px;background: #f0f3f5;border: 0;margin: 0;height: unset;margin: 0 auto;}
.onboardingContainer {background: #f0f3f5;}
.onboardingLogo {text-align: center;}
.onboardingLogo img{mix-blend-mode: multiply;}
.onboardingBoxes {max-width: 1052px; width: 100%;margin: 0 auto; display: flex;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); max-height: 616px;overflow: hidden;position: relative; aspect-ratio: 16 / 9; height: 100%;}
.onboardingBox {width: 50%;}
.onboardingBox.onboardingBox1 {background: var(--sys-white);display: flex; flex-direction: column;}

.onboardingBoxContentContainer {overflow: auto;padding: var(--clamp-40) var(--clamp-40) 0;height: calc(100% - 90px);}
.onboardingBoxContent {position: relative;}

.onboardingPageCounter { display: inline-block;align-items: center; width: max-content; line-height: 20px; text-align: center;margin-bottom: var(--clamp-16); border-radius: 5px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05);padding: 0 3px;gap: 6px;vertical-align: middle;}
.onboardingPageCounter span, .onboardingPageCounter q {line-height: 18px !important;color: var(--sys-dark);}
.onboardingPageCounter .pageCurrent {}
.onboardingPageCounter q {color: #1515160D;}
.onboardingPageCounter .pageTotal {color: #15151680;}

.onboardingStep h2 {margin-bottom: var(--clamp-12); color: var(--sys-dark);}
.onboardingStepContent p {margin-bottom: var(--clamp-24);line-height: 140%;}
.onboardingStepContent .collab-icon {margin: 50px auto; display: block; max-width: 120px; width: 30%;}
.onboardingStepContent .login-thumbnail {width: 100%; margin: 0 auto 25px;border-radius: 8px; overflow: hidden;display: block;}
.onboardingForm {margin-top: 21px;}
.onboardingForm .onboardingProfile {display: flex;align-items: center;gap: 14px;margin-bottom: 24px;}
.onboardingForm .onboardingProfile .profileImgCon {display: block; width: 62px; height: 62px;  position: relative;border-radius: 18px; overflow: hidden;}
.onboardingForm .onboardingProfile .profileImgCon .profileImgDefault {position: absolute; width: 100%; height: 100%;background: var(--accent1-5); border: 1px solid var(--accent1-5);}
.onboardingForm .onboardingProfile .profileImgCon .profileImgDefault svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.onboardingForm .onboardingProfile .profileImgCon .profileImg {width: 100%; height: 100%;z-index: 3;object-fit: contain;}
.onboardingForm .onboardingProfile .profileImgCon .profileImg img {margin: auto;}
.onboardingForm .onboardingProfile .profileUpload label {color: var(--sys-dark);font-weight: 600;}
.onboardingForm .onboardingProfile .profileUpload .onBoardingProfileUploadBtnsCon {display: flex;gap: 8px;margin-bottom: 5px;}
.onboardingForm .onboardingProfile .profileUpload .onboardingUploadProfileBtn {position: relative;}
.onboardingForm .onboardingProfile .profileUpload .onboardingUploadProfileBtn input {position: absolute; width: 100%; height: 100%; top: 0; left: 0;padding: 0;}
.onboardingForm .onboardingProfile .profileUpload .onboardingUploadProfileBtn button {padding-left: 4px; padding-right: 4px;max-width: 75px;}
.onboardingForm .onboardingProfile .profileUpload .onboardingUploadProfileBtn button:hover {opacity: 0.5;}
.onboardingForm .onboardingProfile .profileUpload .onboardingUploadProfileBtn span {display: inline-block; vertical-align: middle; color: #fff;}
.onboardingForm .onboardingProfile .profileUpload .onboardingUploadProfileBtn svg {margin-right: 8px;display: inline-block; vertical-align: middle; height: 100%;}

.onboardingForm .form-section {margin-bottom: 12px;}
.onboardingForm .form-section label {color: rgba(21, 21, 22, 0.60);}
.onboardingForm .form-section .form-item {flex: 1;}
.onboardingForm .form-section .passwordFormCon {position:relative;}
.onboardingForm .form-section .passwordFormCon input[type=password] {padding-right: 40px;}
.onboardingForm .form-section .passwordFormCon a { position: absolute; bottom: var(--clamp-12); right: 13px; height: 16px; width: 16px; top: 50% !important; bottom: unset !important; transform: translateY(-50%) !important; }
.onboardingForm .form-section .passwordFormCon a:hover {opacity: 0.5;}
.onboardingForm .form-section:last-child {margin-bottom: 5px;}

.onboardingMailingList {margin-top: 11px; display: flex; justify-content: space-between; align-items: center;}
.onboardingMailingList span {color: var(--sys-dark);margin-bottom: 5px;}

.onboardingMailingListBtn {position: relative;position: relative; display: block; width: 68px; height: 24px; border-radius: 8px; border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); cursor: pointer;}
.onboardingMailingListBtn .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
.onboardingMailingListBtn .toggle { position: absolute; width: 100%; height: 100%; }
.onboardingMailingListBtn .checkbox.toggle {}
.onboardingMailingListBtn .checkbox:checked .toggle{}
.onboardingMailingListBtn .toggle:before,
.onboardingMailingListBtn .toggle:after,
.onboardingMailingListBtn .toggle span { display: block; position: absolute; top:50%;transform:translateY(-50%); width: 50%; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:var(--accent2);}
.onboardingMailingListBtn label{display:block;margin:0;}
.onboardingMailingListBtn .toggle:before {content:""; display: block; position: absolute; width:50%;height:100%;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);right:0;z-index:2;}
.onboardingMailingListBtn .toggle:after  {content: 'On'; position: absolute;right: 0;text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:#fff;z-index:2;}
.onboardingMailingListBtn .toggle span {left: 0;z-index:3;}
.onboardingMailingListBtn .checkbox:checked + .toggle:before {left:0;}
.onboardingMailingListBtn .checkbox:checked + .toggle:after{color:var(--accent2);}
.onboardingMailingListBtn .checkbox:checked + .toggle span { color: #fff; }

.onboardingBtns {padding: 0 var(--clamp-40) var(--clamp-40);position: relative;margin-top: auto;}
.onboardingBtns:before {content: ""; display: block; width: 100%; height: 20px; position: absolute; bottom: 100%; left: 0; background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.8),rgb(255, 255, 255, 1));}
.onboardingBtns button {width: 49%;flex: 1;font-size:var(--clamp-text-base);line-height: 100%;}
.onboardingBtns.spa-ver button {font-size: 13px;}

.onboardingBox.onboardingBox2 {background: #f3f3f3 }
.onboardingDetailsContainer {width: 100%; height: 100%;}
.onboardingDetailsContent {width: 100%; height: 100%; overflow: hidden;}
.onboardingDetailsContent img { vertical-align: middle; width: 100%; object-fit: cover; height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 150%; mask-image: none; -webkit-mask-image: none; border-radius: 0; }
.onboardingDetailsProfileHeader {min-height: 136px; background: var(--sys-white);padding: 20px 37px; border-bottom: 1px solid rgba(21, 21, 22, 0.05); display: flex; align-items: center;position: sticky; -webkit-position: sticky; top: 0;}
.onboardingDetailsProfileHeader .onboardingDetailsProfile {display: flex;align-items: center; gap: 14px;width: 100%;} 
.onboardingDetailsProfileHeader .onboardingDetailsProfile .profileImgCon { display: block; width: 62px; height: 62px; position: relative; border-radius: 18px; overflow: hidden; }
.onboardingDetailsProfileHeader .onboardingDetailsProfile .profileImgCon .profileImgDefault {position: absolute; width: 100%; height: 100%;background: var(--accent1-5); border: 1px solid var(--accent1-5);}
.onboardingDetailsProfileHeader .onboardingDetailsProfile .profileImgCon .profileImgDefault svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.onboardingDetailsProfileHeader .onboardingDetailsProfile .profileImgCon .profileImg {width: 100%; height: 100%;z-index: 3;object-fit: contain;}
.onboardingDetailsProfileHeader .onboardingDetailsProfile .profileImgCon .profileImg img {margin: auto;}
.onboardingDetailsProfileHeader .onboardingDetailsProfile .profileDetails {width: calc(100% - 76px);overflow: hidden;}
.onboardingDetailsProfileHeader .onboardingDetailsProfile .profileDetails h2 {margin-bottom: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.onboardingDetailsProfileHeader .onboardingDetailsProfile .profileDetails p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.onboardingDetailsProfileContent {padding: 35px 37px; background: var(--sys-white);overflow: auto;}
.onboardingDetailsProfileContent .profileLoading .loadingBar { border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); display: block; margin-bottom: 16px; background: linear-gradient(110deg, #f0f0f0 8%, #f9f9f9 18%, #f0f0f0 33%); background-size: 200% 100%; animation: shine 1.5s linear infinite; }
.onboardingDetailsProfileContent .profileLoading .loadingBar1 {height: 24px; width: 100%;}
.onboardingDetailsProfileContent .profileLoading .loadingBar2 {height: 15px; width: 60%;}
.onboardingDetailsProfileContent .profileLoading .loadingBar3 {height: 15px; width: 75%;margin-bottom: 0;}

.onboarding-thumbnail {width: 100%; height: auto; margin: auto;}
.onboarding-play-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;width: 82px; height: 82px; background: #FF0000; border-radius: 50%;}
.onboarding-play-btn svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.onboardingMediaContainer {width: 100%; height: 100%; object-fit: contain; display: flex; align-items: center;background: #000;}
.onboardingMediaContainer .video-thumbnail {position: relative;}
.onboardingMediaContainer #video-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--sys-dark); z-index: 9999; }
.onboardingMediaContainer #video-player { display: block; margin: 0 auto; width: 100%; height: 100%; }
.onboarding-close-btn {position: absolute; color: var(--sys-white); top: 18px; right: 18px; padding: 5px; width: 14px; height: 14px; border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);
}
.onboarding-close-btn svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.onboarding-close-btn:hover {opacity: 0.5;}


@keyframes shine {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}


.onboardingStep3 .form-con label {color: var(--sys-dark);font-weight: 600;}
.onboardingStep3 .form-con button {width: 100%;}
.onboardingStep3 .form-con .onboardingUploadFileCon {position: relative;}
.onboardingStep3 .form-con .onboardingUploadFileCon .formInput {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.onboardingStep3 .form-con .onboardingUploadFileCon .onboardingUploadFile {height: 81px;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);color: rgba(21, 21, 22, 0.40); font-family: var(--primary-font);color: var(--sys-dark);opacity:0.8;}
.onboardingStep3 .form-con .onboardingUploadFileCon .onboardingUploadFile svg {display: block; margin: 0 auto 10px;}

.onboardingSocialBtns {display: flex; flex-wrap: wrap; gap: 14px;width: calc(100% + 4px); margin: 8px 0 var(--clamp-12);justify-content:space-between;}
.onboardingSocialBtns li {width: 48%;flex: 1 1 48%;}
.onboardingSocialBtns li a {width: 100%; position: relative; border-radius: 8px; border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); height: 42px; padding: 12px 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--accent2); font-family: var(--primary-font); font-size: var(--clamp-text-sm); font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 8px;}
.onboardingSocialBtns li a span {font-weight: 700;}
.onboardingSocialBtns li a:hover {opacity: 0.5;}
.onboardingSocialBtns li.last-item {width: 100%;flex: 1 1 100%;}
.onboarding-social-title {font-weight: 600;font-size: 15px;color: #151516;}
.onboardingSocialBtns label {margin-bottom: var(--clamp-8); display: block;}

.affiliate-btn-redirect-con {position: absolute; width: 100%; height: 100%; z-index: 20; top: 0; left: 0;}
.affiliate-thumbnail {position: absolute; top: 50%; left: 0; width: 100%;transform: translateY(-50%);}
.affiliate-btn-redirect { display: block; border-radius: 8px; text-align: center; letter-spacing: -0.04em; padding: 10px 15px; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.05); background: #ff385d; color: #FFFFFF; border: 1px solid #ff385d; opacity: 1 !important; width: max-content;z-index:2; position: absolute; left: 0; right: 0; margin: 0 auto;bottom: 17%;}
.affiliate-btn-redirect:hover {background: #FFFFFF; color: #ff385d;}

.spa-ver .onboardingSocialBtns li.flx-item-100 {flex: 1 1 100%; width: 100%;}
.spa-ver .onboardingSocialBtns label {color: #151516;}
.spa-ver .onboardingSocialBtns span {margin-bottom: 6px;display: block;}
.spa-ver .onboardingSocialBtns a {width: 100%;}

.onboardingBoxContentContainer .form-radio-btns {position: relative; display: flex; flex-direction: column; gap: 15px;}
.onboardingBoxContentContainer .form-con input[type="radio"] {width: 14px; height: 14px;}
.onboardingBoxContentContainer .form-radio-btns .form-item {margin-bottom: 0; border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 10px; padding: 4px 7px; box-sizing: border-box;}
.onboardingBoxContentContainer .form-radio-btns label { font-size: 14px; line-height: 14px; margin-bottom: 0; color: #151516; cursor: pointer;width: 100%; position: relative; border: 1px solid transparent; padding: 4px 0; border-radius: 8px; letter-spacing: -0.03em; font-weight: 500; display: block; align-items: center;display: flex;}
.onboardingBoxContentContainer .form-radio-btns .form-item small {line-height: 100%; margin-left: 6px;font-size: var(--clamp-text-sm);}
.onboardingBoxContentContainer .form-radio-btns .form-item:last-child {margin-bottom: 20px;}

.onboardingBoxContentContainer .onboarding-schedule-success .complete-icon {display: block; height: 42px; width: 42px; background: #FFFFFF; border: 2px solid var(--sys-green); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 50%; margin: 0 auto 13px; position: relative;}
.onboardingBoxContentContainer .onboarding-schedule-success .complete-icon svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.onboardingBoxContentContainer .onboarding-schedule-success h2{display: block; text-align: center;color:var(--primary-color);margin-bottom:var(--clamp-20);}
.onboardingBoxContentContainer .onboarding-schedule-success p{margin-bottom:0;color:var(--primary-color);font-weight:normal;line-height:150%;}
.onboardingBoxContentContainer .onboarding-schedule-success p a{}

.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-holder{position:relative;display:inline-block;vertical-align:middle;color: var(--primary-color);font-weight:normal;}
.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container{position:relative;display:inline-block;vertical-align:middle;color: var(--primary-color);}
.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container a{position:relative;color:var(--accent1);}
.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container .copy-link-with-tooltip{position: relative;cursor: pointer;display: inline-block;vertical-align: middle;margin-left: 5px;}
.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container .copy-link-with-tooltip svg{width:auto;height:16px;cursor:pointer;}
.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container .copy-link-with-tooltip svg path{fill: var(--accent2);}

.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container .copy-link-with-tooltip:hover .table-link-tooltip{visibility: visible; opacity: 1;}
.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container .copy-link-with-tooltip .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 10px; height: 10px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 83%;}
.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container .copy-link-with-tooltip .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -35px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

.onboardingBoxContentContainer .onboarding-schedule-success .onboarding-success-message-container .copy-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{font-size:12px;line-height:12px;}

.onboardingBoxContentContainer .onboarding-schedule-success p:not(:last-child){margin-bottom: var(--clamp-24);}
.onboardingBoxContentContainer .onboarding-schedule-success p span{}

.onboardingBoxContentContainer .choose-btns { margin: 25px auto 0; display: flex; justify-content: center; gap: 14px; flex-wrap: unset;}
.onboardingBoxContentContainer .choose-btns button { width: auto; border-radius: 10px; font-weight: 500; }


/* ONBOARDING PAGE */

/*START LMS COURSE PAGE*/
.main-content input[type=text], input[type=password], .main-content select, .main-content textarea { display: block; width: 100%; max-width: 100%; padding: 13px; font-family: var(--primary-font); color: var(--sys-dark); font-weight: 400; height: 42px; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); resize: none; }
.main-content input.input-error, .main-content select.input-error, .main-content textarea.input-error { border: 1px solid var(--sys-red); }


#train-tabs textarea {min-height:120px;height:101px;}
#train-tabs #train-tab-2 #lessons-tabs-1 textarea{ min-height: 140px; }

#train-tabs #train-tab-2 #lessons-tabs-2 .quizBoxQuestion textarea{min-height: 42px;padding:12px 14px;}
#train-tabs #train-tab-2 #lessons-tabs-2 textarea{height:42px;min-height: 42px;padding:12px 14px;}
#train-tabs #train-tab-2 #lessons-tabs-2 .quizBoxQuestion textarea::placeholder { color: var(--sys-dark); opacity: 1; /* Firefox */ }
#train-tabs #train-tab-2 #lessons-tabs-2 .quizBoxQuestion textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--sys-dark); }
#train-tabs #train-tab-2 #lessons-tabs-2 .quizBoxQuestion textarea::-ms-input-placeholder { /* Microsoft Edge */ color: var(--sys-dark); }

.formGroup .formSection button { display: block; width: 100%; max-width: 100%; padding: 0 14px; font-family: var(--primary-font); border-radius: 8px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.formGroup .formSection select{color: rgba(21, 21, 22, 0.3);color:var(--sys-dark);}
.formGroup .formSection select option[selected="true"]{color: rgba(21, 21, 22, 0.3);}

.dropselect input, .dropselect .dropselectList { display: none; }

.fileUpload{margin-top:9px;position:relative;}

/*CONTENT*/
main{position:relative;}
main.main-content.courseHome {height: calc(100% - 150px);}
main.main-content.courseHome .main_con{}

.main-content.courseHome .main_con_holder{display:flex;align-items:stretch;height:100%;justify-content:space-between;}
.main-content.courseHome .main_con_holder.creatorCourse{flex-wrap:wrap;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .selectbutton input{display:none;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .selectbutton.smaller label  font-weight:400;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .selectbutton.smaller label:after { content: 'x'; margin-left: 5px; color: transparent; font-weight: 300; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .selectbutton.smaller input:checked ~ label::after{color: var(--accent2)}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox [type=file] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup{width:100%;margin-bottom:16px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formSection{display:inline-block;width:100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formSection{}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox #q-type .formGroup{margin-bottom:8px;}

.upload-file { border: none; cursor: move; height: 100%; left: 0; padding: 0; opacity: 0; position: absolute; top: 0; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection{width:100%;position:relative;display:block;text-align:left;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection label{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.6);margin-bottom:14px;margin-bottom:6px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection span.optional {color: rgba(21, 21, 22, 0.6);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection label.dblock {display:block;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection span{display:inline-block;vertical-align:middle;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .courseBoxBtn {margin-top:40px;margin-bottom: 20px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseBoxBtn {margin-top: 0;position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 11px 14px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox #lessons-tabs-2 .courseBoxBtn {}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseBoxBtn button{width:100%;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .courseBoxBtn button{display:inline-block;vertical-align:top;min-width:78px;padding:0 15px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
/*START COURSE OVERVIEW*/

/*CONTENT*/
main  {position: relative; }
main.main-content.courseHome { height: calc(100vh - 82px); padding: 14px 24px 26px; }
main.main-content.courseHome .main_con  {}
.main-content.courseHome .main_con_holder {display: flex; align-items: stretch; height: 100%; justify-content: space-between; }
.main-content.courseHome .main_con_holder.creatorCourse { flex-wrap: wrap; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .selectbutton input { display: none; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .selectbutton.smaller label { font-weight: 400; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .selectbutton.smaller label:after  {content: 'x'; margin-left: 5px; color: transparent; font-weight: 300; display: none;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .selectbutton.smaller input:checked ~ label::after { color: var(--accent2); vertical-align: middle; display: block;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox [type=file] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup { width: 100%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formSection { width: 50%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox #q-type .formGroup  {margin-bottom: 8px; }

.upload-file { border: none; cursor: move; height: 100%; left: 0; padding: 0; opacity: 0; position: absolute; top: 0; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection { width: 100%; position: relative; text-align: left; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection label { display: inline-block; vertical-align: middle; color: rgba(21, 21, 22, 0.6); margin-bottom: 14px; margin-bottom: 6px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection span.optional { color: rgba(21, 21, 22, 0.6); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection label.dblock { display: block; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection span { display: inline-block; vertical-align: middle; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .courseBoxBtn { margin-top: 40px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseBoxBtn { margin-top: 0; position: sticky; -webkit-position: sticky; bottom: 0; left: 0; right: 0; width: 100%; padding: 15px 0; background: var(--sys-white); margin: 0 !important;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox #lessons-tabs-2 .courseBoxBtn { padding: 15px 13px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .courseBoxBtn button  {display: inline-block; vertical-align: top; min-width: 78px; padding: 0 15px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseBoxBtn button { width: 100%; }

/*START COURSE OVERVIEW*/
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs { width: 100%; height: 100%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 { height: 100%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder { width: 100%; height: 100%; align-items: stretch; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar  {width: 232px; padding-top: 18px; }



.clickHere {display:none;padding:10px;background:var(--accent1);border-radius:10px;}
.clickHere svg{display: inline-block; vertical-align: middle; line-height: 100%; height: 100%;}
.clickHere svg path{fill:#fff;}

.clickHereAgain {display:none;padding:5px;background:var(--accent1);border-radius:10px;}
.clickHereAgain svg{display: inline-block; vertical-align: middle; line-height: 100%; height: 100%;}
.clickHereAgain svg path{fill:#fff;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarHeading { margin-bottom: 16px; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder:not(:last-child){margin-bottom:25px;}


.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder.creatorCourseSidebarHolderCRM{}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder.creatorCourseSidebarHolderCRM ul li{flex-wrap:wrap;}

.creatorCourseSidebarIconTextHolder{}
.creatorCourseSidebarIconTextHolder .creatorCourseSidebarIcon{display:flex;}
.creatorCourseSidebarIconTextHolder .creatorCourseSidebarIcon svg{fill: #151516; fill-opacity: 0.4; }
.creatorCourseSidebarIconTextHolder a{cursor:default;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder.creatorCourseSidebarHolderCRM ul li a{width:100%;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder.creatorCourseSidebarHolderCRM ul{margin:15px 0 0 30px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder.creatorCourseSidebarHolderCRM ul li{position:relative;padding-left:25px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder.creatorCourseSidebarHolderCRM ul li:before{content:"";width:12px;height:12px;background:#15151666;border-radius:50%;position:absolute;left:0;top:10px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder.creatorCourseSidebarHolderCRM ul li.active:before{background:var(--accent2);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarContainer .creatorCourseSidebarHolder.creatorCourseSidebarHolderCRM ul ul li a{}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li { display: flex; align-items: center; gap: 12px;gap:10px; margin-bottom: 12px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li .creatorCourseSidebarIcon { position: relative; width: 20px; height: 20px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li .creatorCourseSidebarIcon svg {position: absolute; top: 50%; transform: translateY(-50%); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li a { width: calc(100% - 48px); color: #15151666; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li .sidebarCheckbox { border-radius: 6px; border: 1px solid rgba(74, 186, 123, 0.10); background: rgba(74, 186, 123, 0.30); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); width: 16px; height: 16px; position: relative; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li .sidebarCheckbox svg  {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li .sidebarRequiredbox {box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);position: relative;width:16px;height:16px; 
}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li .sidebarRequiredbox svg  {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li .creatorCourseSidebarIcon svg  {fill: #151516; fill-opacity: 0.4; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li.active a { color: #151516; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar ul li.active .creatorCourseSidebarIcon svg{ fill-opacity: 1; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseContent  {width: calc(100% - 232px); flex-grow: 2; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); height: 100%; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseContent .creatorCourseContentHeader { padding: 13px 17px; border-bottom: 1px solid rgba(21, 21, 22, 0.05); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseContent .creatorCourseBoxes { flex-grow: 1; overflow: auto; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox { width: 100%; border-bottom: 1px solid rgba(21, 21, 22, 0.05); padding: 14px 15px !important;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox0{}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox0 .settingAccountContainer{margin-top:50px;}






.TitleContainer{display: flex;justify-content: space-between;}

.fullTitleCodeMessageHolder{display:inline-block;vertical-align:top;}
.fullTitleCodeMessageHolder .fullTitleCode{}
.fullTitleCodeMessageHolder .fullTitleCode label{color:#6E6F71;color:var(--primary-color);}
.fullTitleCodeMessageHolder .fullTitleCode label:hover{color:var(--primary-color);}
.fullTitleCodeMessageHolder .fullTitleCode label[contenteditable="true"]{border-bottom: 1px solid #000;color:var(--accent1)!important;cursor:text;}
.fullTitleCodeMessageHolder .linkMessage{display:inline-flex;gap:15px;align-items: center;justify-content:flex-end;width:100%;}
.fullTitleCodeMessageHolder .linkMessage span{font-weight:normal;}
.fullTitleCodeMessageHolder .linkMessage span.charLeft{font-style:italic;color:#000;}
.fullTitleCodeMessageHolder .linkMessage span.errorMsg{font-style:italic;}
.fullTitleCodeMessageHolder .fullTitleCode a,
.fullTitleCodeMessageHolder .fullTitleCode span {font-size: 16px;}

.TitleContainer-link-holder{display: inline-flex;vertical-align:middle;align-items: center;}

.TitleContainer-link-holder .TitleContainer-link-edit{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;}
.TitleContainer-link-holder .TitleContainer-link-edit svg {display:inline-block;vertical-align:middle;width:18px;height:18px;cursor:pointer;margin-top:-7px;position:relative;}
.TitleContainer-link-holder .TitleContainer-link-edit svg path { fill: var(--accent2); }

.TitleContainer-link-holder .table-link-tooltip{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;margin-left:5px;}
.TitleContainer-link-holder .table-link-tooltip svg{height:16px;cursor:pointer;}
.TitleContainer-link-holder .table-link-tooltip svg path{fill: var(--accent2);}
.TitleContainer-link-holder .TitleContainer-link-edit:hover .table-link-tooltip{visibility: visible; opacity: 1;}
.TitleContainer-link-holder .TitleContainer-link-edit .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: var(--primary-color); border-right: 0; border-bottom: 0; top: 74%;z-index: -1;}
.TitleContainer-link-holder .TitleContainer-link-edit .table-link-tooltip { visibility: hidden; width: max-content; background-color: var(--primary-color); color: #fff; text-align: center; padding:8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}
.TitleContainer-link-holder .TitleContainer-link-edit .table-link-tooltip .table-link-tooltip-details{line-height:1;}



.website-manager-tabs-con .funnel-list-link .funnel-list-link-edit:hover .table-link-tooltip{visibility: visible; opacity: 1;}
.website-manager-tabs-con .funnel-list-link:has(span[contenteditable="true"]) .funnel-list-link-edit .table-link-tooltip{visibility: hidden; opacity: 0;}
.website-manager-tabs-con .funnel-list-link .funnel-list-link-edit .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;}
.website-manager-tabs-con .funnel-list-link .funnel-list-link-edit .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

.TitleContainer-link-edit-btns{display:inline-block;vertical-align:middle;display:none;}
.TitleContainer-link-edit-btns ul{}
.TitleContainer-link-edit-btns ul li{position:relative;min-width: 50px; max-width: 100%; text-align: center;}
.TitleContainer-link-edit-btns ul li a{width:100%;display:block;min-width:unset;border-radius:8px;padding:0 5px;text-decoration:none;height:auto;font-size:10px;color:var(--primary-color);}
.TitleContainer-link-edit-btns ul li a.btn-cancel{border:1px solid #DDDDDD;}
.TitleContainer-link-edit-btns ul li a.btn-save{background:var(--accent2);color:#fff;}















.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox1 { padding-bottom: 54px }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 { padding: 50px 15px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox3 { padding: 54px 15px 68px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox4 { padding: 55px 15px 67px; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox4 {}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox6 { padding: 51px 15px 50px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox7 { padding: 51px 15px 65px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox8 { padding: 51px 15px 65px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox9 { padding: 51px 15px 95px; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10{border-bottom:none;height:auto;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .fieldInput{overflow:hidden;text-overflow: ellipsis;position: relative;margin: 0;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .fieldInput button {position: absolute;cursor: pointer; top: 5px; right: 5px; height: 32px; width: 86px; margin: 0; min-width: 65px; padding: 0; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 #gettingStartedVideo{padding-right: 96px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .formGroup .formSection .formBox.uploadBox{max-width: 355px;height:201px;height:198px;min-height:198px;border: 1px solid var(--sys-dark);}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .formGroup .formSection .formBox.uploadBox span{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--accent2); width: 100%; height: 100%; z-index: -1; line-height: 100%; display: flex; justify-content: center; align-items: center;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .formGroup .formSection .formBox.uploadThumbnailBtn{width: 355px;max-width:100%;float: right;margin-bottom:0;position:relative;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .formGroup .formSection .formBox.uploadThumbnailBtn button{margin:0 auto;width:100%;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .formGroup.socialBoxes { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 16px; column-gap: 16px; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .formGroup.socialBoxes .socialItem{}


.socialBoxes .socialItem .SocialMediaLinkHolder{position:relative;margin-top:6px;}
.socialBoxes .socialItem .SocialMediaLinkHolder input{padding: 13px 42px 13px 13px;}
.socialBoxes .socialItem .SocialMediaLinkHolder svg{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);cursor:pointer;}
.socialBoxes .socialItem .SocialMediaLinkHolder svg path{color:var(--sys-dark);}
.socialBoxes .socialItem .SocialMediaLinkHolder svg:hover path{fill:var(--accent2);}

.socialBoxes .socialItem .SocialMediaLinkHolderSelect{position:relative;}
.socialBoxes .socialItem .SocialMediaLinkHolderInput{position:relative;display:none;}

.socialBoxes .socialItem .socialItemBtn{display: flex;gap: 15px;flex-wrap: nowrap;margin-top: 14px;}
.socialBoxes .socialItem .socialItemBtn button{margin:0 auto;width:100%!important;}




.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox10 .formGroup.socialBoxes .socialItem.socialItemBtn{display: flex;align-self: flex-end;justify-content: flex-end;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formSpacer:not(:last-child) { margin-bottom: 18px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .creatorCourseBoxHeader { margin: 0 0 31px; /*padding-top: 14px;*/ }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .creatorCourseBoxHeader h2 { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .creatorCourseBoxHeader h2 span{color:var(--sys-red);font-size:14px;font-weight:bold;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .creatorCourseBoxHeader p { color: rgba(21, 21, 22, 0.50); }


.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .creatorCourseBoxHeading {}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .creatorCourseBoxHeading h3{color: var(--sys-dark);margin-bottom: 10px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .courseHeading { margin-bottom: 9px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .courseHeading h2  {margin-bottom: 0; position: sticky; top: 0; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox h2  {display: block; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox1 .creatorCourseBoxHeader { padding: 0; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formItem { margin-bottom: 16px }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formContainer { margin-top: 9px; }


.agreementSection .settingsPageBoxMainBoxListHeading{margin-bottom: 18px;}
.agreementSection .agreementBoxes .fileUpload{margin-top:0;}

.agreementSection .agreementBoxes button.uploadBtn { width: 100%!important; height: 100%;padding:20px!important;box-sizing:border-box; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); font-size: 12px; color: var(--accent2); }

.agreementBoxes{display: grid;grid-template-columns: repeat(4,1fr);row-gap: 18px;column-gap: 14px;overflow:hidden;}
.agreementBoxes:not(:last-child){margin-bottom:18px;}
.agreementBoxes.personalInformationBoxesLocation{grid-template-columns: repeat(2,1fr);}

.agreementBoxes .thumbnail-image-holder{text-align: center; padding: 25px 0; border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 12px;}

.agreementBoxes .fileUploadBtns{display: flex;gap: 15px;flex-wrap: nowrap;margin-top: 14px;}
.agreementBoxes .fileUploadBtns button{margin:0 auto;width:100%!important;}


/**ALERT MODAL START**/
#alertModal h2 small {display: flex; justify-content: center; gap: 8px;align-items: center;margin-bottom: 13px;}
#alertModal .choose-btns button {width: fit-content; min-width: 200px; margin: 0 auto;}
/**ALERT MODAL END**/


.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox  {height: 100%; min-height: 201px; position: relative; right: 0; width: 25%; overflow: hidden; padding: 0; top: 0; width: 100%; margin-left: auto; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox.uploadBanner { min-height: 157px; margin-bottom: 26px; margin-bottom: 0; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox .formBox__input { text-align: center; height: 100%; width: 100%; position: absolute; z-index: 3; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox img { border-radius: 10px; display: block; object-fit: cover; object-position: center; border: 1px solid #f7f7f7; aspect-ratio: 4/1; max-width: unset; height: 100%; width: 100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox img[src*="box-upload-file.png"]{object-fit: none;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox .formBox__input iframe { width: 105%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox .formBox__input button { display: none; }
					
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox .formBox__input input.upload-file { border: none; cursor: move; width: 100%; height: 100%; left: 0; padding: 0; opacity: 0; position: absolute; top: 0; z-index: 3; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox textarea.course-details { height: 220px !important; }

.formStatusHolder { position: relative; z-index: 10; width: 100%; height: 100%; pointer-events: none; }
.formStatus { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.box__error, .box__success, .box__uploading { display: none; }

.box__uploading { font-style: italic; }

.courseText { color: var(--sys-dark); }

.creatorCourseHolder .creatorCourseBox .formGroup .formSection .formContainer button  {position: absolute; top: 5px; right: 6px; cursor: pointer; margin: 0; min-width: 65px; padding: 0; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }
.creatorCourseHolder .creatorCourseBox .formGroup .formSection .formContainer .fieldInput { display: block; margin: 0 auto; width: auto; position: relative; border-radius: 10px; overflow: hidden; background: none; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .courseText { color: var(--sys-dark); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection span.courseError { display: inline-block; vertical-align: middle; color: red; margin-left: 5px; }

.svg-up svg { vertical-align: middle; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection label { display: inline-block; vertical-align: middle; color: rgba(21, 21, 22, 0.6); margin-bottom: 14px; margin-bottom: 6px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .f-right { opacity: 0.3; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection span { display: inline-block; vertical-align: middle; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection span.sale-price { display: inline-block; vertical-align: middle; color: rgba(21, 21, 22, 0.6) }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection span.sale-price input {margin: 0; display: inline-block; vertical-align: middle; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection span.sale-price i { font-style: normal; display: inline-block; vertical-align: middle; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .formSpacer { position: relative; }

i.color-red { color: #ff2121; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton { margin: 0; font-size: inherit; font-weight: normal; gap: 10px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton.smaller  {display: flex; justify-content: flex-end; margin-top: 20px; position: relative; gap: 4px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton.smaller li { width: auto; flex-grow: 4; padding: 0; position: relative; }
			
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton.smaller li label { color: var(--accent2); padding: 0 6px; text-align: center !important; line-height: 20px; height: 100%; min-height: 20px; margin: 0; cursor: pointer; font-weight: 500; border-radius: 5px; border: 1px solid rgba(51, 51, 51, 0.05); background: rgba(51, 51, 51, 0.05); display: flex; padding: 5px !important; line-height: 100% !important;text-align: center;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton.smaller li input:checked ~ label {color: var(--accent2); border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton li { display: inline-block; width: 100%; margin: 0; padding: 0; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton li label { color: var(--accent2); margin: 0; line-height: 42px; padding: 0; width: 100%; cursor: pointer; border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton li input:checked ~ label { color: #fff; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); }

.main-content.courseHome #train-tabs #train-tab-1 .formGroup .formSection .icon-preview { max-width: 50px; max-height: 45px; position: absolute; top: 0; left: 0; border-radius: unset; filter: blur(0.7px); }

.train-tabs-spacer { display: block; width: 100%; padding-top: 70px; padding-top: 50px; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox [type="file"] { width: 100%; height: 100%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox .formBox__input button { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: var(--accent2); font-size: 12px; font-weight: 500; margin: 0; z-index: -1; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox .formBox__input button i { display: block; margin: 0 0 8px; }
.main-content.courseHome .main_con_holder.creatorCourse .sticky-bar { width: 100%; padding: 15px 13px; left: 0; right: 0; bottom: 0; background: var(--sys-white); z-index: 9; -webkit-position: sticky; position: sticky; border-radius: 0px 0px 12px 12px; border: 1px solid rgba(21, 21, 22, 0.05); border-bottom: 0; }

.main-content.courseHome .main_con_holder.creatorCourse .sticky-bar .sticky-bar-boxes {align-items: center; }
.main-content.courseHome .main_con_holder.creatorCourse .sticky-bar .sticky-bar-btn button { padding: 0 17px; }
.main-content.courseHome .main_con_holder.creatorCourse .sticky-bar .sticky-bar-btn .btn-delete { border: 1px solid rgba(247, 43, 43, 0.05); background: rgba(247, 43, 43, 0.05); color: var(--sys-red); }

/*Specfic Creator Course Boxes CSS*/
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .creatorCourseBoxHeader p, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox3 .creatorCourseBoxHeader p, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox4 .creatorCourseBoxHeader p { width: 58%; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formBox { width: 100%; }

.creatorCourseHolder .creatorCourseBox2 .formGroup.uploadBannerSection .formSection span { color: var(--sys-dark); }
.creatorCourseHolder .creatorCourseBox2 .formGroup.uploadBannerSection .formSection .formBoxes { height: 100%; }
.creatorCourseHolder .creatorCourseBox2 .formGroup.uploadBannerSection .formSection .formBoxes .formBox .bannerLink { color: var(--sys-dark); }
.creatorCourseHolder .creatorCourseBox2 .formGroup.uploadBannerSection .formSection .formBoxBtn button { margin: 0; min-width: 90px; min-width: 100%; border-radius: 8px; }
.creatorCourseHolder .creatorCourseBox .formGroup .formSection button {width: auto;}
.creatorCourseHolder .creatorCourseBox2 .formGroup .formSection button { margin-bottom: 12px; height: 24px; font-size: 12px; }
.creatorCourseHolder .creatorCourseBox2 .formGroup .formSection button.btnUpload { width: 99px; height: 24px; min-width: unset; font-size: 12px; color: var(--sys-white); padding: 0 7px 0 24px; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox2 .formGroup .formSection .formBox.uploadBox { max-width: 355px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox2 .formGroup.col2 .formSection:first-child { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox3 .formGroup.col2 .formSection:first-child { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox3 .formGroup .formSection .formBox.uploadBox { max-width: 355px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox3 .formGroup .formSection .formContainer .fieldInput { width: 58%; overflow: hidden; text-overflow: ellipsis; position: relative; margin: 0; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox3 .formGroup .formSection .formContainer { width: 100%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox3 .formGroup .formSection .formContainer .fieldInput #tutorialVideoLink { padding-right: 96px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox3 button  {top: 5px; right: 5px; height: 32px; width: 86px; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formSpacer { min-height: 201px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formSection:first-child { display: flex; flex-direction: column; /*justify-content: space-between;*/ }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection {width: 45%;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .creatorCourseBtnsHolder{margin-bottom:30px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection.courseBannerCon {width: 60%}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup { height: 100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .uploadBanner { position: absolute; right: 0; bottom: 0; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .creatorCourseBtnsContent  {margin: 10px 0 12px; align-items: center; position: relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .creatorCourseBtnsContent .uploadBannerBtn {position: relative; cursor: pointer;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .creatorCourseBtnsContent .upload-file {width: 100%; height: 100%;bottom: 0;z-index: 10; cursor: pointer;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .creatorCourseBtnsContent .uploadBannerBtn:hover button {background: var(--accent2); color: #FFFFFF;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .creatorCourseBtnsContent .uploadBannerBtn:hover button svg {fill: #FFFFFF;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .creatorCourseBtnsContent button  {font-size: 12px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection button.btnUpload { width: 75px; height: 24px; min-width: unset; font-size: 12px; padding: 0 9px 0 24px; text-align: right !important; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection button.btnUpload svg {left: 6px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .arrowBtn { display: block; width: 18px; height: 18px; border-radius: 50%; position: relative; background: rgba(21, 21, 22, 0.05); flex-shrink: 0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .arrowBtn:hover { opacity: 0.5; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .arrowBtn svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection #bannerBoxesSection { width: 100%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .uploadBannerSection  {height: 201px; width: 100%; position: relative; flex-grow: 1; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .uploadBannerSectionBox{  margin-top:15px;  }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .formBox.uploadBox.uploadBanner { min-height: unset; aspect-ratio: 4/1; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot { flex-shrink: 0; width: 48%; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); position: relative;aspect-ratio: 25/6;overflow: hidden;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot {}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot:focus, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot.selected {box-shadow: 0px 0px 0px 2px rgba(41, 76, 153, 0.50); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot .courseBannerBtns {position: absolute;top: 7px; right: 7px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot .courseBannerBtns li a {display: block; width: 17px; height: 17px;position: relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot .courseBannerBtns li a svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot .courseBannerBtns li a:hover {opacity: 0.5;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot .courseBannerBtns li:first-child a {border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: #294C99; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot .courseBannerBtns li:last-child a { border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: #F72B2B; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot.courseBannerSlotAdd {display: flex; flex-direction:column; justify-content:center; align-items:center;gap: 8px;padding: 15px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot.courseBannerSlotAdd small {color: var(--accent2);text-align: center;}


.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile { display: flex; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile { display: flex; align-items: center; gap: 14px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileImgCon { display: block; width: 62px; height: 62px; position: relative; border-radius: 18px; overflow: hidden;  background: var(--accent1-5); border: 1px solid var(--accent1-5); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileImgCon .profileImgDefault svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileImgCon .profileImg { width: 100%; height: 100%; z-index: 3; object-fit: contain; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileImgCon .profileImg img { margin: auto; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload label { color: var(--sys-dark); font-weight: 600; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .profileUploadBtnsCon { display: flex; gap: 8px; margin-bottom: 5px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .uploadProfileBtn { position: relative; cursor: pointer;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .uploadProfileBtn input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; z-index: 20; cursor: pointer;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .uploadProfileBtn button { padding-left: 4px; padding-right: 4px; max-width: 75px; min-width: unset;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .uploadProfileBtn button:hover { opacity: 0.5; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .uploadProfileBtn span { display: inline-block; vertical-align: middle;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .uploadProfileBtn svg { margin-right: 8px; display: inline-block; vertical-align: middle; height: 100%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .uploadProfileBtn:hover button {background: var(--accent2); color: #FFFFFF;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileUpload .uploadProfileBtn:hover button svg {fill: #FFFFFF;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formSection { display: inline-block; width: 50%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formBox { width: 50%; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formBox button { border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); height: 42px; width: 100%; position: relative; line-height: 42px; pointer-events: none; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formBox button svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .courseBoxBtn  {margin: 0 0 0 auto; display: flex; justify-content: flex-end; gap: 14px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formSpacer { margin-bottom: 0; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formSection {flex: 1; width: unset;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox8 .formGroup .formSection h3 { color: var(--sys-dark); margin-bottom: 10px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox8 .courseBoxBtn { margin-top: 16px; justify-content: flex-end }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox9 .formGroup .formSection button.uploadBtn { width: 354px; height: 72px; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); font-size: 12px; color: var(--accent2); }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox.creatorCourseBox9 [type="file"] { width: 354px; height: 72px; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox9 .formGroup .formSection button.uploadBtn i { display: block; margin: 0 auto 8px; }
/*Specfic Creator Course Boxes CSS*/



/*END COURSE OVERVIEW*/
/*END COURSE OVERVIEW*/

/*POLICY MODAL START*/
.lms-modal__policy-con { position: fixed; height: 90%; width: 90%; overflow: hidden; top: 50%; transform: translate(-50%,-50%); left: 50%; background: rgba(21, 21, 22, 0.7)!important;}
.lms-modal__policy { overflow: hidden; border-radius: 0; border: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); max-height: 68%; max-width: 60%;max-width:43%;max-width:768px; display: flex; flex-direction: column;top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%;position: absolute;box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);aspect-ratio: 1/1;}
.lms-modal__policy .modal-header {padding: 10px 14px;display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid ;min-height: 44px;border-bottom: 1px solid rgba(21, 21, 22, 0.05);flex-shrink:0;}
.lms-modal__policy .modal-header .modal-logo-con, .lms-modal__policy .modal-header .modal-logo-con img {height: 35px;}
.lms-modal__policy .modal-header a.close-btn {display: block; background: var(--accent2-5); border: 1px solid var(--accent2-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 16px; height: 16px;position: relative;}
.lms-modal__policy .modal-header a.close-btn svg {position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
.lms-modal__policy .modal-header a.close-btn:hover {opacity: 0.5;}
.lms-modal__policy .modal-form, .lms-modal__policy .modal-btns {padding: 0 13px;}
.lms-modal__policy .modal-content {flex-grow: 1;display: flex; flex-direction: column;overflow: hidden;padding: 12px 16px;margin-bottom: 0;}
.lms-modal__policy .modal-content .modal-accordion { transition: 0.4s; overflow: hidden; min-height: 42px;min-height:22px; position: relative;border: none;}

.lms-modal__policy .modal-content .modal-accordion .accordion-header:hover {color:var(--accent2);}
.lms-modal__policy .modal-content .modal-accordion .accordion-header:hover svg path{fill:var(--accent2);}

.lms-modal__policy .modal-content .modal-accordion:not(:last-child) { margin-bottom: 5px; }
.lms-modal__policy .modal-content .modal-accordion .spa-ver, .lms-modal__policy .modal-content .modal-accordion .eng-ver {overflow: hidden; height: 100%;}
.lms-modal__policy .modal-content .modal-accordion:last-child {/*border-bottom: 0;*/padding-bottom: 0;}
.lms-modal__policy .modal-content .modal-accordion .accordion-header {color: var(--sys-dark);position: relative;cursor: pointer;padding: 1px 13px; font-size:12px;text-transform:uppercase;font-weight: 400; width: max-content;}
.lms-modal__policy .modal-content .modal-accordion.active .accordion-header{color:var(--accent2);}
.lms-modal__policy .modal-content .modal-accordion .accordion-header q {position: absolute; right: 8px; top: 50%; transform: translateY(-50%); transition: 0.3s; width: 18px; height: 18px;display:none;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content { color: rgba(21, 21, 22, 0.50); font-family: var(--primary-font); font-size: 14px; line-height: 18px; letter-spacing: -0.56px; display: none; overflow: auto; height: calc(100% - 72px); height: calc(100% - 40px);width: calc(100% - 32px); margin: 16px auto 0; margin: 5px auto 0; padding: 13px; border: 1px solid #e5e5e5; }
.lms-modal__policy .modal-content .modal-accordion .accordion-content h2 {margin-bottom: 14px; color: var(--sys-dark);font-weight: 600;font-size: 14px;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content p {margin-bottom: 14px;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content p span {color: var(--sys-dark);} 
.lms-modal__policy .modal-content .modal-accordion .accordion-content ol {list-style-position: inside; padding-left: 14px;margin: 0 0 14px;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content ol li span{color: var(--sys-dark);}

.lms-modal__policy .modal-content .modal-accordion .accordion-content a:hover {text-decoration: underline;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content ul {padding-inline-start: 40px;padding-block-end: 14px;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content ul ul{padding-inline-start: 20px;padding-block-start:14px;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content li {margin-bottom: 8px;position:relative;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content li:has(ul) {margin-bottom:0;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content li:last-child{margin-bottom:0;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content ul li:before{content:"";width:5px;height:5px;background:#000;border-radius:50%;position:absolute;left:-15px;top:7px;}
.lms-modal__policy .modal-content .modal-accordion:last-child .accordion-content {padding-bottom: 0;}
.lms-modal__policy .modal-form {padding-top: 14px;}
.lms-modal__policy .modal-form .formSection {flex-grow: 1;}
.lms-modal__policy .modal-btns {margin: 14px 0 14px;}
.lms-modal__policy .modal-btns button {width: 49%;border-radius: 0;}
.lms-modal__policy .modal-content .modal-accordion.active .accordion-header q {transform: translateY(-50%) rotate(180deg)}

.lms-modal__policy .modal-content .modal-accordion.active {}

.lms-modal__policy .modal-content .modal-accordion.active .accordion-content {display: block;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content .modal-logo-con{text-align:center;margin:0 auto 25px;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content .modal-logo-con a{display:inline-block;}
.lms-modal__policy .modal-content .modal-accordion .accordion-content .modal-logo-con a img{height: 35px;}

.policy-signature-con {padding: 13px 13px 0px;}
.policy-signature-con p {font-size: 14px; margin-bottom: 13px;}

/*POLICY MODAL END*/

/*START LESSON*/
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2{height:calc(100vh - 50px);height:100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder{width: 100%;display:flex;height: 100%;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox{width:100%;flex-grow:1;flex-basis: 0;max-width:100%;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox1{overflow:hidden;position:relative;height:100%;flex:2;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSpacer:not(:last-child){margin-bottom:18px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSpacer.lockOptions{}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader {padding:11px 13px;position:relative;border-bottom:1px solid rgba(21, 21, 22, 0.05);gap: 16px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseHeaderTitle{}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseHeaderTitle h2{}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseHeaderTitle h2 small{color:rgba(21, 21, 22, 0.5);display:block;margin-bottom:4px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseHeaderTitle h2 span{color:var(--primary-font);font-weight:600;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs{display: flex; align-items: stretch; height: 100%;min-height:42px;flex-shrink: 0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul{display: flex; justify-content: space-between; gap: 8px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li{display:inline-block;vertical-align:middle;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li a{display:block;min-width:0;height:100%;line-height:100%;background:none;color:rgba(21, 21, 22, 0.40);;font-weight:600;border-radius:0;padding:0;box-shadow:none;display: flex; align-items: center; position: relative; color: rgba(21, 21, 22, 0.5); padding: 0 15px;position:relative;border: 0;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li.ui-state-active a,
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li:hover a {color: var(--accent2); border: 0;}


.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li a:before { content: ""; position: absolute; border-bottom: 3px solid var(--accent2); width: 0; bottom: -13px; left: 0; transition: all 0.3s linear; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li a:after { content: ""; position: absolute; border-bottom: 3px solid var(--accent2); width: 0; bottom: -13px; right: 0; transition: all 0.3s linear; }

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li.ui-state-active a:before,
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li.ui-state-active a:after,
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li a:hover:before,
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li a:hover:after{width: 100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessionButton button{min-width:86px;padding:0 10px;white-space: nowrap;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formContainer{margin-top:16px;width:100%;max-width:355px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formSection.uploadVideoLinkHolder{width:calc(100% - 480px);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formSection.uploadVideoLink{width:356px;max-width:100%;margin-top:16px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup .formSection.uploadVideoLink .videoTitle{margin-bottom:0;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formSection.uploadVideoLink button{padding:0;width:115px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formSection.uploadVideoLink button.accent-drk{width:86px;border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2);color:#fff;top:11px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formSection.uploadVideoLink label.videoText{margin-bottom:0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formSection.uploadVideoLink #videoLink{margin:6px 0 15px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formSection.videoLink{width:464px;margin-top:24px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .uploadVideo{width: 100%; height: 263px;position:relative;border-radius: 8px;overflow:hidden; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);z-index:1;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .uploadVideo .uploadIcon{display:block;width:40px;height:40px;border-radius: 200px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:-1;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .uploadVideo svg{vertical-align:middle;height:100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .uploadVideo iframe{height:100%;background:#000;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .uploadVideo img{width: 100%; position: absolute; height: 100%; max-width: none; max-height: none;}

#lessons-tabs{display: flex; flex-direction: column;height: 100%;}
#lessons-tabs-1 {padding: 11px 13px 0;height:100%;display: flex; flex-direction: column}
#lessons-tabs-2 {padding: 11px 0 0px;height:100%;display: flex; flex-direction: column}
#lessons-tabs-3 {padding: 11px 13px 0;height:100%;display: flex; flex-direction: column}
#lessons-tabs-4 {padding: 11px 13px 0;height: 100%;display: flex; flex-direction: column}


.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBoxes{height:100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox.quizBox1{width:261px;max-width:100%;flex-shrink: 0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox.quizBox2{width: calc(100% - 261px);padding-right:14px;height: 100%;overflow-y: auto;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo{height:100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent{position: relative;height:calc(100% - 56px);padding-bottom: 15px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizListHeading{padding:0;margin-bottom:12px;padding:0 14px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizListHeading h2{color:var(--sys-dark);font-weight:bold;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizListHeading a{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizListHeading a svg{vertical-align:middle;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList{height:calc(100% - 52px);overflow-y: auto;padding-bottom:1px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul{padding:0 0 0 14px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li{position:relative;border-left: 4px solid transparent;padding:7px 8px;cursor:pointer;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);justify-content: flex-start;}.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li:not(:last-child){margin-bottom:8px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li:before{content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M8.5 7C9.32843 7 10 6.32843 10 5.5C10 4.67157 9.32843 4 8.5 4C7.67157 4 7 4.67157 7 5.5C7 6.32843 7.67157 7 8.5 7ZM8.5 13.5C9.32843 13.5 10 12.8284 10 12C10 11.1716 9.32843 10.5 8.5 10.5C7.67157 10.5 7 11.1716 7 12C7 12.8284 7.67157 13.5 8.5 13.5ZM10 18.5C10 19.3284 9.32843 20 8.5 20C7.67157 20 7 19.3284 7 18.5C7 17.6716 7.67157 17 8.5 17C9.32843 17 10 17.6716 10 18.5ZM15.5 7C16.3284 7 17 6.32843 17 5.5C17 4.67157 16.3284 4 15.5 4C14.6716 4 14 4.67157 14 5.5C14 6.32843 14.6716 7 15.5 7ZM17 12C17 12.8284 16.3284 13.5 15.5 13.5C14.6716 13.5 14 12.8284 14 12C14 11.1716 14.6716 10.5 15.5 10.5C16.3284 10.5 17 11.1716 17 12ZM15.5 20C16.3284 20 17 19.3284 17 18.5C17 17.6716 16.3284 17 15.5 17C14.6716 17 14 17.6716 14 18.5C14 19.3284 14.6716 20 15.5 20Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");display:block;width:14px;height:14px;position:absolute;left:-15px;top:50%;transform:translateY(-50%);cursor: move;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li span{color:var(--sys-dark);text-overflow:ellipsis; overflow: hidden;width:90%;white-space:nowrap;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li a{display:block;cursor:pointer;visibility:hidden;position: absolute; right: 8px; top:50%;transform:translateY(-50%); width:16px;height:16px;border-radius: 6px}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li a.deleteBtn{border: 1px solid rgba(255, 255, 255, 0.10); background: var(--sys-red);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li a svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li.selected{border: 1px solid rgba(41, 76, 153, 0.05);background: var(--accent-3);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li.selected:before{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li.selected a{visibility:visible;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizListBtn{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;display:none;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizListBtn button{min-width:100%;border:none;border-top-left-radius:0;border-top-right-radius:0;padding:0;}


.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListCompletionBox{padding:0 14px;margin-bottom:14px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListCompletionBox h6{display:block;color: rgba(21, 21, 22, 0.60);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListCompletionBox p{display:block;color: rgba(21, 21, 22, 0.60);margin-bottom:8px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListCompletionBox p strong{display:inline-block;color:var(--sys-dark);margin-right: 3px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListCompletionBox p strong input[type=text].unsetting{all: unset;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 18px;text-align: right;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListCompletionBox p span{}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .formSpacer{width:100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .formSpacer:not(:last-child) {margin-bottom: 14px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizBoxQuestion{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizBoxQuestion .quizBoxQuestionHeading{margin-bottom:12px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizBoxQuestion .quizBoxQuestionHeading h2{color:var(--sys-dark);font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 140px);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizBoxQuestion .quizBoxQuestionHeading a {}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizBoxQuestion .quizBoxQuestionHeading a svg {vertical-align: middle;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .formSectionHeading{margin-bottom:8px;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading label{position:relative;cursor:pointer;display:block;margin-bottom:0;color:var(--sys-dark);font-weight: 600;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading label span{color:var(--sys-dark);margin-bottom:0;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect label:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: var(--sys-dark);display:inline-block;vertical-align:middle;line-height:100%;margin-left:3px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect input:checked ~ label:after{content: "\f106";}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect { position: relative; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect input:checked ~ label > .dropselectList{display:block;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect .dropselectList{position: absolute; top:100%; right: 0; white-space: nowrap; z-index: 1;padding: 10px; background-color: var(--white);box-shadow: 0px 10px 25px #0000000d;border-radius: 10px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect .dropselectList li{color:var(--sys-dark);font-weight:bold;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect .dropselectList li a{display:block;color:inherit;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect .dropselectList li:not(:last-child) a{margin:5px 0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formSectionHeading .dropselect .dropselectList li a svg{margin-right:5px;vertical-align:middle;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType3 input{display:inline-block;vertical-align:middle;margin:0 5px 0 0;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType3 .formGroup .formSection label.true-or-false {color:var(--sys-dark);display:block;margin-bottom:6px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.dflex {display:flex;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.dflex label{margin-bottom:0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.choice-ans input{height:42px;font-size:14px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple{border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple a{display:block;vertical-align:middle;width:16px;height:16px;border-radius: 6px;position: absolute; top: 50%; transform: translateY(-50%); right: 13px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple a.deleteBtn{border: 1px solid rgba(255, 255, 255, 0.10); background: var(--sys-red);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple a svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple .formInputHolder{width:100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple input[type=text]{border:none;background:none;margin:0;box-shadow:none;border-radius:0;padding: 13px 40px 13px 13px;outline:0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple input[type=radio]{all: initial; padding: 0;width: 32px; height: 32px;border-radius: 8px; border: 1px solid rgba(247, 43, 43, 0.05); background-color: rgba(247, 43, 43, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);margin-left:5px;display:flex;justify-content:center;align-items:center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='rgba(247,43,43,1)'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center top 25%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple input[type=radio]:after { content: 'Incorrect'; display: block; color: var(--sys-red); text-align: center; font-size: 6px; font-family: var(--primary-font);font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.24px; position: absolute; top: 70%; transform: translateY(-50%);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple input[type=radio]:checked{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M11.602 13.7599L13.014 15.1719L21.4795 6.7063L22.8938 8.12051L13.014 18.0003L6.65 11.6363L8.06421 10.2221L10.189 12.3469L11.6025 13.7594L11.602 13.7599ZM11.6037 10.9322L16.5563 5.97949L17.9666 7.38977L13.014 12.3424L11.6037 10.9322ZM8.77698 16.5873L7.36396 18.0003L1 11.6363L2.41421 10.2221L3.82723 11.6352L3.82604 11.6363L8.77698 16.5873Z' fill='rgba(74,186,123,1)'%3E%3C/path%3E%3C/svg%3E");border-radius: 8px; border: 1px solid rgba(74, 186, 123, 0.05);border: 1px solid rgba(74, 186, 123, 0.05); background-color: rgba(74, 186, 123, 0.05);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.multiple input[type=radio]:checked:after{content:"Correct";color: var(--sys-green);}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.add-choice{background: #FAFAFB;border: 1px solid #BDC2CC40;border-radius: 10px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.add-choice .formInputHolder{width:100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.add-choice input[type=text]{border:none;background:none;margin:0;box-shadow:none;border-radius:0;padding: 13px 40px 13px 13px;outline:0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.add-choice input[type=radio]{all: initial; padding: 0;width: 32px; height: 32px;border-radius: 8px; border: 1px solid rgba(247, 43, 43, 0.05); background-color: rgba(247, 43, 43, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);margin-left:5px;display:flex;justify-content:center;align-items:center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='rgba(247,43,43,1)'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox2 .questionType1 .formGroup .formSection.add-choice input[type=radio]:after{content: 'Incorrect'; display: block; color: var(--sys-red); text-align: center; font-size: 6px; font-family: var(--primary-font); font-style: normal; font-weight: 600; line-height: 100%; letter-spacing: -0.24px; position: absolute; top: 70%; transform: translateY(-50%);display:none;}
/*END QUIZ*/
/*DOCUMENTS*/

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab{flex-grow: 1;overflow: hidden;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab .documentsTabHeading { margin-bottom: 26px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab .documentsTabHeading h2{font-weight:bold;color:var(--sys-dark);display:block;margin-bottom:6px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab .documentsTabHeading span{color: rgba(21, 21, 22, 0.60);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab .documentsTabHeading .documentsTabHeadingBtn{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab .documentsTabHeading .documentsTabHeadingBtn button{min-width:128px;padding:0;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsBox {height:400px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsBox .documentsBoxIcon{display:block;width:32px;height:32px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);margin:0 auto 17px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsBox .documentsBoxIcon svg{height:100%;vertical-align:middle;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsBox .documentsBoxDesc{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsBox .documentsBoxDesc h2{margin-bottom:12px;color:var(--sys-dark);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsBox .documentsBoxDesc span{color: rgba(21, 21, 22, 0.50);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsBox .documentsBoxDesc button{min-width:128px;margin:15px auto 0;}

.lessons-tabs1-holder{flex-grow: 1;overflow-y: auto;}
.lessons-tabs2-holder{flex-grow: 1;overflow-y: auto;}
.lessons-tabs3-holder{flex-grow: 1;overflow-y: auto;}
.lessons-tabs4-holder{flex-grow: 1;overflow-y: auto;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial {gap: 16px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li{display:inline-block;vertical-align:middle;width:calc(50% - 8px);position:relative;min-height:139px;padding:9px 13px;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);overflow:hidden;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li:last-child, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li:nth-last-child(2) {margin-bottom: 0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading{position:relative;padding-bottom:9px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading:before{content:"";width:100%;height:1px;background:#BDC2CC40;position:absolute;bottom:0;left:0;right:0;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading h2{display: inline-block;vertical-align: middle;width: 80%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading h2 span{color:var(--sys-dark);cursor:pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 0);margin-bottom:4px;display:block;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading h2 small{color: rgba(21, 21, 22, 0.40);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading .documentsMaterialFilters{flex-shrink: 0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading .documentsMaterialFilters a{display:inline-block;vertical-align:middle;width:16px;height:16px;border-radius: 6px;position:relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading .documentsMaterialFilters a.editBtn{border: 1px solid rgba(255, 255, 255, 0.10); background: #294C99;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading .documentsMaterialFilters a.deleteBtn{border: 1px solid rgba(255, 255, 255, 0.10); background: var(--sys-red);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialHeading .documentsMaterialFilters a svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialDesc{padding-top:12px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialDesc small{display:block;color: rgba(21, 21, 22, 0.40);margin-bottom:5px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li .documentsMaterialDesc span{color: rgba(21, 21, 22, 0.60);}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .formGroup .lessonsHeading{border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .formGroup .lessonsHeading .lessonsHeadingTitle{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .formGroup .lessonsHeading .lessonsHeadingTitle h2{font-weight: bold; color: var(--sys-dark); display: block; margin-bottom: 6px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .formGroup.instructorProfile { display: flex; align-items: center; gap: 14px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileImgCon {display: block; width: 62px; height: 62px; position: relative; border-radius: 18px; overflow: hidden; background: var(--accent1-5); border: 1px solid var(--accent1-5); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileImgCon .profileImgDefault svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileImgCon .profileImg { width: 100%; height: 100%; z-index: 3; object-fit: contain; position: relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileImgCon .profileImg img { margin: auto; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileUpload label { color: var(--sys-dark); font-weight: 600; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileUpload .profileUploadBtnsCon { display: flex; gap: 8px; margin: 5px 0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileUpload .uploadProfileBtn { position: relative; cursor: pointer;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileUpload .uploadProfileBtn input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; cursor: pointer;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileUpload .uploadProfileBtn button { padding-left: 4px; padding-right: 4px; max-width: 75px; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileUpload .uploadProfileBtn button:hover { opacity: 0.5; }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileUpload .uploadProfileBtn span { display: inline-block; vertical-align: middle;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-4 .profileUpload .uploadProfileBtn svg { margin-right: 8px; display: inline-block; vertical-align: middle; height: 100%; }

/*SIDEBAR*/
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 {position:relative;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar{padding:0;position: absolute; top: 0; right: 0; height: 100%; width: 100%; overflow: hidden;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .lessonSidebarHeading{padding:10px 14px;border-bottom:1px solid rgba(21, 21, 22, 0.05);gap: 16px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .lessonSidebarHeading h2.courseTitleEllips { font-weight: bold; color: var(--sys-dark); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 190px); }
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .lessonSidebarHeading .lessonSidebarBtn{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .lessonSidebarHeading .lessonSidebarBtn button{display:inline-block;padding:0;min-width:82px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .lessonSidebarList{height: calc(100% - 45px); overflow-y: auto;overflow-x: hidden;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .moduleHeading{padding:11px 14px;gap:25px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .moduleHeading .moduleHeadingTitle{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .moduleHeading .moduleHeadingTitle span{color:var(--sys-dark);font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;border-bottom:1px solid rgba(21, 21, 22, 0.1);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .moduleHeading .moduleFilters a{display:inline-block;vertical-align:middle;width:16px;height:16px;border-radius: 6px;position:relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .moduleHeading .moduleFilters a.editBtn{border: 1px solid rgba(255, 255, 255, 0.10); background: #294C99;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .moduleHeading .moduleFilters a.deleteBtn{border: 1px solid rgba(255, 255, 255, 0.10); background: var(--sys-red);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .moduleHeading .moduleFilters a svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .moduleHeading .moduleFilters a:hover {opacity: 0.5;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList{padding:13px 14px;position:relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList:after{content:"";display:block;width:96%;height:1px;background:rgba(21, 21, 22, 0.05);position:absolute;bottom:0;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList::before{content:"";background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M8.5 7C9.32843 7 10 6.32843 10 5.5C10 4.67157 9.32843 4 8.5 4C7.67157 4 7 4.67157 7 5.5C7 6.32843 7.67157 7 8.5 7ZM8.5 13.5C9.32843 13.5 10 12.8284 10 12C10 11.1716 9.32843 10.5 8.5 10.5C7.67157 10.5 7 11.1716 7 12C7 12.8284 7.67157 13.5 8.5 13.5ZM10 18.5C10 19.3284 9.32843 20 8.5 20C7.67157 20 7 19.3284 7 18.5C7 17.6716 7.67157 17 8.5 17C9.32843 17 10 17.6716 10 18.5ZM15.5 7C16.3284 7 17 6.32843 17 5.5C17 4.67157 16.3284 4 15.5 4C14.6716 4 14 4.67157 14 5.5C14 6.32843 14.6716 7 15.5 7ZM17 12C17 12.8284 16.3284 13.5 15.5 13.5C14.6716 13.5 14 12.8284 14 12C14 11.1716 14.6716 10.5 15.5 10.5C16.3284 10.5 17 11.1716 17 12ZM15.5 20C16.3284 20 17 19.3284 17 18.5C17 17.6716 16.3284 17 15.5 17C14.6716 17 14 17.6716 14 18.5C14 19.3284 14.6716 20 15.5 20Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");display:block;width:14px;height:14px;position:absolute;left:0;top:22px;cursor: move;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList.show {background: #BDC2CC15;background: rgba(21, 21, 22, 0.03);padding-bottom:16px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList.show::before {}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon{padding:13px 14px;margin:-14px;position:relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li:not(:last-child) .lessonContainer .lessonList .lessonIcon{}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon:before{content: ''; width: 32px; height: 32px; margin-right: 14px; display: inline-block; vertical-align: top; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M6 8V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V8H20C20.5523 8 21 8.44772 21 9V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V9C3 8.44772 3.44772 8 4 8H6ZM19 10H5V20H19V10ZM11 15.7324C10.4022 15.3866 10 14.7403 10 14C10 12.8954 10.8954 12 12 12C13.1046 12 14 12.8954 14 14C14 14.7403 13.5978 15.3866 13 15.7324V18H11V15.7324ZM8 8H16V7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7V8Z' fill='rgba(41,76,153,1)'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background-color: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon.complete:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M11.602 13.7599L13.014 15.1719L21.4795 6.7063L22.8938 8.12051L13.014 18.0003L6.65 11.6363L8.06421 10.2221L10.189 12.3469L11.6025 13.7594L11.602 13.7599ZM11.6037 10.9322L16.5563 5.97949L17.9666 7.38977L13.014 12.3424L11.6037 10.9322ZM8.77698 16.5873L7.36396 18.0003L1 11.6363L2.41421 10.2221L3.82723 11.6352L3.82604 11.6363L8.77698 16.5873Z' fill='rgba(74,186,123,1)'%3E%3C/path%3E%3C/svg%3E");border-radius: 8px; border: 1px solid rgba(74, 186, 123, 0.05); background-color: rgba(74, 186, 123, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon.complete:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M11.602 13.7599L13.014 15.1719L21.4795 6.7063L22.8938 8.12051L13.014 18.0003L6.65 11.6363L8.06421 10.2221L10.189 12.3469L11.6025 13.7594L11.602 13.7599ZM11.6037 10.9322L16.5563 5.97949L17.9666 7.38977L13.014 12.3424L11.6037 10.9322ZM8.77698 16.5873L7.36396 18.0003L1 11.6363L2.41421 10.2221L3.82723 11.6352L3.82604 11.6363L8.77698 16.5873Z' fill='rgba(74,186,123,1)'%3E%3C/path%3E%3C/svg%3E");border: 1px solid rgba(74, 186, 123, 0.05); background-color: rgba(74, 186, 123, 0.05);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon.retake:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='rgba(247,43,43,1)'%3E%3C/path%3E%3C/svg%3E");border: 1px solid rgba(247, 43, 43, 0.05); background-color: rgba(247, 43, 43, 0.05); }

.triggerUp{display:none;}
.triggerDown{display:none;}

.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .triggerBtn{cursor: pointer;display:none!important;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .triggerBtn .triggerUp{display:block;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList.show .lessonIcon .triggerBtn .triggerUp{display:none;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList.show .lessonIcon .triggerBtn .triggerDown{display:block;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonTitle{display: inline-block; vertical-align: middle;width: calc(100% - 120px); cursor: pointer;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonTitle small{color:#1515165A;display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonTitle > span{color:var(--primary-font);font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonFilter{float:right; padding: 5px 0;margin-top:4px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonFilter a {display:inline-block;vertical-align:middle;width:16px;height:16px;border-radius: 6px;position:relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonFilter a.editBtn{border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2); display: none !important;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonFilter a.deleteBtn{border: 1px solid rgba(255, 255, 255, 0.10); background: var(--sys-red);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonFilter a svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonIcon .lessonFilter a:hover {opacity: 0.5;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList.show .lessonIcon{margin-bottom: 0;padding-bottom:14px;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList .lessonDesc{display:none;position:relative;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonList.show .lessonDesc{display:block;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonDesc span{display:block;color: rgba(21, 21, 22, 0.40);font-weight:bold;margin-top:16px;text-align:right;}
.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .moduleContainer li .lessonContainer .lessonDesc p{display:block;color: rgba(21, 21, 22, 0.60);}
/*END LESSON*/

/*END CONTENT*/
/*END LMS COURSE PAGE*/

/*START LMS MEMBERS PAGE*/
main{}
main.main-content.LMSMembers {overflow-y:auto;}

main.main-content.LMSMembers .main_con{}

.main-content.LMSMembers .main_con_holder{display:flex;align-items:stretch;height:100%;justify-content:space-between;}
.main-content.LMSMembers .main_con_holder.membersArea{}

.dashboardRegion {width:100%;max-height: calc(100vh - 118px);}

.main-content.LMSMembers .main_con_holder .dashboardRegion .dashboardRegionHolder{width: 100%;height:100%;}

.main-content.LMSMembers .main_con_holder .dashboardRegion .dashboardRegionHolder .dashboardRegionBox{width:100%;height: 100%;}
.main-content.LMSMembers .main_con_holder .dashboardRegion .dashboardRegionHolder .dashboardRegionBox.dashboardRegionBox1{height: calc(100% - 310px);height:calc(100% - 66.87%);height: calc(100% - 48.33%);height:auto;}
.main-content.LMSMembers .main_con_holder .dashboardRegion .dashboardRegionHolder .dashboardRegionBox.dashboardRegionBox2{}

.main-content.LMSMembers .main_con_holder .dashboardRegion .dashboardRegionHolder .dashboardRegionBox .formSpacer:not(:last-child){}

.dashboardRegionBox .dashboardGreetings{width:25%;display:inline-block;vertical-align:middle;}
.dashboardRegionBox .dashboardGreetings .dashboardDate{font-weight:600;color:rgba(21, 21, 22, 0.4);}
.dashboardRegionBox .dashboardGreetings h2{color:var(--sys-dark);margin:7px 0 16px;}
.dashboardRegionBox .dashboardGreetings p{}
.dashboardRegionBox .dashboardGreetings ul{margin:21px auto 0;}
.dashboardRegionBox .dashboardGreetings ul li{}
.dashboardRegionBox .dashboardGreetings ul li button{padding:0;min-width:0;width:100%;padding:0 15px;height: 34px; line-height: 34px;}

.dashboardRegionBox .dashboardBanner{background:#fff;display:inline-block;vertical-align:middle;width:77.3%;overflow:hidden;border-radius: 8px;position:relative;}
.dashboardRegionBox .dashboardBanner #banner-images{position:relative;line-height:0;height:100%;display: flex; justify-content: center; align-items: center;}
.dashboardRegionBox .dashboardBanner #banner-images .slick-list{width:100%;}
.dashboardRegionBox .dashboardBanner #banner-images img{width:100%;max-width:unset;height:auto;}
.dashboardRegionBox .dashboardBanner .wrap-slide { position: relative; }
.dashboardRegionBox .dashboardBanner .slick-track { position: relative; height:100%;}

.dashboardBanner .slick-dots { position: absolute; bottom: 13px; right: 9px; z-index: 2; }
.dashboardBanner .slick-dots li { display: inline-block; vertical-align: top; margin: 0 4px; opacity: .5; }
.dashboardBanner .slick-dots li.slick-active { opacity: 1;}
.dashboardBanner .slick-dots li button { background: #fff; width: 6px; height: 6px; border-radius: 50%; font-size: 0; padding: 0; }
.dashboardBanner .slick-dots li.slick-active button {width: 8px; height: 8px;}

.dashboardBanner .rslides{height:100%;}
.dashboardBanner .rslides li{height: 100%;}
.dashboardBanner .rslides img{position: absolute;top: 50%;transform: translateY(-50%);}

.dashboardBanner .rslides_tabs{position: absolute;bottom: 13px;right: 9px;z-index: 2;display:flex;}
.dashboardBanner .rslides_tabs li{display:inline-block;vertical-align:top;margin:0 4px;opacity:0.5;}
.dashboardBanner .rslides_tabs li a{display:block;width:8px;height:8px;background:#fff;border-radius:50%;font-size:0;padding:0;}
.dashboardBanner .rslides_tabs li.rslides_here{opacity:1;}

.dashboardRegionBox .dashboardBoxes { width: 100%; height: 100%; }
.dashboardRegionBox .dashboardBoxes.col2{}
.dashboardRegionBox .dashboardBoxes .dashboardBox{width:100%;height:240px;height:100%;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard {width:24%;flex: 1 1 0;height:280px;height:100%;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox{background: #fff; border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 8px;overflow: hidden; flex-grow: 1;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardHeading{width:100%;padding:10px 14px;border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardHeading .dashboardCardHeadingTitle{color:var(--sys-dark);font-weight:bold;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardHeading .dashboardCardLink{color: rgba(21, 21, 22, 0.4);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardHeading .dashboardCardLink:hover {text-decoration: underline;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo {width:100%;height: 100%;overflow: auto;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo > div {width: 100%;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder{width:100%;padding:9px 11px;overflow: hidden;flex-shrink: 0;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxNoInfoHolder{width:100%;height:170px;height:415px;padding:14px;height:100%;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarMonth{color:var(--sys-dark);margin-bottom:4px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome{text-align:center;flex-grow: 1;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul{margin-bottom:12px;display: flex;justify-content: space-evenly;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li{width: calc(100% / 7);width:100%;display: inline-block;vertical-align:middle;text-align: center;height:54px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li.event{position:relative;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li.event:before{content:"";display:block;width:10px;height:10px;border-radius: 50%; border: 2px solid #FFF; background: var(--accent1);position:absolute;top:-4px;right:-4px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a{display:block;color:rgba(21, 21, 22, 0.4);padding:7px 12px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li.today a{border-radius: 8px;border: 1px solid var(--accent2-5);background: var(--accent2-5);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);color:rgba(41, 76, 153, 1)}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li.today a div{color:var(--accent2);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li.today a span{color:var(--accent2);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a div{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a span{display:block;position:relative;margin-top:7px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .noEvent{color: rgba(21, 21, 22, 0.40);margin-top:27px;margin-bottom:9px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent{padding:6px 10px;border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--accent2);min-height:47px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent:not(:last-child){margin-bottom:9px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventHeading{text-align:left;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventHeading .withEventHeadingTitle{display:block;color:#fff;font-weight:600;margin-bottom:5px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventHeading .withEventHeadingTime{color: rgba(255, 255, 255, 0.40);line-height:100%;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventIcon{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventIcon svg{vertical-align:middle;height:100%;display:block;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent.dialSess{border: var(--accent2-5);background: var(--accent2-5);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent.viewMore{background: var(--accent2);border: 1px solid rgba(21, 21, 22, 0.05);box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);padding:0;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent.viewMore a{display: block; width: 100%; height: 56px; line-height: 56px;color: #fff;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent.dialSess .withEventHeading .withEventHeadingTitle{color:var(--accent2);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent.dialSess .withEventHeading .withEventHeadingTime{color: rgba(21, 21, 20, 0.40);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphHolder{padding-bottom: 9px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphLegend{text-align:left;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphLegend ul{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphLegend ul li{color: rgba(21, 21, 22, 0.6);position:relative;padding-left:18px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphLegend ul li:not(:last-child){margin-bottom:9px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphLegend ul li:before{content:"";width:11px;height:11px;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con {border-bottom: 1px solid #1515161A; padding: 22px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con h3 {line-height: 100%;margin-bottom: 22px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con ul li {padding: 0; margin-bottom: 11px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con ul li span {color: #15151699; line-height: 12px;font-weight: 500;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con ul li .legend-circle {display: block; width: 11px; height: 11px; border-radius: 50%;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con ul li:first-child .legend-circle {background: #3B6BE8; box-shadow: 0px 4px 4px 0px #3B6BE840; }
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con ul li:nth-child(2) .legend-circle {background: #FF7A48; box-shadow: 0px 4px 4px 0px #FF7A4880; }
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con ul li:last-child .legend-circle {background: #1515161A; box-shadow: 0px 4px 4px 0px #1515160D; }
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-con ul li:last-child {margin: 0;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-circle-con {position: relative; width: 92px; height: 92px;padding-top: 4px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-circle-con .lms-course-progress-perc {position: absolute; width: 100%; height: 100%; top: 2px; left: 0; display: flex; justify-content: center; align-items: center;letter-spacing: unset;font-family: Sohne; font-weight: 600;letter-spacing: normal;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle {position: relative; width: 92px; height: 92px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle .rect { position: absolute; width: 2px; height: 6px; background-color: #D0D0DA; border-radius: 1px; transform-origin: center top; }

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle .rect:nth-child(-n + 18).shaded-oval-complete::before {box-shadow: 0px 0.53px 1.86px 0px rgba(var(--accent2), 0.165), 0px 2.32px 3.86px 0px rgba(var(--accent2), 0.27), 0px 5.69px 7.7px 0px rgba(var(--accent2), 0.345), 0px 10.95px 15.09px 0px rgba(var(--accent2), 0.42) !important;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle .rect:nth-child(n+19):nth-child(-n+125).shaded-oval-complete::before {box-shadow: 0px 0.53px 1.86px 0px rgba(var(--accent2), 0.165), 0px 1.32px 1.86px 0px rgba(var(--accent2), 0.27), 0px 2.69px 3.7px 0px rgba(var(--accent2), 0.345), 0px 5.95px 7.09px 0px rgba(var(--accent2), 0.42) !important;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle .rect.shaded-oval-complete::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: -1; width: 100%; height: 100%; display: block; box-shadow: 0px -0.53px 1.86px 0px rgba(var(--accent2), 0.165), 0px -2.32px 3.86px 0px rgba(var(--accent2), 0.27), 0px -5.69px 7.7px 0px rgba(var(--accent2), 0.345), 0px -5.95px 15.09px 0px rgba(var(--accent2), 0.42), 0px -9.43px 27.75px 0px rgba(var(--accent2), 0.525), 0px -14.43px 47.38px 0px rgba(var(--accent2), 0.69);}

.graphLegend ul li.graphComplete:before{background:var(--accent2);}
.graphLegend ul li.graphInprogress:before{background:var(--accent1);}
.graphLegend ul li.graphNotstarted:before{background:rgba(21, 21, 22, 0.1);}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphChart{width:100%;max-width:92px;text-align:center;position:relative;height:92px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphChart svg{vertical-align:middle;width:100%;height:100%;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphChart svg circle{stroke-linecap: inherit;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphChart .graphPercent{position: absolute; top: 50%; transform: translateY(-50%); right: 0; left: 0; text-align: center;color: var(--accent2);}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder{position:relative;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder:before{content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .nextLessonHeading{padding: 10px 0;width:100%;margin-bottom: 9px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .nextLessonHeading .nextLessonHeadingTitle{display:block;color:var(--primary-color);font-weight:600;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .nextLessonHeading .nextLessonHeadingModule{color: rgba(21, 21, 22, 0.40);font-weight:600;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList{position:relative;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList:not(:last-child){margin-bottom:10px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon{padding:0;margin:0;position:relative;display: flex; align-items: center;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon:before{content: ''; width: 32px; height: 32px; margin-right: 12px; display: inline-block; vertical-align: top; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M6 8V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V8H20C20.5523 8 21 8.44772 21 9V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V9C3 8.44772 3.44772 8 4 8H6ZM19 10H5V20H19V10ZM11 15.7324C10.4022 15.3866 10 14.7403 10 14C10 12.8954 10.8954 12 12 12C13.1046 12 14 12.8954 14 14C14 14.7403 13.5978 15.3866 13 15.7324V18H11V15.7324ZM8 8H16V7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7V8Z' fill='rgba(41,76,153,1)'%3E%3C/path%3E%3C/svg%3E"); background-position: center center; background-repeat: no-repeat; border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background-color: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);flex-shrink: 0;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon.complete:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M11.602 13.7599L13.014 15.1719L21.4795 6.7063L22.8938 8.12051L13.014 18.0003L6.65 11.6363L8.06421 10.2221L10.189 12.3469L11.6025 13.7594L11.602 13.7599ZM11.6037 10.9322L16.5563 5.97949L17.9666 7.38977L13.014 12.3424L11.6037 10.9322ZM8.77698 16.5873L7.36396 18.0003L1 11.6363L2.41421 10.2221L3.82723 11.6352L3.82604 11.6363L8.77698 16.5873Z' fill='rgba(74,186,123,1)'%3E%3C/path%3E%3C/svg%3E");border: 1px solid rgba(74, 186, 123, 0.05); background-color: rgba(74, 186, 123, 0.05);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon.retake:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='rgba(247,43,43,1)'%3E%3C/path%3E%3C/svg%3E");border: 1px solid rgba(247, 43, 43, 0.05); background-color: rgba(247, 43, 43, 0.05); }
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon .lessonTitle{display: inline-block; vertical-align: middle;flex: 1; overflow: hidden;padding-right: 10px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon .lessonTitle small{color:#1515165A;display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon .lessonTitle > span{color:var(--primary-font);font-weight:bold;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block;width: -webkit-fill-available;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon .lessonFilter{flex-shrink: 0;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .nextLessonHolder .dashboardLessonContainer .dashboardLessonList .lessonIcon .lessonFilter button{min-width:auto;width:63px;padding:0;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationHolder{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox{border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;position:relative;overflow:hidden;padding:10px 13px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox:not(:last-child){margin-bottom:9px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxHeading{width: calc(100% - 20%);} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxHeading .certificationBoxHeadingTitle{color: var(--sys-dark);font-weight:600;margin-bottom:5px;overflow: hidden;text-overflow: ellipsis;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxHeading .certificationBoxHeadingTitleSpan{display:inline-block;vertical-align:top;overflow: hidden;text-overflow: ellipsis;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxIcon{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxIcon svg{vertical-align:middle;} 

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin{border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;position:relative;overflow:hidden;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin:not(:last-child){margin-bottom:5px;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinHeading{padding:7px 13px;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinHeading .notePinHeadingTitle{color: var(--sys-dark);font-weight:600;margin-bottom:5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinHeading .notePinHeadingTitleSpan{display:inline-block;vertical-align:top;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent{border-top:1px solid rgba(21, 21, 22, 0.05);padding:7px 13px; flex-wrap: wrap;gap: 5px;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinIcon{display: flex;gap: 3px; flex-shrink: 0;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinIcon svg{vertical-align:middle;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinIcon .notePinIconText {margin-left:2px;color: var(--accent1);line-height: 100%;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails{} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul{display: flex;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul li{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.40);font-weight:600;position:relative;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul li:not(:last-child){margin-right:8px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul li:last-child a:first-child:after{content:"";width:4px;height:4px;background:#E8E8E8;border-radius:50%;position:absolute;right:-9px;top:50%;transform:translateY(-50%);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul li a{display:block;color:inherit;position: relative;} 
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul li:last-child {white-space: nowrap;display: flex; gap: 15px;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin.pinned{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin.pinned:before{background:var(--accent2);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin.pinned .notePinContent .notePinIcon .notePinIconText {color: var(--accent2);} 

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxNoInfoIcon { width: 100%; margin-bottom: 13px; }
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxNoInfoIcon svg{vertical-align:middle;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxNoInfoDesc span{color: rgba(21, 21, 22, 0.4);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxNoInfoDesc span small{display:block;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn{background: var(--sys-white);border: 1px solid rgba(21, 21, 22, 0.05);border-radius: 8px;padding:8px;height:60px;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon{width:44px;height:44px;border-radius:4px;position:relative;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardDesc{}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardDesc h2{color:var(--sys-dark);font-weight:600;margin-bottom:2px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardDesc a{color:rgba(21, 21, 22, 0.4);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardDesc a:hover {text-decoration: underline;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard.dashboardCard1 .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon{background: rgba(255, 122, 72, 0.1); border: 1px solid rgba(255, 122, 72, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard.dashboardCard2 .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon{background: rgba(41, 76, 153, 0.1); border: 1px solid rgba(41, 76, 153, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard.dashboardCard3 .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon{background: rgba(74, 186, 123, 0.1); border: 1px solid rgba(74, 186, 123, 0.1); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard.dashboardCard4 .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon{background: rgba(247, 43, 43, 0.1);border: 1px solid rgba(247, 43, 43, 0.1);box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);}


.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn a.dashboardCardArrow{width:32px;height:32px;background: var(--accent2-5); border: 1px solid var(--accent2-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn a.dashboardCardArrow svg {fill: var(--accent2) !important;}

.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn a.dashboardCardArrow:hover{background:var(--accent2);}
.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn a.dashboardCardArrow:hover svg{fill:#fff!important;}
/*END LMS MEMBERS PAGE*/


/*START NEW LMS DASHBOARD DESIGN*/


.container.lms-container:has(.LMSDashboard[style="display:block;"]) footer { margin-top: 0; align-self: auto; }
main.main-content.LMSDashboard { padding: 24px; position: relative; /*overflow: hidden;height:100%;*/ display: flex ; flex-direction: column;  font-family: Sohne;}
main.main-content.LMSDashboard .wrapper{max-width: 1464px;margin: 0 auto;}

main.main-content.LMSDashboard .LMSDashboard-con{}
.LMSDashboard-Boxes{display:flex;flex-direction:column;gap:24px;}
.LMSDashboard-Boxes .LMSBox{}

.LMSDashboard-Boxes .LMSBox.LMSBox1{/*min-height:300px;*/display: flex ; align-items: stretch; height: 100%;}

.LMSGreetings{align-self: center;width: 25%;display: inline-block;vertical-align: middle;}
.LMSGreetings .LMSGreetingDate{ width: 140px;max-width:100%; height: 21px; background: rgba(255, 122, 72, 0.1); box-shadow: 0px 6px 6px rgba(255, 122, 72, 0.05); border-radius: 200px; padding:6px 7px;}
.LMSGreetings .LMSGreetingDate span{position:relative;font-style: normal;font-weight: 500;font-size: 12px;letter-spacing: -0.01em;color: #FF7A48;display:flex;gap:6px;align-items: center;line-height:100%;}
.LMSGreetings .LMSGreetingDate span:before{content:"";display:block;width: 7px; height: 7px;  background: #FF7A48; box-shadow: 0px 2px 3px rgba(255, 122, 72, 0.25), 0px 6px 6px rgba(255, 122, 72, 0.15); border-radius: 200px; }

.LMSGreetings h2{ font-style: normal; font-weight: 600; font-size: 44px;  letter-spacing: -0.03em; color: #151516;margin:16px 0 12px;}
.LMSGreetings p{ font-style: normal; font-weight: 400; font-size: 16px;  letter-spacing: -0.03em; color: rgba(21, 21, 22, 0.45);  }

.LMSGreetings .LMSGreetingsBtn{margin:22px 0 0;}
.LMSGreetings .LMSGreetingsBtn li{}
.LMSGreetings .LMSGreetingsBtn li button {padding: 0; min-width: 129px; width: 100%; padding: 12px 13px; height: 34px; line-height: 34px;display:flex;gap:8px;align-items:center; font-style: normal; font-weight: 500; font-size: 14px;  letter-spacing: -0.01em;  color: #FFFFFF; justify-content: center;background:#294C99;border:1px solid #294C99;}

.LMSGreetings .LMSGreetingsBtn li button:hover{background:none;color:#294C99;}
.LMSGreetings .LMSGreetingsBtn li button:hover svg path{stroke:#294C99;}


.LMSBanner{/*width:1094px;max-width:100%;background:#000;position:relative;border-radius: 12px;overflow: hidden;*/ width: 74.73%;max-width:100%;background: #fff;position: relative;border-radius: 12px;overflow: hidden; display: inline-block; vertical-align: middle;}
.LMSBanner .LMSBanner-images{background:#fff;display:inline-block;vertical-align:middle;overflow:hidden;border-radius: 8px;position:relative;width: 100%;height: 300px;}
.LMSBanner .LMSBanner-images #banner-images{position:relative;line-height:0;height:100%;display: flex; justify-content: center; align-items: center;}
.LMSBanner .LMSBanner-images #banner-images .slick-list{width:100%;}
.LMSBanner .LMSBanner-images #banner-images img{width:100%;max-width:unset;height:auto;}
.LMSBanner .LMSBanner-images .wrap-slide { position: relative; }
.LMSBanner .LMSBanner-images .slick-track { position: relative; height:100%;}

.LMSBanner-images .slick-dots { position: absolute; bottom: 13px; right: 9px; z-index: 2; }
.LMSBanner-images .slick-dots li { display: inline-block; vertical-align: top; margin: 0 4px; opacity: .5; }
.LMSBanner-images .slick-dots li.slick-active { opacity: 1;}
.LMSBanner-images .slick-dots li button { background: #fff; width: 6px; height: 6px; border-radius: 50%; font-size: 0; padding: 0; }
.LMSBanner-images .slick-dots li.slick-active button {width: 8px; height: 8px;}

.LMSBanner-info{position:absolute;bottom:26px;left:26px;z-index:3;}
.LMSBanner-info:before{content: "";position: absolute; width: 478px; height: 198px; left: 50%; top: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(21, 21, 22, 0.15) 15.5%, rgba(21, 21, 22, 0) 100%);  transform: translate(-50%, -50%);z-index:-1;}

.LMSBanner-info h3{position:relative;padding-left:21px; font-style: normal; font-weight: 600; font-size: 12px;letter-spacing: -0.03em; color: #FFFFFF;}
.LMSBanner-info h3:before{content:"";display:block; width: 13px;height: 13px;background: linear-gradient(225deg, #FFFFFF 31%, rgba(255, 255, 255, 0.5) 78%, #FFFFFF 100%);
border-radius: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.LMSBanner-info h2{font-style: normal; font-weight: 600; font-size: 26px; letter-spacing: -0.03em; color:#fff; margin:12px 0 18px; }
.LMSBanner-info a{ width: 121px; height: 28px; background: #FFFFFF; box-shadow: 0px 2px 6px rgba(50, 67, 78, 0.06); border-radius: 6px; font-style: normal; font-weight: 500; font-size: 14px; letter-spacing: -0.01em; color: #151516; display: flex ; justify-content: center; align-items: center; gap: 8px; }
.LMSBanner-info a:hover{opacity:.5;}

.LMSDashboard-Boxes .LMSBox.LMSBox2 {min-height: 423px;}
.LMSBox2-Details{display:flex;flex-direction:row;gap:16px;}

.CalendarPromotion{display:flex;flex-direction:column;gap:23px;width:354px;max-width:100%;}
.CalendarPromotion .LMSCalendar{ width: 100%; height: 136px; background: #FFFFFF; box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.02); border-radius: 12px; padding:6px;display: flex; flex-direction: column; justify-content: space-between;}
.CalendarPromotion .LMSCalendar .LMSCalendarHeader{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;}

.CalendarPromotion .LMSCalendar .LMSCalendarHeader .LMSCalendarHeaderDate{display:flex;align-items:center;gap:6px;}
.CalendarPromotion .LMSCalendar .LMSCalendarHeader .LMSCalendarHeaderDate h2{ font-style: normal; font-weight: 600; font-size: 19px; letter-spacing: -0.03em; color: #151516; }

.LMSCalendarHeaderDate .LMSCalendarHeaderMonths{position:relative;z-index:1;}
.LMSCalendarHeaderDate .LMSCalendarHeaderMonths #LMSCalendarHeaderMonthsTypeFilter{display:flex;align-items:center;gap:6px;}
.LMSCalendarHeaderDate .LMSCalendarHeaderMonths #LMSCalendarHeaderMonthsTypeFilter span{ font-style: normal; font-weight: 600; font-size: 19px; line-height:100%; letter-spacing: -0.03em;  color: rgba(21, 21, 22, 0.4);  }
.LMSCalendarHeaderDate .LMSCalendarHeaderMonths #LMSCalendarHeaderMonthsTypeFilter i{flex-shrink: 0;line-height: 0;}
.LMSCalendarHeaderDate .LMSCalendarHeaderMonths #LMSCalendarHeaderMonthsTypeFilter.select-dropdown.open i svg { transform: rotate(180deg); }
.LMSCalendarHeaderDate .LMSCalendarHeaderMonths #LMSCalendarHeaderMonthsTypeFilter svg{}
.LMSCalendarHeaderDate .LMSCalendarHeaderMonths #LMSCalendarHeaderMonthsTypeFilter svg path{}

.LMSCalendarHeaderDate .LMSCalendarHeaderMonths ul{padding:5px 10px;}
.LMSCalendarHeaderDate .LMSCalendarHeaderMonths ul li{display:block;padding:1px 0;text-align: left; color: #15151666;cursor: pointer; white-space: nowrap;line-height:100%;}
.LMSCalendarHeaderDate .LMSCalendarHeaderMonths ul li:hover{color: var(--accent2);}

.CalendarPromotion .LMSCalendar .LMSCalendarHeader a{display:flex;gap:7px;justify-content:center;align-items:center; width: 75px; height: 24px; background: #F3F6F8; border-radius: 6px; font-style: normal; font-weight: 500; font-size: 14px;  letter-spacing: -0.01em;  color: #151516; }
.CalendarPromotion .LMSCalendar .LMSCalendarHeader a:hover{opacity:.5;}

.CalendarPromotion .LMSCalendarDays{ height: 80px;  background: linear-gradient(450deg, rgba(255, 122, 72, 0.012) 0%, rgba(255, 122, 72, 0.06) 100%); border-radius: 6px; padding:6px;}
.CalendarPromotion .LMSCalendarDays ul{display:flex;justify-content: space-evenly;height:100%;}
.CalendarPromotion .LMSCalendarDays ul li{display:block;width:100%;height:100%;text-align:center;vertical-align:middle;}
.CalendarPromotion .LMSCalendarDays ul li a{display: flex ; height: 100%; justify-content: center; align-items: center; flex-direction: column;gap:10px;position:relative;}
.CalendarPromotion .LMSCalendarDays ul li a div{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 100%;  letter-spacing: -0.02em;  color: rgba(21, 21, 22, 0.25);  }
.CalendarPromotion .LMSCalendarDays ul li a span{display: block;position: relative;font-style: normal; font-weight: 600; font-size: 16px; line-height: 100%;  letter-spacing: -0.02em;  color: rgba(21, 21, 22, 0.25);  }


.CalendarPromotion .LMSCalendarDays ul li.today a{ background: linear-gradient(180deg, #FF7A48 0%, rgba(255, 122, 72, 0.75) 100%); border-radius: 6px; }
.CalendarPromotion .LMSCalendarDays ul li.today a div{ color: rgba(255, 255, 255, 0.75);  }
.CalendarPromotion .LMSCalendarDays ul li.today a span{color:#fff;}

.CalendarPromotion .LMSCalendarDays ul li.marked a{}
.CalendarPromotion .LMSCalendarDays ul li.marked a:before{content:""; position: absolute; width: 16px; height: 16px;   background: radial-gradient(37.5% 37.5% at 50% 50%, #5A4CFF 0%, #BAB4FF 100%); border: 3px solid #FFF7F4; border-radius: 200px;top: -5px; right: -8px; }


.CalendarPromotion .LMSPromotion{width: 100%;height: 264px; padding:6px; background: linear-gradient(180deg, #FFFFFF 37.66%, #FFF5DB 80.16%, #FFE8B0 100%); box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.02); border-radius: 12px; }
.CalendarPromotion .LMSPromotion .LMSPromotionHeading{padding:24px 10px 23px;display:flex;justify-content:center;position:relative;}
.CalendarPromotion .LMSPromotion .LMSPromotionHeading h2{ font-style: normal; font-weight: 600; font-size: 22px; line-height: 100%;  letter-spacing: -0.03em;  color: #EB5C26;  }
.CalendarPromotion .LMSPromotion .LMSPromotionHeading a{display:flex;align-items:center;justify-content:center; width: 24px; height: 24px; background: rgba(255, 122, 72, 0.1); border-radius: 6px;position:absolute;right:20px;}
.CalendarPromotion .LMSPromotion .LMSPromotionHeading a svg{}
.CalendarPromotion .LMSPromotion .LMSPromotionHeading a svg path{}

.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder{}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImg{margin:0 auto 12px; box-sizing: border-box; width: 58px; height: 58px;  background: rgba(255, 178, 46, 0.25); border: 1px solid #FFB22E; border-radius: 200px; position:relative;z-index:1;display: flex ; justify-content: center; align-items: center;}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImg:before{content:""; width: 174px; height: 94px;  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 227, 158, 0.6) 0%, rgba(255, 227, 158, 0) 100%); border-radius: 12px; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImg img{display:block;border-radius:100px;overflow:hidden;}

.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails{}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsName{display:flex;align-items:center;justify-content:center;gap:3px;}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsName h2{ font-style: normal; font-weight: 600; font-size: 16px; line-height:100%; letter-spacing: -0.03em;  color: #EB5C26;  }
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsName i{flex-shrink: 0;line-height: 0;}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsName i svg{}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsName i svg path{}

.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsLink{display:flex;align-items:center;justify-content:center;gap:4px;margin:6px auto 0;}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsLink a{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 100%;  letter-spacing: -0.03em;  color: #FF7A48;  }
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsLink i{flex-shrink: 0;line-height: 0;}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsLink i svg{}
.CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsLink i svg path{}

.CalendarPromotion .LMSPromotion .LMSPromotionBoxes{display:flex;justify-content:space-evenly;gap:6px;margin: 25px auto 0;}
.CalendarPromotion .LMSPromotion .LMSPromotionBox{display:flex; align-items:center;justify-content:center;width:100%;height: 52px;  background: linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)); border-radius: 6px; }
.CalendarPromotion .LMSPromotion .LMSPromotionBox .LMSPromotionBoxDetails{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;}
.CalendarPromotion .LMSPromotion .LMSPromotionBox .LMSPromotionBoxDetails h2{font-style: normal; font-weight: 400; font-size: 14px; line-height: 100%;  letter-spacing: -0.03em;  color: rgba(21, 21, 22, 0.4);  }
.CalendarPromotion .LMSPromotion .LMSPromotionBox .LMSPromotionBoxDetails span{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 100%;  letter-spacing: -0.03em;  color: #151516;  }



.LMSDashboardReports{width:724px;max-width:100%; height: 423px;  background: #FFFFFF; box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.02); border-radius: 12px; }

.LMSDashboardReports .LMSHomeDashboard{}
.LMSDashboardReports .LMSHomeDashboard ul{display:flex;border: 1px solid #1515160D;}
.LMSDashboardReports .LMSHomeDashboard ul li{display:inline-block;vertical-align:middle;text-align:center;position:relative;width:25%;padding:30px 0;}
.LMSDashboardReports .LMSHomeDashboard ul li:not(:last-child):before{content: ""; display: block; width: 1px; height: 100%;position: absolute; right: 0; bottom: 0; background: #1515160D;}
.LMSDashboardReports .LMSHomeDashboard ul li i{display: block; margin: 0 auto; width: 20px; height: 20px; position: relative;}
.LMSDashboardReports .LMSHomeDashboard ul li i:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 38px;height: 38px;display:block;}
.LMSDashboardReports .LMSHomeDashboard ul li i svg{}
.LMSDashboardReports .LMSHomeDashboard ul li i svg path{}
.LMSDashboardReports .LMSHomeDashboard ul li span{display:block; font-style: normal; font-weight: 400; font-size: 12px; line-height: 100%;  letter-spacing: -0.03em;  color: #15151666;  margin:10px 0;}
.LMSDashboardReports .LMSHomeDashboard ul li h2 {display:block; font-style: normal; font-weight: 600; font-size: 24px; line-height: 100%;  letter-spacing: -0.03em;}
.LMSDashboardReports .LMSHomeDashboard ul li h2 small{ font-style: normal; font-weight: 600; font-size: 14px; line-height: 100%;  letter-spacing: -0.03em;  color: #665CDA;  text-shadow: 0px 4px 10px rgba(102, 92, 218, 0.18); }

.LMSDashboardReports .LMSHomeDashboard ul li:nth-child(1) i:before{content:"";border: 3px solid rgba(102, 92, 218, 0.5); filter: blur(12.5px); }
.LMSDashboardReports .LMSHomeDashboard ul li:nth-child(2) i:before{content:"";border: 3px solid rgba(80, 167, 113, 0.5); filter: blur(12.5px); }
.LMSDashboardReports .LMSHomeDashboard ul li:nth-child(3) i:before{content:"";border: 3px solid rgba(255, 122, 72, 0.5); filter: blur(12.5px); }
.LMSDashboardReports .LMSHomeDashboard ul li:nth-child(4) i:before{content:"";border: 3px solid rgba(244, 57, 57, 0.5); filter: blur(12.5px); }

.LMSDashboardReports .LMSHomeDashboard ul li:nth-child(1) h2 {color: #665CDA; text-shadow: 0px 4px 10px rgba(102, 92, 218, 0.18); }
.LMSDashboardReports .LMSHomeDashboard ul li:nth-child(2) h2 {color: #50A771;  text-shadow: 0px 4px 10px rgba(80, 167, 113, 0.18); }
.LMSDashboardReports .LMSHomeDashboard ul li:nth-child(3) h2 {color: #FF7A48;  text-shadow: 0px 4px 10px rgba(255, 122, 72, 0.18); }
.LMSDashboardReports .LMSHomeDashboard ul li:nth-child(4) h2 {color: #F43939;  text-shadow: 0px 4px 10px rgba(244, 57, 57, 0.18); }


.LMSReports{}
.LMSReports .LMSReportsHeading{display:flex;justify-content:space-between;align-items:center;padding:18px;}
.LMSReports .LMSReportsHeading h2{ font-style: normal; font-weight: 600; font-size: 14px; line-height: 100%;  letter-spacing: -0.03em;  color: #151516;  }
.LMSReports .LMSReportsHeading span{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 100%; letter-spacing: -0.03em;  color: rgba(21, 21, 22, 0.25);  }


.LMSReports .chart-wrapper { width: 100%; height: 240px; position: relative; padding:0 0 14px;}

.LMSReports .chart-wrapper canvas { width: 100% !important; height: 100% !important;}

.LMSReports .chart-wrapper canvass { position: relative; z-index: 2; }
.LMSReports .chart-wrapper canvass::after { content: ''; position: absolute; bottom: 0; height: 20px; width: 100%; background: linear-gradient(to bottom, transparent, white); z-index: 3; }

.NotesResources{display:flex;flex-direction:column;gap:23px;width:354px;max-width:100%;}
.NotesResources .LMSNotes{ width: 100%; height: 136px; background: #FFFFFF; box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.02); border-radius: 12px; padding:6px;display: flex; flex-direction: column; justify-content: space-between;}
.NotesResources .LMSNotes .LMSNotesHeader{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;}
.NotesResources .LMSNotes .LMSNotesHeader h2{ font-style: normal; font-weight: 600; font-size: 19px; letter-spacing: -0.03em; color: #151516; }
.NotesResources .LMSNotes .LMSNotesHeader a{display:flex;gap:7px;justify-content:center;align-items:center; width: 75px; height: 24px; background: #F3F6F8; border-radius: 6px; font-style: normal; font-weight: 500; font-size: 14px;  letter-spacing: -0.01em;  color: #151516; }
.NotesResources .LMSNotes .LMSNotesHeader a:hover{opacity:.5;}

.NotesResources .LMSNotes .LMSNotesPin{padding:12px 12px 10px; height: 80px;  background: linear-gradient(180deg, rgba(21, 21, 22, 0.04) 0%, rgba(21, 21, 22, 0.02) 100%); border-radius: 6px;display:flex;flex-direction:column;gap:8px;justify-content: space-between;}
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinDetails{ font-style: normal; font-weight: 400; font-size: 16px;   letter-spacing: -0.03em;  color: #151516; line-height:1;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfo{display:flex;justify-content:space-between;align-items:center;}
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfo .LMSNotesPinInfoIcon{display:flex;gap:6px;align-items:center;}
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfo .LMSNotesPinInfoIcon svg{}
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfo .LMSNotesPinInfoIcon svg path{}
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfo .LMSNotesPinInfoIcon .LMSNotesPinInfoIconText{ font-style: normal; font-weight: 500; font-size: 12px;  letter-spacing: -0.03em;  color: #151516; line-height:1;}

.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfoDetails{}
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfoDetails ul{display: flex;gap:15px;}
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfoDetails ul li{display: inline-block; vertical-align: middle; color: rgba(21, 21, 22, 0.40); font-weight: 400; position: relative; font-style: normal; font-weight: 400; font-size: 12px; letter-spacing: -0.03em; color: rgba(21, 21, 22, 0.3); }
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfoDetails ul li:not(:last-child):after { content: ""; width: 4px; height: 4px; background: #E3E3E3; border-radius: 50%; position: absolute; right: -9px; top: 50%; transform: translateY(-50%); }
.NotesResources .LMSNotes .LMSNotesPin .LMSNotesPinInfoDetails ul li a{display: block; color: inherit; position: relative;}

.NotesResources .LMSResources{width: 100%;height: 264px; background: #FFFFFF; box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.02); border-radius: 12px; padding:6px;display: flex; flex-direction: column;gap:3px;}
.NotesResources .LMSResources .LMSResourcesHeader{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;}
.NotesResources .LMSResources .LMSResourcesHeader h2{ font-style: normal; font-weight: 600; font-size: 19px; letter-spacing: -0.03em; color: #151516; }
.NotesResources .LMSResources .LMSResourcesHeader a{display:flex;gap:7px;justify-content:center;align-items:center; width: 75px; height: 24px; background: #F3F6F8; border-radius: 6px; font-style: normal; font-weight: 500; font-size: 14px;  letter-spacing: -0.01em;  color: #151516; }
.NotesResources .LMSResources .LMSResourcesHeader a:hover{opacity:.5;}

.NotesResources .LMSResources .LMSResourcesDetails{}
.NotesResources .LMSResources .LMSResourcesDetails ul{}
.NotesResources .LMSResources .LMSResourcesDetails ul li{display:block;}
.NotesResources .LMSResources .LMSResourcesDetails ul li:not(:last-child){margin-bottom:6px;}
.NotesResources .LMSResources .LMSResourcesDetails ul li a{display:flex;height: 48px; border-radius: 6px; align-items:center;justify-content:space-between;padding:12px 10px;gap:15px;}
.NotesResources .LMSResources .LMSResourcesDetails li:nth-child(3n+1) a{ background: linear-gradient(180deg, rgba(255, 122, 72, 0.1) 0%, rgba(255, 122, 72, 0.05) 100%); }
.NotesResources .LMSResources .LMSResourcesDetails li:nth-child(3n+2) a{ background: linear-gradient(180deg, rgba(41, 76, 153, 0.05) 0%, rgba(41, 76, 153, 0.02) 100%); }
.NotesResources .LMSResources .LMSResourcesDetails li:nth-child(3n+3) a{ background: linear-gradient(180deg, rgba(101, 204, 101, 0.1) 0%, rgba(101, 204, 101, 0.05) 100%); }
.NotesResources .LMSResources .LMSResourcesDetails li a:hover{opacity:.5;}

.NotesResources .LMSResources .LMSResourcesDetails ul li .LMSResourcesDetailsIconTitle{display:flex;align-items:center;overflow:hidden;}
.NotesResources .LMSResources .LMSResourcesDetails ul li .LMSResourcesDetailsIcon{display: flex;justify-content:center;align-items:center; width: 24px; height: 24px;  border-radius: 6px;margin-right:8px;  border-radius: 6px; flex-shrink: 0;}
.NotesResources .LMSResources .LMSResourcesDetails ul li:nth-child(3n+1) .LMSResourcesDetailsIcon { background: linear-gradient(180deg, rgba(255, 122, 72, 0.3) 0%, rgba(255, 122, 72, 0.15) 100%);}
.NotesResources .LMSResources .LMSResourcesDetails ul li:nth-child(3n+1) .LMSResourcesDetailsIcon svg path{fill:#FF7A48;}
.NotesResources .LMSResources .LMSResourcesDetails ul li:nth-child(3n+2) .LMSResourcesDetailsIcon { background: linear-gradient(180deg, rgba(41, 76, 153, 0.15) 0%, rgba(41, 76, 153, 0.075) 100%); }
.NotesResources .LMSResources .LMSResourcesDetails ul li:nth-child(3n+2) .LMSResourcesDetailsIcon svg path{fill:#294C99;}
.NotesResources .LMSResources .LMSResourcesDetails ul li:nth-child(3n+3) .LMSResourcesDetailsIcon { background: linear-gradient(180deg, rgba(101, 204, 101, 0.3) 0%, rgba(101, 204, 101, 0.15) 100%); }
.NotesResources .LMSResources .LMSResourcesDetails ul li:nth-child(3n+3) .LMSResourcesDetailsIcon svg path{fill:#65CC65;}


.NotesResources .LMSResources .LMSResourcesDetails ul li .LMSResourcesDetailsIcon svg{}
.NotesResources .LMSResources .LMSResourcesDetails ul li .LMSResourcesDetailsIcon svg path{}
.NotesResources .LMSResources .LMSResourcesDetails ul li .LMSResourcesDetailsTitle{ font-style: normal; font-weight: 600; font-size: 14px; line-height:100%; letter-spacing: -0.03em;  color: #151516;  position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.NotesResources .LMSResources .LMSResourcesDetails ul li .LMSResourcesDetailsFile{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 100%;  letter-spacing: -0.03em;  color: rgba(21, 21, 22, 0.25);}

.LMSDashboard-Boxes .LMSBox.LMSBox3{min-height: 160px; display: flex ; align-items: center; background: linear-gradient(87.01deg, #151516 33.89%, #2B2B30 47.12%, #151516 53.13%, #262629 64.35%, #6E6E78 73.16%, #45454B 83.58%, #151516 96.81%); border-radius: 12px; padding: 32px; position: relative; overflow: hidden; z-index: 3;}

.LMSBox3-info{}
.LMSBox3-info h3{position:relative;padding-left:21px; font-style: normal; font-weight: 600; font-size: 12px;letter-spacing: -0.03em;  background: linear-gradient(89.63deg, #919199 15.33%, #B7B7C3 53.86%, #78788A 87.58%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.LMSBox3-info h3:before{content:"";display:block; width: 13px;height: 13px;background: linear-gradient(225deg, #ADADB4 16.5%, #C9C9D4 29%, #787882 78.5%); border: 1px solid #151516; box-shadow: 0px 2px 6px rgba(50, 67, 78, 0.06); border-radius: 4px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.LMSBox3-info h2{font-style: normal; font-weight: 600; font-size: 26px; letter-spacing: -0.03em;  background: linear-gradient(89.71deg, #93939C -0.35%, #CCCCD9 54.83%, #A3A3B1 89.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin:12px 0 18px; }

.LMSBox3-info a{ width: 112px; height: 28px; background: linear-gradient(86.93deg, #ADADB4 32%, #B5B5C0 77.5%, #919199 100%); box-shadow: 0px 2px 6px rgba(50, 67, 78, 0.06); border-radius: 6px; font-style: normal; font-weight: 500; font-size: 14px; letter-spacing: -0.03em; color: #151516; display: flex ; justify-content: center; align-items: center; gap: 6px; }
.LMSBox3-info a:hover{opacity:.5;}

.LMSBox.LMSBox3 img { width: 740px; position: absolute; top: 0; left: 49%; pointer-events: none; z-index: -1; max-width: unset; }


.home-dashboard-floating-btn { position: fixed; right: 46px; top: 80px; z-index: 10; }
.home-dashboard-floating-content { display: flex; align-items: center; border-radius: 200px; border: 1px solid rgba(255, 255, 255, 0.20); background: #151516; box-shadow: 0px 12px 12px 0px rgba(21, 21, 22, 0.20); padding: 3px 3px 3px 10px; transform: rotate(270deg); transform-origin: top right; cursor: pointer;}
.home-dashboard-floating-content span { font-family: Sohne; font-weight: 600; font-size: 16px; line-height: 16px; letter-spacing: -0.03em; text-align: center; color: #ffffff; margin: 0 10px 0 6px; }
.home-dashboard-floating-content a {position: relative; z-index: 20;}
.home-dashboard-floating-icon { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 31px; height: 31px; background: #FF7A48; box-shadow: 0px 12px 12px 0px rgba(21, 21, 22, 0.02); transform: rotate(90deg) }

/*END LMS DASHBOARD DESIGN*/

/*TRAINING*/
main.lms-training-page { padding: 0; flex: 1; }
div#training-region, div#mainContent {height: 100%;overflow: visible;flex: 1;}
.train-tabs__wrap { overflow: visible; width: 100%; display: flex; flex-direction: column;padding-bottom: 12px;}

.video-welcome { position: relative; overflow: hidden; border-radius: 0px; width: 100%; padding: clamp(16px, 2.4%, 24px) clamp(16px, 2.4%, 24px) 0; flex-shrink: 0;background: #FFFFFF;}

.video-welcome .playerResultHolder{width: 100%;height: 100%;position: relative;border-radius:14px;overflow:hidden;border: 1px solid rgba(21, 21, 22, 0.05); aspect-ratio: 16/9}
.video-welcome .playerResultHolder #playerResult{width:100%;height:100%;}
.video-welcome .playerResultHolder #playerResult iframe{aspect-ratio: 16 / 9;height: 100%;width: 100%;aspect-ratio: 16 / 9;}

.video-welcome .video-infos { position: absolute; box-sizing: border-box; z-index: 2; font-size: 18px; aspect-ratio: 16 / 9; width: 100%; top: 0; left: 0; padding: clamp(16px, 2.4%, 24px); }
.video-welcome .video-infos div.note { margin: 0; padding: 13px; z-index: 9; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: calc(100% - 96px); width: calc(100% - 96px); border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); }
.video-welcome .video-infos div.note textarea  {width: 100%; max-width: auto; padding: 14px 18px; border: #15151680 solid 1px; border:none;border-radius: 10px;}
.video-welcome .video-infos div.note > ul { display: block; margin-top: 24px; }
ul.video-menu-note { width: 100%; display: flex; align-items: center; }
ul.video-menu-note > li.space { flex-grow: 1; }

.video-welcome .video-infos #divNewNote h3 {margin-bottom: 14px;}
.video-welcome .video-infos #divNewNote .new-note-con {display: flex; flex-direction: column;padding: 0;height: 100%;}
.video-welcome .video-infos #divNewNote .new-note-con textarea {flex-grow: 1;height:100%;height: calc(100% - 90px);}
.video-welcome .video-infos #divNewNote .new-note-con ul {margin-top: 14px;}
.video-welcome .video-infos #divNewNote .new-note-con ul li span {display: block;margin: 0 0 6px; color: var(--sys-dark);}

.video-welcome .video-infos > ul.wide { margin: 0; padding: 0; z-index: 9; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: calc(100% - 48px); width: calc(100% - 48px); border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); }
.video-welcome .video-infos > ul > li { background: var(--white); border-radius: 10px; padding: 0; position: relative; box-shadow: 0 10px 20px rgba(21, 21, 22, .08); padding: 10px 13px;height: 100%;display: flex; flex-direction: column;}
.question-item-header {width: 100%;min-height: 40px; display: flex; justify-content: space-between; align-items: center;position: relative;margin-top: -13px;margin-bottom: 11px;}
.question-item-header:after {content: ""; height: 1px;  background: rgba(21, 21, 22, 0.05);position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% + 26px);}
.question-item-header h3 {color: var(--accent2)}
.question-item-header h3 small {color: #294C9980;}
.question-item-header .modal-close-button {position: relative;top: unset; right: unset;}
.video-menu {display: none;}
.show-qa .video-menu { display: block; margin-top: 23px; }
.video-menu li > input { display: none; }
.video-menu.questions.q2 li { border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03);padding: 11px 12px 11px 55px;position: relative;margin-bottom: 14px; min-height: 56px; display: flex; align-items: center;}
.video-menu li > input ~ label { color: var(--sys-dark);position: static;}
.video-menu li > input ~ label::before { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; cursor: pointer; border-radius:8px;}
.video-menu.questions.q2 > li.selected.correct label:before {border: 1px solid var(--sys-green);}
.video-menu.questions.q2 > li.selected.wrong label:before {border: 1px solid var(--sys-red);}

.video-welcome .video-infos ul li.question-choices small { border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); position: absolute; top: 50%; left: 13px; transform: translateY(-50%); z-index: 1; text-align: center; width: 32px; height: 32px; line-height: 32px; display: block;color: #294C99;}
.video-welcome .video-infos ul li.question-choices:nth-child(3n+2) small { border-radius: 8px; border: 1px solid rgba(247, 43, 43, 0.05); background: rgba(247, 43, 43, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); color: var(--sys-red); }
.video-welcome .video-infos ul li.question-choices:nth-child(3n+3) small {border-radius: 8px; border: 1px solid rgba(74, 186, 123, 0.05); background: rgba(74, 186, 123, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);color: var(--sys-green);}
.video-welcome .video-infos ul li.question-choices:nth-child(3n+4) small {border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); position: absolute; top: 50%; left: 13px; transform: translateY(-50%); z-index: 1; text-align: center; width: 32px; height: 32px; line-height: 32px; display: block;color: #294C99;}

.video-menu.questions.q2 > li.correct small, .video-menu.questions.q2 > li.selected.correct small  {background-color: var(--sys-green); border: 1px solid rgba(74, 186, 123, 0.05); color: var(--sys-white) }
.video-menu.questions.q2 > li.selected.wrong small, .video-menu.questions.q2 > li.selected.wrong small  { background-color: var(--sys-red); }
.video-welcome .video-infos .question-error {margin-top: 8px;}
.video-welcome .video-infos .question-btm {align-self: flex-end;margin-top: auto;width: 100%;display :flex; justify-content: space-between; align-items: center;}
.video-welcome .video-infos .question-btns {align-self: flex-end;margin-left: auto;}

.video-menu.questions.q2 {margin-bottom: 23px;}
.video-menu.questions.q2.video-menu-textarea {flex-grow: 1;height:100%;overflow:auto;}
.video-menu.questions.q2 li.question-textarea-con {padding: 0;height: 96%;}
.video-welcome .video-infos > ul.wide textarea {width: 100%; height: 100%; max-height: 100%; padding: 10px; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); font-family: var(--primary-font); font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: -0.04em; text-align: left; color: var(--sys-dark); overflow: auto;}

.video-menu .complete-box {padding: 14px;background: #fff; border-radius: 16px;box-shadow: 0px 0 5px 5px rgba(21, 21, 22, 0.05);max-width: 632px; width: 80%;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.video-menu .complete-box-result {color: var(--accent2);margin-bottom: 8px;}
.video-menu .complete-box p {margin-bottom: 8px;}
.video-menu .complete-box .complete-box-score {margin-bottom: 9px;}
.video-menu .complete-box button {margin: 15px auto 0;}

.video-menu .complete-box .modal-close-button a {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.training_details {width: 100%; position: relative;background:#FFFFFF;overflow: visible;flex: 1;z-index: 3;}
.train-tabs__wrap input { display: none; }
.train-tabs__wrap label:not(.notlabel)  {background: 0 0; color: rgba(21, 21, 22, 0.4); cursor: pointer; display: inline-block; height: auto; padding: 0 15px; text-align: center; transition: .25s background ease; width: auto; line-height: 57px; position: relative; }
.train-tabs__wrap input:checked + label, .train-tabs__wrap input:hover + label { color: var(--sys-dark);}
.train-tabs__wrap input:checked + label:after, .train-tabs__wrap input:hover + label:after  {content: ""; display: block; width: 100%; height: 2px; background: var(--accent1); position: absolute; bottom: 0; left: 0; }
.train-tabs__wrap input:checked ~ .train-tabs__container { display: block; opacity: 1; }

.train-tabs__wrap input#tab2:checked ~ .train-tabs__container #c2, .train-tabs__wrap input#tab:checked ~ .train-tabs__container #c3 {display: none;}
.train-tabs__wrap input#tab1:checked ~ .train-tabs__container #c1, .train-tabs__wrap input#tab2:checked ~ .train-tabs__container #c2, .train-tabs__wrap input#tab3:checked ~ .train-tabs__container #c3 { display: block; opacity: 1; }
.train-tabs__text#c1 {}
.train-tabs__text#c1 .train-tabs__text-content {display: flex; gap: 14px;}
.train-tabs__text#c1 .train-tabs__text-content .train-tabs__text-left {width: calc(100% - 246px);}
.train-tabs__text#c1 .train-tabs__text-content .train-tabs__text-right {width: 232px; flex-shrink: 0;}

.train-tabs-tablinks-con {padding: 0 clamp(16px, 2.4%, 24px);border-bottom: 1px solid #1515161A;position: relative;background:#FFFFFF;flex-shrink: 0;}
.train-tabs-tablinks {display: flex;gap: 9px;}
.train-tabs-tablinks li a {padding: 16px 0;display: block;position: relative;}
.train-tabs-tablinks li a span {display: block;;padding: 0 9px;color: #15151680; font-weight: 600;font-family: var(--primary-font); border: 1px solid transparent;border-radius: 8px;line-height:100%; display: flex;align-items: center;}
.train-tabs-tablinks li.active a:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; background: var(--accent2);height: 2px; width: 100%;}
.btn-addnote {position: absolute; top: 50%; right: 24px;min-width:0;transform: translateY(-50%);}

.train-tabs__text-header {display: flex; gap: 8px;flex-direction: column;}
.train-tabs__text h3 {font-family: var(--primary-font); font-weight: 600; line-height: 18px; letter-spacing: -0.04em; text-align: left;color: #151516; margin-bottom: 20px}
.train-tabs__text h3 span:first-child {color: #151516;}
.train-tabs__text h3 span {color: #15151666}
.train-tabs__text {display: none; padding: clamp(12px, 2.4%, 20px) clamp(16px, 2.4%, 24px) 0; transition: .25s ease; width: 100%;}
.train-tabs__text.train-tabcontent {flex-direction: column;}

.train-tabs__wrap .train-tabs__container{height: 100%;overflow: visible;}
.train-tabs__container{}


.train-tabs__wrap .linkr i, .train-tabs__wrap i.notice, .train-tabs__wrap li.ping.count > a i { display: inline-block; color: var(--white); margin: 0 0 0 6px; position: relative; vertical-align: middle; z-index: 1; font-style: normal; text-align: center; line-height: 15px; font-size: 60%; width: 15px; height: 15px; background-color: var(--accent2); border-radius: 50%; color: var(--sys-white); letter-spacing: 0; }
.train-tabs__wrap i.notice{display: inline-flex;justify-content: center;align-items: center;line-height: 100%;font-size: 50%;width: 14px;height: 14px;}
.train-tabs__wrap .linkr i::before, .train-tabs__wrap i.notice::before, .train-tabs__wrap li.ping.count > a i::after { content: '';}

.round-photo { width: 36px; height: 36px; overflow: hidden; background: rgba(41, 76, 153, 0.05);border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 6px;}
.round-photo img {object-fit: fill;width: 100%; height: 100%;}
.video-instructor {display: flex; gap: 10px;margin-bottom: clamp(10px,1.3vw,20px);align-items: center;}
.video-instructor-details {line-height: 100%;}
.video-instructor-details span {display: block;  color: var(--sys-dark); line-height: 100%;}
.video-instructor-details small {color: rgba(21, 21, 22, 0.4); line-height: 100%;}

.train-tabs__text-left { border-right: 1px solid #1515161A; flex: 1;padding-right: 24px;}
.train-tabs__text-left p {font-family: var(--primary-font);}
.train-tabs__text-right {padding: 0 50px 0 clamp(10px,1.5%,16px); flex-shrink: 0;width: 28%;flex-shrink: 0;}
.train-tabs__text-right h3 {margin-bottom: clamp(10px,1.5vw,16px);}
.train-tabs__text-right .round-photo {border-radius: 50%;width: 28px; height: 28px;border: 0;}
.train-tabs__text-right .round-photo img {object-fit: cover;}
.train-tabs__text-right p {color: #15151666}
	/*.train-tabs__text#c2 {background: var(--sys-off-white);}*/
	.nap-tab {
	}

.nap-header h2 {margin: 10px auto;color: var(--accent2)}
.nap-content {display: flex; gap: 14px;}
.nap-sidebar {width: 100%;}
.nap-left {width: 232px; overflow-y: auto;}
.nap-sidebar {width: 100%;}

.nap-right {flex-grow: 1;}
.nap-right .msg-content, .nap-right .msg-content .editor {height: 100%;}
.nap-right .msg-content .editor .toolbar {padding: 0 0 10px; border-bottom: 1px solid rgba(21, 21, 22, 0.05);margin-bottom: 15px;width: 100%;}
.nap-right .msg-content .editor .toolbar .line {display: flex; justify-content: space-between; align-items: center;gap: 14px;}
.nap-right .msg-content .editor .toolbar .line .box-wysiwyg {gap: 8px;display: flex;}
.nap-right .msg-content .editor .toolbar .line .box-wysiwyg .btn {width: 22px !important; height: 22px;}
.nap-right .msg-content .editor .toolbar .line .box-wysiwyg .btn img {width: 14px; height: 14px; padding: 0;}
.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu { width: 22px !important; height: 22px !important; gap: 0px; border-radius: 6px; display: block; border: 1px solid #294C991A; background: #294C990D; padding: 0 !important; position: relative;  }
.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu .submenu span:first-child {font-family: var(--primary-font); font-weight: 600 !important; font-size: 16px !important; color: #151516; line-height: 20px;padding: 0 12px !important;margin-bottom: 4px !important;display: block;height: unset !important;}
.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu .submenu span:nth-child(2) {font-family: var(--primary-font); font-weight: 600 !important; font-size: 14px !important; color: #151516; line-height: 18px;padding: 0 12px !important;display: block;height: unset !important;}
.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu .submenu span:nth-child(3) { display: block; border-radius: 4px; background: #15151606; border: 1px solid #1515161A; line-height: 20px; font-family: var(--primary-font); font-weight: 400 !important; font-size: 12px !important; padding: 0 7px !important; width: calc(100% - 10px) !important; margin: 6px auto !important; min-width: unset !important; }
.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu .submenu span:nth-child(4) {margin-bottom: 8px !important;}
.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu .submenu span:nth-child(4), .nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu .submenu span:nth-child(5) {padding: 0 16px !important;font-size: 12px !important; font-family: var(--primary-font); font-weight: 400; color: #151516;height: unset !important;}

.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu .submenu {top: 100%; width: 110px; position: absolute; right: 0; background: var(--sys-white); padding: 10px 0 !important; z-index: 999;display: none;border: 1px solid #1515161A; border-radius: 8px;}
.nap-right .msg-content .toolbar .line .box-wysiwyg .btn.has-submenu.wide .submenu .btn { width: max-content; min-width: 100%; font-size: 12px; color: var(--sys-dark); justify-content: left; box-sizing: border-box; margin: 0; padding: 0 8px; display: block;}
.nap-right .msg-content .editor .toolbar .line .box-wysiwyg #msg-delete {display: block;background: var(--sys-red); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 6px; width: 22px; height: 22px;position: relative;}
.nap-right .msg-content .editor .toolbar .line .box-wysiwyg #msg-delete img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.nap-right .editor .toolbar .line .box-wysiwyg .btn.has-submenu:hover .submenu { display: block; }
.nap-right .editor .toolbar .line .box-wysiwyg .btn:hover, .editor .toolbar .line .box-wysiwyg .btn.active { background-color: #e1e1e1; cursor: pointer; }
.nap-right .msg-header {flex-grow: 1;}
.nap-right .msg-header-con {display: flex;gap: 7px; width: 100%;color: rgba(21, 21, 22, 0.5);}
.nap-right .msg-header-con a {line-height: 100%; font-family: var(--primary-font);color: #15151680}
.nap-right .msg-header-con q {color:#e7e3e2; line-height: 0;}
.nap-right .msg-content .content-area {padding: 0;height: 80%;}
.nap-right .msg-content textarea {background: transparent;padding: 0 !important;box-shadow: unset !important;border-radius: 0 !important;height: 100%;border: 0;min-height: 100px;}

.notesPinsSidebar .notePin{border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;position:relative;overflow:hidden;cursor: pointer}
.notesPinsSidebar .notePin:before {content: ""; display: block; width: 2px; height: 100%; position: absolute; top: 0; left: 0; background: #FF7A48;}
.notesPinsSidebar .notePin:not(:last-child){margin-bottom:14px;}

.notesPinsSidebar .notePin .notePinHeading{padding: 13px;} 
.notesPinsSidebar .notePin .notePinHeading .notePinHeadingTitle{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;color: var(--sys-dark);font-weight:600;margin-bottom:5px;text-overflow: ellipsis;}
.notesPinsSidebar .notePin .notePinHeading .notePinHeadingTitleSpan {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; vertical-align: top; text-overflow: ellipsis;}
.notesPinsSidebar .notePin .notePinContent{border-top:1px solid rgba(21, 21, 22, 0.05);padding:8px 15px;} 
.notesPinsSidebar .notePin .notePinContent .notePinIcon{line-height: 100%;}
.notesPinsSidebar .notePin .notePinContent .notePinIcon svg{vertical-align:middle;fill: #FF7A48 !important;} 
.notesPinsSidebar .notePin .notePinContent .notePinIcon svg.icon-accent2 {fill: #294C99 !important;}

.notesPinsSidebar .notePin .notePinContent .notePinIcon .notePinIconText {margin-left:2px;color: #FF7A48;} 

.notesPinsSidebar .notePin .notePinContent .notePinDetails{} 
.notesPinsSidebar .notePin .notePinContent .notePinDetails ul{line-height: 100%;} 
.notesPinsSidebar .notePin .notePinContent .notePinDetails ul li{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.40);font-weight:600;position:relative;} 
.notesPinsSidebar .notePin .notePinContent .notePinDetails ul li:nth-child(1){max-width: 48px; text-overflow: ellipsis; white-space: nowrap;}
.notesPinsSidebar .notePin .notePinContent .notePinDetails ul li:not(:last-child){margin-right:16px;}
.notesPinsSidebar .notePin .notePinContent .notePinDetails ul li:not(:last-child):after{content:"";width:4px;height:4px;background:#E8E8E8;border-radius:50%;position:absolute;right:-12px;top:50%;transform:translateY(-50%);}
.notesPinsSidebar .notePin .notePinContent .notePinDetails ul li a{display:block;color:inherit;font-family: var(--primary-font);} 

.notesPinsSidebar .notePin.pinned{position: relative;line-height: 100%;}
.notesPinsSidebar .notePin.pinned:before {content: ""; display: block; width: 2px; height: 100%; position: absolute; top: 0; left: 0;background: #294C99}
.notesPinsSidebar .notePin.pinned .notePinContent .notePinIcon .notePinIconText {color: #294C99} 

.lms-course-content { align-items: stretch; display: flex ; justify-content: space-between; overflow: visible; position: relative;min-height: 100%;}
.lms-content-con { overflow: visible; padding-right: 0; background: #FFFFFF; width: 66%; display: flex; flex-direction: column; }
.lms-course-sidebar { width: 34%; background: var(--sys-white); border: 1px solid rgba(21, 21, 22, 0.05); border-radius: 0; overflow: visible; flex-shrink: 0; display: flex; flex-direction: column; position: absolute; right: 0; height: 100%;}
.lms-course-sidebar .lms-course-progress-chart-con {border-bottom: 1px solid #1515161A; padding: clamp(16px,4.25%,22px);}
.lms-course-sidebar .lms-course-progress-chart-con h3 {line-height: 100%;margin-bottom: clamp(16px,1.4vw,22px)}
.lms-course-sidebar .lms-course-progress-chart-con ul li {padding: 0; margin-bottom: 11px;}
.lms-course-sidebar .lms-course-progress-chart-con ul li span {color: #15151699; line-height: 12px;font-weight: 500;}
.lms-course-sidebar .lms-course-progress-chart-con ul li .legend-circle {display: block; width: 11px; height: 11px; border-radius: 50%;}
.lms-course-sidebar .lms-course-progress-chart-con ul li:first-child .legend-circle {background: #3B6BE8; box-shadow: 0px 4px 4px 0px #3B6BE840; }
.lms-course-sidebar .lms-course-progress-chart-con ul li:nth-child(2) .legend-circle {background: #FF7A48; box-shadow: 0px 4px 4px 0px #FF7A4880; }
.lms-course-sidebar .lms-course-progress-chart-con ul li:last-child .legend-circle {background: #1515161A; box-shadow: 0px 4px 4px 0px #1515160D; }
.lms-course-sidebar .lms-course-progress-chart-con ul li:last-child {margin: 0;}

.lms-course-sidebar .lms-course-progress-chart-circle-con {position: relative; width: 101px; height: 101px;padding-top: 4px;}
.lms-course-sidebar .lms-course-progress-chart-circle-con .lms-course-progress-perc {position: absolute; width: 100%; height: 100%; top: 2px; left: 0; display: flex; justify-content: center; align-items: center;letter-spacing: unset;font-family: Sohne; font-weight: 600;letter-spacing: normal;}
.lms-course-sidebar .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle {position: relative; width: 101px; height: 101px;}
.lms-course-sidebar .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle .rect { position: absolute; width: 2px; height: 6px; background-color: #D0D0DA; border-radius: 1px; transform-origin: center top; }

.lms-course-sidebar .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle .rect:nth-child(-n + 18).shaded-oval-complete::before {box-shadow:  0px 0.53px 1.86px 0px #294C992A, 0px 2.32px 3.86px 0px #294C9945, 0px 5.69px 7.7px 0px #294C9958, 0px 10.95px 15.09px 0px #294C996B !important; }
.lms-course-sidebar .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle .rect:nth-child(n+19):nth-child(-n+125).shaded-oval-complete::before {box-shadow:  0px 0.53px 1.86px 0px #294C992A, 0px 1.32px 1.86px 0px #294C9945, 0px 2.69px 3.7px 0px #294C9958, 0px 5.95px 7.09px 0px #294C996B !important; }
.lms-course-sidebar .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle .rect.shaded-oval-complete::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; z-index: -1; width: 100%; height: 100%; display: block; box-shadow:  0px -0.53px 1.86px 0px #294C992A, 0px -2.32px 3.86px 0px #294C9945, 0px -5.69px 7.7px 0px #294C9958, 0px -5.95px 15.09px 0px #294C996B, 0px -9.43px 27.75px 0px #294C9986, 0px -14.43px 47.38px 0px #294C99B0; }

.plan-list { padding: 0; width: 100%;display: flex; flex-direction: column;height: calc(100% - 146px);}
.plan-list .plan-list-header {display: flex; align-items: center;/*border-bottom: 1px solid rgba(21, 21, 22, 0.05);*/position: sticky; z-index: 997; top: 0;background: var(--sys-white);padding: clamp(16px, 3.75%, 20px) clamp(16px, 4.25%, 22px) clamp(16px, 3.5%, 18px);}
.plan-list .training-modules {flex-grow: 1; overflow: auto;padding-bottom: 15px;}
.plan-list h3 {padding: 12px 22px 0; color: var(--sys-dark); position: relative; background: #FFFFFF !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.plan-list h3:first-child {padding: 12px clamp(16px, 4.25%, 22px) 0;}

.plan-list ul li {padding: 0;margin: 0;position: relative;}
.plan-list ul li:after {content: ""; display: block; height: 1px; width: calc(100% - 32px);position: absolute; bottom: 0; margin: 0 auto;background: rgba(21, 21, 22, 0.05); left: 0; right: 0;}
.plan-list ul li:last-child:after {display: none;}

.plan-list ul li .lms-course-title {color: var(--sys-dark);white-space: nowrap; text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.plan-list ul li .lms-course-title span {white-space: nowrap; text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.plan-list ul li section {display: inline-block;vertical-align: middle; width: calc(100% - 60px);overflow: hidden;}
.plan-list ul li section span {line-height: 120%;margin-top: 6px;}
.plan-list ul li small {display: block; line-height: 100%;}
.plan-list ul li .plan-list-right {display: flex;gap: 14px; align-items: center;}
.plan-list ul li .plan-list__course-box { position: relative; clear: both; overflow: hidden; padding: 13px clamp(16px, 4.25%, 22px) 13px 65px !important;display: flex; justify-content: space-between; align-items: center;}
/*.plan-list ul li:first-child .plan-list__course-box {padding-top: 0 !important;}*/
.plan-list ul li .plan-list__desc-box {padding: 0 22px 12px;position: relative;}
.plan-list ul li .plan-list__desc-box:after {content: ""; display: block; height: 1px; width: calc(100% - 28px);position: absolute; bottom: 0px; margin: 0 auto;background: rgba(21, 21, 22, 0.05); left: 0; right: 0;}
.plan-list ul li .plan-list__desc-box section {display: flex; justify-content: space-between; align-items: center;width: 100%;}
.plan-list ul li .plan-list__desc-box section .plan-list-btns {display: flex; align-items: center;gap: 8px;}
.plan-list ul li .plan-list__desc-box section .plan-list-btns a{line-height:22px;}
.plan-list ul li .plan-list__desc-box section .plan-list-btns a:first-child {min-width: 42px;}
.plan-list ul li .plan-list__desc-box span.plan-list-length {color: #15151666; font-family: var(--primary-font);}

.plan-list .plan-list__certificate-box {width: calc(100% - 18px); margin: 0 auto; background: var(--accent2-border); border: 1px solid var(--accent2-border);border-radius: 12px;padding: 10px;}
.plan-list .plan-list__certificate-box-header {display: flex; align-items: center;gap: 10px;margin-bottom: 10px;}
.plan-list .plan-list__certificate-box-header i { display: block; position: relative; width: 32px; height: 32px; border-radius: 8px; box-shadow: 0px 2.5px 5px 0px #15151606; background: var(--accent2) }
.plan-list .plan-list__certificate-box-header i svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.plan-list .plan-list__certificate-box-header span {color: var(--accent2); line-height: 100%;}
.plan-list .plan-list__certificate-form {}
.plan-list .plan-list__certificate-form label {font-weight: 600; color: #151516;margin-bottom: 6px;}
.plan-list .plan-list__certificate-form .form-group {display: flex;gap: 14px;margin-bottom: 12px;}
.plan-list .plan-list__certificate-form .form-group input[type=text] { flex: 1 1 0; padding: 10px 1px; background: none; border: none; border-bottom: 1px solid #15151626; font-family: var(--primary-font); font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.03em; border-radius: 0;}
.plan-list .plan-list__certificate-form .form-group input[type=text]::placeholder {color: #15151633; border-radius: 0;}
.plan-list .plan-list__certificate-form .form-group:last-child {margin-bottom: 0;gap: 10px;align-items: center;}
.plan-list .plan-list__certificate-form .form-group input[type=submit]  {padding: 7px 10px; border-radius: 8px; background: var(--accent2); border: 1px solid #FFFFFF1A; font-family: var(--primary-font); font-size: 12px; font-weight: 600; line-height: 100%; letter-spacing: -0.04em; color: #ffffff; height: 26px; }
.plan-list .plan-list__certificate-form .form-group span{ font-family: var(--primary-font); font-weight: 400; line-height: 12px; letter-spacing: -0.03em; text-align: left; color: #15151673;}

.plan-list ul > li div:nth-child(n+2) { display: none; }
.plan-list ul > li.show div:nth-child(n+2) { display: block; }

.plan-list ul > li > .locked:first-child::before, .plan-list ul > li > div:first-child::before, ul.quiz-results div::before { content: "";background: rgba(41, 76, 153, 0.05);;border: 1px solid rgba(41, 76, 153, 0.05); background-image: url(../../images/remix-icons/lock-line.svg); background-repeat: no-repeat; background-position: center center; width: 32px; height: 32px; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; margin-right: 11px; display: inline-block;  background-size: 16px 16px;position:absolute;left: 22px;}
.plan-list ul > li > div:first-child::before, ul.quiz-results .complete::before  {background: rgba(74, 186, 123, 0.05) ;border: 1px solid rgba(74, 186, 123, 0.05);  background-image: url(../../images/remix-icons/check-double-line.svg);box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;background-repeat: no-repeat;background-size: 16px 16px; background-position: center center;}
.plan-list ul > li > div.retake::before, ul.quiz-results .retake::before  {background: rgba(247, 43, 43, 0.05); border: 1px solid rgba(247, 43, 43, 0.05); background-image: url(../../images/remix-icons/close-line.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z' fill='rgba(247,43,43,1)'%3E%3C/path%3E%3C/svg%3E");}
.plan-list ul > li.show:before {content: ""; display: block; width: calc(100% - 24px); position: absolute; bottom: -1px; left: 0; right: 0; margin: 0 auto;border-radius: 8px;background: #15151606; height: calc(100% + 2px);border: 1px solid #f3f3f3;pointer-events: none;}
.plan-list ul > li:last-child:has(.complete):before {display: none}
.plan-list ul > li:first-child.show:before {height: calc(100% + 32px) }
.plan-list ul li.show:after {display: none;}
.plan-list ul li.show .plan-list__desc-box:after {display: none;}
.plan-list ul > li.show:after {}
.plan-list ul > li > div:first-child::before {}
.plan-list ul:first-child > li:first-child.show:before {height: calc(100% + 20px) !important;}

.plan-list__complete-module { width: calc(100% - 22px); margin: 13px auto -1px; padding: 11px; border: 1px solid #FF5A5F1A; background: #FF5A5F1A; border-radius: 12px;}
.plan-list__complete-module span {color: rgba(247,43,43,1); display: block; margin: 5px 0 22px;padding-left: 44px;position: relative;font-family: var(--primary-font);}
.plan-list__complete-module p {color: #151516;text-align: center;font-size: 14px;line-height: 100%;text-align: left;font-family: var(--primary-font);font-weight: 600;}
.plan-list__complete-module p small {display: block; line-height: 100%; font-weight: 400; color: #15151673; margin-top: 12px;}
.plan-list__complete-module .book-btn-con {display: flex; justify-content: flex-start; align-items: center;margin-top: 12px;}
.plan-list__complete-module .book-btn-con button {line-height: 24px; height: unset;font-size: 12px;padding: 0 11px;}
.plan-list__complete-module a {display: inline-block; width: auto;max-width: 100%;line-height: 30px;}
.plan-list__complete-module span:before { background: #FF5A5F; border: #FF5A5F; background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; background-image: url('data:image/svg+xml,%3Csvg width%3D%2215%22 height%3D%2214%22 viewBox%3D%220 0 15 14%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M5.33268 10H12.1575L13.3327 10.9234V4H13.9993C14.3675 4 14.666 4.29848 14.666 4.66667V13.6667L11.6963 11.3333H5.99935C5.63116 11.3333 5.33268 11.0349 5.33268 10.6667V10ZM3.63572 8.66667L0.666016 11V0.666667C0.666016 0.29848 0.964496 0 1.33268 0H11.3327C11.7009 0 11.9993 0.29848 11.9993 0.666667V8.66667H3.63572Z%22 fill%3D%22white%22/%3E%3C/svg%3E'); content: ""; width: 32px; height: 32px; margin-right: 11px; display: inline-block; position: absolute; left: 0; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; top: 50%; transform: translateY(-50%) }

#LessonDocuments h2 {margin: 4px 0 15px; display: block; color: #151516;font-family: var(--primary-font);margin-bottom: clamp(10px,1vw,15px)}

.lesson-documents-empty h2 {margin: 10px auto;color: var(--accent2)}
.lesson-documents-item:before {content: ""; display: block; width: 2px; height: 100%; position: absolute; top: 0; left: 0; background: #FF7A48; z-index: 3;}
.lesson-documents {position:relative;}
.lesson-documents {display: flex; flex-wrap: wrap;gap: 13px;width: 100%;}
.lesson-documents-item {width: 49%;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF; position: relative; overflow: hidden;}
.lesson-documents-header { min-height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 13px; border-bottom: 1px solid #1515160D }
.lesson-documents-header span {font-family: var(--primary-font);line-height: 100%; color: #151516;}
.lesson-documents-header p {line-height: 100%;margin-top: 6px;display: block;}
.lesson-documents-header small {color: #15151666; font-weight: 600; font-family: var(--primary-font);line-height: 100%;}
.lesson-documents-header q {color: #1515161A; margin: 0 6px;}
.lesson-documents-desc {padding: 11px 13px;}
.lesson-documents-desc small {display: block;margin-bottom: 5px;color: #15151666}
.lesson-documents-desc span {color: #15151699;font-family: var(--primary-font);}
/*END TRAINING*/

/*NOTES AND PINS*/

.notesPinsHolder{width:100%;height:100%;}
.notesPinsRegion{width:100%;height: calc(100vh - 118px);}
.notesPinsRegion .notesPinsHeading {margin-bottom:19px;}
.notesPinsRegion .notesPinsHeading .notesPinsHeadingTitle{var(--sys-dark);}
.notesPinsRegion .notesPinsHeading .notesPinsHeadingLink{color:rgba(21, 21, 22, 0.5);}

.notesPinsRegion .notesPinsBoxes{width: 100%;height: 100%;height: calc(100% - 51px);}
.notesPinsRegion .notesPinsBoxes .notesPinsBox{height: 100%; max-width: 100%;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox.notesPinsBox1{width:356px;max-width:100%;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox.notesPinsBox2{flex-grow: 2;}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebarHolder{width: 100%;height:100%; overflow-y: auto;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar{}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin{border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;position:relative;overflow:hidden;cursor:pointer;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin:not(:last-child){margin-bottom:14px;}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinHeading{padding:8px 13px;} 
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinHeading .notePinHeadingTitle{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;color: var(--sys-dark);font-weight:600;margin-bottom:5px;text-overflow: ellipsis;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinHeading .notePinHeadingTitleSpan {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; vertical-align: top; text-overflow: ellipsis;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent{border-top:1px solid rgba(21, 21, 22, 0.05);padding:8px 15px;} 
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinIcon{}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinIcon svg{vertical-align:middle;} 

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinIcon .notePinIconText {margin-left:2px;color: var(--accent1);} 

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinDetails{} 
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinDetails ul{} 
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinDetails ul li{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.40);font-weight:600;position:relative;} 
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinDetails ul li:nth-child(1){max-width: 48px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinDetails ul li:not(:last-child){margin-right:8px;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinDetails ul li:not(:last-child):after{content:"";width:4px;height:4px;background:#E8E8E8;border-radius:50%;position:absolute;right:-9px;top:50%;transform:translateY(-50%);}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin .notePinContent .notePinDetails ul li a{display:block;color:inherit;} 

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin.pinned{}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin.pinned:before{background:var(--accent2);}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsSidebar .notePin.pinned .notePinContent .notePinIcon .notePinIconText {color: var(--accent2);} 

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain{height:100%;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsMainHeading{margin-bottom:15px;padding-bottom:11px;border-bottom:1px solid rgba(21, 21, 22, 0.05);}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsMainHeading .notesPinsMainHeadingTitle{}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsMainHeading .notesPinsMainHeadingTitle ul{} 
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsMainHeading .notesPinsMainHeadingTitle ul li{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.5);font-weight:600;position:relative;} 
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsMainHeading .notesPinsMainHeadingTitle ul li:not(:last-child){margin-right:15px;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsMainHeading .notesPinsMainHeadingTitle ul li:not(:last-child):after{content:"";width:4px;height:4px;background:#E7E3E2;border-radius:50%;position:absolute;right:-13px;top:50%;transform:translateY(-50%);}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsMainHeading .notesPinsMainHeadingTitle ul li a{display:block;color:inherit;}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters{}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul{}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul li{display:inline-block;vertical-align:middle;position:relative;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul li a{display:flex;justify-content:center;align-items:center;position:relative;width:22px;height:22px;border-radius: 6px;border: 1px solid rgba(41, 76, 153, 0.10);background: rgba(41, 76, 153, 0.05);}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul li a.editBtn{}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul li a.deleteBtn{border: 1px solid rgba(255, 255, 255, 0.10);background: var(--sys-red);}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul li a svg{vertical-align:middle;}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul li a:hover{}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul li.editBtnHolder:hover > .hasDropdown{display:block;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul li a.editBtn:hover{background-color: #e1e1e1; cursor: pointer;}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul{}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul li{display:block;color:var(--primary-font);}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul li:nth-child(1),
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul li:nth-child(2){font-weight:600;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul li:not(:last-child){margin-bottom:5px;}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul li span{display:block;}
.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul li span label{display:block;border:1px solid transparent;border-radius: 8px;padding:0 7px;cursor:pointer;}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul li:hover span label{color:var(--accent2);}

.notesPinsRegion .notesPinsBoxes .notesPinsBox .notesPinsMain .notesPinsContentFilters ul ul li span label.btxt{padding:3px 7px;}

ul.hasDropdown{position:absolute;top:100%;right:0;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.10); background: #FFF;padding:12px 6px;min-width:110px;width: max-content;margin:0;display:none;z-index:999;}
.formMenu{}

.formNoInput input{display:none;}
.formNoInput input:checked{}
.formNoInput input:checked ~ label { border: 1px solid rgba(21, 21, 22, 0.10)!important; background: #F9F9F9; }


.notesPinsRegion .notesPinsMain textarea { background: none; width: 100%; height: calc(100% - 51px); border: none; }
/*END NOTES AND PINS*/

/*LMS REPORTS*/
.page-report {display: flex; justify-content: space-between; gap: 14px;height: calc(100vh - 117px);}
.reports-left {width: 232px;height:100%;display: flex; flex-direction: column;}
.reports-left-holder{}
.lms-reports__box-holder{overflow-y: auto;flex-grow: 1;}

.lms-reports {display: flex; flex-direction: column;height: 100%;}
.lms-reports__left-header {display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 18px 0; position: relative;}
.lms-reports__left-header button {min-width: 64px;}
.lms-reports__box { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 14px; padding: 9px 12px; position: relative; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); align-items: center;}
.lms-reports__box:last-child {margin-bottom: 0;} 

.lms-reports__box .text-base {color: var(--sys-dark)}
.lms-reports__txt .ttl {padding-bottom: 11px; } 
.lms-reports__txt .percent {} 
.lms-reports__txt .percent span { color: #15151627;} 
.lms-reports__txt .info { color: var(--sys-dark); } 
.lms-reports__txt .info span { background-color: #e3f4ea; border-radius: 5px; color: #72CA98; margin-right: 8px; padding: 2px 7px; }

.lms-reports__status {margin-top: auto;}
.lms-reports__heading { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 56px;padding: 0 13px;border-bottom: 1px solid rgba(21, 21, 22, 0.05);background-color: var(--sys-white);position: sticky; -webkit-position: sticky; top: 0;z-index: 10;}
.main-content .lms-reports__heading .module-select { min-width: 124px; width: auto; height: 32px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.10); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); padding: 0 25px 0px 11px !important; color: #FFF;font-family: var(--primary-font); font-size: 14px; font-weight: 500; line-height: 16px; /* 114.286% */ letter-spacing: -0.56px; appearance: none; -webkit-appearance: none; background: var(--accent2); max-width: 35%;position: relative; line-height: 32px;cursor: pointer;}
.main-content .lms-reports__heading .module-select i {position: absolute; top: 50%; transform: translateY(-50%); right: 4px; line-height: 100%; width: 18px; height: 18px;}
.main-content .lms-reports__heading .module-select .selected-option{ position: relative; cursor: pointer; }

.main-content .lms-reports__heading .module-select .selected-option { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main-content .lms-reports__heading .module-select .module-options {position: absolute; list-style: none; padding: 0; margin: 0; background-color: var(--sys-white); display: none; max-height: 160px; overflow: auto;z-index: 10;right: 0;width: 100%;border-radius: 8px;}
.main-content .lms-reports__heading .module-select .module-options li button {text-align: left;border-radius: 0; width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main-content .lms-reports__heading .module-select .module-options li:hover button {background: var(--accent2);color: var(--sys-white);opacity: 1;transition: 0.3s;}
.main-content .lms-reports__heading .module-select.open .module-options { display: block; }

.lms-reports__graph { background-color: var(--sys-green); bottom: -8px; content: ""; height: 8px; left: 0; position: absolute; z-index: 2; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-right-radius: 8px; }
.lms-reports__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.lms-reports__list .btn-ghost { border: none; }

.lms-reports__txt { display: flex; flex-direction: column; height: 100%; }
.lms-reports__svg { position: relative; } 
.lms-reports__svg svg { height: 54px; width: 54px; } 
.lms-reports__svg small { color: var(--sys-green); left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 47%; transform: translateY(-50%);font-weight: 700;}

.reports-right-holder{flex-grow: 1;background: #F9F9F9;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); position: relative;overflow: hidden;}
.reports-right {height: 100%; }
.reports-right .list-pagination {position: sticky; -webkit-position: sticky; background: #F9F9F9;  width: 100%;padding: 13px 12px; bottom: 0; left: 0;z-index: 3;}
.reports-right .list-pagination small, .reports-right .list-pagination span {margin-right: 3px;}
.reports-right .list-pagination small {color: #15151666;}
.reports-right .list-pagination a.isDisabled { pointer-events: none; cursor: default; text-decoration: none; }

.lms-reports .table-leads.lms {padding: 0 13px; overflow: auto;flex-grow: 1;}
.lms-reports .table-leads.lms table {width: 100%;}
.lms-reports .table-leads.lms thead:after {content: ""; display: block; width: calc(100% + 26px); height: 1px; position: absolute; bottom: -1px; left: -13px; background: rgba(21, 21, 22, 0.10);}
.lms-reports .table-leads.lms thead th {color: rgba(21, 21, 22, 0.40); height: 38px;}
.lms-reports .table-leads.lms tr {color: var(--sys-dark)}
.lms-reports .table-leads.lms tr .text-base {color: var(--sys-dark)}
.lms-reports .table-leads.lms tr.gray { color:#15151680 !important;}
.lms-reports .table-leads.lms thead {position: sticky; -webkit-position: sticky; z-index: 3; background: #F9F9F9;top: 0;max-height: 38px;}
.lms-reports .table-leads.lms thead th { padding: 12px; text-align: left;}
.lms-reports .table-leads.lms tbody {}
.lms-reports .table-leads.lms td { line-height: 18px; width: calc(100% / 3); padding: 13px;vertical-align: middle}
.lms-reports .table-leads.lms td span {}
.lms-reports .table-leads.lms td small {display: block; color: var(--sys-dark);margin-top: 1px;}
.lms-reports .table-leads.lms td .td-questions {color: var(--sys-dark);}

.lms-reports .table-leads.lms td, .lms-reports .table-leads.lms td:first-child, .lms-reports .table-leads.lms td:nth-child(2) { border-bottom: none; }
.lms-reports .table-leads.lms td:first-child { width: 40%; padding-left: 46px; border-radius: 10px 0 0 10px; position: relative; }
.lms-reports .table-leads.lms td:last-child { padding-right: 10px; border-radius: 0 10px 10px 0; width: 20%;}
.lms-reports .table-leads.lms td span.green { color: var(--sys-green); }
.lms-reports .table-leads.lms td span.orange { color: var(--accent1); }
.td-grade span { width: 50px; display: inline-block; }

.lms-reports .table-leads.lms td.td-grade span {text-align: right;}

.lms-reports .table-leads.lms td:first-child i { width: 32px; height: 32px;border-radius: 8px; position: absolute; left: 0; top: 16px;}
.lms-reports .table-leads.lms .row-passed td:first-child i { background: rgba(74, 186, 123, 0.05); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto; border: 1px solid rgba(74, 186, 123, 0.05); background-image: url(../../images/remix-icons/check-double-line.svg); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; }
.lms-reports .table-leads.lms .row-fail td:first-child i { background: rgba(247, 43, 43, 0.05); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; background-size: auto; border: 1px solid rgba(247, 43, 43, 0.05); background-image: url(../../images/remix-icons/close-line.svg); background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; }
.td-grade span {width: 36px;}
.row-passed .td-grade span /*.row-passed .td-attempt*/ { color: var(--sys-green) !important; }
.row-fail .td-grade span /*.row-fail .td-attempt*/ { color: var(--sys-red) !important; }
.row-fail .btn-medium.fail { background-color: var(--sys-red); border-radius: 8px;color: var(--sys-white)}
.row-passed .btn-medium.fail { background-color: var(--sys-green); border-radius: 8px; color: var(--sys-white)}

/* Reset the styles for the range input */
.score-slider {margin: 0; padding: 0; border: initial; -webkit-appearance: none; appearance: none; background: initial; }

/* Reset the track and thumb styles */
.score-slider::-webkit-slider-runnable-track { background: initial; }
.score-slider::-webkit-slider-thumb { -webkit-appearance: initial; appearance: initial; border: initial; background-color: initial; height: initial; width: initial; }

/* Reset styles for Firefox */
.score-slider::-moz-range-track { background: initial; }
.score-slider::-moz-range-thumb { border: initial; background-color: initial; height: initial; width: initial; }

/* Reset styles for IE */
.score-slider::-ms-track { background: initial; }
.score-slider::-ms-thumb { border: initial; background-color: initial; height: initial; width: initial; }

.td-grade__score-container {position: relative;flex-grow: 1;height: 6px;display: flex;}
.score-slider { -webkit-appearance: none;appearance: none;height: 6px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; pointer-events: none; border-radius: 6px;width: 100%;}
.score-slider:focus {outline: none;}
.score-slider:hover { opacity: 1; }
.score-slider::-webkit-slider-thumb, .score-slider::-moz-range-thumb { background-color: transparent;  -webkit-appearance: none; appearance: none;}
.score-slider::-webkit-slider-thumb, .score-slider::-moz-range-thumb, .score-slider::-moz-range-progress { height: 6px; border: none; }
.score-slider::-webkit-slider-thumb, .score-slider::-moz-range-progress { border-radius: 6px; background: linear-gradient(270deg, #4ABA7B 0%, rgba(74, 186, 123, 0.00) 100%) 0% 0% no-repeat padding-box;}
.row-fail .score-slider::-moz-range-progress { background: transparent linear-gradient(270deg, #F72B2B 0%, #F72B2B60 100%) 0% 0% no-repeat padding-box; }
.progress-bar {background: linear-gradient(270deg, #4ABA7B 0%, rgba(74, 186, 123, 0.00) 100%);position: absolute; top: 0; left: 0; height: 6px; transform-origin: left; border-radius: 3px;width: 0;}
.row-fail .progress-bar { background: linear-gradient(270deg, #F72B2B 0%, rgba(247, 43, 43, 0.00) 100%); }
/*LMS REPORTS END*/

/*SEARCH RESULT*/
.searchResultRegion{width:100%;height: calc(100vh - 118px);}
.searchResultRegion .searchResultHeading {margin-bottom:19px;}
.searchResultRegion .searchResultHeading .searchResultHeadingTitle{var(--sys-dark);}
.searchResultRegion .searchResultHeading .searchResultHeadingLink{color:rgba(21, 21, 22, 0.5);}

.searchResultRegion .searchResultBoxesHolder{width: 100%;height: calc(100% - 51px);overflow-y: auto;border: 1px solid rgba(21, 21, 22, 0.05);border-radius: 8px;padding:25px;}
.searchResultRegion .searchResultBoxes{}

.searchResultRegion .searchResultBoxes .searchResultBox{display:inline-block;vertical-align:middle;width:49.5%;min-height:100px;padding:15px;margin-bottom:14px;}
.searchResultRegion .searchResultBoxes .searchResultBox{border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;position:relative;overflow:hidden;cursor:pointer;}
.searchResultRegion .searchResultBoxes .searchResultBox:last-child,
.searchResultRegion .searchResultBoxes .searchResultBox:nth-last-child(2){margin-bottom:0;}

.searchResultRegion .searchResultBoxes .searchResultBox:before{content:"";width:2px;height:100%;background:var(--accent1);position:absolute;top:0;left:0;}

.searchResultRegion .searchResultBoxes .searchResultBox .searchResultHeading{} 
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultHeading .searchResultHeadingTitle{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;color: var(--sys-dark);font-weight:600;margin-bottom:5px;text-overflow: ellipsis;}
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultHeading .searchResultHeadingTitleSpan {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; vertical-align: top; text-overflow: ellipsis;}
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent{border-top:1px solid rgba(21, 21, 22, 0.05);padding:8px 15px;} 
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultIcon{}
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultIcon svg{vertical-align:middle;} 

.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultIcon .searchResultIconText {margin-left:2px;color: var(--accent1);} 

.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultDetails{} 
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultDetails ul{} 
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultDetails ul li{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.40);font-weight:600;position:relative;} 
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultDetails ul li:nth-child(1){max-width: 48px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultDetails ul li:not(:last-child){margin-right:8px;}
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultDetails ul li:not(:last-child):after{content:"";width:4px;height:4px;background:#E8E8E8;border-radius:50%;position:absolute;right:-9px;top:50%;transform:translateY(-50%);}
.searchResultRegion .searchResultBoxes .searchResultBox .searchResultContent .searchResultDetails ul li a{display:block;color:inherit;} 
/*END SEARCH RESULT*/

/*SETTINGS PAGE*/
#settingsAccountSection{}
#settingsPaymentsSection{}
#settingsSetupSection{}
#settingsIntegrationSection{}
#settingsMembersSection{}
#settingsResourcesSection{}

button:disabled, button[disabled] {opacity: .48;pointer-events: none;}

#settingsAccount textarea {height:108px;}

#settingsAccount .formGroup .formSection.profileSection{}
#settingsAccount .formGroup .formSection.profileSection button{width:auto;}

#settingsAccount .formGroup .formSection.themeProfile{display: flex; align-items: flex-start;}
#settingsAccount .formSection.themeProfile .themeProfileImgHolder{display:inline-block;vertical-align:middle;width: 62px; height: 62px; border-radius: 18px; background: #FFF8F6; border:1px solid rgba(255,242,237,.5);overflow: hidden;position:relative;flex-shrink: 0;}
#settingsAccount .formGroup .formSection.themeProfile img {width: 64px; height: 64px; border-radius: 18px; background: #FFF8F6;position: absolute; top: -1px; left: -1px;}

#settingsAccount .formSection.themeProfile .themeProfileImg{width: 62px; height: 62px;position:relative;z-index:1;overflow: hidden;}
#settingsAccount .formSection.themeProfile .themeProfileImg span {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--accent2);}
#settingsAccount .formSection.themeProfile .themeProfileImg img{object-fit: cover;flex-shrink: 0;}
#settingsAccount .formSection.themeProfile .themeProfileImg svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#settingsAccount .formSection.themeProfile .themeProfileImgHolder:hover .themeProfileImgEditor{opacity:1;z-index:2;display:none;}

#settingsAccount .formSection.themeProfile .themeProfileImgHolder .themeProfileImgEditor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(0, 0, 0, .5);opacity:0;}
#settingsAccount .formSection.themeProfile .themeProfileImgHolder .themeProfileImgEditor svg{cursor:pointer;}
#settingsAccount .formSection.themeProfile .themeProfileImgHolder .themeProfileImgEditor svg path{fill:#fff;}

/*PROFILE PICTURE MODAL*/
#profilePictureModal.popUpContainer {background: rgba(21, 21, 22, 0.7);height: 105%;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);width:105vw;height:105vh;}
#profilePictureModal .popUp {padding:50px 25px;max-width:100%;}

#profilePictureModal .popUpClose { display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; cursor:pointer;}
#profilePictureModal .popUpClose svg { vertical-align: middle; fill: var(--accent1); }
#profilePictureModal .popUpClose svg path { stroke: var(--accent1); }

#profilePictureModal .popUpHeading {margin-bottom:20px;}
#profilePictureModal .popUpHeading svg{vertical-align:middle;}
#profilePictureModal .popUpHeading svg path{}
#profilePictureModal .popUpHeading:after{display:none;}
#profilePictureModal .popUpHeading h2 {display: block; text-align: center;margin:0;line-height:1;}

#profilePictureModal .popUpContent{margin:0;}
#profilePictureModal .popUpContent .croppie_holder{width: 500px; height: 400px; margin: 0 auto;}
#profilePictureModal .popUpContent .croppieBtn{margin:50px auto 0;}
#profilePictureModal .popUpContent .croppieBtn a{display:inline-block;padding:10px 50px;color:#fff;background:var(--accent2);border-radius:5px;}

#profilePictureModal .popUpContent p{color: var(--primary-color);}
#profilePictureModal .popUpContent p:not(:last-child){margin-bottom:25px;}
#profilePictureModal .popUpContent p span {display: block;font-size:17px;font-weight:bold;}
/*END PROFILE PICTURE MODAL*/

#settingsAccount .formSection.themeProfile .themeProfileUpload{display:inline-block;vertical-align:middle;margin-left:14px;}
#settingsAccount .formSection.themeProfile .themeProfileUpload label{color:var(--sys-dark);font-weight:600;margin-bottom:6px;}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns{margin-bottom:5px;display: flex; align-items: center;}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn {position: relative;cursor: pointer;}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn:hover button{background: #FFFFFF; color: var(--accent2);}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn:hover button svg {fill: var(--accent2);}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn input{cursor: move; height: 100%; left: 0; padding: 0; opacity: 0; position: absolute; top: 0;}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn input[type=file]{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;z-index: 5;cursor: pointer;}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn.removeProfileBtn{margin-left:8px;}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn.removeProfileBtn button{width:64px;border: 1px solid rgba(41, 76, 153, 0.05);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn.removeProfileBtn button:hover {border: 1px solid var(--accent2);}
#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn button svg{display:inline-block;vertical-align:middle;height:100%;}
/*#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn button span{display:inline-block;vertical-align:middle;}*/

#settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadDesc{display: inline-block; vertical-align: middle; color: rgba(21, 21, 22, 0.60);}

#settingsAccount .formSection.newPassword.error{position:relative;}
#settingsAccount .formSection.newPassword.error::before { content: '!'; width: 22px; height: 22px; position: absolute; right: 10px; border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom:10px;}

#settingsAccount .formSection.confirmPassword.error{position:relative;}
#settingsAccount .formSection.confirmPassword.error::before { content: '!'; width: 22px; height: 22px; position: absolute; right: 10px; border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom:10px;}

#settingsAccount .formSection.sendGridAPIkey.error{position:relative;}
#settingsAccount .formSection.sendGridAPIkey.error::before { content: '!'; width: 22px; height: 22px; position: absolute; right: 10px; border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom:10px;}

#settingsAccount .formSection.sendGridFromEmail.error{position:relative;}
#settingsAccount .formSection.sendGridFromEmail.error::before { content: '!'; width: 22px; height: 22px; position: absolute; right: 10px; border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom:10px;}

#settingsAccount .formSection.sendGridFromName.error{position:relative;}
#settingsAccount .formSection.sendGridFromName.error::before { content: '!'; width: 22px; height: 22px; position: absolute; right: 10px; border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom:10px;}

#settingsAccount .formSection.AccountSid.error{position:relative;}
#settingsAccount .formSection.AccountSid.error::before { content: '!'; width: 22px; height: 22px; position: absolute; right: 10px; border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom:10px;}

#settingsAccount .formSection.AuthToken.error{position:relative;}
#settingsAccount .formSection.AuthToken.error::before { content: '!'; width: 22px; height: 22px; position: absolute; right: 10px; border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom:10px;}

#settingsAccount .formSection.FromPhone.error{position:relative;}
#settingsAccount .formSection.FromPhone.error::before { content: '!'; width: 22px; height: 22px; position: absolute; right: 10px; border-radius: 50%; background: #ef1414; z-index: 1; color: #fff; font-weight: 700; display: flex; justify-content: center; align-items: center; bottom:10px;}

#settingsAccount .formSpacer:not(:last-child) {}
#settingsAccount .formGroup{width:100%;}
#settingsAccount .formGroup:not(:last-child){margin-bottom:18px;}
#settingsAccount .formGroup .formSection label{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.60);margin-bottom:6px;}

#settingsAccount .formGroup.col2{}
#settingsAccount .formGroup.col2 .formSection{display:inline-block;width:100%;}
#settingsAccount .formGroup.col2 .formSection .formBox.col2 .formSection{width:50%;}
#settingsAccount .formGroup .formSection{display:inline-block;width:100%;}
#settingsAccount .formGroup .formSection .inputLoading {display: none !important;}

#settingsAccount button{box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); padding:0;}

#settingsAccount{padding:14px 24px;overflow-y:auto;}
.settingsPage{width:100%;height: calc(100vh - 110px);}

.settingsPage .settingsPageBoxes{width: 100%;height: 100%;}
.settingsPage .settingsPageBoxes .settingsPageBox{height: 100%; max-width: 100%;}
.settingsPage .settingsPageBoxes .settingsPageBox.settingsPageBox1{width:242px;max-width:100%;}
.settingsPage .settingsPageBoxes .settingsPageBox.settingsPageBox1 .toggle_left_nav{width: 100%;height: calc(100vh - 110px);}

.settingsPage .settingsPageBoxes .settingsPageBox.settingsPageBox2{width:calc(100% - 232px);flex-grow: 2;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;}

.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebarHolder{width: 100%;height:100%;padding-top:18px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar{height:100%;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageHeading{margin-bottom:3px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageHeadingTitle{color:var(--sys-dark);}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes{overflow-y: auto;height: calc(100% - 23px);padding-right:10px;padding-bottom:10px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox{padding:7px 0 4px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox input[type=text] {margin-top: 10px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox:not(:last-child){border-bottom:1px solid rgba(21, 21, 22, 0.05);}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxHeading{position:relative;margin-bottom:5px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxHeadingIcon{display:inline-flex;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxHeadingIcon svg{height:100%;vertical-align:middle;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox h2{color: var(--sys-dark);font-weight: 600;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList{}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul{padding-left:33px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li{display:block;vertical-align:top;position:relative;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul ul {padding-left: 33px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul ul li::before {content: "";width: 12px;height: 12px;background: #fff;border:1px solid #9C9C9D;display: block;border-radius: 50%;position: absolute;left: -17px;top: 4px;}

.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li.active a {}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li a{display:block;color:rgba(21, 21, 22, 0.5);margin:3px auto;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li a span{color: rgba(21, 21, 22, 0.30);}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li:not(:last-child) a{margin-bottom:0;}

.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li a.sidebarListToggle {cursor:pointer;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li ul.sidebarListDropdown {display:none;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li a.sidebarListToggle small {display: inline-block;margin: 0 0 0 5px;position: relative;top: 1px;}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li:has(.sidebarListDropdown[style*="block"]) .sidebarListToggle small {transform: rotate(180deg);}
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li a.sidebarListToggle small::after {content: "\f107";font-family: 'FontAwesome';font-size: 16px;color: #15151699;}

.newResourcesPageBoxSidebar ul.sub-category {padding-left: 33px;}
.newResourcesPageBoxSidebar ul.sub-category li a.resourcesListToggle {cursor:pointer;}
.newResourcesPageBoxSidebar ul.sub-category li ul.resourcesListDropdown {display:none; padding-left: 33px;}
.newResourcesPageBoxSidebar ul.sub-category li a.resourcesListToggle small {display: inline-block;margin: 0 0 0 5px;position: relative;top: 1px;}
.newResourcesPageBoxSidebar ul.sub-category li:has(.resourcesListDropdown[style*="block"]) .resourcesListToggle small {transform: rotate(180deg);}
.newResourcesPageBoxSidebar ul.sub-category li a.resourcesListToggle small::after {content: "\f107";font-family: 'FontAwesome';font-size: 16px;color: #15151699;}

.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li a.active,
.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li a:hover {color:var(--accent1);}

.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList ul li a:hover span{color:var(--accent1);}

#settingsAccount .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList button.newSectionBtn {width: 100%;padding-left: 33px;text-align: left;border:none;box-shadow:none;color: rgba(21, 21, 22, 0.50);}
#settingsAccount .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList button.newSectionBtn span{color: rgba(21, 21, 22, 0.30);}
#settingsAccount .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList button.newSectionBtn:hover{color:var(--accent1);opacity:1;}
#settingsAccount .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox .settingsPageSidebarBoxList button.newSectionBtn:hover span{color:var(--accent1);opacity:1;}

.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxMainHolder{width: 100%;height:100%;overflow-y: auto;}
.settingsPageBoxMainBoxes{}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox{position: relative}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox:not(:last-child){margin-bottom:10px;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxHeading{padding:19px 17px;border-bottom:1px solid rgba(21, 21, 22, 0.05);position:sticky;top:0;background:#fff;z-index:110;border-radius:12px;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxHeading .settingsPageBoxMainBoxHeadingIcon{display: inline-flex;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxHeading .settingsPageSidebarBoxHeadingIcon svg{height:100%;vertical-align:middle;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxHeading h2{color: var(--sys-dark);}

.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList:first-child{padding:14px 18px 65px;padding:14px 18px 14px;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList:not(:first-child){padding:65px 18px;padding:14px 18px;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList:not(:last-child){border-bottom:1px solid rgba(21, 21, 22, 0.05);}

.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading{margin-bottom:18px;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxHeader{margin-bottom:6px;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxHeader .settingsPageBoxMainBoxHeaderIcon{display: inline-flex;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxHeader .settingsPageBoxMainBoxHeaderIcon svg{}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxHeader .settingsPageBoxMainBoxHeaderIcon svg path{}

.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxHeader h2{margin-bottom:0;line-height:1;}

.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading h2 { color: var(--sys-dark); margin-bottom: 4px; }

.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingDesc{color: rgba(21, 21, 22, 0.50);}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .errorMsg{margin-top:25px;color:red;}

#settingsAccountProfile {display: flex;align-items: flex-start; gap: 14px;justify-content: space-between;}
#settingsAccountProfile .settingsPageBoxMainBoxListItem:nth-child(2) {max-width: 300px;width: 33%;}
#settingsAccountProfile .settingsPageBoxMainBoxListItem:last-child { width: 28%; }

.col-lg-1 { grid-column: 1/-1; }
.col-lg-2{grid-column: auto/span 2;}

.settingsProfileWrapper{}
.settingsPasswordWrapper{}
.settingsAddressWrapper{}
.settingsPersonalInformationWrapper{}
.settingsSocialWrapper{}

.settingsAccountAffiliateLinksWrapper{}

.settingsProductsWrapper{display:none;}
.settingsBillingWrapper{display:block;}
.settingsDomainWrapper{display:none;}
.settingsSiteAvailabilityWrapper{display:none;}
.settingsAffiliateWrapper{display:none;}
.settingsUserPermissionsWrapper{display:none;}
.settingsIntegrationsWrapper{display:none;}
#settingsResourcesDocuments,
.settingsResourcesDocumentsWrapper{display:block;margin-bottom:25px;}
#settingsResourcesVideos,
.settingsResourcesVideosWrapper{display:block;}
#settingsResourcesScripts,
.settingsResourcesScriptsWrapper{display:block;}

/*TOOL TIP*/
.tooltiptext{visibility: hidden; width: 120px; background-color: #6f7071; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px;padding:10px;display:block;}
.tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #6f7071 transparent; }
.tooltip:hover .tooltiptext { visibility: visible; }
/*TOOL TIP*/

/*ACCOUNT PROFILE SECTION*/
#settingsAccountPersonalInformation .profileBoxes {display: grid;grid-template-columns: repeat(4,1fr);row-gap: 18px;column-gap: 14px;}
.profileBoxes:not(:last-child){margin-bottom:18px;}
/*ACCOUNT PROFILE SECTION*/

/*ACCOUNT LANGUAGE*/
.settingsLanguageContent:has(.sys-dropdown) { position: relative; display: inline-block;}
.settingsLanguageContent:has(.sys-dropdown) a.dropdown-btn { color: var(--accent2); border: 1px solid var(--accent2); opacity: 1; letter-spacing: -0.4px; padding: 0 8px; line-height: 100%; box-sizing: border-box; line-height: 38px; position: relative; z-index: 1; font-size: 14px; font-weight: 400; line-height: 32px; border-radius: 8px; display: flex; gap: 4px; align-items: center;}
.settingsLanguageContent:has(.sys-dropdown) a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; z-index: -1; pointer-events: none;}
.settingsLanguageContent:has(.sys-dropdown) a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #15151699;color: var(--accent2);}
.settingsLanguageContent { position: relative; }
.settingsLanguageContent a.dropdown-btn { color: var(--accent2); border: 1px solid var(--accent2); opacity: 1; letter-spacing: -0.4px; padding: 0 8px; line-height: 100%; box-sizing: border-box; line-height: 38px; position: relative; z-index: 1; font-size: 14px; font-weight: 400; line-height: 32px; border-radius: 8px; display: flex; gap: 4px; align-items: center;}
.settingsLanguageContent a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; z-index: -1; pointer-events: none;}
.settingsLanguageContent a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #15151699;color: var(--accent2);}
.settingsLanguageContent:has(.sys-dropdown.open) a.dropdown-btn small {transform: rotate(180deg);}
.settingsLanguageContent .sys-dropdown.open a.dropdown-btn small {transform: rotate(180deg);}
.settingsLanguageContent:has(.sys-dropdown) ul li:hover a, .settingsLanguageContent:has(.sys-dropdown) ul li.active a {color: var(--accent2) !important;}
.settingsLanguageContent .sys-dropdown ul li:hover a, .settingsLanguageContent .sys-subdropdown ul li.active a {color: var(--accent2) !important;}

/*ACCOUNT TIMEZONE*/
.settingsTimezoneContent:has(.sys-dropdown) { position: relative; display: inline-block;max-width: 100%;}
.settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn { color: var(--accent2); border: 1px solid var(--accent2); opacity: 1; letter-spacing: -0.4px; padding: 0 8px; line-height: 100%; box-sizing: border-box; line-height: 38px; position: relative; z-index: 1; font-size: 14px; font-weight: 400; line-height: 32px; border-radius: 8px; display: flex; gap: 4px; align-items: center;}
.settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; z-index: -1; pointer-events: none;}
.settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #15151699;color: var(--accent2);}
.settingsTimezoneContent { position: relative; }
.settingsTimezoneContent a.dropdown-btn { color: var(--accent2); border: 1px solid var(--accent2); opacity: 1; letter-spacing: -0.4px; padding: 0 8px; line-height: 100%; box-sizing: border-box; line-height: 38px; position: relative; z-index: 1; font-size: 14px; font-weight: 400; line-height: 32px; border-radius: 8px; display: flex; gap: 4px; align-items: center;}
.settingsTimezoneContent a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; z-index: -1; pointer-events: none;}
.settingsTimezoneContent a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 16px; color: #15151699;color: var(--accent2);}
.settingsTimezoneContent:has(.sys-dropdown.open) a.dropdown-btn small {transform: rotate(180deg);}
.settingsTimezoneContent .sys-dropdown.open a.dropdown-btn small {transform: rotate(180deg);}
.settingsTimezoneContent:has(.sys-dropdown) ul li:hover a, .settingsTimezoneContent:has(.sys-dropdown) ul li.active a {color: var(--accent2) !important;}
.settingsTimezoneContent .sys-dropdown ul li:hover a, .settingsTimezoneContent .sys-subdropdown ul li.active a {color: var(--accent2) !important;}

/*ACCOUNT PASSWORD SECTION*/

.passwordBoxes {display: grid;grid-template-columns: repeat(4,1fr);row-gap: 18px;column-gap: 14px;align-items:flex-end;}
.passwordBoxes:not(:last-child){margin-bottom:18px;}

#settingsAccount .passwordBoxes button{width:140px;}

.personalInformationBoxes{display: grid;grid-template-columns: repeat(4,1fr);row-gap: 18px;column-gap: 14px;}
.personalInformationBoxes:not(:last-child){margin-bottom:18px;}
.personalInformationBoxes.personalInformationBoxesLocation{grid-template-columns: repeat(2,1fr);}

/*ACCOUNT PASSWORD SECTION*/

/*ACCOUNT PRODUCTS SECTION */
#settingsAccount #settingsAccountProduct .formGroup{margin-bottom:0;}
#settingsAccount .formGroup:not(:last-child) .formSection.settingsProductsHolder{margin-bottom:20px;}

.settingsProductsHolder{}
.settingsProductsHolder .settingsProductsBoxes { display: grid; grid-template-columns: repeat(4,1fr);gap:14px;}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox{min-height:145px;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03);}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox:nth-child(4n+4){margin-right:0;}

.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeadingHolder{padding:10px;border-bottom:1px solid rgba(21, 21, 22, 0.05);}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeading{}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeading .settingsProductsBoxHeadingIcon{display:inline-flex;}

.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeading .settingsProductsBoxHeadingTitle{}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeading .settingsProductsBoxHeadingTitle h2{color:var(--primary-color);margin-bottom:3px;}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeading .settingsProductsBoxHeadingTitle span{line-height:100%;display:none;}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeading .settingsProductsBoxHeadingTitle span > small{display:inline-block;vertical-align:middle;margin-left:3px;position:relative;}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeading .settingsProductsBoxHeadingTitle span > small svg{height:100%;vertical-align:middle;}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxHeadingHolder .settingsProductsBoxToggle{position: relative; display: block; width: 68px; height: 24px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);cursor:pointer;}

.settingsProductsBoxToggle .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
.settingsProductsBoxToggle .toggle { position: absolute; width: 100%; height: 100%; }

.settingsProductsBoxToggle .checkbox.toggle {}

.settingsProductsBoxToggle .checkbox:checked .toggle{}

.settingsProductsBoxToggle .toggle:before,
.settingsProductsBoxToggle .toggle:after,
.settingsProductsBoxToggle .toggle span { display: block; position: absolute; top:50%;transform:translateY(-50%); width: 50%; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:var(--accent2);}

.settingsProductsBoxToggle label{display:block;margin:0;}
.settingsProductsBoxToggle .toggle:before {content:""; display: block; position: absolute; width:50%;height:100%;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);right:0;z-index:2;}
.settingsProductsBoxToggle .toggle:after  {content: 'On'; position: absolute;right: 0;text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:#fff;z-index:2;}
.settingsProductsBoxToggle .toggle span {left: 0;z-index:3;}

.settingsProductsBoxToggle .checkbox:checked + .toggle:before {left:0;}
.settingsProductsBoxToggle .checkbox:checked + .toggle:after{color:var(--accent2);}
.settingsProductsBoxToggle .checkbox:checked + .toggle span { color: #fff; }

.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxContent { padding: 10px; }
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxContent p{color: rgba(21, 21, 22, 0.50);margin-bottom:8px;display: block;width: 361px;width:auto;max-width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxContentBtns{margin-top:18px;}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxContentBtns li:first-child button{min-width:116px;}
.settingsProductsHolder .settingsProductsBoxes .settingsProductsBox .settingsProductsBoxContentBtns li:last-child button{min-width:116px;}

/*END ACCOUNT PRODUCT SECTION*/

/*ACCOUNT AFFILIATE LINKS*/
.settingsAffiliateLinksWrapper{}
.affiLink-dashboard-data-con{background: var(--sys-white); border-radius: 12px; padding: 0; overflow: auto; flex: 1; display: flex; flex-direction: column;clear:both;}
.affiLink-dashboard-table-con {border-radius: 12px; border: 1px solid rgba(21, 21, 21, 0.05); overflow: hidden; display: flex; flex-direction: column; flex: 1; position: relative; min-height: 0; flex-shrink: 0;}

.affiLink-dashboard-table-con > div { max-height: 100%; height: 100%; }

.affiLink-dashboard-table { table-layout: fixed; width: 100%; }
.affiLink-dashboard-table thead tr { background: #FFF !important; position: sticky; top: 0; z-index: 10; }
.affiLink-dashboard-table thead tr th { width: calc(100% / 4); font-size: 0.9rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700; position: relative; text-align:left;}

.affiLink-dashboard-table tr:nth-child(odd) { background: #f4f6f8; }
.affiLink-dashboard-table tr td { color: #5D5D5D; font-size: 0.85rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/*AFFILIATE TABLE*/
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder{width: 100%;height:100%; position: relative; flex-direction: column;gap: 20px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes.listView{gap:20px;gap:0;display:flex;height:100%;flex-direction:column;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table{width:100%;border-radius: 8px 8px 0 0;overflow: hidden;border-bottom: 1px solid rgba(21, 21, 22, 0.05);padding-bottom: 25px;margin-bottom: 25px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table:last-child {border-bottom:none;margin-bottom: 0;padding-bottom: 0;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-list{width:100%;border-bottom:1px solid #DDDDDD;padding:12px 8px;color:var(--primary-color);font-weight:bold;display: flex;justify-content: space-between;flex-wrap:wrap;gap: 50px 0;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-list:last-child{border-bottom: 0;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link{width: 48%;/*width:auto;*/font-weight: bold; overflow: hidden;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-name{display: flex;align-items: center;gap: 5px;margin-bottom:10px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-name h2{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-name span{color: var(--accent2);text-transform:uppercase;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes {}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1{width:250px;max-width:100%;flex-basis: calc(100% - 67%);}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1 .funnel-list-link-box-img{height: 200px; overflow: hidden; position: relative;min-width: 150px; flex-shrink: 0;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1 .funnel-list-link-box-img img{transform: scale(1.3); position: absolute; top: 0; transform-origin: top;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box2{flex: 1; overflow: hidden;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-container{display:inline-block;vertical-align:middle;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder{display:inline-block;vertical-align:top;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a{color:#6E6F71;color:var(--primary-color);}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a:hover{color:var(--accent2);text-decoration:underline;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode span[contenteditable="true"]{border-bottom: 1px solid #000;color:var(--accent1);cursor:text;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage{display:inline-flex;gap:15px;align-items: center;justify-content:flex-end;width:100%;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span{font-weight:normal;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.charLeft{font-style:italic;color:#000;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.errorMsg{font-style:italic;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a, #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode span {font-size: 16px;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .errorMsg{color:var(--sys-red);}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link a{color: var(--sys-dark);}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link span[contenteditable="true"]{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link a:hover{text-decoration:underline;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .editableCode{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .editableCode .codeCount{}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-holder{display: inline-flex;vertical-align:middle;margin-left:10px;align-items: center;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit svg {display:inline-block;vertical-align:middle;width:18px;height:18px;cursor:pointer;margin-top:-7px;position:relative;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit svg path { fill: var(--accent2); }

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns{display:inline-block;vertical-align:middle;margin-left:40px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li{position:relative;min-width: 50px; max-width: 100%; text-align: center;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a{width:100%;display:block;min-width:unset;border-radius:8px;padding:0 5px;text-decoration:none;height:auto;font-size:10px;color:var(--primary-color);}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a.btn-cancel{border:1px solid #DDDDDD;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul li a.btn-save{background:var(--accent2);color:#fff;}


#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-with-tooltip{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;margin-left:5px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-with-tooltip svg{height:16px;cursor:pointer;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-with-tooltip svg path{fill: var(--accent2);}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-with-tooltip:hover .table-link-tooltip{visibility: visible; opacity: 1;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-with-tooltip .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;z-index: -1;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-with-tooltip .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding:8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{line-height:1;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 5px; }
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking svg{width:auto;height:18px;cursor:pointer;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking svg path{fill: var(--accent2);}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking:hover .table-link-tooltip{visibility: visible; opacity: 1;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-tracking .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit:hover .table-link-tooltip{visibility: visible; opacity: 1;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link:has(span[contenteditable="true"]) .funnel-list-link-edit .table-link-tooltip{visibility: hidden; opacity: 0;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder{display: inline-flex;vertical-align:middle;padding-left:5px;align-items: center;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg{height:14px;width: 20px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip svg path{}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip{padding:6px 12px;top:-30px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip::after{width:10px;height:10px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{font-size:10px;line-height:12px;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip{padding:6px 12px;top:-30px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip::after{width:10px;height:10px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-social-holder .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{font-size:10px;line-height:12px;}

/*SOCIAL TABLE NEW LAYOUT*/
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials{margin-top:5px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table{width: auto;table-layout: fixed;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr{border:none;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td{padding:0;color:var(--sys-dark);font-weight:normal;vertical-align:middle;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading{margin-right:5px;display: flex;align-items: center;gap: 5px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading svg { display: inline-block; vertical-align: middle; flex-shrink: 0;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading svg path { fill: var(--accent2); }
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td .socialHeading span.socialTitle{line-height:1;color:var(--sys-dark);}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td:first-child {width: 65px; max-width: 65px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td:nth-child(2) {width: auto;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td:nth-child(2) a {overflow: hidden; text-overflow: ellipsis;display: block;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td:last-child {width: 50px; max-width: 50px;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink span.socialLink{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table tr td a.copyLink:hover span{color:var(--accent2);text-decoration:underline;}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create{margin-top:7px;display:inline-block;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a{display: flex; align-items: center; gap: 5px;color:var(--primary-color);}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a span{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg{vertical-align:middle;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg.addition{}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a svg.addition path{fill:#4ABA7B}

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a:hover span {color:var(--accent2);text-decoration:underline;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-create .createLink a:hover svg path{fill:var(--accent2);}
/*END SOCIAL TABLE NEW LAYOUT*/

/*REFERRAL LINK*/
#settingsAccountAffiliateLinks #referralLinkModal .formGroup .formSection label{color:#000;}
#settingsAccountAffiliateLinks #referralLinkModal .funnel-list-link-with-tooltip{position:relative;cursor: pointer;display: inline-block;vertical-align:middle;margin-left:5px;}
#settingsAccountAffiliateLinks #referralLinkModal .funnel-list-link-with-tooltip svg{height:16px;cursor:pointer;}
#settingsAccountAffiliateLinks #referralLinkModal .funnel-list-link-with-tooltip svg path{fill: var(--accent2);}

#settingsAccountAffiliateLinks #referralLinkModal .funnel-list-link-with-tooltip .table-link-tooltip::after{content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 15px; height: 15px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: 74%;z-index: -1;}
#settingsAccountAffiliateLinks #referralLinkModal .funnel-list-link-with-tooltip .table-link-tooltip { visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding:8px 15px; position: absolute; z-index: 12; top: -45px;left: 50%;transform: translateX(-50%);opacity: 0; transition: opacity 0.3s;border-radius: 8px;}
#settingsAccountAffiliateLinks #referralLinkModal .funnel-list-link-with-tooltip .table-link-tooltip .table-link-tooltip-details{line-height:1;}

#settingsAccountAffiliateLinks #referralLinkModal .funnel-list-link-with-tooltip:hover .table-link-tooltip{visibility: visible; opacity: 1;}
/*END REFERRAL LINK*/

#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .list-pagination { padding:0; color:#15151699; display: flex; align-items: center;width: 100%; margin-top: auto; align-self: flex-end;flex-shrink: 0;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .list-pagination small{color: #15151666;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .list-pagination small,
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .list-pagination span {margin-right: 3px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .list-pagination small:last-child {margin-right: 7px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .list-pagination a {font-size: 16px;color: rgba(21, 21, 22, 0.6);margin-left: 2px;}
#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .list-pagination a:hover {opacity: 0.5;}
/*END AFFILIATE TABLE*/

/*END ACCOUNT AFFILIATE LINKS*/

.settingsLeadBlazersWrapper {max-width: 40%;}

.leadblaze_btns {display: flex; justify-content: space-between; }
.leadblaze_btns .leadblaze_btn {position: relative;padding: 0 15px 0 39px !important;text-align: left;width: 100%;}
.leadblaze_btns .leadblaze_btn svg { position: absolute; top: 50%; transform: translateY(-50%);left: 11px;}
.leadblaze_btns .leadblaze_btn q { display: inline-block; vertical-align: middle; }
.leadblaze_btns .leadblaze_btn .on-off-switch{}
.leadblaze_btns .leadblaze_btn .on-off-switch{position: absolute;cursor:pointer; width: 100%; height: 100%; top: 0; left: 0;}
.leadblaze_btns .leadblaze_btn .on-off-switch .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
.leadblaze_btns .leadblaze_btn .on-off-switch .knobs { position: absolute; right: 68px; top: 7px; display: block; width: 68px; height: 26px; border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); bottom: unset; left: unset;}
.leadblaze_btns .leadblaze_btn .on-off-switch .checkbox:checked .toggle{}
.leadblaze_btns .leadblaze_btn .on-off-switch label{display:block;margin:0;}
.leadblaze_btns {display: flex; justify-content: space-between; width: 100%; position: relative; gap: 14px;}

.leadblaze_btns .leadblaze_btn-test { display: block; width: 51px; height: 24px; border-radius: 8px; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); position: absolute; top: 10px;right: 9px;font-family: var(--primary-font); font-size: 12px; font-weight: 500; letter-spacing: -0.48px; z-index: 999;}

#settingsAccount #settingsAccountSocial .formGroup{margin-bottom:0;}

#settingsAccountSocial .socialLinksBoxes{display: grid;grid-template-columns: repeat(4,1fr);row-gap: 18px;column-gap: 14px;}
#settingsAccount #settingsAccountSocial .socialLinksBoxes:not(:last-child){margin-bottom:18px;}
#settingsAccount #settingsAccountSocial .socialLinksBoxes .socialLinksBox{}
#settingsAccount #settingsAccountSocial .socialLinksBoxes .socialLinksBox:nth-child(4n+4){margin-right:0;}
#settingsAccount #settingsAccountSocial .socialLinksBoxes .socialLinksBtn { display: flex; flex-direction: column; justify-content: flex-end; height: 100%;}
#settingsAccount #settingsAccountSocial .socialLinksBoxes .socialLinksBtn button { width: max-content;height: 42px;}

#settingsAccount #settingsAccountSocial .socialLinksBoxes#noSocialLinksBoxes{}
#settingsAccount #settingsAccountSocial .socialLinksBoxes input{padding-left:47px;}

#settingsAccount #settingsAccountSocial .socialLinksBoxes .socialLinks{position:relative;}
#settingsAccount #settingsAccountSocial .socialLinksBox .socialLinks:before{content:"";display:block;width: 32px;height: 32px;border-radius: 8px;border: 1px solid rgba(41, 76, 153, 0.05);background-color: rgba(41, 76, 153, 0.05);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);position:absolute;top:50%;left:5px;transform:translateY(-50%);background-repeat:no-repeat;background-position:center center;}
#settingsAccount #settingsAccountSocial .socialLinksBoxes .socialLinks.noSocial:before{display:none;}
#settingsAccount #settingsAccountSocial .socialLinksBoxes .socialLinks.noSocial .noSocialIcon{position:absolute;top:2px;left:2px;}
#settingsAccount #settingsAccountSocial .socialLinksBoxes .socialLinks.noSocial svg{display:inline-block;vertical-align:middle;height:100%;}

#settingsAccount .socialLinksBox .socialLinks.fb:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M15.4024 21V14.0344H17.7347L18.0838 11.3265H15.4024V9.59765C15.4024 8.81364 15.62 8.27934 16.7443 8.27934L18.1783 8.27867V5.85676C17.9302 5.82382 17.0791 5.75006 16.0888 5.75006C14.0213 5.75006 12.606 7.01198 12.606 9.32952V11.3265H10.2677V14.0344H12.606V21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H15.4024Z' fill='rgba(41,76,153,1)'%3E%3C/path%3E%3C/svg%3E");}
#settingsAccount .socialLinksBox .socialLinks.google:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M3.06364 7.50914C4.70909 4.24092 8.09084 2 12 2C14.6954 2 16.959 2.99095 18.6909 4.60455L15.8227 7.47274C14.7864 6.48185 13.4681 5.97727 12 5.97727C9.39542 5.97727 7.19084 7.73637 6.40455 10.1C6.2045 10.7 6.09086 11.3409 6.09086 12C6.09086 12.6591 6.2045 13.3 6.40455 13.9C7.19084 16.2636 9.39542 18.0227 12 18.0227C13.3454 18.0227 14.4909 17.6682 15.3864 17.0682C16.4454 16.3591 17.15 15.3 17.3818 14.05H12V10.1818H21.4181C21.5364 10.8363 21.6 11.5182 21.6 12.2273C21.6 15.2727 20.5091 17.8363 18.6181 19.5773C16.9636 21.1046 14.7 22 12 22C8.09084 22 4.70909 19.7591 3.06364 16.4909C2.38638 15.1409 2 13.6136 2 12C2 10.3864 2.38638 8.85911 3.06364 7.50914Z' fill='rgba(41,76,153,1)'%3E%3C/path%3E%3C/svg%3E");}
#settingsAccount .socialLinksBox .socialLinks.ig:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z' fill='rgba(41,76,153,1)'%3E%3C/path%3E%3C/svg%3E");}
#settingsAccount .socialLinksBox .socialLinks.snapchat:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M11.872 21.7645C10.6817 21.7645 9.88811 21.2027 9.17926 20.7079C8.67548 20.3512 8.20292 20.0124 7.64564 19.9188C7.37369 19.8697 7.09729 19.8519 6.84317 19.8519C6.3706 19.8519 5.99612 19.9232 5.72863 19.9767C5.55922 20.0079 5.41655 20.0347 5.3051 20.0347C5.18919 20.0347 5.04207 20.0035 4.98411 19.8073C4.93507 19.6468 4.90386 19.4953 4.87266 19.3481C4.79241 18.9781 4.72554 18.7507 4.58733 18.7285C3.0983 18.5011 2.20667 18.1578 2.0328 17.7521C2.01942 17.7075 2.00159 17.6629 2.00159 17.6273C1.99267 17.5025 2.08184 17.3999 2.20667 17.3776C3.38808 17.1815 4.44913 16.5529 5.34522 15.5186C6.0407 14.7161 6.37952 13.9404 6.41073 13.8557C6.41073 13.8467 6.41964 13.8467 6.41964 13.8467C6.58906 13.4946 6.62472 13.1959 6.52218 12.9507C6.33048 12.4915 5.69742 12.2953 5.26498 12.1616C5.15352 12.1303 5.0599 12.0947 4.97965 12.0679C4.60962 11.9208 3.9944 11.6087 4.07464 11.1763C4.1326 10.8642 4.54721 10.6413 4.88603 10.6413C4.97965 10.6413 5.0599 10.6547 5.12677 10.6904C5.50572 10.8642 5.849 10.9534 6.14324 10.9534C6.50881 10.9534 6.68268 10.8152 6.72726 10.7706C6.71834 10.5744 6.70497 10.3694 6.69159 10.1777C6.60243 8.81346 6.49989 7.11936 6.93234 6.14747C8.22967 3.24074 10.9848 3.00892 11.8007 3.00892C11.823 3.00892 12.1573 3 12.1573 3C12.1707 3 12.1885 3 12.2064 3C13.0222 3 15.7774 3.22737 17.0747 6.13856C17.5116 7.11044 17.4046 8.80901 17.3154 10.1687L17.3065 10.2356C17.2976 10.4184 17.2842 10.5923 17.2753 10.7706C17.3199 10.8063 17.4804 10.94 17.8103 10.9445C18.0956 10.9356 18.4077 10.8419 18.7643 10.6814C18.8758 10.6324 18.9917 10.6146 19.0764 10.6146C19.2012 10.6146 19.3261 10.6458 19.4331 10.6814H19.442C19.7407 10.7929 19.9368 11.0024 19.9368 11.2209C19.9458 11.426 19.7853 11.738 19.0229 12.0456C18.9427 12.0768 18.849 12.1125 18.7376 12.1393C18.3141 12.2686 17.681 12.4736 17.4804 12.9284C17.3689 13.1691 17.4135 13.4767 17.5829 13.8245C17.5829 13.8334 17.5918 13.8334 17.5918 13.8334C17.6409 13.9582 18.9293 16.8828 21.7959 17.3598C21.9207 17.3821 22.001 17.4846 22.001 17.6094C22.001 17.654 21.9921 17.6986 21.9698 17.7387C21.7959 18.1489 20.9132 18.4833 19.4152 18.7151C19.277 18.7374 19.2102 18.9647 19.1299 19.3348C19.0987 19.4863 19.063 19.6335 19.0185 19.794C18.9739 19.9411 18.8803 20.0213 18.7198 20.0213H18.6975C18.5949 20.0213 18.4567 20.0079 18.2739 19.9723C17.953 19.9054 17.6008 19.8564 17.1594 19.8564C16.8964 19.8564 16.6244 19.8787 16.3569 19.9232C15.8041 20.0124 15.3271 20.3557 14.8233 20.7123C14.1055 21.2027 13.3075 21.7645 12.1261 21.7645C12.1261 21.7645 11.9077 21.7645 11.872 21.7645Z' fill='rgba(41,76,153,1)'%3E%3C/path%3E%3C/svg%3E");}

#settingsAccountBilling{}
#settingsAccount #settingsAccountBilling .formGroup{margin-bottom:0;}

#settingsAccountBilling .settingsBillingContainer{}
#settingsAccountBilling .settingsBillingContainer .settingsBillingSections:not(:last-child){margin-bottom:24px;}
#settingsAccountBilling .settingsBillingContainer .settingsBillingSections .formSection:first-child{}
#settingsAccountBilling .settingsBillingContainer .settingsBillingSections .settingsBillingSectionsHeading{margin-bottom:14px;}

#settingsAccountBilling .settingsBillingContainer .settingsBillingSections .settingsBillingSectionsHeading .settingsPageBoxMainBoxHeader{}

#settingsAccountBilling .settingsBillingContainer .settingsBillingSections .settingsBillingSectionsHeading .settingsPageBoxMainBoxHeader .settingsPageBoxMainBoxHeaderIcon{display: inline-flex;}
#settingsAccountBilling .settingsBillingContainer .settingsBillingSections .settingsBillingSectionsHeading .settingsPageBoxMainBoxHeader .settingsPageBoxMainBoxHeaderIcon svg{}
#settingsAccountBilling .settingsBillingContainer .settingsBillingSections .settingsBillingSectionsHeading .settingsPageBoxMainBoxHeader .settingsPageBoxMainBoxHeaderIcon svg path{}

#settingsAccountBilling .settingsBillingContainer .settingsBillingSections .settingsBillingSectionsHeading h3{color:var(--primary-color);}

.settingsBillingSections .transactionHistory-dashboard-title {padding: 13px 0;}
.settingsBillingSections .transactionHistory-dashboard-title .select-dropdown-con { position: relative; padding: 0;}
.settingsBillingSections .transactionHistory-dashboard-title .select-dropdown-con .sys-dropdown {left: -10px;}
.transactionHistory-dashboard-filter-con label {margin: 0;}
/*.transactionHistory-dashboard-filter-con {border-right: 1px solid #151516;padding-right: 8px;}*/

#transactionHistoryFilter span {color: #151516;}
#transactionHistoryFilter.select-dropdown {display: flex; align-items: center;}
#transactionHistoryFilter.select-dropdown i {line-height: 0;margin-left: 5px;}

.settingsBillingHolder{margin-bottom:14px;}
.settingsBillingHolder .settingsBillingBoxes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.settingsBillingHolder .settingsBillingBoxes .settingsBillingBox{min-height:56px;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03);padding:9px 13px;}
.settingsBillingHolder .settingsBillingBoxes .settingsBillingBox:nth-child(2n+2){margin-right:0;}

.settingsBillingHolder .settingsBillingBoxes .settingsBillingBox .settingsBillingBoxDetails{}

.settingsBillingHolder .settingsBillingBoxes .settingsBillingBox .settingsBillingBoxDetails .settingsBillingBoxInfoHolder{width:100%;}

.settingsBillingBoxInfoHolder .settingsBillingBoxInfo{}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo.settingsBillingBoxInfo1{}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo.settingsBillingBoxInfo2{}

.settingsBillingBoxInfoHolder .settingsBillingBoxInfo .settingsBillingBoxInfoIconDetails{}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo .settingsBillingBoxInfoIconDetails img{width:34px;vertical-align:middle;}

.settingsBillingBoxInfoHolder .settingsBillingBoxInfo .settingsBillingBoxInfoIconDetails span{margin-left:10px;color:var(--primary-color);}

.settingsBillingBoxInfoHolder .settingsBillingBoxInfo .settingsBillingBoxInfoDetails{margin-top:4px;}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo .settingsBillingBoxInfoDetails span{display:block;color: rgba(21, 21, 22, 0.40);}

.settingsBillingBoxInfoHolder .settingsBillingBoxInfo2{text-align:right;}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo span{display:block;color:var(--primary-color);}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo ul{margin-top:4px;display:inline-flex;}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo ul li{display:inline-block;vertical-align:top;position:relative;}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo ul li:before { content: ""; width: 5px; height: 5px; background: #E2E2E2; border-radius: 50%; display: block; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); }
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo ul li:last-child:before{display:none;}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo ul li:first-child a{margin-left:0;}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo ul li:last-child a{margin-right:0;}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo ul li a{display:block;color: rgba(21, 21, 22, 0.40);margin:0 8px;}
.settingsBillingBoxInfoHolder .settingsBillingBoxInfo ul li a:hover{opacity:.5;}

.settingsBillingHolder .settingsBillingBoxes .settingsBillingBox .settingsBillingBoxDetails .settingsBillingBoxBtn{}
#settingsAccountBilling .settingsBillingHolder .settingsBillingBoxes .settingsBillingBox .settingsBillingBoxDetails .settingsBillingBoxBtn button{min-width:104px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}

.settingsBillingHolder .settingsBillingBoxes .settingsBillingBox .settingsBillingBoxDetails .settingsBillingBoxBtn.settingsBillingBoxBtnPrimary{}
.settingsBillingHolder .settingsBillingBoxes .settingsBillingBox .settingsBillingBoxDetails .settingsBillingBoxBtn.settingsBillingBoxBtnPrimary button{box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);}

.settingsBillingBtn{width:190px;max-width:100%;}

#tableFilters{}
.tableFiltersHeading{margin-bottom:38px;}
.tableFiltersHeading .tableFiltersTabs{}
.tableFiltersHeading .tableFiltersTabs ul{display: flex; justify-content: space-between; align-items:center; gap: 20px;}
.tableFiltersHeading .tableFiltersTabs ul li{display:inline-block;vertical-align:top;position:relative;}
.tableFiltersHeading .tableFiltersTabs ul li a{color: rgba(21, 21, 22, 0.50);}
.tableFiltersHeading .tableFiltersTabs ul li.ui-state-active a,
.tableFiltersHeading .tableFiltersTabs ul li:hover a{color: var(--accent2);}

.tableFiltersHeading .tableFiltersTabs ul li a.search-btn{display:block;width: 32px;height: 32px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);position:relative;}

.tableFiltersHeading .tableFiltersTabs ul li a .searchcon{width:100%;height:100%;}
.tableFiltersHeading .tableFiltersTabs ul li a .searchcon strong{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.tableFiltersHeading .tableFiltersTabs ul li a .search_holder{background-color: #fff; width: 250px; max-width: 350px; height: 35px; padding: 5px 15px; border-radius: 0 0 16px 16px; position: absolute; top: 100%; right: 0; box-sizing: border-box; margin-top: 1px;border:1px solid var(--accent2)}

.tableFiltersHeading .tableFiltersTabs ul li a .search_holder .searchtoggle{width: 100%; height: 100%; margin-left: 0; display: inline-block; vertical-align: middle;}
.tableFiltersHeading .tableFiltersTabs ul li a .search_holder .searchtoggle input[type="text"]{border: none; width: 100%; max-width: 100%; height: 100%; background: transparent; padding: 0; vertical-align: top; font-size: 16px; outline: 0; font-weight: 300;}

.tableFiltersTab{}

.settingsBillingTable {}
.settingsBillingTable table { border-collapse: collapse; width: 100%; }
.settingsBillingTable table thead tr { border-bottom: 1px solid rgba(21, 21, 22, 0.10); }
.settingsBillingTable table tr th { color: rgba(21, 21, 22, 0.40); text-align: left; padding: 8px 0; }

.settingsBillingTable table tr:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.03);}
.settingsBillingTable table tr td {color: var(--primary-color);text-align: left; position: relative; padding: 11px 0;}
.settingsBillingTable table tr td:first-child {width: 20%;}
.settingsBillingTable table tr td:nth-child(2) {width: 20%;}
.settingsBillingTable table tr td:nth-child(3) {width: 20%;}
.settingsBillingTable table tr td:nth-child(4) {width:25%; padding-left: 24px; color:var(accent2);}
.settingsBillingTable table tr td:last-child {width: auto;}

.settingsBillingTable table tr td.awt {color: var(--accent2);}
.settingsBillingTable table tr td.awt::before {content: "\f017";font-family: fontAwesome;position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(90deg);}

.settingsBillingTable table tr:not(:last-child) {border-bottom: 1px solid #BDC2CC66;}
.settingsBillingTable table tr td.dc {color: var(--sys-red);}
.settingsBillingTable table tr td.dc::before {content: "\f05e";font-family: fontAwesome;position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(-180deg);}

/*ACCOUNT PAYMENTS SECTION*/
#settingsPaymentsEarnings{}
#settingsPaymentsWallet{}
#settingsPaymentsTransferFunds{}
#settingsPaymentsTransactionHistory{overflow:hidden; display: none;}
#settingsPaymentsPaymentProcessing{}
#settingsPaymentsMerchantApplication{}

.settingsPaymentsEarningsWrapper{/*display:none;*/}
.settingsPaymentsWalletWrapper{display:none;}
.settingsPaymentsTransferFundsWrapper{display:none;}
.settingsPaymentsTransactionHistoryWrapper{}
.settingsPaymentsPaymentProcessingWrapper{display:none;}
.settingsPaymentsMerchantApplicationWrapper{display:none;}

/*ACCOUNT PAYMENTS EARNINGS*/
#settingsPaymentsEarnings .formGroup:not(:last-child){}

#settingsPaymentsEarnings .paymentSetupHeading{border-bottom:1px solid rgba(21, 21, 22, 0.05);padding-bottom: 10px;margin-bottom: 15px;}
#settingsPaymentsEarnings .paymentSetupHeading h3{color: var(--primary-color);}


#settingsPaymentsEarnings .paymentSetupBoxes{/*display: grid;grid-template-columns: repeat(4,1fr);row-gap: 18px;column-gap: 14px;align-items: flex-end;*/}
#settingsPaymentsEarnings .paymentSetupBoxes:not(:last-child){margin-bottom:18px;}

#settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox{align-items: flex-end;}
#settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox .paymentSetupBoxContent{flex-direction:column;}

#settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox .paymentSetupBoxInfo{display: grid; gap: 11px; align-items: center; grid-template-columns: auto 1fr;}
#settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox .paymentSetupBoxInfo label{margin-bottom:0;}
#settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox .paymentSetupBoxInfo a{color:var(--accent2);}
#settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox .paymentSetupBoxInfo input{/*width:auto;*/}

#settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox button{width:auto;height: 42px;}

.paymentEarning-dashboard-data-con{background: var(--sys-white); border-radius: 12px; padding: 0; overflow: auto; flex: 1; display: flex; flex-direction: column;clear:both;}
.paymentEarning-dashboard-data-con .paymentEarning-dashboard-title { background: var(--sys-white); overflow: hidden; flex-shrink: 0; padding: 13px 0; }
.paymentEarning-dashboard-data-con .paymentEarning-dashboard-title .paymentEarningHeading{}
.paymentEarning-dashboard-data-con .paymentEarning-dashboard-title .paymentEarningHeading h3{color: var(--primary-color);}
.paymentEarning-dashboard-data-con .paymentEarning-dashboard-title h2 {line-height: 100%;}
.paymentEarning-dashboard-data-con .paymentEarning-dashboard-range-con{}
.paymentEarning-dashboard-data-con .paymentEarning-dashboard-range-con .paymentEarning-dashboard-right{}

.paymentEarning-dashboard-data-con .paymentEarning-dashboard-filter-con { flex-shrink: 0; }
.paymentEarning-dashboard-data-con .paymentEarning-dashboard-filter-con label { margin: 0; font-size: 0.85rem; white-space: nowrap; }
.paymentEarning-dashboard-data-con .paymentEarning-dashboard-filter-con select { padding: 5px 25px 5px 10px; height: 32px; line-height: 20px; }

#paymentEarningRange { position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px; }
#paymentEarningRange span { color: var(--sys-dark); width: auto;}

.paymentEarning-dashboard-table-con {border-radius: 12px; border: 1px solid rgba(21, 21, 21, 0.05); overflow: hidden; display: flex; flex-direction: column; flex: 1; position: relative; min-height: 0; flex-shrink: 0;}

.paymentEarning-dashboard-table-con > div { max-height: 100%; height: 100%; }

.paymentEarning-dashboard-table { table-layout: fixed; width: 100%; }
.paymentEarning-dashboard-table thead tr { background: #FFF !important; position: sticky; top: 0; z-index: 10; }
.paymentEarning-dashboard-table thead tr th { /*width: calc(100% / 4);*/ font-size: 0.9rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700; position: relative; text-align:left;}


.paymentEarning-dashboard-table tr:nth-child(odd) { background: #f4f6f8; }
.paymentEarning-dashboard-table tr td { color: #5D5D5D; font-size: 0.85rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }


.paymentEarning-dashboard-table tr th.date-col,
.paymentEarning-dashboard-table tr td.date-col{width:200px;}

.paymentEarning-dashboard-table tr th.pay-col,
.paymentEarning-dashboard-table tr td.pay-col{width:200px;}

/*
.earningsBoxes {display: grid;grid-template-columns: repeat(4,1fr);gap: 15px;align-items:flex-start;}
.salesGoalBoxes {display: grid;grid-template-columns: repeat(6,1fr);gap: 15px;align-items:flex-start;}

#settingsPaymentsEarnings .earningsBoxInfo{min-height: 116px;border-radius: 8px;border: 1px solid rgba(21, 21, 22, 0.05);background: rgba(21, 21, 22, 0.03);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);padding:10px 14px;overflow:hidden;}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails{}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsHeading{margin-bottom:10px;}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsHeading h2{color: rgba(21, 21, 22, 0.60);}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsHeading svg{vertical-align:middle;}

#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent{}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent .earningsBoxDetailsContentData{margin-bottom:6px;}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent .earningsBoxDetailsContentData h2{}

#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent .earningsBoxDetailsContentIcon{width:32px;height:32px;border-radius: 8px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);border: 1px solid rgba(255, 122, 72, 0.05);background: rgba(255, 122, 72, 0.05);text-align:center;}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent .earningsBoxDetailsContentIcon svg{vertical-align:middle;height:100%;}

#settingsPaymentsEarnings .earningsBoxInfo.earningsBoxInfo1 .earningsBoxDetails .earningsBoxDetailsContent .earningsBoxDetailsContentIcon{}
#settingsPaymentsEarnings .earningsBoxInfo.earningsBoxInfo2 .earningsBoxDetails .earningsBoxDetailsContent .earningsBoxDetailsContentIcon{}
#settingsPaymentsEarnings .earningsBoxInfo.earningsBoxInfo3 .earningsBoxDetails .earningsBoxDetailsContent .earningsBoxDetailsContentIcon{}
#settingsPaymentsEarnings .earningsBoxInfo.earningsBoxInfo4 .earningsBoxDetails .earningsBoxDetailsContent .earningsBoxDetailsContentIcon{}

#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent h4{color: rgba(21, 21, 22, 0.40);padding:8px 0 0;position:relative;}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent h4:before {content: ""; position: absolute; top: 0; left: 50%; width: 150%; height: 1px; background: rgba(21, 21, 22, 0.05); display: block; transform: translateX(-50%); }

#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent h4 span{}
#settingsPaymentsEarnings .earningsBoxInfo .earningsBoxDetails .earningsBoxDetailsContent h4 span svg{vertical-align:top;height:100%;}

#settingsPaymentsEarnings .tableFiltersTabs button{min-width:128px;}
#settingsPaymentsEarnings .tableFiltersHeading{margin-bottom: 13px;}
#settingsPaymentsEarnings .tableFiltersHeading .tableFiltersTabs ul li a .search_holder{top:110%;}
#settingsPaymentsEarnings .tableFiltersHeading .tableFiltersHeadingTitle{}
#settingsPaymentsEarnings .tableFiltersHeading .tableFiltersHeadingTitle h2{display:inline-block;vertical-align:bottom;color:var(--primary-color);}
#settingsPaymentsEarnings .tableFiltersHeading .tableFiltersHeadingTitle span{display:inline-block;vertical-align:bottom;margin-left:8px;}

.settingsPaymentsEarningsTable {}

.settingsPaymentsEarningsTable table { border-collapse: unset; width: 100%; table-layout: fixed;}
.settingsPaymentsEarningsTable table thead tr {}
.settingsPaymentsEarningsTable table tr th:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;}
.settingsPaymentsEarningsTable table tr td:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;border-left:0;}
.settingsPaymentsEarningsTable table tr th:nth-child(2),
.settingsPaymentsEarningsTable table tr td:nth-child(2){border-left:0;}

.settingsPaymentsEarningsTable table thead tr th:nth-child(2):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.0009 17C15.6633 17 18.8659 18.5751 20.608 20.9247L18.766 21.796C17.3482 20.1157 14.8483 19 12.0009 19C9.15346 19 6.6535 20.1157 5.23577 21.796L3.39453 20.9238C5.13673 18.5747 8.33894 17 12.0009 17ZM12.0009 2C14.7623 2 17.0009 4.23858 17.0009 7V10C17.0009 12.6888 14.8786 14.8818 12.2178 14.9954L12.0009 15C9.23945 15 7.00087 12.7614 7.00087 10V7C7.00087 4.31125 9.12318 2.11818 11.784 2.00462L12.0009 2ZM12.0009 4C10.4032 4 9.09721 5.24892 9.00596 6.82373L9.00087 7V10C9.00087 11.6569 10.344 13 12.0009 13C13.5986 13 14.9045 11.7511 14.9958 10.1763L15.0009 10V7C15.0009 5.34315 13.6577 4 12.0009 4Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsPaymentsEarningsTable table thead tr th:nth-child(3):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsPaymentsEarningsTable table thead tr th:nth-child(4):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}

.settingsPaymentsEarningsTable table tr th:last-child{border-radius: 0 8px 8px 0;}
.settingsPaymentsEarningsTable table tr td:last-child{border-radius: 0 8px 8px 0;border-right:0;}

.settingsPaymentsEarningsTable table thead tr th:last-child:before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}

.settingsPaymentsEarningsTable table tr th { color: rgba(21, 21, 22, 0.40); text-align: left; padding: 6px 14px; position: relative;overflow: hidden;background: rgba(41, 76, 153, 0.05);border: 1px solid rgba(41, 76, 153, 0.05);}
.settingsPaymentsEarningsTable table tr td {color: var(--primary-color); text-align: left; padding: 14px; position: relative;overflow: hidden;border: 1px solid rgba(21, 21, 22, 0.05);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 100%;}
.settingsPaymentsEarningsTable table tr td:nth-child(2){font-weight:bold;}

#settingsPaymentsEarnings .settingsPaymentsEarningsTable table tr th .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: top;margin:0;}
#settingsPaymentsEarnings .settingsPaymentsEarningsTable table tr td .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: middle;margin:0;}

.settingsPaymentsEarningsTable table tr:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}

*/

/*END ACCOUNT PAYMENTS EARNINGS*/

/*ACCOUNT PAYMENTS WALLET*/
#settingsPaymentsWallet .formGroup:not(:last-child){}

#settingsPaymentsWallet .settingsPageBoxMainBoxListHeading{}
#settingsPaymentsWallet .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingBtns{display:none;}
#settingsPaymentsWallet .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingBtns button{min-width:164px;}

.walletBoxes {display: grid;grid-template-columns: repeat(4,1fr);gap: 15px;align-items:flex-start;}

#settingsPaymentsWallet .walletBoxInfo{min-height: 116px;border-radius: 8px;border: 1px solid rgba(21, 21, 22, 0.05);background: rgba(21, 21, 22, 0.03);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);padding:10px 14px;overflow:hidden;}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails{}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsHeading{margin-bottom:10px;}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsHeading h2{color: rgba(21, 21, 22, 0.60);}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsHeading svg{vertical-align:middle;}

#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent{}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent .walletBoxDetailsContentData{margin-bottom:6px;}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent .walletBoxDetailsContentData h2{}

#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent .walletBoxDetailsContentIcon{width:32px;height:32px;border-radius: 8px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);border: 1px solid rgba(255, 122, 72, 0.05);background: rgba(255, 122, 72, 0.05);text-align:center;}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent .walletBoxDetailsContentIcon svg{vertical-align:middle;height:100%;}

#settingsPaymentsWallet .walletBoxInfo.walletBoxInfo1 .walletBoxDetails .walletBoxDetailsContent .walletBoxDetailsContentIcon{}
#settingsPaymentsWallet .walletBoxInfo.walletBoxInfo2 .walletBoxDetails .walletBoxDetailsContent .walletBoxDetailsContentIcon{}
#settingsPaymentsWallet .walletBoxInfo.walletBoxInfo3 .walletBoxDetails .walletBoxDetailsContent .walletBoxDetailsContentIcon{}
#settingsPaymentsWallet .walletBoxInfo.walletBoxInfo4 .walletBoxDetails .walletBoxDetailsContent .walletBoxDetailsContentIcon{}

#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent h4{color: rgba(21, 21, 22, 0.40);padding:8px 0 0;position:relative;}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent h4:before {content: ""; position: absolute; top: 0; left: 50%; width: 150%; height: 1px; background: rgba(21, 21, 22, 0.05); display: block; transform: translateX(-50%); }

#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent h4 span{}
#settingsPaymentsWallet .walletBoxInfo .walletBoxDetails .walletBoxDetailsContent h4 span svg{vertical-align:top;height:100%;}

/*END ACCOUNT PAYMENTS WALLET*/


/*ACCOUNT PAYMENTS TRANSFER FUNDS*/
#settingsPaymentsTransferFunds .formGroup:not(:last-child){}

#settingsPaymentsTransferFunds .formGroup .formSection{position:relative;}

.transferFundsBoxes {display: grid;grid-template-columns: repeat(4,1fr);gap: 14px;}

.transferFundsBoxes .formHeading span{color: rgba(21, 21, 22, 0.40);}

#settingsPaymentsTransferFunds .transferPinCode input{padding: 14px 175px 14px 14px;}
#settingsPaymentsTransferFunds .transferPinCodeBtn{position: absolute; bottom: 5px; right: 5px;}
#settingsPaymentsTransferFunds .transferPinCodeBtn button{min-width:164px;}

/*END ACCOUNT PAYMENTS TRANSFER FUNDS*/

/*ACCOUNT PAYMENTS TRANSACTION HISTORY*/
#settingsPaymentsTransactionHistory .formGroup:not(:last-child){}
#settingsPaymentsTransactionHistory .formGroup .formSection{display:block;}

#paymentsTransactionHistoryTableFilters{margin-top:10px;}
#settingsPaymentsTransactionHistory .settingsPageBoxMainBoxListHeading {float: left;}


.transactionHistory-dashboard-data-con{background: var(--sys-white); border-radius: 12px; padding: 0; overflow: auto; flex: 1; display: flex; flex-direction: column;clear:both;}
.transactionHistory-dashboard-data-con .transactionHistory-dashboard-title { background: var(--sys-white); overflow: hidden; flex-shrink: 0; padding: 13px 0; }
.transactionHistory-dashboard-data-con .transactionHistory-dashboard-title h2 {line-height: 100%;}
.transactionHistory-dashboard-data-con .transactionHistory-dashboard-range-con{}
.transactionHistory-dashboard-data-con .transactionHistory-dashboard-range-con .transactionHistory-dashboard-right{}

.transactionHistory-dashboard-data-con .transactionHistory-dashboard-filter-con { flex-shrink: 0; }
.transactionHistory-dashboard-data-con .transactionHistory-dashboard-filter-con label { margin: 0; font-size: 0.85rem; white-space: nowrap; }
.transactionHistory-dashboard-data-con .transactionHistory-dashboard-filter-con select { padding: 5px 25px 5px 10px; height: 32px; line-height: 20px; }

#transactionHistoryRange { position: relative; font-weight: 400; font-size: 16px; color: var(--sys-dark); font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: -0.56px; position: relative;padding-left: 8px;}
#transactionHistoryRange span { color: var(--sys-dark); width: auto;}
#transactionHistoryRange:before {    content: ""; width: 1px; height: 100%; background: rgba(21, 21, 21, 0.1); position: absolute; top: 0; left: 0;}

.transactionHistory-dashboard-table-con {border-radius: 12px; border: 1px solid rgba(21, 21, 21, 0.05); overflow: hidden; display: flex; flex-direction: column; flex: 1; position: relative; min-height: 0; flex-shrink: 0;}

.transactionHistory-dashboard-table-con > div { max-height: 100%; height: 100%; }

.transactionHistory-dashboard-table { table-layout: fixed; width: 100%; }
.transactionHistory-dashboard-table thead tr { background: #FFF !important; position: sticky; top: 0; z-index: 10; }
.transactionHistory-dashboard-table thead tr th { width: calc(100% / 4); font-size: 0.9rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; color: #151516; font-weight: 700; position: relative; text-align:left;}

.transactionHistory-dashboard-table thead tr th.print-col,
.transactionHistory-dashboard-table tbody tr td.print-col{text-align:right;}

.transactionHistory-dashboard-table tr:nth-child(odd) { background: #f4f6f8; }
.transactionHistory-dashboard-table tr td { color: #5D5D5D; font-size: 0.85rem; padding: 7px 10px 7px 10px; border-right: 1px solid rgba(21, 21, 22, 0.05); vertical-align: middle; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

.transactionHistory-print{position:relative;display:inline-block;} 
.transactionHistory-print a{display:block;width:100%;height:100%;}
.transactionHistory-print svg{display:inline-block;vertical-align:middle;height:auto;}
.transactionHistory-print svg path{fill:var(--accent2);}

.transactionHistory-print .print-tooltip{position: absolute; bottom: -6px; right: 27px; z-index: 10; background: #6f7071; font-size: 12px; color: #FFFFFF; padding: 5px 8px; border-radius: 4px; white-space: nowrap;display:none;}
.transactionHistory-print .print-tooltip::before { content: ""; display: block; background: #6f7071; width: 10px; height: 10px; position: absolute; z-index: -1; transform: rotate(45deg); right: -5px; bottom: 10px; }
.transactionHistory-print a:hover ~ .print-tooltip{display:block;}

#settingsPaymentsTransactionHistory .tableFiltersTabs button{}
#settingsPaymentsTransactionHistory .tableFiltersHeading{margin-bottom:32px;float:right;}
#settingsPaymentsTransactionHistory .tableFiltersHeading .tableFiltersTabs ul li a .search_holder{top:110%;}
#settingsPaymentsTransactionHistory .tableFiltersHeading .tableFiltersHeadingTitle{}
#settingsPaymentsTransactionHistory .tableFiltersHeading .tableFiltersHeadingTitle h2{}
#settingsPaymentsTransactionHistory .tableFiltersHeading .tableFiltersHeadingTitle span{}

.settingsPaymentsTransactionHistoryTable {}

.settingsPaymentsTransactionHistoryTable table { border-collapse: unset; width: 100%; table-layout: fixed;}
.settingsPaymentsTransactionHistoryTable table thead tr {}
.settingsPaymentsTransactionHistoryTable table tr th:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;}
.settingsPaymentsTransactionHistoryTable table tr td:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;border-left:0;}
.settingsPaymentsTransactionHistoryTable table tr th:nth-child(2),
.settingsPaymentsTransactionHistoryTable table tr td:nth-child(2){border-left:0;}

.settingsPaymentsTransactionHistoryTable table thead tr th:nth-child(2):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.0009 17C15.6633 17 18.8659 18.5751 20.608 20.9247L18.766 21.796C17.3482 20.1157 14.8483 19 12.0009 19C9.15346 19 6.6535 20.1157 5.23577 21.796L3.39453 20.9238C5.13673 18.5747 8.33894 17 12.0009 17ZM12.0009 2C14.7623 2 17.0009 4.23858 17.0009 7V10C17.0009 12.6888 14.8786 14.8818 12.2178 14.9954L12.0009 15C9.23945 15 7.00087 12.7614 7.00087 10V7C7.00087 4.31125 9.12318 2.11818 11.784 2.00462L12.0009 2ZM12.0009 4C10.4032 4 9.09721 5.24892 9.00596 6.82373L9.00087 7V10C9.00087 11.6569 10.344 13 12.0009 13C13.5986 13 14.9045 11.7511 14.9958 10.1763L15.0009 10V7C15.0009 5.34315 13.6577 4 12.0009 4Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsPaymentsTransactionHistoryTable table thead tr th:nth-child(3):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsPaymentsTransactionHistoryTable table thead tr th:nth-child(4):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}

.settingsPaymentsTransactionHistoryTable table tr th:last-child{border-radius: 0 8px 8px 0;}
.settingsPaymentsTransactionHistoryTable table tr td:last-child{border-radius: 0 8px 8px 0;border-right:0;}

.settingsPaymentsTransactionHistoryTable table thead tr th:last-child:before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsPaymentsTransactionHistoryTable table tr th { color: rgba(21, 21, 22, 0.40); text-align: left; padding: 6px 14px; position: relative;overflow: hidden;background: rgba(41, 76, 153, 0.05);border: 1px solid rgba(41, 76, 153, 0.05);}
.settingsPaymentsTransactionHistoryTable table tr td {color: var(--primary-color); text-align: left; padding: 14px; position: relative;overflow: hidden;border: 1px solid rgba(21, 21, 22, 0.05);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 100%;}
.settingsPaymentsTransactionHistoryTable table tr td:nth-child(2){font-weight:bold;}
.settingsPaymentsTransactionHistoryTable table tr:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}

#settingsPaymentsTransactionHistory .settingsPaymentsTransactionHistoryTable table tr th .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: top;margin:0;}
#settingsPaymentsTransactionHistory .settingsPaymentsTransactionHistoryTable table tr td .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: middle;margin:0;}
/*END ACCOUNT PAYMENTS TRANSACTION HISTORY*/

/*ACCOUNT PAYMENT PROCESSING*/
#settingsPaymentsPaymentProcessing .formGroup:not(:last-child){}
#settingsPaymentsPaymentProcessing .settingsPageBoxMainBoxListHeading{margin-bottom:16px;}

.paymentProcessingBoxes{display: grid;grid-template-columns: repeat(4,1fr);row-gap: 18px;column-gap: 14px;}

.settingsPaymentProcessingHolder{}
.settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox{min-height:56px;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03);padding:9px 13px;}
.settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox:nth-child(2n+2){margin-right:0;}
.settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails{}
.settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails .settingsPaymentProcessingBoxInfoHolder{width:100%;}

.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo{}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo.settingsPaymentProcessingBoxInfo1{}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo.settingsPaymentProcessingBoxInfo2{}

.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo .settingsPaymentProcessingBoxInfoIconDetails{}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo .settingsPaymentProcessingBoxInfoIconDetails img{width:34px;vertical-align:middle;}

.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo .settingsPaymentProcessingBoxInfoIconDetails span{margin-left:10px;color:var(--primary-color);}

.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo .settingsPaymentProcessingBoxInfoDetails{margin-top:4px;}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo .settingsPaymentProcessingBoxInfoDetails span{display:block;color: rgba(21, 21, 22, 0.40);}

.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo2{text-align:right;}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo span{display:block;color:var(--primary-color);}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo ul{margin-top:4px;display:inline-flex;}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo ul li{display:inline-block;vertical-align:top;position:relative;}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo ul li:before { content: ""; width: 5px; height: 5px; background: #E2E2E2; border-radius: 50%; display: block; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); }
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo ul li:last-child:before{display:none;}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo ul li:first-child a{margin-left:0;}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo ul li:last-child a{margin-right:0;}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo ul li a{display:block;color: rgba(21, 21, 22, 0.40);margin:0 8px;}
.settingsPaymentProcessingBoxInfoHolder .settingsPaymentProcessingBoxInfo ul li a:hover{opacity:.5;}

.settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails .settingsPaymentProcessingBoxBtn{}
#settingsAccountPaymentProcessing .settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails .settingsPaymentProcessingBoxBtn button{min-width:104px;border: 1px solid var(--accent-btn-secondary);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}

.settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails .settingsPaymentProcessingBoxBtn.settingsPaymentProcessingBoxBtnPrimary{}
.settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails .settingsPaymentProcessingBoxBtn.settingsPaymentProcessingBoxBtnPrimary button{border: 1px solid rgba(255, 255, 255, 0.10);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);}

.settingsPaymentProcessingBtn{width:82px;max-width:100%;margin-top:14px;}
.settingsPaymentProcessingBtn button{min-width:100%;}

/*END ACCOUNT PAYMENT PROCESSING*/

/*ACCOUNT MERCHANT APPLICATION*/
#settingsPaymentsMerchantApplication .formGroup:not(:last-child){}

#settingsPaymentsMerchantApplication .settingsPageBoxMainBoxListHeading {margin-bottom: 16px;}

#settingsPaymentsMerchantApplication .settingsPaymentsMerchantApplicationSectionsHeading{margin-bottom:14px;}
#settingsPaymentsMerchantApplication .settingsPaymentsMerchantApplicationSectionsHeading h3{color:var(--primary-color);}

.settingsPaymentsMerchantApplicationBoxes{display:grid;grid-template-columns:repeat(2,1fr);row-gap:21px;column-gap:14px;}

.settingsPaymentsMerchantApplicationBoxes .settingsPaymentsMerchantApplicationBox .settingsPaymentsMerchantApplicationBoxInfo{}
.settingsPaymentsMerchantApplicationBoxes .settingsPaymentsMerchantApplicationBox .settingsPaymentsMerchantApplicationBoxInfo .settingsPaymentsMerchantApplicationBoxInfoIcon{display:block;width:36px;height:36px;border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.10); background: #294C99; box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);text-align:center;}
.settingsPaymentsMerchantApplicationBoxes .settingsPaymentsMerchantApplicationBox .settingsPaymentsMerchantApplicationBoxInfo .settingsPaymentsMerchantApplicationBoxInfoIcon svg{height:100%;vertical-align:middle;}

.settingsPaymentsMerchantApplicationBoxes .settingsPaymentsMerchantApplicationBox .settingsPaymentsMerchantApplicationBoxInfo .settingsPaymentsMerchantApplicationBoxInfoHeading{}
.settingsPaymentsMerchantApplicationBoxes .settingsPaymentsMerchantApplicationBox .settingsPaymentsMerchantApplicationBoxInfo .settingsPaymentsMerchantApplicationBoxInfoHeading h2{color:var(--primary-color);margin-bottom:3px;}
.settingsPaymentsMerchantApplicationBoxes .settingsPaymentsMerchantApplicationBox .settingsPaymentsMerchantApplicationBoxInfo .settingsPaymentsMerchantApplicationBoxInfoHeading span{display:block;line-height:100%;}

.settingsPaymentsMerchantApplicationBtn{width:91px;max-width:100%;margin-top:20px;}
.settingsPaymentsMerchantApplicationBtn button{min-width:100%;}

/*END ACCOUNT MERCHANT APPLICATION*/

/*END ACCOUNT PAYMENTS SECTION*/

/*ACCOUNT SETUP SECTION*/
#settingsSetupTheme{}
.setupThemeBoxes{}
.setupThemeBoxes .setupThemeBox{}
.setupThemeBoxes .setupThemeBox.setupThemeBox1{}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .settingsPageBoxMainBoxListHeading{margin-bottom:21px;}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder{}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker{}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker:not(:last-child){margin-bottom:25px;}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themePickerHeading{margin-bottom:8px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themePickerHeading span{display:block;color: rgba(21, 21, 22, 0.60);}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors{}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span{position:relative;cursor: pointer;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span:last-child{margin-left:10px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span input[type="radio"]{display:none;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span input[type=color] {width: 60px; height: 60px; border: none; overflow: hidden; padding: 0; margin: 0; box-shadow: none; position: absolute; outline: 0; -webkit-appearance: none; box-sizing: border-box; left: 50%; top: 50%; transform: translate(-50%, -50%);cursor:pointer;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span i.type-wrap{display:inline-block;vertical-align:middle;width:16px;height:16px;border-radius: 4px;border: 1px solid rgba(21, 21, 22, 0.15);position: absolute;top: 0; overflow: hidden; box-shadow: none;z-index:1;}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span label{position:relative;cursor: pointer;line-height:100%;line-height:0;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span label:before{content: ""; display: block; vertical-align: middle; width: 16px; height: 16px; border-radius: 4px;}

/*THEME 1*/
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors1 span:nth-child(1) label:before{
	background-color: #FF7A48;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors1 span:nth-child(2) label:before {
	background-color: #FFD400;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors1 span:nth-child(3) label:before {
	background-color: #39B8D4;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors1 span:nth-child(4) label:before {
	background-color: #90959E;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors1 span:nth-child(5) label:before {
	background-color: #72CA98;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors1 span:nth-child(6) label:before {
	background-color: #7295CA;}
/*THEME 1*/
/*THEME 2*/
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors2 span:nth-child(1) label:before{
	background-color: #294C99;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors2 span:nth-child(2) label:before {
	background-color: #676452;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors2 span:nth-child(3) label:before {
	background-color: #151516;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors2 span:nth-child(4) label:before {
	background-color: #94642C;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors2 span:nth-child(5) label:before {
	background-color: #1E7443;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors2 span:nth-child(6) label:before {
	background-color: #203555;}
/*THEME 2*/
/*THEME 3*/
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors3 span:nth-child(1) label:before{
	background-color: #EBF0FD;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors3 span:nth-child(2) label:before {
	background-color: #F5DFBD;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors3 span:nth-child(3) label:before {
	background-color: #BDC2CC;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors3 span:nth-child(4) label:before {
	background-color: #CCDAFF;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors3 span:nth-child(5) label:before {
	background-color: #EAEAEA;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors.themeColors3 span:nth-child(6) label:before {
	background-color: #F4F1EC;}
/*THEME 3*/

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span input[type=color]:active ~ label:after,
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span input[type=radio]:checked ~ label:after{content: ""; position: absolute; width: 22px; height: 22px; border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.25); top: 50%; left: 50%; transform: translate(-50%, -50%);}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span:last-child{margin-left:10px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span:last-child:before{content: "";background-color: rgba(21, 21, 22, 0.05); width: 1px; height: 26px; left: -10px; position: absolute; top: -5px;}

#settingsSetupTheme .themePickerHolder .themePicker .themeColors span:last-child label{color: rgba(21, 21, 22, 0.5);}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span:last-child label{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.5);}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span:last-child label:before{margin-right:10px;border: none;background: 0 0;display:inline-block;}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span i.type-wrap.rad-line:active ~ label:after,
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span i.type-wrap.rad-line ~ label:after{content: ""; position: absolute; width: 110%; height: 22px; border-radius: 6px; border: 1px solid rgba(21, 21, 22, 0.25); top: 46%; left: 50%; transform: translate(-50%, -50%);}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker .themeColors span:last-child label:after{}

#settingsSetupTheme .themePicker button{border: 1px solid var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .themePickerHolder .themePicker button.themeReset{display:inline-block;vertical-align:middle;width:auto;min-width:48px;padding:0;}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploaderHolder{margin-top:28px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader{width:100%;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderHeading{}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderBox{border-radius: 8px;border: 1px solid rgba(21, 21, 22, 0.05);background: rgba(21, 21, 22, 0.03);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);height:72px;text-align:center;overflow:hidden;}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderBox button{height:100%;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderBox button svg{display:block;margin:0 auto 8px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderBox button span{display:block;color:var(--accent2);}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderBox .logoUploaderBoxImg{height:100%;max-width: 90%;margin:0 auto;position:relative;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderBox .logoUploaderBoxImg img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:80%;}

.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploaderBtns {}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploaderBtns ul{}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploaderBtns ul li:not(:last-child){margin-bottom:8px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploaderBtns ul li button{min-width:76px;}

#settingsSetupTheme .logoUploaderBtns button{box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}


.setupLoginBox .settingsSetupLoginBoxToggle{}
.setupLoginBox .settingsSetupLoginBoxToggle{position: relative; display: block; width: 68px; height: 24px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);cursor:pointer;}

.settingsSetupLoginBoxToggle .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
.settingsSetupLoginBoxToggle .toggle { position: absolute; width: 100%; height: 100%; }

.settingsSetupLoginBoxToggle .checkbox.toggle {}

.settingsSetupLoginBoxToggle .checkbox:checked .toggle{}

.settingsSetupLoginBoxToggle .toggle:before,
.settingsSetupLoginBoxToggle .toggle:after,
.settingsSetupLoginBoxToggle .toggle span { display: block; position: absolute; top:50%;transform:translateY(-50%); width: 50%; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:var(--accent2);}

.settingsSetupLoginBoxToggle label{display:block;margin:0;}
.settingsSetupLoginBoxToggle .toggle:before {content:""; display: block; position: absolute; width:50%;height:100%;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);right:0;z-index:2;}
.settingsSetupLoginBoxToggle .toggle:after  {content: 'On'; position: absolute;right: 0;text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:#fff;z-index:2;}
.settingsSetupLoginBoxToggle .toggle span {left: 0;z-index:3;}

.settingsSetupLoginBoxToggle .checkbox:checked + .toggle:before {left:0;}
.settingsSetupLoginBoxToggle .checkbox:checked + .toggle:after{color:var(--accent2);}
.settingsSetupLoginBoxToggle .checkbox:checked + .toggle span { color: #fff; }

.setupThemeBoxes .setupThemeBox.setupThemeBox2{margin-top:11px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox2 .settingsPageBoxMainBoxListHeading{margin-bottom:11px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox2 .settingsPageBoxMainBoxListHeading h2{margin-bottom:6px;}
.setupThemeBoxes .setupThemeBox.setupThemeBox2 .setupThemeBoxPreview{min-height:306px;height:326px;max-height:100%;border-radius: 8px;background: rgba(21, 21, 22, 0.03);position:relative;z-index:1;-webkit-user-select: none; /* Safari */-ms-user-select: none; /* IE 10 and IE 11 */user-select: none; /* Standard syntax */}
.setupThemeBoxes .setupThemeBox.setupThemeBox2 .setupThemeBoxPreview iframe{width:100%;height:100%;}
.setupThemeBoxes .setupThemeBox.setupThemeBox2 .setupThemeBoxPreview small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;color:var(--sys-red);}

.previewTheme{height:100%;}

.previewTheme ::-webkit-scrollbar-track {background-color: #F1F1F1;background-color: #FFF;}
.previewTheme ::-webkit-scrollbar {width: 2px!important;height:2px; }
.previewTheme ::-webkit-scrollbar-thumb {background-color: #C1C1C1;}

.previewTheme header {height: 20px;padding:0 8px;}
.previewTheme footer{height:15px;padding:0 8px;}

.previewTheme a{pointer-events:none;cursor:initial;}
.previewTheme button{pointer-events:none;cursor:initial!important;}

.previewTheme header .header_con .headerBox.headerBox1 .logoNav .logo .header-logo {height:16px;}
.previewTheme header .header_con .headerBox.headerBox1 .logoNav .logo{min-width:100px;}
.previewTheme header .header_con .headerBox.headerBox1 .logoNav .navArea{padding:0 5px;}

.previewTheme header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading{cursor:initial;}
.previewTheme header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading button {margin-right:2px;}
.previewTheme header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading button svg{width:15px;}
.previewTheme header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading span.nav-course-title{font-size:0.4vw;display:none!important;}

.previewTheme header .header_con .headerBox.headerBox2 nav.headerNav ul{gap:3px;}
.previewTheme header .header_con .headerBox.headerBox2 nav.headerNav ul li a{padding:0 8px;font-size:0.4vw;}

.previewTheme header .header_con .headerBox.headerBox2 nav.headerNav ul li a:before,
.previewTheme header .header_con .headerBox.headerBox2 nav.headerNav ul li a:after{border-bottom-width: 2px;}

.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li .searchcon strong,
.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifIcon{cursor:initial;}

.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child{padding: 0 8px 0 0;}
.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child:after{height:14px;}
.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li:not(:last-child){margin:0 8px 0 0}

.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li img,
.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li svg{width:9px;}

.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a span{font-size:0.4vw;}
.previewTheme header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a .photoImg{width:15px;height:15px;}

.previewTheme main.main-content{padding: 7px 8px 10px;height: calc(100% - 35px);}

.previewTheme footer .footer_con .footerBox.footerBox1 .footer-logo{width:40px;}

.previewTheme footer .footer_con .footerBox.footerBox1 .copyright,
.previewTheme footer .footer_con .footerBox.footerBox2 .footerSupport{font-size:6px;}
.previewTheme footer .footer_con .footerBox.footerBox2 svg{width:7px;}

.previewTheme .dashboardRegion{height: 100%;}

.previewTheme .dashboardRegionHolder{width: 100%;height: 100%;gap:7px;}
.previewTheme .dashboardRegionHolder .dashboardRegionBox{}
.previewTheme .dashboardRegionHolder .dashboardRegionBox.dashboardRegionBox1{height: calc(100% - 43.7%);gap:10px;overflow:hidden;}
.previewTheme .dashboardRegionHolder .dashboardRegionBox.dashboardRegionBox2{}

.previewTheme .dashboardRegionBox .dashboardGreetings{width: 25%; display: inline-block; vertical-align: middle;}
.previewTheme .dashboardRegionBox .dashboardGreetings .dashboardDate,
.previewTheme .dashboardRegionBox .dashboardGreetings p{font-size:0.4vw;line-height:100%;}

.previewTheme .dashboardRegionBox .dashboardGreetings h2{font-size:.71vw;line-height:100%;margin: 6px 0 9px;}

.previewTheme .dashboardRegionBox .dashboardGreetings ul{margin:10px auto 0;gap:8px;}
.previewTheme .dashboardRegionBox .dashboardGreetings ul li{width:50%;}
.previewTheme .dashboardRegionBox .dashboardGreetings ul li button{width:100%!important;font-size:0.4vw;height:24px;border-radius:5px;padding:0;}

.previewTheme .dashboardRegionBox .dashboardBoxes{gap:5px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox{gap:5px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder{padding:2px 6px;height:62px;}

/*CALENDAR*/
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarMonth{font-size: .45vw;line-height:100%;margin-bottom:2px;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul{margin-bottom:2px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li{height: 100%;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li.event:before{width:8px;height:8px;top:-2px;right:-2px;border:1px solid #fff;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a{padding: 2px 6px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a div{font-size: 0.4vw;line-height: 100%;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a span{margin-top:2px;font-size: 0.4vw;line-height: 100%;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent{padding: 2px 6px;height:22px;border-radius:5px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventHeading .withEventHeadingTitle{font-size: 0.4vw;line-height: 100%;margin-bottom: 2px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventHeading .withEventHeadingTime{font-size: 0.35vw;line-height: 100%;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventIcon{display:inline-flex;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventIcon a{display:inline-flex;height:100%;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome .withEvent .withEventIcon svg{width:10px;height:10px;}
/*CALENDAR*/

/*COURSE PROGRESS*/

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphLegend ul li{font-size: .35vw;line-height:100%;padding-left:8px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphLegend ul li:not(:last-child){margin-bottom:4px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphLegend ul li:before{width:5px;height:5px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphChart{max-width:55px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphChart .graphPercent{font-size:.8vw;}

/*COURSE PROGRESS*/

/*CERTIFICATION*/
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox{padding:3px 4px;border-radius:5px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox:before {width:1px;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxHeading .certificationBoxHeadingTitle{font-size: .45vw;line-height:100%;margin-bottom:2px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxHeading .certificationBoxHeadingTitleSpan{font-size: .4vw;line-height:100%;display:block;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox:not(:last-child){margin-bottom:1px;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxIcon{line-height:100%;display:inline-flex;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .certificationBox .certificationBoxIcon svg{width:10px;height:10px;}

/*CERTIFICATION*/

/*NOTES & PINS*/
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin{border-radius: 5px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin:not(:last-child){margin-bottom:1px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin:before{width:1px;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinHeading{padding:3px 4px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinHeading .notePinHeadingTitle{font-size: .45vw;line-height:100%;margin-bottom:2px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinHeading .notePinHeadingTitleSpan{font-size: .4vw;line-height:100%;display:block;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent{padding:1px 6px;height:14px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinIcon{display:inline-flex;height:100%;align-items:center;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinIcon svg{width:8px;height:8px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinIcon .notePinIconText{font-size:.35vw;vertical-align:middle;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul li{font-size:.35vw;line-height:100%;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul li:not(:last-child){margin-right:2px;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul li:not(:last-child):after{width: 2px;height: 2px;right: -5px;}

/*NOTES & PINS*/

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard{gap:5px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox{border-radius:5px;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardHeading{padding: 3px 6px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardHeading .dashboardCardHeadingTitle{font-size:0.4vw;line-height:100%;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardHeading .dashboardCardLink{font-size:0.35vw;line-height:100%;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn{height:26px;border-radius:5px;padding:4px 3px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading{gap:5px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon{width:16px;height:16px;border-radius:2px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon svg{width:10px;height:10px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardDesc h2{font-size: .45vw;line-height:100%;margin-bottom:1px;}
.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardDesc a{font-size:.35vw;line-height:100%;}

.previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn a.dashboardCardArrow{width:12px;height:12px;border-radius:3px;}

/*END ACCOUNT SETUP SECTION*/

/*ACCOUNT LOGIN SECTION*/
.setupLoginBoxes{}
.setupLoginBoxes .setupLoginBox{}
.setupLoginBoxes .setupLoginBox.setupLoginBox1{}
.setupLoginBoxes .setupLoginBox.setupLoginBox1 .settingsPageBoxMainBoxListHeading{margin-bottom:24px;}

.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader{width:100%;}
.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderHeading{}

.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderBox{border-radius: 8px;border: 1px solid rgba(21, 21, 22, 0.05);background: rgba(21, 21, 22, 0.03);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);height:72px;text-align:center;}

.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderBox button{height:100%;min-height:72px;}
.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderBox button svg{display:block;margin:0 auto 8px;fill: var(--accent2);}
.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderBox button span{display:block;color:var(--accent2);}

.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderBox .logoUploaderBoxImg{height:100%;max-width: 90%;margin:0 auto;position:relative;}
.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderBox .logoUploaderBoxImg img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns {}
.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns ul{}
.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns ul li:not(:last-child){margin-bottom:8px;}
.setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns ul li button{min-width:76px;}

#settingsLoginTheme .logoUploaderBtns button{border: 1px solid rgba(41, 76, 153, 0.05);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}

.setupLoginBoxes .setupLoginBox.setupLoginBox2{margin-top:17px;}
.setupLoginBoxes .setupLoginBox.setupLoginBox2 .settingsPageBoxMainBoxListHeading{margin-bottom:11px;}
.setupLoginBoxes .setupLoginBox.setupLoginBox2 .settingsPageBoxMainBoxListHeading h2{margin-bottom:6px;}
.setupLoginBoxes .setupLoginBox.setupLoginBox2 .setupLoginBoxPreview{min-height:306px;border-radius: 8px;background: rgba(21, 21, 22, 0.03);position:relative;z-index:1;-webkit-user-select: none; /* Safari */-ms-user-select: none; /* IE 10 and IE 11 */user-select: none; /* Standard syntax */}
.setupLoginBoxes .setupLoginBox.setupLoginBox2 .setupLoginBoxPreview iframe{width:100%;height:100%;}
.setupLoginBoxes .setupLoginBox.setupLoginBox2 .setupLoginBoxPreview small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;color:var(--sys-red);}

.previewLogin{height:100%;}

.previewLogin a{pointer-events:none;cursor:initial;}
.previewLogin button{pointer-events:none;cursor:initial!important;}
.previewLogin input,
.previewLogin checkbox{pointer-events:none;cursor:initial!important;}

.previewLogin .pageLogin .pageLogin-content{padding:25px;height:100%;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBoxes {width:calc(100% - 200px);width:500px;max-width:100%;min-height:0;border-radius:6px;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox1{padding:10px 25px 15px;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder{margin-bottom:8px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder img{height:25px;margin-bottom:10px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder h2{margin-bottom:8px;font-size:.8vw;line-height:100%;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder p{font-size:.4vw;line-height:100%;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput label{font-size:.35vw;line-height:100%;margin-bottom:3px!important;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput label span{font-size:.4vw;line-height:100%;margin-left:4px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form span.formLoginError{font-size:.4vw;line-height:100%;margin-bottom:10px;display:none;}
.formLoginError ul li{font-size: 14px;line-height:100%;margin-bottom:10px;color: var(--sys-red);}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=text],
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=password]{height:24px;border-radius:4px;font-size:.4vw;line-height:100%;padding:5px;letter-spacing:0;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=checkbox]{width:8px;height:8px;border-radius:2px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=checkbox]:checked:before{width:4px;height:4px;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput{margin-bottom:4px;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=submit]{height:24px;border-radius:4px;font-size:.4vw;line-height:100%;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn{margin-top:8px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .form_btn a.form_btn_fp{display:block;font-size:.4vw;line-height:100%;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText{padding:10px 25px;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox2:before{height:120%;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText h3{margin-bottom:8px;font-size:.8vw;line-height:100%;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText p{font-size:.4vw;line-height:100%;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox{height:30px;border-radius: 4px; margin-top:12px;padding:4px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder{gap:5px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderIcon{width:24px;height:24px;border-radius: 2px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderIcon svg{width:10px;height:10px;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderHeading h2{font-size:.4vw;line-height:100%;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxTitleHolder .pageLoginHelpBoxTitleHolderHeading span{font-size:.35vw;line-height:100%;}

.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxArrow{}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxArrow .pageLoginHelpBoxBtn{width: 16px; height: 16px;border-radius: 4px;}
.previewLogin .pageLogin .pageLogin-content .pageLoginBox .pageLoginText .pageLoginHelpBox .pageLoginHelpBoxArrow .pageLoginHelpBoxBtn svg{width:8px;height:8px;}

#settingsAccount .formSection.themeFavicon{}
#settingsAccount .formSection.themeFavicon .themeFaviconImg{display:inline-block;vertical-align:middle;width: 62px; height: 62px;overflow: hidden;position:relative;border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
#settingsAccount .formSection.themeFavicon .themeFaviconImg img{object-fit: cover;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#settingsAccount .formSection.themeFavicon .themeFaviconImg svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#settingsAccount .formSection.themeFavicon .themeFaviconUpload{display:inline-block;vertical-align:middle;margin-left:14px;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload label{color:var(--sys-dark);font-weight:600;margin-bottom:6px;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns{margin-bottom:5px;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns .uploadFaviconBtn{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns .uploadFaviconBtn input{cursor: move; height: 100%; left: 0; padding: 0; opacity: 0; position: absolute; top: 0;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns .uploadFaviconBtn input[type=file]{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;z-index: 5;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns .uploadFaviconBtn button{width:auto;padding:0 8px;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns .uploadFaviconBtn.removeFaviconBtn{margin-left:8px;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns .uploadFaviconBtn.removeFaviconBtn button{width:64px;border: 1px solid var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns .uploadFaviconBtn button svg{display:inline-block;vertical-align:middle;height:100%;}
#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadBtns .uploadFaviconBtn button span{display:inline-block;vertical-align:middle;}

#settingsAccount .formSection.themeFavicon .themeFaviconUpload .themeFaviconUploadDesc{display: inline-block; vertical-align: middle; color: rgba(21, 21, 22, 0.60);}

/*END ACCOUNT LOGIN SECTION*/

/*ACCOUNT DOMAIN SECTION*/
#settingsAccount #settingsSetupDomains button{border: 1px solid rgba(41, 76, 153, 0.05);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}

.settingsDomainHolder:not(:last-child){margin-bottom:16px;}

.settingsDomainHolder .domainBoxes {display: grid;grid-template-columns: repeat(2,1fr);align-items:center;gap: 16px;}
.settingsDomainHolder .domainBoxes .domainSearch{position:relative;height:42px;}
.settingsDomainHolder .domainBoxes .domainSearch input{padding: 14px 85px 14px 14px;}
.settingsDomainHolder .domainBoxes .domainSearch button{min-width:68px;position:absolute;top:50%;transform:translateY(-50%);right:6px;width: 68px;min-width: auto;}

.settingsDomainHolder .domainBoxes .settingsDomainExt{}
.settingsDomainHolder .domainBoxes .settingsDomainExt ul{padding:0 14px;}
.settingsDomainHolder .domainBoxes .settingsDomainExt ul li{color: rgba(21, 21, 22, 0.30);}

.settingsDomainHolder .domainBoxes .settingsDomainBox{ min-height: 56px; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); padding: 10px 14px;}

.settingsDomainBox .settingsDomainBoxDetails{}

.settingsDomainBoxInfoHolder .settingsDomainBoxInfo{}
.settingsDomainBoxInfoHolder .settingsDomainBoxInfo.settingsDomainBoxInfo1{}
.settingsDomainBoxInfoHolder .settingsDomainBoxInfo.settingsDomainBoxInfo2{}

.settingsDomainHolder .domainBoxes .settingsDomainBox .settingsDomainBoxInfo .settingsDomainBoxHeadingTitle{}
.settingsDomainHolder .domainBoxes .settingsDomainBox .settingsDomainBoxInfo .settingsDomainBoxHeadingTitle h2{color:var(--primary-color);margin-bottom:3px;}
.settingsDomainHolder .domainBoxes .settingsDomainBox .settingsDomainBoxInfo .settingsDomainBoxHeadingTitle span.tooltiptext{display:block;color:var(--sys-white);}
.settingsDomainHolder .domainBoxes .settingsDomainBox .settingsDomainBoxInfo .settingsDomainBoxHeadingTitle span{display:flex;line-height:100%;color: rgba(21, 21, 22, 0.40);}

.settingsDomainHolder .domainBoxes .settingsDomainBox .settingsDomainBoxInfo .settingsDomainBoxHeadingTitle span > small{display:inline-flex;margin-left:3px;position:relative;}
.settingsDomainHolder .domainBoxes .settingsDomainBox .settingsDomainBoxInfo .settingsDomainBoxHeadingTitle span > small svg{height:100%;vertical-align:middle;}

.settingsDomainHolder .settingsDomainBoxInfo2{text-align:right;}
.settingsDomainHolder .settingsDomainBoxInfo span{display:block;color:var(--primary-color);}
.settingsDomainHolder .settingsDomainBoxInfo ul{margin-top:4px;display:inline-flex;}
.settingsDomainHolder .settingsDomainBoxInfo ul li{display:inline-block;vertical-align:top;position:relative;}
.settingsDomainHolder .settingsDomainBoxInfo ul li:before { content: ""; width: 5px; height: 5px; background: #E2E2E2; border-radius: 50%; display: block; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); }
.settingsDomainHolder .settingsDomainBoxInfo ul li:last-child:before{display:none;}
.settingsDomainHolder .settingsDomainBoxInfo ul li:first-child a{margin-left:0;}
.settingsDomainHolder .settingsDomainBoxInfo ul li:last-child a{margin-right:0;}
.settingsDomainHolder .settingsDomainBoxInfo ul li a{display:block;color: rgba(21, 21, 22, 0.40);margin:0 8px;}
.settingsDomainHolder .settingsDomainBoxInfo ul li a:hover{opacity:.5;}

.settingsDomainBtn{width: 192px;max-width: 100%;}
.settingsDomainBtn button{min-width:auto;}

/*ACCOUNT DOMAIN SECTION*/

/*ACCOUNT SITE AVAILABILITY SECTION*/
#settingsSetupSiteAvailability .settingsPageBoxMainBoxListHeading{margin-bottom:21px;}

.siteAvailabilityChoices{}

.siteAvailabilityChoices > span{display:block;}
.siteAvailabilityChoices > span:not(:last-child){margin-bottom:21px;}

#settingsSetupSiteAvailability .formGroup .siteAvailabilityChoices > span label{position:relative;cursor: pointer;line-height:100%;margin-bottom:0;margin-left:10px;}

.siteAvailabilityChoices span input[type="radio"] {content: ''; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.10); vertical-align: middle; margin: 0; width: 28px; height: 28px; display: inline-block; vertical-align: middle;position:relative;}
.siteAvailabilityChoices label span{display:block;color:var(--primary-color);margin-bottom:3px;line-height:100%;}

.siteAvailabilityChoices span input[type=radio]:checked:before{content: ""; width: 14px; height: 14px; display: block; background: var(--accent2); border-radius: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/*END ACCOUNT SITE AVAILABILITY SECTION*/

/*ACCOUNT AFFILIATES SECTION*/
#settingsSetupAffiliates .formGroup:not(:last-child){margin-bottom:30px;}
#settingsSetupAffiliates{} 
#settingsSetupAffiliates .settingsPageBoxMainBoxListHeading{}
#settingsSetupAffiliates .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingBtns{display:none;}
#settingsSetupAffiliates .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingBtns button:first-child{min-width:100px;}
#settingsSetupAffiliates .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingBtns button:last-child{min-width:128px;}

.affiliateBoxes {display: grid;grid-template-columns: repeat(4,1fr);gap: 15px;align-items:flex-start;}

#settingsSetupAffiliates .affiliateBoxInfo{min-height: 102px;border-radius: 8px;border: 1px solid rgba(21, 21, 22, 0.05);background: rgba(21, 21, 22, 0.03);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);padding:10px 14px;}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails{}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsHeading{margin-bottom:10px;}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsHeading h2{color: rgba(21, 21, 22, 0.60);}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsHeading svg{vertical-align:middle;}

#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent{}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData{}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h2{margin-bottom:5px;}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4{gap:5px;}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4 span{}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4 span svg{vertical-align:top;height:100%;}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4.graphUp{color:var(--sys-green);}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4.graphDown{color:var(--sys-red);}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentIcon{width:46px;height:46px;border-radius: 8px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);border: 1px solid rgba(41, 76, 153, 0.05);background: rgba(21, 21, 22, 0.03);text-align:center;}
#settingsSetupAffiliates .affiliateBoxInfo.affiliateBoxInfo1 .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentIcon{border: 1px solid rgba(255, 122, 72, 0.05);background: rgba(255, 122, 72, 0.05);}
#settingsSetupAffiliates .affiliateBoxInfo.affiliateBoxInfo2 .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentIcon{border: 1px solid rgba(41, 76, 153, 0.05);background: rgba(41, 76, 153, 0.05);}
#settingsSetupAffiliates .affiliateBoxInfo.affiliateBoxInfo3 .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentIcon{border: 1px solid rgba(74, 186, 123, 0.05);background: rgba(74, 186, 123, 0.05);}
#settingsSetupAffiliates .affiliateBoxInfo.affiliateBoxInfo4 .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentIcon{border: 1px solid rgba(247, 43, 43, 0.05);background: rgba(247, 43, 43, 0.05);}
#settingsSetupAffiliates .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentIcon svg{vertical-align:middle;height:100%;}

#settingsSetupAffiliates .tableFiltersTabs button{min-width:128px;}
#settingsSetupAffiliates .tableFiltersHeading{margin-bottom: 13px;}
#settingsSetupAffiliates .tableFiltersHeading .tableFiltersTabs ul li a .search_holder{top:110%;}
#settingsSetupAffiliates .tableFiltersHeading .tableFiltersHeadingTitle{}
#settingsSetupAffiliates .tableFiltersHeading .tableFiltersHeadingTitle h2{display:inline-block;vertical-align:bottom;color:var(--primary-color);}
#settingsSetupAffiliates .tableFiltersHeading .tableFiltersHeadingTitle span{display:inline-block;vertical-align:bottom;margin-left:8px;}

.settingsAffiliateTable {}

.settingsAffiliateTable table { border-collapse: unset; width: 100%; table-layout: fixed;}
.settingsAffiliateTable table thead tr {}
.settingsAffiliateTable table tr th:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;}
.settingsAffiliateTable table tr td:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;border-left:0;}
.settingsAffiliateTable table tr th:nth-child(2),
.settingsAffiliateTable table tr td:nth-child(2){border-left:0;}

.settingsAffiliateTable table thead tr th:nth-child(2):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12.0009 17C15.6633 17 18.8659 18.5751 20.608 20.9247L18.766 21.796C17.3482 20.1157 14.8483 19 12.0009 19C9.15346 19 6.6535 20.1157 5.23577 21.796L3.39453 20.9238C5.13673 18.5747 8.33894 17 12.0009 17ZM12.0009 2C14.7623 2 17.0009 4.23858 17.0009 7V10C17.0009 12.6888 14.8786 14.8818 12.2178 14.9954L12.0009 15C9.23945 15 7.00087 12.7614 7.00087 10V7C7.00087 4.31125 9.12318 2.11818 11.784 2.00462L12.0009 2ZM12.0009 4C10.4032 4 9.09721 5.24892 9.00596 6.82373L9.00087 7V10C9.00087 11.6569 10.344 13 12.0009 13C13.5986 13 14.9045 11.7511 14.9958 10.1763L15.0009 10V7C15.0009 5.34315 13.6577 4 12.0009 4Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsAffiliateTable table thead tr th:nth-child(3):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 7.23792L12.0718 14.338L4 7.21594V19H20V7.23792ZM4.51146 5L12.0619 11.662L19.501 5H4.51146Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsAffiliateTable table thead tr th:nth-child(4):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsAffiliateTable table thead tr th:nth-child(5):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsAffiliateTable table thead tr th:nth-child(6):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsAffiliateTable table thead tr th:nth-child(7):before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsAffiliateTable table tr th:last-child{border-radius: 0 8px 8px 0;}
.settingsAffiliateTable table tr td:last-child{border-radius: 0 8px 8px 0;border-right:0;}

.settingsAffiliateTable table thead tr th:last-child:before{content:"";width:14px;height:14px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12H4C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C9.53614 4 7.33243 5.11383 5.86492 6.86543L8 9H2V3L4.44656 5.44648C6.28002 3.33509 8.9841 2 12 2ZM13 7L12.9998 11.585L16.2426 14.8284L14.8284 16.2426L10.9998 12.413L11 7H13Z' fill='rgba(21,21,22,0.4)'%3E%3C/path%3E%3C/svg%3E");;display:inline-block;vertical-align:top;margin-right:8px;background-size:contain;}
.settingsAffiliateTable table tr th { color: rgba(21, 21, 22, 0.40); text-align: left; padding: 6px 14px; position: relative;overflow: hidden;background: rgba(41, 76, 153, 0.05);border: 1px solid rgba(41, 76, 153, 0.05);}
.settingsAffiliateTable table tr td {color: var(--primary-color); text-align: left; padding: 14px; position: relative;overflow: hidden;border: 1px solid rgba(21, 21, 22, 0.05);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 100%;}

.settingsAffiliateTable table tr td:nth-child(2){font-weight:bold;}

#settingsSetupAffiliates .settingsAffiliateTable table tr th .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: top;margin:0;}
#settingsSetupAffiliates .settingsAffiliateTable table tr td .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: middle;margin:0;}

.settingsAffiliateTable table tr:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}

/*END ACCOUNT AFFILIATES SECTION*/

/*ACCOUNT USER PERMISSIONS SECTION*/
.settingsUserPermissionsHolder:not(:last-child){margin-bottom:16px;}

.settingsUserPermissionsHolder .userPermissionsBoxes {display: grid;grid-template-columns: repeat(2,1fr);align-items:center;gap: 14px;}
.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox{ min-height: 56px; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); padding: 10px 14px;}
.settingsUserPermissionsBox .settingsUserPermissionsBoxDetails{}

.settingsUserPermissionsBoxInfoHolder .settingsUserPermissionsBoxInfo{}
.settingsUserPermissionsBoxInfoHolder .settingsUserPermissionsBoxInfo.settingsUserPermissionsBoxInfo1{}
.settingsUserPermissionsBoxInfoHolder .settingsUserPermissionsBoxInfo.settingsUserPermissionsBoxInfo2{}

.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeading{}
.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeading .settingsUserPermissionsHeadingIcon{display:block;width:38px;height:38px;border: 1px solid rgba(41, 76, 153, 0.05);border-radius:8px; background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);text-align:center;position:relative;}
.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeading .settingsUserPermissionsHeadingIcon span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:100%;color:var(--accent2);}

.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeadingTitle{}
.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeadingTitle h2{color:var(--primary-color);margin-bottom:3px;}
.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeadingTitle span.tooltiptext{display:block;color:var(--sys-white);}
.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeadingTitle span{display:flex;line-height:100%;color: rgba(21, 21, 22, 0.40);}

.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeadingTitle span > small{display:inline-flex;margin-left:3px;position:relative;}
.settingsUserPermissionsHolder .userPermissionsBoxes .settingsUserPermissionsBox .settingsUserPermissionsBoxInfo .settingsUserPermissionsBoxHeadingTitle span > small svg{height:100%;vertical-align:middle;}

.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo2{text-align:right;}
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo span{display:block;color:var(--primary-color);}
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo ul{margin-top:4px;display:inline-flex;}
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo ul li{display:inline-block;vertical-align:top;position:relative;}
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo ul li:before { content: ""; width: 5px; height: 5px; background: #E2E2E2; border-radius: 50%; display: block; position: absolute; right: -3px; top: 50%; transform: translateY(-50%); }
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo ul li:last-child:before{display:none;}
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo ul li:first-child a{margin-left:0;}
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo ul li:last-child a{margin-right:0;}
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo ul li a{display:block;color: rgba(21, 21, 22, 0.40);margin:0 8px;}
.settingsUserPermissionsHolder .settingsUserPermissionsBoxInfo ul li a:hover{opacity:.5;}

.settingsUserPermissionsBtn{width: 92px;max-width: 100%;}
.settingsUserPermissionsBtn button{min-width:auto;}

/*ACCOUNT USER PERMISSIONS SECTION*/

/*ACCOUNT INTEGRATION SECTION*/

#settingsAccount #settingsSetupIntegrations .formGroup{margin-bottom:0;}
#settingsAccount .formGroup:not(:last-child) .formSection.settingsIntegrationHolder{margin-bottom:20px;}

#settingsSetupIntegrations{overflow:hidden;display:none;}
#settingsSetupIntegrations .settingsPageBoxMainBoxListHeading{margin-bottom:0;float:left;}
#integrationTableFilters{margin-top:10px;}
#integrationTableFilters .tableFiltersHeading{margin-bottom:46px;float:right;}

#integrationTableFilters .tableFiltersTab{clear:both;}

.settingsIntegrationHolder{}
.settingsIntegrationHolder .integrationBoxes { display: grid; grid-template-columns: repeat(4,1fr);gap:14px;}
.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox{min-height: 56px; border-radius: 8px; border: 1px solid rgba(21, 21, 22, 0.05); background: rgba(21, 21, 22, 0.03); padding: 10px;}

.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeadingHolder{}
.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeading{}
.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingIcon{display:block;width:36px;height:36px;border-radius:6px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);text-align:center;position:relative;background-repeat:no-repeat;background-position:center center;}

.settingsIntegrationBoxHeadingIcon.Mailchimp{border: 1px solid #FFE200;background-color: #FFE200;background-image: url(../../images/Tenant/mailchimp.svg);}
.settingsIntegrationBoxHeadingIcon.Google{border: 1px solid rgba(21, 21, 22, 0.05);background-color: #FFF;background-image: url(../../images/Tenant/google.svg);}

.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle{}
.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle h2{color:var(--primary-color);margin-bottom:3px;}
.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle span{line-height:100%;}
.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle span > small{display:inline-block;vertical-align:middle;margin-left:3px;position:relative;}
.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle span > small svg{height:100%;vertical-align:middle;}
.settingsIntegrationHolder .integrationBoxes .settingsIntegrationBox .settingsIntegrationBoxHeadingHolder .settingsIntegrationBoxToggle{position: relative; display: block; width: 68px; height: 24px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);cursor:pointer;}
.settingsIntegrationBoxToggle .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
.settingsIntegrationBoxToggle .toggle { position: absolute; width: 100%; height: 100%; }
.settingsIntegrationBoxToggle .checkbox.toggle {}
.settingsIntegrationBoxToggle .checkbox:checked .toggle{}
.settingsIntegrationBoxToggle .toggle:before,
.settingsIntegrationBoxToggle .toggle:after,
.settingsIntegrationBoxToggle .toggle span { display: block; position: absolute; top:50%;transform:translateY(-50%); width: 50%; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:var(--accent2);}

.settingsIntegrationBoxToggle label{display:block;margin:0;}
.settingsIntegrationBoxToggle .toggle:before {content:""; display: block; position: absolute; width:50%;height:100%;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);right:0;z-index:2;}
.settingsIntegrationBoxToggle .toggle:after  {content: 'On'; position: absolute;right: 0;text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:#fff;z-index:2;}
.settingsIntegrationBoxToggle .toggle span {left: 0;z-index:3;}

.settingsIntegrationBoxToggle .checkbox:checked + .toggle:before {left:0;}
.settingsIntegrationBoxToggle .checkbox:checked + .toggle:after{color:var(--accent2);}
.settingsIntegrationBoxToggle .checkbox:checked + .toggle span { color: #fff; }
/*ACCOUNT INTEGRATION SECTION*/

/*ACCOUNT INTEGRATION SECTION*/
#settingsIntegrationSection{}

#settingsIntegrationsMailchimp{}
#settingsIntegrationsGoogleCalendar{}

.settingsIntegrationsMailchimpWrapper{display:none;}
.settingsIntegrationsGoogleCalendarWrapper{display:none;}

#settingsIntegrationSection .formGroup .formSection label.primaryColor{display:block;margin:0;color:var(--primary-color);}

/*MAILCHIMP*/
#settingsIntegrationsMailchimp .formGroup:not(:last-child){}

#settingsIntegrationsMailchimp .settingsPageBoxMainBoxListHeading{margin-bottom:30px;}

.integrationSectionBoxes{display: grid;grid-template-columns: repeat(4,1fr);row-gap: 18px;column-gap: 14px;}


#settingsIntegrationsGoogleCalendar .integrationSectionBoxes{}
#settingsIntegrationsGoogleCalendar .integrationSectionBoxes a{display:inline-block;vertical-align:middle;line-height: 32px;/*font-size: 16px;font-weight: 500;*/}
#settingsIntegrationsGoogleCalendar .integrationSectionBoxes a.btn-primary{width:auto;}
#settingsIntegrationsGoogleCalendar .integrationSectionBoxes a.btn-secondary{width:100%;}
#settingsIntegrationsGoogleCalendar .integrationSectionBoxes a.btn-secondary:hover{background: var(--accent2-5); color: var(--accent2); text-align: center; letter-spacing: -0.04em; border: 1px solid var(--accent2-5);cursor:default;}

#settingsIntegrationSection .integrationSectionBoxToggle{position: relative; display: block; width: 68px; height: 24px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);cursor:pointer;}
#settingsIntegrationSection .integrationSectionBoxToggle .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
#settingsIntegrationSection .integrationSectionBoxToggle .toggle { position: absolute; width: 100%; height: 100%; }
#settingsIntegrationSection .integrationSectionBoxToggle .checkbox:checked .toggle{}
#settingsIntegrationSection .integrationSectionBoxToggle .toggle:before,
#settingsIntegrationSection .integrationSectionBoxToggle .toggle:after,
#settingsIntegrationSection .integrationSectionBoxToggle .toggle span { display: block; position: absolute; top:50%;transform:translateY(-50%); width: 50%; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:var(--accent2);}

#settingsIntegrationSection .integrationSectionBoxToggle label{display:block;margin:0;}
#settingsIntegrationSection .integrationSectionBoxToggle .toggle:before {content:""; display: block; position: absolute; width:50%;height:100%;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);right:0;z-index:2;}
#settingsIntegrationSection .integrationSectionBoxToggle .toggle:after  {content: 'On'; position: absolute;right: 0;text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:#fff;z-index:2;}
#settingsIntegrationSection .integrationSectionBoxToggle .toggle span {left: 0;z-index:3;}

#settingsIntegrationSection .integrationSectionBoxToggle .checkbox:checked + .toggle:before {left:0;}
#settingsIntegrationSection .integrationSectionBoxToggle .checkbox:checked + .toggle:after{color:var(--accent2);}
#settingsIntegrationSection .integrationSectionBoxToggle .checkbox:checked + .toggle span { color: #fff; }

#settingsIntegrationSection .integrationSectionBoxes button{width:auto;min-width:82px;}
/*END MAILCHIMP*/

/*END ACCOUNT INTEGRATION SECTION*/

/*ACCOUNT MANAGE MEMBERS SECTION*/
#settingsManageMembersMembers{}

.settingsManageMembersMembersWrapper{display:none;}

/*ACCOUNT VIEW ALL MEMBERS*/
#settingsManageMembersMembers .formGroup:not(:last-child){}

#settingsManageMembersMembers .settingsPageBoxMainBoxListHeading{}
#settingsManageMembersMembers .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingBtns{display:none;}
#settingsManageMembersMembers .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingBtns button{min-width:94px;}

.settingsManageMembersMembersTable {overflow-x: auto;overflow-y: hidden;scrollbar-gutter: stable;}

.settingsManageMembersMembersTable table { border-collapse: unset; width: 100%;}
.settingsManageMembersMembersTable table thead tr {}
.settingsManageMembersMembersTable table tr th:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;position: sticky;left:0;z-index: 10;background:#F4F6FA;min-width:24px;}
.settingsManageMembersMembersTable table tr td:first-child{border-radius: 8px 0 0 8px;padding-left:7px;padding-right:0;border-right:0;border-left:0;position: sticky;left:0;z-index: 10;background:#fff;min-width:24px;}
.settingsManageMembersMembersTable table tr th:nth-child(2),
.settingsManageMembersMembersTable table tr td:nth-child(2){border-top:0;border-left:0;position: sticky;overflow: visible;width: 100px;left: 24px;z-index: 10;background: #fff;width:232px;}
.settingsManageMembersMembersTable table tr th:nth-child(2){background:#F4F6FA;}

.settingsManageMembersMembersTable table tr td:nth-child(2){}
.settingsManageMembersMembersTable table tr td:nth-child(2) small{display:inline-flex;justify-content:center;align-content:center;color: rgba(41, 76, 153, 0.50);width:20px;height:20px;border-radius: 5px;background: rgba(41, 76, 153, 0.15);font-size:12px;font-weight:600;letter-spacing: -0.36px;}
.settingsManageMembersMembersTable table tr td:nth-child(2) span{display: inline-block;vertical-align: middle;margin-left: 10px;}

.settingsManageMembersMembersTable table tr th:nth-child(2):after,
.settingsManageMembersMembersTable table tr td:nth-child(2):after{box-shadow: 5px 0 5px -2px rgba(21, 21, 22, 0.05) inset; content: " "; height: 106%; position: absolute; top: 0; right: -25px; width: 25px;}

.settingsManageMembersMembersTable table tr th:last-child{border-radius: 0 8px 8px 0;}
.settingsManageMembersMembersTable table tr td:last-child{border-radius: 0 8px 8px 0;border-right:0;}

.settingsManageMembersMembersTable table tr th { color: rgba(21, 21, 22, 0.40); text-align: left; padding: 6px 14px; position: relative;overflow: hidden;background: rgba(41, 76, 153, 0.05);border: 1px solid rgba(41, 76, 153, 0.05);min-width:232px;}

.settingsManageMembersMembersTable table tr td {color: var(--primary-color); text-align: left; padding: 14px; position: relative;overflow: hidden;border: 1px solid rgba(21, 21, 22, 0.05);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 100%;min-width:232px;}

.settingsManageMembersMembersTable table tr td .tagsList{}
.settingsManageMembersMembersTable table tr td .tagsList li{display: inline-block; vertical-align: top; margin-right: 4px; padding: 4px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: unset;line-height:100%;height:20px;}

.settingsManageMembersMembersTable table tr td:nth-child(2){font-weight:bold;}

.settingsManageMembersMembersTable table tr:not(:last-child) {border-bottom: 1px solid rgba(21, 21, 22, 0.05);}

#settingsManageMembersMembers .settingsManageMembersMembersTable table tr th .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: top;margin:0;}
#settingsManageMembersMembers .settingsManageMembersMembersTable table tr td .checkbox-container{position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 16px; height: 16px; display: inline-block; vertical-align: middle;margin:0;}

#settingsManageMembersMembers .pagination{z-index:1;position:relative;padding: 15px 0 2px; color: rgba(21, 21, 22, 0.60); display: flex; align-items: center; width: 100%; background: var(--sys-white);}

#settingsManageMembersMembers .pagination small {color: rgba(21, 21, 22, 0.40);}

#settingsManageMembersMembers .pagination small,
#settingsManageMembersMembers .pagination span {margin-right: 3px;}

#settingsManageMembersMembers .pagination a {font-size: 16px;color: rgba(21, 21, 22, 0.6);margin-left: 2px;}
#settingsManageMembersMembers .pagination a svg{fill: rgba(21, 21, 22, 0.6);vertical-align:middle;height:100%;}
#settingsManageMembersMembers .pagination a.isDisabled {pointer-events: none;cursor: default;text-decoration: none;color:rgba(21, 21, 22, 0.2);}
#settingsManageMembersMembers .pagination a.isDisabled svg{fill:rgba(21, 21, 22, 0.2);vertical-align:middle;height:100%;}
/*END ACCOUNT VIEW ALL MEMBERS*/


/*END ACCOUNT MANAGE MEMBERS SECTION*/

/*ACCOUNT RESOURCES*/

/*ACCOUNT DOCUMENTS SECTION*/

#settingsResourcesSection .formGroup{margin-bottom:0;}

#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading{padding-bottom:18px;border-bottom:0;}
#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingTitle{}
#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingTitle h2{color:var(--sys-dark);margin-bottom:8px;}
#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingTitle span{color: rgba(21, 21, 22, 0.50);}

#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingBtn{display:block;}
#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingBtn button{min-width:94px;}

#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingBtn .settingsResourcesFilter{display:flex;align-items:center;gap:10px;}
#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingBtn .settingsResourcesFilter label{font-size:14px;color:rgba(21, 21, 22, 0.50);}
#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingBtn .settingsResourcesFilter select{width:auto;padding: 5px; box-sizing: border-box; line-height: 100%; height: 32px;min-width:85px;}
#settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading .settingsResourcesHeadingBtn .settingsResourcesFilter select option{}

#settingsResourcesSection .settingsResourcesDocumentsHolder{position: relative;padding-left: 20px;}
#settingsResourcesSection .settingsResourcesDocumentsHolder:before{content: ""; width: 14px; height: 14px; position: absolute; left: 0; top: 14px; transform: translateY(-50%); cursor: move; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(21,21,22,1)'%3E%3Cpath d='M8.5 7C9.32843 7 10 6.32843 10 5.5C10 4.67157 9.32843 4 8.5 4C7.67157 4 7 4.67157 7 5.5C7 6.32843 7.67157 7 8.5 7ZM8.5 13.5C9.32843 13.5 10 12.8284 10 12C10 11.1716 9.32843 10.5 8.5 10.5C7.67157 10.5 7 11.1716 7 12C7 12.8284 7.67157 13.5 8.5 13.5ZM10 18.5C10 19.3284 9.32843 20 8.5 20C7.67157 20 7 19.3284 7 18.5C7 17.6716 7.67157 17 8.5 17C9.32843 17 10 17.6716 10 18.5ZM15.5 7C16.3284 7 17 6.32843 17 5.5C17 4.67157 16.3284 4 15.5 4C14.6716 4 14 4.67157 14 5.5C14 6.32843 14.6716 7 15.5 7ZM17 12C17 12.8284 16.3284 13.5 15.5 13.5C14.6716 13.5 14 12.8284 14 12C14 11.1716 14.6716 10.5 15.5 10.5C16.3284 10.5 17 11.1716 17 12ZM15.5 20C16.3284 20 17 19.3284 17 18.5C17 17.6716 16.3284 17 15.5 17C14.6716 17 14 17.6716 14 18.5C14 19.3284 14.6716 20 15.5 20Z'%3E%3C/path%3E%3C/svg%3E");}
#settingsResourcesSection .settingsResourcesDocumentsHolder .settingsResourcesDocumentsHolder {margin-top: 16px;}

#settingsResourcesSection .settingsPageBoxMainBoxListHeading{margin-bottom:21px;position:relative;z-index:1;}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading:after{content:"";width:100%;height:2px;background:rgba(21, 21, 22, 0.10);position:absolute;top:50%;transform:translateY(-50%);left: 0;z-index: -1;}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading h2{margin-bottom:0px;line-height: 30px;padding: 0 !important;}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading h2.editable {text-decoration: underline;}

#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingInfo{display:inline-flex;align-items:center;padding-right:14px;background:#fff;}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingInfo .settingsPageBoxMainBoxListHeadingFilter span {display: flex; align-items: center; gap: 6px;}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingInfo .settingsPageBoxMainBoxListHeadingFilter span input {height: 30px;}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingInfo .settingsPageBoxMainBoxListHeadingFilter span a {display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 6px; position: relative;flex-shrink: 0;}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingInfo .settingsPageBoxMainBoxListHeadingFilter span .add-sub {border: 1px solid rgba(255, 255, 255, 0.10); background: #72CA98;}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingInfo .settingsPageBoxMainBoxListHeadingFilter span .cancel-sub {border: 1px solid rgba(255, 255, 255, 0.10); background: var(--sys-red);}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingInfo .settingsPageBoxMainBoxListHeadingFilter span svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsResourcesHeadingBtn{float:right;margin-top:-5px;display: inline-flex;padding-left: 14px;background: #fff;}

#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsResourcesHeadingBtn button{border: 1px solid var(--accent2);background:none;color:var(--accent2);}
#settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsResourcesHeadingBtn button:hover{opacity:1;background:var(--accent2);color:#fff;}

#settingsResourcesSection .settingsPageBoxMainBoxList{border:none;}
#settingsResourcesSection .settingsPageBoxMainBoxList:not(:first-child){padding-top:19px;padding-bottom:19px;}
#settingsResourcesSection .settingsPageBoxMainBoxList:nth-child(2){padding-top:0;}
#settingsResourcesSection .settingsPageBoxMainBoxList:last-child{padding-bottom:65px;}


.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingFilter a{display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 6px; position: relative;}
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingFilter a.addBtn { border: 1px solid rgba(255, 255, 255, 0.10); background: #72CA98; }
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingFilter a.editBtn { border: 1px solid rgba(255, 255, 255, 0.10); background: #294C99; }
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingFilter a.deleteBtn { border: 1px solid rgba(255, 255, 255, 0.10); background: var(--sys-red); }
.settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingFilter a svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

#settingsResourcesSection .documentsBoxes{display: grid;grid-template-columns: repeat(4,1fr);row-gap: 38px;column-gap: 14px;}
#settingsResourcesSection .documentsBoxes .documentsBox{text-align:center;position:relative;}

.documentsBoxes .documentsBox .resourcesGrabIcon{position:absolute;top:0;right:0;cursor:pointer;display:none;}

.documentsBoxes .documentsBox .resourcesFileCover{display:block;width:100%;max-width:334px;min-height:188px;position:relative;border-radius: 12px;border: 1px solid rgba(21, 21, 22, 0.05);background: #F9F9F9;margin:0 auto 10px;z-index:1;}
.documentsBoxes .documentsBox .resourcesFileCover:not(:has(.thumbnail-image[src*="vimeocdn.com"])){max-width:120px;}
.documentsBoxes .documentsBox .resourcesFileCover small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color: rgba(255, 0, 0, 0.20);z-index:-1;width:100%;height:100%;}
.documentsBoxes .documentsBox .resourcesFileCover:not(:has(.thumbnail-image[src*="vimeocdn.com"])) small {width:unset;height:unset;}
.documentsBoxes .documentsBox .resourcesFileCover small .thumbnail-image {border: 1px solid rgba(21, 21, 22, 0.05);border-radius: 12px;}
.documentsBoxes .documentsBox .resourcesFileCover:not(:has(.thumbnail-image[src*="vimeocdn.com"])) small .thumbnail-image {border:none;border-radius:0;}

.documentsBoxes .documentsBox .resourcesFileDetails {margin-bottom:5px;} 
.documentsBoxes .documentsBox .resourcesFileDetails ul{} 
.documentsBoxes .documentsBox .resourcesFileDetails ul li{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.50);position:relative;} 
.documentsBoxes .documentsBox .resourcesFileDetails ul li:not(:last-child){margin-right:16px;}
.documentsBoxes .documentsBox .resourcesFileDetails ul li:not(:last-child):after{content:"";width:6px;height:6px;background:#E8E8E8;border-radius:50%;position:absolute;right:-13px;top:50%;transform:translateY(-50%);}

.documentsBoxes .documentsBox .resourcesFileTitle{margin-bottom:13px;}
.documentsBoxes .documentsBox .resourcesFileTitle h2{color:var(--primary-color);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.documentsBoxes .documentsBox .resourcesFileBtns{margin-bottom:16px;}
.documentsBoxes .documentsBox .resourcesFileBtns ul{}
.documentsBoxes .documentsBox .resourcesFileBtns ul li{display:inline-block;vertical-align:middle;}

#settingsResourcesDocuments .documentsBoxes .documentsBox .resourcesFileBtns button.btn-medium{width:100%;max-width:100%;min-width:100%;padding: 0 15px;border: 1px solid var(--accent2);box-shadow: none;}
#settingsResourcesDocuments .documentsBoxes .documentsBox .resourcesFileBtns button:hover{background: var(--accent2); color: #fff; opacity: 1;}

.documentsBoxes .documentsBox .resourcesFileDesc{}
.documentsBoxes .documentsBox .resourcesFileDesc p{color: rgba(21, 21, 22, 0.60);}

/*END ACCOUNT RESOURCES*/

/*END SETTINGS PAGE*/

/*START NEW RESOURCES PAGE*/

#resourcesPage{padding:14px 24px;overflow-y:auto;height: calc(100% - 75px);}

#resourcesPage .newResourcesPage{/*max-width:1502px;*/width:100%;margin:0 auto;width: 100%;}

.newResourcesPageBoxes:has(#menuRedirectSectionIndex) .newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a span{/*color:var(--primary-color)!important;*/}
/*.newResourcesPageBoxes:has(#menuRedirectSectionIndex) .newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li.ui-state-active a span,
.newResourcesPageBoxes:has(#menuRedirectSectionIndex) .newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a:hover span { color: #ff385c !important; }*/
.newResourcesPageBoxes:has(#menuRedirectSectionIndex) .newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading h2{color:var(--primary-color);}

.newResourcesPage {height: calc(100vh - 110px);display: flex;flex-direction: column;gap: 16px;}
.newResourcesPageHeading{}
.newResourcesPageHeading h2 {}

.newResourcesPageBoxes{width: 100%;height: calc(100% - 0px);display: flex;gap: 16px;}
.newResourcesPageBox{}

.newResourcesPageBox1{width: 242px;max-width: 100%;}
.newResourcesPageBox1 .newResourcesPageBoxSidebarHolder{width: 100%;height: 100%;padding-top: 18px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar{height:100%;}

.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageHeading{margin-bottom: 10px;overflow: hidden;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageHeading i {flex-shrink: 0;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageHeading i img {width: 24px; height: 24px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageHeading h2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: var(--sys-dark);font-weight: 600;}

.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes{overflow-y: auto; height: calc(100% - 27px); padding-right: 10px; padding-bottom: 10px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox:not(:last-child){border-bottom:1px solid rgba(21, 21, 22, 0.05);}

.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList{}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul{padding-left:29px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul{padding:10px 0 5px 15px;display:none;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li{position:relative;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li:before{content: ""; width: 12px; height: 12px; background: #fff; border:1px solid #9C9C9D; display: block; border-radius: 50%; position: absolute; left: -17px; top: 5px;display:none;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li a{font-weight:normal;position:relative;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li:hover a,
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li.currentPageItem a{color:var(--accent2);}

.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li a:before{content:"";width:8px;height:8px;background:#15151666;border-radius:50px;display:block;}

/*.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li:hover a:before,
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li.currentPageItem a:before{background:var(--accent2);}*/

.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li{display:block;vertical-align:top;position:relative;}

.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li .subListDropdownIcon{position:absolute;right:0;z-index:1;cursor:pointer;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li .subListDropdownIcon.active svg{transform: rotate(180deg);}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li .subListDropdownIcon.active svg path{fill:var(--accent2);}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li .subListDropdownIcon svg{display:inline-block;vertical-align:middle;width:20px;height:20px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li .subListDropdownIcon svg path{fill:#15151666;}

.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li:not(:last-child){margin-bottom:5px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a{color:#15151666;position:relative;overflow:hidden;display:flex;justify-content:flex-center;align-items:center;gap:12px;position:relative;}

.newResourcesPage.soleResources .newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a:before{content:"";width:20px;height:20px;background-size:cover;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M9 2.00318V2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8L9 2.00318ZM5.82918 8H9V4.83086L5.82918 8ZM11 4V9C11 9.55228 10.5523 10 10 10H5V20H19V4H11Z'%3E%3C/path%3E%3C/svg%3E");display:none;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li:last-child a{margin-bottom:0;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a svg{vertical-align:middle;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a svg path{fill:#15151666;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a span {color: #15151699;color:var(--primary-color); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 500; width: 85%; /*font-weight:600;*/ }
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li:not(:last-child) a{}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul > li.ui-state-active a,
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul > li a:hover {color:var(--primary-color);}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul > li.ui-state-active a svg path,
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul > li a:hover svg path{fill:var(--primary-color);}

.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul > li.ui-state-active a:before,
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li.ui-state-active a span,
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li.active > a span,
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a:hover span{color:var(--accent1);}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList > ul > li:has(li.active) > a > span,
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList > ul > li > ul:has(ul li.active) > li > a > span {color: #15151699;}



.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li:has(.link-info-tooltip) {}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li .link-info-tooltip{visibility: hidden; width: max-content; background-color: #6f7071; color: #fff; text-align: center; padding: 6px 12px; position: absolute; z-index: 12; top: 120%; left: 30%; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s; border-radius: 8px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li .link-info-tooltip::after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; display: block; width: 10px; height: 10px; transform: rotate(45deg); background: #6f7071; border-right: 0; border-bottom: 0; top: -3px; z-index: -1; }
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li .link-info-tooltip .link-info-tooltip-details{font-size: 10px;line-height: 12px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a:hover ~ .link-info-tooltip { visibility: visible; opacity: 1; }



.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a span {/*color: #ff385c !important; font-weight: normal;*/}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul li a small {font-size: 14px;color: #151516;}

/*second level drop down*/
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li:not(:last-child){margin-bottom:4px;}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul > li:hover{}
.newResourcesPageBox1 .newResourcesPageBoxSidebar .newResourcesPageSidebarBoxes .newResourcesPageSidebarBox .newResourcesPageSidebarBoxList ul ul li:not(:last-child) a{margin-bottom:0;}


/*end second level drop down*/

.newResourcesPageBox2{flex-grow: 1;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;overflow:hidden; width: calc(100% - 232px); flex-grow: 2; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); height: 100%; display: flex; flex-direction: column; position: relative; overflow: hidden;}
.newResourcesPageBox2 .newResourcesPageBoxMainHolder{}
.newResourcesPageBox2 .newResourcesPageBoxMainBoxes{height:100%;}

.newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox{}
.newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading{padding:18px 17px;border-bottom:1px solid #c6c6c6;position:sticky;top:0;background:#fff;z-index:10;}

.newResourcesPage.soleResources .newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading:before{content:"";width:24px;height:24px;background-size:cover;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M9 2.00318V2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8L9 2.00318ZM5.82918 8H9V4.83086L5.82918 8ZM11 4V9C11 9.55228 10.5523 10 10 10H5V20H19V4H11Z'%3E%3C/path%3E%3C/svg%3E");}

.newResourcesPage.soleResources .newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading[title="Setter Training"]:before,
.newResourcesPage.soleResources .newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading[title="Closer Training"]:before,
.newResourcesPage.soleResources .newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading[title*="Videos"]:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M15 4V8H19V20H5V4H15ZM3.9985 2C3.44749 2 3 2.44405 3 2.9918V21.0082C3 21.5447 3.44476 22 3.9934 22H20.0066C20.5551 22 21 21.5489 21 20.9925L20.9997 7L16 2H3.9985ZM15.0008 11.667L10.1219 8.41435C10.0562 8.37054 9.979 8.34717 9.9 8.34717C9.6791 8.34717 9.5 8.52625 9.5 8.74717V15.2524C9.5 15.3314 9.5234 15.4086 9.5672 15.4743C9.6897 15.6581 9.9381 15.7078 10.1219 15.5852L15.0008 12.3326C15.0447 12.3033 15.0824 12.2656 15.1117 12.2217C15.2343 12.0379 15.1846 11.7895 15.0008 11.667Z'%3E%3C/path%3E%3C/svg%3E");}

.newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading svg {
	height: 100%;
	vertical-align: middle;
}
.newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading svg path{}
.newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxHeading h2{color: #ff385c;font-weight:600;font-weight:normal;}

.newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxListHolder{height: calc(100vh - 172px);overflow-y: auto;}
.newResourcesPageBox2 .newResourcesPageBoxMainBoxes .newResourcesPageBoxMainBox .newResourcesPageBoxMainBoxList{padding:14px 18px;}

.newResourcesPageInformationBoxes{display: grid; grid-template-columns: repeat(2, 1fr);gap:20px; }
.newResourcesPageInformationBoxes .newResourcesPageInformationCard {display: inline-block;width: 100%;}
.newResourcesPageInformationBoxes .newResourcesPageInformationCard .newResourcesPageFileTitle{}
.newResourcesPageInformationBoxes .newResourcesPageInformationCard .newResourcesPageFileTitle a{display: flex; gap: 10px; justify-content: flex-start; align-items: center; padding: 25px 25px 25px 65px; border: 1px solid #c6c6c6; border-radius: 5px;position:relative;overflow:hidden;}
.newResourcesPageInformationBoxes .newResourcesPageInformationCard .newResourcesPageFileTitle a:before{content:"";width:50px;height:100%;position:absolute;top:50%;transform:translateY(-50%);left:0;background:#EBEBEB;border-right: 1px solid rgba(21, 21, 22, 0.10);}
.newResourcesPageInformationBoxes .newResourcesPageInformationCard .newResourcesPageFileTitle a img{display:inline-block;vertical-align:middle;width:42px;min-height: 42px;object-fit: contain;}
.newResourcesPageInformationBoxes .newResourcesPageInformationCard .newResourcesPageFileTitle a h2{font-weight:bold;color:var(--primary-color);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 100%;}

.newResourcesPageInformationBoxes .newResourcesPageInformationCard .newResourcesPageFileTitle a:has([src*="vimeocdn.com"]) img {width: 120px;}
.newResourcesPageInformationBoxes:has([src*="vimeocdn.com"]) .newResourcesPageInformationCard .newResourcesPageFileTitle a img {min-height: 70px;}

#newResourcesDocumentsSection{}
.newResourcesPageDocumentsWrapper{}
/*END NEW RESOURCES*/

/*START RESOURCES*/

#resourcesPage-region{display:none;}
#resourcesPage textarea { height: 108px; }

#resourcesPage .formSpacer:not(:last-child) {}
#resourcesPage .formGroup{width:100%;}
#resourcesPage .formGroup:not(:last-child){margin-bottom:18px;}
#resourcesPage .formGroup .formSection label{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.60);margin-bottom:6px;}

#resourcesPage .formGroup.col2{}
#resourcesPage .formGroup.col2 .formSection{display:inline-block;width:100%;}
#resourcesPage .formGroup.col2 .formSection .formBox.col2 .formSection{width:50%;}
#resourcesPage .formGroup .formSection{display:inline-block;width:100%;}

#resourcesPage button{border: 1px solid rgba(41, 76, 153, 0.05);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05); padding:0;}

.resourcesPage{width:100%;height: calc(100vh - 110px);}

.resourcesPage .resourcesPageBoxes{width: 100%;height: 100%;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox{height: 100%; max-width: 100%;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox.resourcesPageBox1{width:242px;max-width:100%;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox.resourcesPageBox1 .toggle_left_nav{width: 100%;height: calc(100vh - 110px);}

.resourcesPage .resourcesPageBoxes .resourcesPageBox.resourcesPageBox2{width:calc(100% - 232px);flex-grow: 2;border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #FFF;}

.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebarHolder{width: 100%;height:100%;padding-top:18px;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar{height:100%;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageHeading{margin-bottom:3px;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageHeadingTitle{color:var(--sys-dark);}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes{overflow-y: auto;height: calc(100% - 23px);padding-right:10px;padding-bottom:10px;padding-bottom:0;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox{padding:14px 0 7px;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox:not(:last-child){border-bottom:1px solid rgba(21, 21, 22, 0.05);}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxHeading{position:relative;margin-bottom:10px;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxHeadingIcon{display:inline-flex;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxHeadingIcon svg{height:100%;vertical-align:middle;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox h2{color: var(--sys-dark);font-weight: 600;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList{}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul{}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul ul{padding-left:15px;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li{display:block;vertical-align:top;position:relative;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li:not(:last-child){margin-bottom:7px;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li a{display:block;color:var(--primary-color);border-radius: 8px;border: 1px solid rgba(21, 21, 22, 0.05);background: #FFF;padding:6px 11px;position:relative;overflow:hidden;margin-bottom:5px;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li:last-child a{margin-bottom:0;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li a span{color: rgba(21, 21, 22, 0.30);}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li:not(:last-child) a{}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul > li.ui-state-active a,
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul > li a:hover {border: 1px solid rgba(41, 76, 153, 0.05);background:var(--accent3);}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li a:hover span{color:var(--accent1);}
/*second level drop down*/
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul ul li:not(:last-child){margin-bottom:4px;}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul ul > li:hover{}
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul ul li:not(:last-child) a{margin-bottom:0;}

/*end second level drop down*/
.resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxMainHolder{width: 100%;height:100%;overflow-y: auto;}
.resourcesPageBoxMainBoxes{}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox{}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxHeading{padding:19px 17px;border-bottom:1px solid rgba(21, 21, 22, 0.05);position:sticky;top:0;background:#fff;z-index:10;border-radius:12px;}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxHeading .resourcesPageBoxMainBoxHeadingIcon{display: inline-flex;}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxHeading .resourcesPageSidebarBoxHeadingIcon svg{height:100%;vertical-align:middle;}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxHeading h2{color: var(--sys-dark);}

.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxList:first-child{padding:14px 18px;}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxList:not(:first-child){padding:65px 18px;}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxList:not(:last-child){border-bottom:1px solid rgba(21, 21, 22, 0.05);}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxList .resourcesPageBoxMainBoxListHeading{margin-bottom:24px;}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxList .resourcesPageBoxMainBoxListHeading h2{color:var(--sys-dark);margin-bottom:8px;}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxList .resourcesPageBoxMainBoxListHeading .resourcesPageBoxMainBoxListHeadingDesc{color: rgba(21, 21, 22, 0.50);}
.resourcesPageBoxMainBoxes .resourcesPageBoxMainBox .resourcesPageBoxMainBoxList .resourcesPageBoxMainBoxListHeading .errorMsg{margin-top:25px;color:red;}

.col-lg-1{grid-column: 1/-1;}
.col-lg-2{grid-column: auto/span 2;}
.col-lg-3{grid-column: 1/4;}

#resourcesDocumentsSection{}

.resourcesPageDocumentsWrapper{}
.resourcesPageVideosWrapper{}
.resourcesPageWebinarsWrapper{}
.resourcesPageWebCastsWrapper{}
.resourcesPageBooksWrapper{}

.resourcesPageInformationBoxes{display: grid;grid-template-columns: repeat(4,1fr);row-gap: 56px;column-gap: 14px;}
.resourcesPageInformationBoxes .resourcesPageInformationCard{width:100%;max-width:293px;min-height:475px;position:relative;text-align:center;overflow:hidden;margin:0 auto;}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageGrabIcon{position:absolute;top:0;right:0;cursor:pointer;}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileCover{display: block; width: 90%; max-width: 120px; height: 154px; position: relative; border-radius: 12px; border: 1px solid rgba(21, 21, 22, 0.05); background: #fff; margin: 0 auto 14px; z-index: 1;padding: 8px;display: flex; justify-content: center; align-items: center;}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileCover small{color: rgba(255, 0, 0, 0.20);z-index:-1;width:100%;}

.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileDetails {margin-bottom:8px;} 
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileDetails ul{} 
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileDetails ul li{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.50);position:relative;} 
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileDetails ul li:not(:last-child){margin-right:16px;}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileDetails ul li:not(:last-child):after{content:"";width:6px;height:6px;background:#E8E8E8;border-radius:50%;position:absolute;right:-13px;top:50%;transform:translateY(-50%);}

.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileTitle{margin-bottom:14px;}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileTitle h2{color:var(--primary-color);display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileDesc{}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileDesc p{color: rgba(21, 21, 22, 0.60);}

.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileBtns{margin-top:15px;}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileBtns ul{}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileBtns ul li{}
.resourcesPageInformationBoxes .resourcesPageInformationCard .resourcesPageFileBtns ul li button{}

/*RESOURCES PAGE DOCUMENTS*/
/*END RESOURCES PAGE DOCUMENTS*/

/*RESOURCES PAGE VIDEOS*/
/*END RESOURCES PAGE VIDEOS*/

/*RESOURCES PAGE WEBINARS*/
/*END RESOURCES PAGE WEBINARS*/

/*RESOURCES PAGE WEBCASTS*/
/*END RESOURCES PAGE WEBCASTS*/

/*RESOURCES PAGE BOOK*/
/*END RESOURCES PAGE BOOK*/

/*END RESOURCES PAGE*/


.shadow {box-shadow: 0px 10px 25px #0000000d;}

.dblock {display:block;}
.dflex {display:flex;}
.dflex-wrap{flex-wrap:wrap;}
.dflex-btwn{display: flex;justify-content: space-between;}
.dflex-jcenter{display: flex;justify-content: center;}
.dflex-jstart{display: flex;justify-content: flex-start;}
.dflex-jend{display: flex;justify-content: flex-end;}
.dflex-acenter {display: flex;align-items:center;}
.dflex-astretch {display: flex;align-items:stretch;}
.dflex-aend {display:flex;align-items:flex-end;}
.dflex-astart {display: flex;align-items:flex-start;}
.dflex-column{flex-direction:column;}
.dflex-acontent-fs{align-content: flex-start;}
.dflex-column-reverse{flex-direction:column-reverse;}
.gap--6{gap:6px;}
.gap--8{gap:8px;}
.gap--9{gap:9px;}
.gap--10{gap:10px;}
.gap--11 {gap:11px;}
.gap--12 {gap:12px;}
.gap--13 {gap:13px;}
.gap--14 {gap:14px;}
.gap--15{gap:15px;}
.gap--16{gap:16px;}
.gap--18 {gap:18px;}
.gap--20 {gap: 20px;}
.gap--22 {gap: 22px;}
.gap--28 {gap: 28px;}
.gap--30 {gap: 30px;}
.gap--36{gap:36px;}
.gap--44{gap:44px;}
.gap--45{gap:45px;}
.gap--170{gap:170px;}
.f-right {float:right;}
.f-left {float:left;}
.bold {font-weight:bold;}
.mt-10 {margin-top:10px;}
.mt-14 {margin-top:14px;}
.mt-33 {margin-top:33px;}
.accent-drk{background: var(--accent2);color: #fff;}
.accent1{background:var(--accent1);}
.btn-ghost{background:#F7F7F7;border:1px solid var(--sys-dark);color:var(--sys-dark);}
.btn-grey{background: var(--accent2-5); border: var(--accent2-5); color:var(--accent2);}
.btn-default{border: 1px solid var(--accent2-5); background: var(--accent2-5); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);color:var(--accent2);}

.btnColored{background: rgba(41, 76, 153, 0.05); color: var(--accent2);}

/*MODALS*/

#myaccount-region .popUpContainer .modalInformationBoxes{display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px;}
#myaccount-region .popUpContainer .modalInformationBoxes .formSection{margin:0;}

.hidden-type{display:none;}
.popUpContainer { background: rgba(21, 21, 22, 0.4); top: 50%; left: 50%; position: fixed; z-index: 99998; width: 100%; height: 100%; text-align: center; transform: translate(-50%,-50%); display: none; }
.popUpContainer .popUpHolder{display: inline-block;position: fixed; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 2;}

.popUpDetails{background: #fff;border-radius: 16px; width: 100%; height: 100%;}
.popUp{width:550px;max-width:100%;padding: 14px;overflow:hidden;position:relative; margin:0 auto;}
.popUpHeading{position:relative;}
.popUpHeading:after{content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%;}
.popUpHeading a{display: flex; width: 16px; height: 16px; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; align-items: center; justify-content: center;background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); }
.popUpHeading a svg{vertical-align:middle;}
.popUpHeading a svg path{stroke: var(--accent1);}

.popUpContent{margin:14px auto;}
.popUpContent .formSpacer:not(:last-child) {margin-bottom: 16px;}
.popUpContent .formGroup{width:100%;}
.popUpContent .formGroup.col2{}
.popUpContent .formGroup.col2 .formSection{display:inline-block;width:100%;}
.popUpContent .formGroup.col2 .formSection{}
.popUpContent .formGroup .formSection{width:100%;position:relative;display:block;text-align:left;}
.popUpContent .formGroup .formSection .formHeading{margin-bottom:6px;}
.popUpContent .formGroup .formSection .formHeading label{margin-bottom:0;}
.popUpContent .formGroup .formSection .formHeading span{color:rgba(21, 21, 22, 0.4);}
.popUpContent .formGroup .formSection label{display:inline-block;vertical-align:middle;color: rgba(21, 21, 22, 0.6);margin-bottom:6px;}
.popUpContent .formGroup .formSection span{display:inline-block;vertical-align:middle;}

.popUpContent .formGroup .formSection select{color: var(--sys-dark);}
.popUpContent input[type=text],
.main-content select{height:42px;}
.main-content select{padding:10px 14px;}
.popUpContent textarea {min-height:96px;}

.popUp .popUpBtns {margin:16px auto 0;}
.popUp .popUpBtns button {display: inline-block; vertical-align: top;width:100%;min-width:0;padding:0;}
.popUp .popUpBtns button.accent-drk{border: 1px solid rgba(255, 255, 255, 0.1);}

/*SEARCH MODAL*/
#searchModal{padding: 0;}
#searchModal .popUpDetails {padding: 0 !important;display: flex; flex-direction: column;max-height: 400px; overflow: hidden;}
#searchModal .popUpHeading{padding:14px !important;gap:10px;flex-shrink: 0;}
#searchModal .popUpHeading form.searchFormModal{width:100%; height: 100%;display:block;vertical-align:middle;position:relative;}
#searchModal .popUpHeading form.searchFormModal .searchModalIcon{position:absolute;left:0;top:50%;transform:translateY(-50%);}
#searchModal .popUpHeading form.searchFormModal .searchModalIcon svg{vertical-align:top;}
#searchModal .popUpHeading form.searchFormModal input[type="text"]{border: none; width: 100%; max-width: 100%; height: 100%; background: transparent; padding: 0; vertical-align: top; font-size: 16px; color: rgba(21, 21, 22, 0.30); outline: 0; font-weight: 400; padding:0 30px;box-shadow:none;}
#searchModal .popUpHeading a{width:28px;height:28px;}
#searchModal .popUpHeading a:hover {opacity: 0.5;}

#searchModal .popUpContent{width:100%;flex: 1; overflow: auto;padding: 14px; margin: 0;}
#searchModal .popUpContent .formSection:not(:last-child){margin-bottom:10px;}
#searchModal .popUpContent label{display:block;margin-bottom:0;color: var(--sys-dark);}
#searchModal .popUpContent ul{}
#searchModal .popUpContent ul li:not(:last-child){border-bottom:1px solid rgba(21, 21, 22, 0.05);}
#searchModal .popUpContent ul li a{display:block;width:100%;height:100%;padding:10px 0;color:var(--primary-color);}
/*END SEARCH MODAL */

/*ADD DOCUMENTS MODAL*/
#addDocumentModal{}
#addDocumentModal .popUpHeading{padding-bottom:11px;}
#addDocumentModal .popUpHeading h2{color: var(--sys-dark);}

#addDocumentModal .popUpContent{width:100%;}
#addDocumentModal .popUpContent .addDocumentUploadBtn{width:100%;max-width:100%;margin-bottom:18px;}
#addDocumentModal .popUpContent .addDocumentUploadBtn .uploadBtn{}
#addDocumentModal .popUpContent .addDocumentUploadBtn .uploadBtn label{min-width:0;width:100%;padding:0;cursor: pointer;height:81px;background: rgba(21, 21, 22, 0.025);border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;margin-bottom:0;}
#addDocumentModal .popUpContent .addDocumentUploadBtn .uploadBtn label svg{display:block;margin:18px auto 13px;}
#addDocumentModal .popUpContent .addDocumentUploadBtn .uploadBtn label span{display:block;color: rgba(21, 21, 22, 0.4);}

#addDocumentModal .popUpContent .addDocumentUploadDesc {}
#addDocumentModal .popUpContent .addDocumentUploadDesc p{color: rgba(21, 21, 22, 0.6);}
/*END ADD DOCUMENTS MODAL */

/*ADD RESOURCES MODAL*/
#addResourcesModal{}
#addResourcesModal .popUpHolder{height:75%; width: auto; max-width: 95%;}
#addResourcesModal .popUpHeading{padding-bottom:11px;}
#addResourcesModal .popUpHeading h2{color: var(--sys-dark);}

#addResourcesModal .popUpContent{width:100%;height: calc(100% - 105px);overflow-x: auto;}
#addResourcesModal .popUpContent .addResourcesUploadBtn{width:100%;max-width:100%;margin-bottom:18px;}
#addResourcesModal .popUpContent .addResourcesUploadBtn .uploadBtn{}
#addResourcesModal .popUpContent .addResourcesUploadBtn .uploadBtn label{min-width:0;width:100%;padding:0;cursor: pointer;height:81px;background: rgba(21, 21, 22, 0.025);border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px;margin-bottom:0;}
#addResourcesModal .popUpContent .addResourcesUploadBtn .uploadBtn label svg{display:block;margin:18px auto 13px;}
#addResourcesModal .popUpContent .addResourcesUploadBtn .uploadBtn label span{display:block;color: rgba(21, 21, 22, 0.4);}

#addResourcesModal .popUpContent .addResourcesUploadDesc {}
#addResourcesModal .popUpContent .addResourcesUploadDesc p{color: rgba(21, 21, 22, 0.6);}
#addResourcesModal .popUpContent .addResourcesUploadDesc.resourcesText p{padding:0 45px;}
/*END ADD RESOURCES MODAL */

/*ADD CERTIFICATION MODAL*/
#certificationModal{display:none;}
#certificationModal .popUp{width:725px;}
#certificationModal .popUpHeading{padding-bottom:11px;margin-bottom:15px;}
#certificationModal .popUpHeading h2{color: var(--sys-dark);}

#certificationModal .popUpContent{margin:0 auto;width:100%;}
#certificationModal .popUpContent ul{}
#certificationModal .popUpContent > ul li{max-width: 100%;padding: 10px; background: #f5f8ff; border: 1px solid var(--light3); border-radius: 10px; display: inline-block;text-align:left;position:relative;height:100%;border:1px solid rgba(21, 21, 22, 0.05)}
#certificationModal .popUpContent ul li.done{background:#fff;}
#certificationModal .popUpContent ul li .imgPercentageHolder{margin-bottom:15px;}
#certificationModal .popUpContent ul li .imgPercentageHolder img{max-height:84px;}
#certificationModal .popUpContent ul li h2{margin-bottom:6px;}
#certificationModal .popUpContent ul ul{}
#certificationModal .popUpContent ul ul li{max-width: 100%; padding: 0; background: none; border: none; border-radius: 0; display: inline-block; color:var(--sys-dark);}
#certificationModal .popUpContent ul ul li.done-check{}
#certificationModal .popUpContent ul ul li.done-check:after{content: ''; width: 18px; height: 18px; margin-left: 10px; display: inline-block; vertical-align: top;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath d='M11.602 13.7599L13.014 15.1719L21.4795 6.7063L22.8938 8.12051L13.014 18.0003L6.65 11.6363L8.06421 10.2221L10.189 12.3469L11.6025 13.7594L11.602 13.7599ZM11.6037 10.9322L16.5563 5.97949L17.9666 7.38977L13.014 12.3424L11.6037 10.9322ZM8.77698 16.5873L7.36396 18.0003L1 11.6363L2.41421 10.2221L3.82723 11.6352L3.82604 11.6363L8.77698 16.5873Z' fill='rgba(74,186,123,1)'%3E%3C/path%3E%3C/svg%3E");border: 1px solid rgba(74, 186, 123, 0.05); background-color: rgba(74, 186, 123, 0.05);}
/*END ADD CERTIFICATION MODAL */

/*START CONFIRMATION MODAL*/
#confirmationModal{display:none;width:100%!important;}
#confirmationModal .popUp{width:725px;}
#confirmationModal .popUpHeading,
#alertModal .popUpHeading{padding-bottom:11px;margin-bottom:15px;}
#alertModal .modal-box {padding: 14px;}

#confirmationModal .popUpHeading h2{color: var(--sys-dark);}
#confirmationModal .popUpContent{margin:0 auto;width:100%;text-align:center;}
#confirmationModal .popUpContent .confirmationIcon{display: block;margin:0 auto 25px; height: 64px; width: 64px;position: relative; border-radius: 8px; border: 1px solid rgba(247, 43, 43, 0.05); background: rgba(247, 43, 43, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }
#confirmationModal .popUpContent .confirmationIcon svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#confirmationModal .popUpContent p{color:var(--sys-dark);}
#confirmationModal .popUpContent p span{color:var(--sys-dark);}

#confirmationModal .popUpBtns{margin:50px auto 0;}
/*END CONFIRMATION MODAL*/

/*START UNAVAILABLE MODAL*/
#unAvailModal{width:100%!important;}
#unAvailModal .popUp{width:725px;overflow:visible;padding: 0;}
#unAvailModal .popUpHeading{padding-bottom:11px;margin-bottom:15px;gap:10px;}
#unAvailModal .popUpHeading h2{color: var(--sys-dark);}
#unAvailModal .popUpHeading svg{vertical-align:middle;height:100%;}

#unAvailModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:0;right:0;}
#unAvailModal .popUpClose svg{vertical-align: middle; fill:var(--accent1);}
#unAvailModal .popUpClose svg path{stroke:var(--accent1);}
#unAvailModal .popUpClose:hover{opacity: 0.5;}

#unAvailModal .popUpContent{margin:0 auto;width:100%;text-align:center;}
#unAvailModal .popUpContent .confirmationIcon{display: block;margin:0 auto 25px; height: 64px; width: 64px;position: relative; border-radius: 8px; border: 1px solid rgba(247, 43, 43, 0.05); background: rgba(247, 43, 43, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }
#unAvailModal .popUpContent .confirmationIcon svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#unAvailModal .popUpContent p{color:var(--sys-dark);}
#unAvailModal .popUpContent p span{color:var(--sys-dark);}
#unAvailModal .popUpBtns button {width: fit-content; margin: 16px auto 0; min-width: 200px;}
/*END UNAVAILABLE MODAL*/

/**DIAL SESSION REMINDER MODAL START*/
#unlockLessonModal{padding:25px;}

#unlockLessonModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}
#unlockLessonModal .popUpHolder {}

#unlockLessonModal popUpClose svg { vertical-align: middle; fill:var(--accent1);}
#unlockLessonModal popUpClose svg path{stroke:var(--accent1);}
#unlockLessonModal popUpClose:hover{opacity: 0.5;}

#unlockLessonModal .unlockLessonModalHeading{margin-bottom:20px;}
#unlockLessonModal .unlockLessonModalHeading svg{vertical-align:middle;}
#unlockLessonModal .unlockLessonModalHeading svg path{}
#unlockLessonModal .unlockLessonModalHeading h2 {display: block; text-align: center;}

#unlockLessonModal .contentArea{}
#unlockLessonModal .contentArea p{margin-bottom:25px;color:var(--primary-color);}
#unlockLessonModal .contentArea p:not(:last-child){margin-bottom:15px;}
#unlockLessonModal .contentArea p span{font-size:17px;font-weight:bold;}

#unlockLessonModal .popUpBtns button {width: 50%;}

/**END DIAL SESSION REMINDER MODAL**/

.videoModal{width: 1000px; max-width: 100%; background: var(--sys-white);box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);}

/*START COURSE TUTORIAL MODAL*/
#courseTutorialModal{display:none;}
#courseTutorialModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;}
#courseTutorialModal .popUpClose svg{vertical-align: middle;fill: var(--accent1);}
#courseTutorialModal .popUpClose svg path{stroke: var(--accent1);}
#courseTutorialModal .popUpClose:hover{opacity:0.5;}
#courseTutorialModal .popUpHeader{flex-shrink: 0; padding-bottom: 11px; margin-bottom: 15px; position: relative;}
#courseTutorialModal .popUpHeader:after{content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%;}

#courseTutorialModal .popUpHeading{}
#courseTutorialModal .popUpHeading:after{display:none;}

#courseTutorialModal .popUpContent{margin:0 auto;position:relative;}
#courseTutorialModal .popUpContent .popUpVideo{position: relative; width: 100%; background: #fff; border-radius: 8px; overflow: hidden;}
#courseTutorialModal .popUpContent .popUpVideo iframe{width: 100%; height: auto; background: #151516; aspect-ratio: 15.5 / 9.52; vertical-align: middle;}
/*END COURSE TUTORIAL MODAL*/

/*COURSE ALERT MODAL*/
#alertMessage{background: rgba(21, 21, 22, 0.7);height: 105%;backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);width:105vw;height:105vh;}
#alertMessage .popUp {padding:25px;}

#alertMessage .popUpClose { display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; }
#alertMessage .popUpClose svg { vertical-align: middle; fill: var(--accent1); }
#alertMessage .popUpClose svg path { stroke: var(--accent1); }

#alertMessage .popUpHeading { margin-bottom: 20px; }
#alertMessage .popUpHeading:after{display:none;}

#alertMessage .popUpContent{margin:0;}
#alertMessage .popUpContent p{margin-bottom:25px;color: var(--primary-color);}
#alertMessage .popUpContent p:not(:last-child){margin-bottom:15px;}
#alertMessage .popUpContent p span {display: block; margin-top: 10px;}

#alertMessage .popUpBtns{}
#alertMessage .popUpBtns button{ border-radius: 10px; margin:0 auto;font-size: 18px; width: fit-content; min-width: 200px; margin: 0 auto;}

/*END COURSE ALERT MODAL*/

/*COURSE ALERT MODAL*/
#lockedMessage{}
#lockedMessage .popUp {padding:25px 20px;}

#lockedMessage .popUpClose { display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; }
#lockedMessage .popUpClose svg { vertical-align: middle; fill: var(--accent1); }
#lockedMessage .popUpClose svg path { stroke: var(--accent1); }

#lockedMessage .popUpHeading { margin-bottom: 15px; }
#lockedMessage .popUpHeading:after{display:none;}

#lockedMessage .popUpContent{margin:0;}
#lockedMessage .popUpContent p{margin-bottom:15px;color: var(--primary-color);}
#lockedMessage .popUpContent p:not(:last-child){margin-bottom:15px;}
#lockedMessage .popUpContent p span {display: block; margin-top: 10px;}

#lockedMessage .popUpBtns{}
#lockedMessage .popUpBtns button{ max-width: 200px; border-radius: 10px; font-weight: 500; margin:0 auto;font-size: 1rem;}

/*END COURSE ALERT MODAL*/

/*ADD RESOURCES MODAL*/
#addIntegrationModal .modal-box {padding: 14px;}

#addIntegrationModal .popUpHeading{padding-bottom:11px;}
#addIntegrationModal .popUpHeading h2{color: var(--sys-dark);}

#addIntegrationModal .popUpContent{width:100%;}
#addIntegrationModal .formGroup .formSection label.primaryColor{display:block;margin:0;color:var(--primary-color);}
#addIntegrationModal .formGroup .formSection:not(:last-child){margin-bottom:16px;}

#addIntegrationModal .settingsIntegrationBoxHeadingHolder{}
#addIntegrationModal .settingsIntegrationBoxHeading{}
#addIntegrationModal .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingIcon{display:block;width:36px;height:36px;border-radius:6px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);text-align:center;position:relative;background-repeat:no-repeat;background-position:center center;border: 1px solid rgba(21, 21, 22, 0.05);background-color: #FFF;}

#addIntegrationModal .settingsIntegrationBoxHeadingIcon.Mailchimp{border: 1px solid #FFE200;background-color: #FFE200;background-image: url(../../images/Tenant/mailchimp.svg);}
#addIntegrationModal .settingsIntegrationBoxHeadingIcon.Google{background-image: url(../../images/Tenant/google.svg);}

#addIntegrationModal .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle{}
#addIntegrationModal .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle h2{color:var(--primary-color);margin-bottom:3px;}
#addIntegrationModal .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle h2 > small{display:inline-block;margin-left:8px;}
#addIntegrationModal .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle > span{display:block;line-height:100%;}
#addIntegrationModal .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle span > small{display:inline-block;vertical-align:middle;margin-left:3px;position:relative;}
#addIntegrationModal .settingsIntegrationBoxHeading .settingsIntegrationBoxHeadingTitle span > small svg{height:100%;vertical-align:middle;}

#addIntegrationModal .settingsIntegrationBoxToggle{position: relative; display: block; width: 68px; height: 24px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);cursor:pointer;}
#addIntegrationModal .settingsIntegrationBoxToggle .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
#addIntegrationModal .settingsIntegrationBoxToggle .toggle { position: absolute; width: 100%; height: 100%; }
#addIntegrationModal .settingsIntegrationBoxToggle .checkbox.toggle {}
#addIntegrationModal .settingsIntegrationBoxToggle .checkbox:checked .toggle{}
#addIntegrationModal .settingsIntegrationBoxToggle .toggle:before,
#addIntegrationModal .settingsIntegrationBoxToggle .toggle:after,
#addIntegrationModal .settingsIntegrationBoxToggle .toggle span { display: block; position: absolute; top:50%;transform:translateY(-50%); width: 50%; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:var(--accent2);}

#addIntegrationModal .settingsIntegrationBoxToggle label{display:block;margin:0;}
#addIntegrationModal .settingsIntegrationBoxToggle .toggle:before {content:""; display: block; position: absolute; width:50%;height:100%;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);right:0;z-index:2;}
#addIntegrationModal .settingsIntegrationBoxToggle .toggle:after  {content: 'On'; position: absolute;right: 0;text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:#fff;z-index:2;}
#addIntegrationModal .settingsIntegrationBoxToggle .toggle span {left: 0;z-index:3;}

#addIntegrationModal .settingsIntegrationBoxToggle .checkbox:checked + .toggle:before {left:0;}
#addIntegrationModal .settingsIntegrationBoxToggle .checkbox:checked + .toggle:after{color:var(--accent2);}
#addIntegrationModal .settingsIntegrationBoxToggle .checkbox:checked + .toggle span { color: #fff; }
/*END ADD RESOURCES MODAL */

/*START AFFILIATE MODAL*/
#affiliateModal .modal-box {padding: 14px;}
#affiliateModal .popUpHeading{padding-bottom:11px;}
#affiliateModal .popUpHeading h2{color: var(--sys-dark);}

#affiliateModal .popUpContent{width:100%;height: calc(100% - 100px);overflow-y: auto;}
.editAffiliateModal{height:90%;}
.editAffiliateModal .formSpacer:not(:last-child){margin-bottom:20px;}
#affiliateModal .formSection label.primaryColor{display:block;margin:0;color:var(--primary-color);}
#affiliateModal .formSection:not(:last-child){margin-bottom:14px;}

#affiliateModal .affLink input{padding: 14px 14px 14px 117px;}
#affiliateModal .affLink:before { content: "drizzio.com/"; position: absolute; bottom: 5px; left: 5px; z-index: 0; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: var(--accent2); display: flex; justify-content: center; align-items: center; width: 98px; height: 32px; border-radius: 8px; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }

#affiliateModal .affComm input{padding: 14px 82px 14px 14px;}
#affiliateModal .affComm:before { content: "Percent"; position: absolute; bottom: 5px; right: 5px; z-index: 0; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: var(--accent2); display: flex; justify-content: center; align-items: center; width: 72px; height: 32px; border-radius: 8px; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);}

#affiliateModal .settingsAffiliateBoxHeadingHolder{}
#affiliateModal .settingsAffiliateBoxHeading{}
#affiliateModal .settingsAffiliateBoxHeading .settingsAffiliateBoxHeadingIcon{display:block;width:36px;height:36px;border-radius:6px;box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);text-align:center;position:relative;background-repeat:no-repeat;background-position:center center;border: 1px solid rgba(255, 255, 255, 0.10);background: #FF7A48;}

#affiliateModal .settingsAffiliateBoxHeading .settingsAffiliateBoxHeadingIcon svg{vertical-align:middle;height:100%;}

#affiliateModal .settingsAffiliateBoxHeading .settingsAffiliateBoxHeadingTitle{}
#affiliateModal .settingsAffiliateBoxHeading .settingsAffiliateBoxHeadingTitle h2{color:var(--primary-color);margin-bottom:3px;}
#affiliateModal .settingsAffiliateBoxHeading .settingsAffiliateBoxHeadingTitle h2 > small{display:inline-block;margin-left:8px;}
#affiliateModal .settingsAffiliateBoxHeading .settingsAffiliateBoxHeadingTitle > span{display:block;line-height:100%;}
#affiliateModal .settingsAffiliateBoxHeading .settingsAffiliateBoxHeadingTitle span > small{display:inline-block;vertical-align:middle;margin-left:3px;position:relative;}
#affiliateModal .settingsAffiliateBoxHeading .settingsAffiliateBoxHeadingTitle span > small svg{height:100%;vertical-align:middle;}

#affiliateModal .settingsAffiliateBoxToggle{position: relative; display: block; width: 68px; height: 24px;border-radius: 8px; border: 1px solid rgba(41, 76, 153, 0.05); background: rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);cursor:pointer;}
#affiliateModal .settingsAffiliateBoxToggle .checkbox { opacity: 0; position: absolute; width: 100%; height: 100%; z-index:9; padding: 0; margin: 0; cursor: pointer; display: inline-block;}
#affiliateModal .settingsAffiliateBoxToggle .toggle { position: absolute; width: 100%; height: 100%; }
#affiliateModal .settingsAffiliateBoxToggle .checkbox.toggle {}
#affiliateModal .settingsAffiliateBoxToggle .checkbox:checked .toggle{}
#affiliateModal .settingsAffiliateBoxToggle .toggle:before,
#affiliateModal .settingsAffiliateBoxToggle .toggle:after,
#affiliateModal .settingsAffiliateBoxToggle .toggle span { display: block; position: absolute; top:50%;transform:translateY(-50%); width: 50%; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:var(--accent2);}

#affiliateModal .settingsAffiliateBoxToggle label{display:block;margin:0;}
#affiliateModal .settingsAffiliateBoxToggle .toggle:before {content:""; display: block; position: absolute; width:50%;height:100%;border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.10);background: var(--accent2);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.05);right:0;z-index:2;}
#affiliateModal .settingsAffiliateBoxToggle .toggle:after  {content: 'On'; position: absolute;right: 0;text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 100%; letter-spacing: -0.48px;color:#fff;z-index:2;}
#affiliateModal .settingsAffiliateBoxToggle .toggle span {left: 0;z-index:3;}

#affiliateModal .settingsAffiliateBoxToggle .checkbox:checked + .toggle:before {left:0;}
#affiliateModal .settingsAffiliateBoxToggle .checkbox:checked + .toggle:after{color:var(--accent2);}
#affiliateModal .settingsAffiliateBoxToggle .checkbox:checked + .toggle span { color: #fff; }

#affiliateModal .affiliateBoxInfo{min-height: 106px;border-radius: 8px;border: 1px solid rgba(21, 21, 22, 0.05);background: rgba(21, 21, 22, 0.03);box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);padding:10px;}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails{}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsHeading{margin-bottom:14px;}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsHeading h2{color: rgba(21, 21, 22, 0.60);}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsHeading svg{vertical-align:middle;}

#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent{}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData{}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h2{margin-bottom:7px;}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4{gap:5px;}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4 span{}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4 span svg{vertical-align:top;height:100%;}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4.graphUp{color:var(--sys-green);}
#affiliateModal .affiliateBoxInfo .affiliateBoxDetails .affiliateBoxDetailsContent .affiliateBoxDetailsContentData h4.graphDown{color:var(--sys-red);}

/*END AFFILIATE MODAL */

/*PROMO CODE MODAL*/
#promoCodeModal .modal-box {padding: 14px;}
#promoCodeModal .popUpHeading{padding-bottom:11px;}
#promoCodeModal .popUpHeading h2{color: var(--sys-dark);}

.editpromoCodeModal{}
.editpromoCodeModal .formSpacer:not(:last-child){}

#promoCodeModal .affLink input{padding: 14px 74px 14px 117px;}
#promoCodeModal .affLink:before { content: "drizzio.com/"; position: absolute; bottom: 5px; left: 5px; z-index: 0; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: var(--accent2); display: flex; justify-content: center; align-items: center; width: 98px; height: 32px; border-radius: 8px; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03); }

#promoCodeModal .affBtns{position: absolute; bottom: 12px; right: 14px;}
#promoCodeModal .affBtns a{display:inline-block;vertical-align:middle;}
#promoCodeModal .affBtns a:hover{opacity:.5;}
#promoCodeModal .affBtns a svg{vertical-align:middle;height:100%;}

#promoCodeModal .promoSaleHolder input{padding:14px 120px 14px 14px}
#promoCodeModal .promoSale{position: absolute; bottom: 5px; right: 5px; z-index: 0; font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; color: var(--accent2); display: flex; justify-content: center; align-items: center; width: max-content; height: 32px; border-radius: 8px; background: rgba(41, 76, 153, 0.05); border: 1px solid rgba(41, 76, 153, 0.05); box-shadow: 0px 2.5px 5px 0px rgba(21, 21, 22, 0.03);padding:0 5px;}

#promoCodeModal .formSpacer:not(:last-child){margin-bottom:27px;}
/*END PROMO CODE MODAL*/

/*END MODALS*/

/*CALENDAR START*/
main.main-content.page-calendar {overflow: hidden;padding: var(--clamp-22) 0 0;height: 100%;}
main.main-content.page-calendar.calendar-test #mainContent {padding: 0 var(--clamp-12) 0 0;}
main.main-content.page-calendar.calendar-test .page-calendar-weekly span {padding-left: 12px;}
main.main-content.page-calendar #mainContent, main.main-content.page-calendar #mainContent .main-section {display: flex; flex-direction:column; overflow: hidden; height: 100%;}

main.main-content.page-calendar .contactManager-tabs {flex-shrink: 0; height: unset;flex: unset;}

main.main-content.page-calendar #calendarContent, main.main-content.page-calendar #calendarContent .main-section {height: 100%;display: flex; flex-direction: column;}

.page-calendar .timeframe-view-container {display: flex; gap: var(--clamp-20);flex: 1;overflow: hidden;height: 100%;}
.page-calendar #calendarSidebar {width: 200px; flex-shrink: 0; position: relative;z-index: 30;padding: 0 0 0 var(--clamp-14)}
.page-calendar .timeframe-content {overflow: auto;}
.page-calendar-weekly, .page-calendar-four-day, .page-calendar-daily, .page-calendar-schedule {width: 100%; height: calc(100% - var(--clamp-22)) !important;}
.page-calendar-weekly .timeframe-content-con, .page-calendar-four-day .timeframe-content-con, .page-calendar-daily .timeframe-content-con, .page-calendar-schedule .timeframe-content-con {background: #FFFFFF; border-radius: 27px;overflow: hidden !important; width: calc(100% - var(--clamp-28));margin: 0 auto;height: 100%;}
.page-calendar-weekly .scrollable, .page-calendar-four-day .scrollable, .page-calendar-daily .scrollable, .page-calendar-schedule .scrollable {overflow: auto; height: 100%;padding: 0 8px 0;width: 100%;}
main.main-content.page-calendar .contactManager-tabs {padding: 0 var(--clamp-12);}
.page-calendar #calendarMonthly.timeframe-content {overflow: hidden;height: 100%;width: 100%;}
.page-calendar #calendarMonthly.timeframe-content > div {display: flex; flex-direction: column; height: 100%;}
.page-calendar #calendarMonthly.timeframe-content ul {margin-bottom: 0;overflow: auto;height: 100%;padding: 0 var(--clamp-12) var(--clamp-22);}
.page-calendar .daysofweek {padding: 0 var(--clamp-12);}

#calendarSidebar .mini-calendar {  width: 100%; text-align: center; }
#calendarSidebar .mini-calendar .month-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: var(--clamp-text-sm); line-height: 20px;color: rgb(60,64,67);}
#calendarSidebar .mini-calendar .month-header .arrow-container {display: flex; justify-content: space-between; align-items: center; gap: 20px;}
#calendarSidebar .mini-calendar .month-header .arrow-container .arrow-left {border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; border-right: 6px solid #15151680;}
#calendarSidebar .mini-calendar .month-header .arrow-container .arrow-right {border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; border-left: 6px solid #15151680;}
#calendarSidebar .mini-calendar .month-header .arrow  {cursor: pointer; }
#calendarSidebar .mini-calendar .month-header .arrow:hover {opacity: 0.5;transition: 0.5s;}
#calendarSidebar .mini-calendar .days-abbrev-con {display: flex;gap: 5px;}
#calendarSidebar .mini-calendar .days-abbrev-con .days-abbreviations {font-size: 10px;width: calc(100% / 7);color: rgb(60,64,67);max-width: 24px;}
#calendarSidebar .mini-calendar .days-container { display: flex; flex-wrap: wrap; gap: 5px;}
#calendarSidebar .mini-calendar .day  {width: calc(100% / 7); box-sizing: border-box; cursor: pointer; font-size: 10px; aspect-ratio: 1/1; max-width: 24px;}
#calendarSidebar .mini-calendar .day span {width: 100%; height: 100%;border-radius: 50%; display: flex; justify-content: center; align-items: center;}
#calendarSidebar .mini-calendar .current-day span { background-color: var(--accent2); color: #fff; }
#calendarSidebar .mini-calendar .day.next-month, .mini-calendar .day.prev-month {opacity: 0.5;}
#calendarSidebar .mini-calendar .day:hover span {background: var(--accent2-50); transition: 0.3s;}

#calendarSidebar .calendar-selection-con {margin-top: var(--clamp-20);}
#calendarSidebar .accordion-header-con {position: relative;}
#calendarSidebar .accordion-header-con.active i svg {transform: rotate(180deg)}
#calendarSidebar .accordion-header { cursor: pointer; width: 100%; border: none; text-align: left; outline: none; line-height: 20px; padding: 4px 12px 4px 12px; color: rgb(60,64,67); transition: 0.4s;border-radius: 14px; pointer-events: auto;}
#calendarSidebar .accordion-header:hover {opacity: 1; background: rgba(32,33,36,.04)}
#calendarSidebar .accordion-header-right {position: relative;}

#calendarSidebar .accordion-header .accordion-header-right i {display: block; line-height: 0;}
#calendarSidebar .accordion-header-con .add-calendar-con { position: relative; z-index: 3;border-radius: 50%; height: 100%; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center;z-index: 2; line-height: 0;position: absolute; top:0; right: 40px;border-radius: 50%;}
#calendarSidebar .accordion-header-con .add-calendar-btn {}
#calendarSidebar .accordion-header-con .add-calendar-con:hover {background: #e0e3e8}
#calendarSidebar .accordion-header:hover { background: #e0e3e8; }

#calendarSidebar .accordion-header-con .add-calendar-tooltip {position: fixed; background: #f0f4f9 !important;z-index: 30;border-radius: 8px;display: none;box-shadow: 0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}
#calendarSidebar .accordion-header-con .add-calendar-con .add-calendar-tooltip ul {padding: 8px 0;margin: 0;width: max-content}
#calendarSidebar .accordion-header-con .add-calendar-con .add-calendar-tooltip ul i {padding: 0; display: block;}
#calendarSidebar .accordion-header-con .add-calendar-con .add-calendar-tooltip ul li a {display: block;padding: 8px 16px;color: rgb(60,64,67);line-height: 100%;font-size: 14px;}
#calendarSidebar .accordion-header-con .add-calendar-con .add-calendar-tooltip ul li:hover{background: #e0e3e8}

#calendarSidebar .accordion-panel {transition: max-height 0.2s ease-out; max-height: 0;overflow: hidden;}
#calendarSidebar .accordion-panel ul li, #calendarSidebar .accordion-panel ul li .calendar-name-details label {display: flex; justify-content: space-between; align-items: center;}
#calendarSidebar .accordion-panel ul li {margin-bottom: 0;padding: 6px;}
#calendarSidebar .accordion-panel ul li .calendar-name-details label {gap: 8px;margin: 0;}
#calendarSidebar .accordion-panel ul li .calendar-name-details label span.checkbox-con {line-height: 0;position: relative;width: 18px; height: 18px;}
#calendarSidebar .accordion-panel ul li label input[type="checkbox"] {margin: 0; position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
#calendarSidebar .accordion-panel ul li label q.checkbox {display: block; width: 100%; height: 100%; border: 2px solid var(--accent2);margin: 0; position: absolute; top: 0; left: 0;opacity: 1; border-radius: 3px;}
#calendarSidebar .accordion-panel ul li label q.checkbox i {opacity: 0;}
#calendarSidebar .accordion-panel ul li label input[type="checkbox"]:checked ~ q.checkbox {background: var(--accent2); display: flex; justify-content: center; align-items: center;transition: background .1s ease-in-out}
#calendarSidebar .accordion-panel ul li label input[type="checkbox"]:checked ~ q.checkbox i {opacity: 1; transition: opacity .2s ease-in-out;}
#calendarSidebar .accordion-panel ul li label small {line-height: 100%; color: rgb(60,64,67); font-weight: normal;}
#calendarSidebar .accordion-panel ul li:hover {background: rgba(32,33,36,.04)}

#calendarSidebar .accordion-panel ul li .calendar-name-details {display: flex; justify-content: space-between; align-items: center;width: 100%;position: relative;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper {line-height: 0;position: relative;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper button {line-height: 100%;padding: 4px;flex-shrink: 0;position: relative;min-height: 20px;width: 19px; display: none;position: absolute; top: 50%; transform: translateY(-50%);right: 1px;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper button svg {height: 20px; width: 20px;text-align: center; position: absolute; margin: 0 auto; left: 0; right: 0;top: 50%; transform: translateY(-50%);}
#calendarSidebar .accordion-panel ul li:hover .calendar-name-details .calendar-tooltip-wrapper button {display: block;}

#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip {position: fixed; background: #f0f4f9 !important;z-index: 30;border-radius: 8px;max-width: 180px;display: none;box-shadow: 0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li {padding: 16px; display: block;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li:first-child {border-bottom: 1px solid rgb(60,64,67,0.1);padding: 0;overflow: hidden; border-radius: 8px 8px 0 0;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li a {display: block;padding: 12px 16px;color: rgb(60,64,67);line-height: 100%;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select {display: flex; flex-wrap: wrap;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select span {width: 18px; height: 18px; margin: 3px;position: relative;cursor: pointer;position: relative;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select span input[type=radio] {display: none;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select span input[type=radio] + label {display: block; width: 18px; height: 18px; border-radius: 50%;cursor: pointer;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);max-width: unset;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select span input[type=radio] + label:hover {width: 20px !important; height: 20px;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select span:hover .sys-tooltip {display: block;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select .custom-color-picker {position: relative;width: 18px; height: 18px; border-radius: 50%;background: #e8eaed; cursor: pointer;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select .custom-color-picker input[type=color] {display: block;padding: 0;position: relative;border: 0;opacity: 0;width: 18px; height: 18px;cursor: pointer}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select .custom-color-picker:after {content: "+"; font-size: 18px; text-align: center; position: absolute; left: 50%;top: 40%; transform: translate(-50%, -50%);color: #70757a;line-height: 18px;pointer-events: none;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li .calendar-color-select .custom-color-picker:hover {opacity: 0.5;cursor: pointer;}
#calendarSidebar .accordion-panel ul li .calendar-name-details .calendar-tooltip-wrapper .calendar-tooltip ul li:has(.calendar-color-select) {background: #f0f4f9 !important; border-radius: 0 0 4px 4px;}

.page-calendar .daysofweek { padding: 0 var(--clamp-14) var(--clamp-14); display: flex; gap: var(--gap-16);background: #f0f3f5; position: sticky; top: 0; z-index: 20;}
.page-calendar .daysofweek > div {  flex: 0 0 calc((100% - 6 * clamp(10px, 1vw, 16px)) / 7); display: inline-block; color: var(--sys-dark);}
.page-calendar .daysofmonth { display: flex; flex-wrap: wrap; gap: var(--gap-16);}
.page-calendar .daysofmonth > li { flex: 0 0 calc((100% - 6 * clamp(10px, 1vw, 16px)) / 7); position: relative; min-height: 135px;}
.page-calendar .daysofmonth > li > div { padding: var(--clamp-16) var(--clamp-12) var(--clamp-12); background: var(--white); overflow: hidden; border-radius: 10px; position: absolute; box-sizing: border-box; width: 100%; height: 100%; color: var(--sys-dark); display: flex; flex-direction: column;}
.daysofmonth > li > div > a { background:rgba(21, 21, 22, 0.08); color: var(--sys-dark); padding: 10px !important; display: block; line-height: 1.5; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.page-calendar .daystyl2 h3 span { background: var(--accent1) !important; color: #FFFFFF;}
.page-calendar .daysofmonth > li h3 { margin: 0 0 var(--clamp-10) ; display: flex; position: relative;}
.page-calendar .daysofmonth > li h3 span {    width: 24px; height: 24px; border-radius: 50%; font-size: 12px; line-height: 0; text-align: center; display: flex ; justify-content: center; align-items: center;cursor: pointer;}
.page-calendar .daysofmonth > li h3 span:hover {background: rgb(241,243,244)}
.page-calendar .daysofmonth > li h3 a  {color: #15151680; cursor: pointer; position: absolute; right: 0; font-size: 0; width: 18px; height: 18px; }
.daysofmonth > li h3 a::before { content: ''; width: 100%; height: 100%; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='12' height='12'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z' fill='rgba(189,194,204,1)'/%3E%3C/svg%3E"); background-size: 100%; }
.page-calendar .daysofmonth > li::after { content: ''; display: inline-block; width: 1px; height: 1px; padding-bottom: calc(100% - 36px); vertical-align: top; }
.daysofmonth > li .calendar-event-con {overflow: auto;flex: 1;}
.daysofmonth > li .calendar-event-con a.styl4, .daysofmonth > li calendar-event-con a.styl4 > span { color: var(--sys-dark); font-weight: 500; width: 100%;border-radius: 8px;line-height: 12px; height: unset; line-height: 19px;}
.daysofmonth > li .calendar-event-con a.styl4 {margin-bottom: 0;padding: 5px;display: flex; gap: 4px; align-items: center;flex-direction: row-reverse; justify-content: flex-end;white-space: nowrap; overflow: hidden;}
.daysofmonth > li .calendar-event-con a.styl4 .event-title {font-weight: 500;color: var(--sys-dark);overflow: hidden; text-overflow: ellipsis;}
.daysofmonth > li .calendar-event-con a.styl4 .event-time {display: flex; align-items: center;gap: 4px;}
.daysofmonth > li .calendar-event-con a.styl4 .event-time span {color: #15151633 !important;}
.daysofmonth > li .calendar-event-con a.styl4 > span > * { fill: var(--sys-green); }
.daysofmonth > li > div > a span > * { display: inline-block; vertical-align: middle; margin-right: 5px; fill: #15151633; line-height: 12px;}
.daysofmonth > li > div > .event-overflow-container { cursor: pointer; font-size: 14px; }
.daysofmonth > li .calendar-event-con a.styl4:hover {background: rgba(21, 21, 22, 0.05)}

.page-calendar .page-calendar-weekly .list-calTime { clear: both; display: block; overflow: hidden; width: 100%; }
.page-calendar .page-calendar-weekly .list-calTime li { display: block;min-height: 69px; color: var(--sys-dark);display: flex; flex-direction: column; justify-content: center;padding: 0;}

.modal.calendar, .modal2.calendar { max-width: 550px; width: auto; left: 50%; color: #15151680; background: var(--sys-white); position: fixed; top: 50%; transform: translate(-50%, -50%); z-index: 99; border-radius: 10px; width: 95%; }
.modal.calendar > *, .modal2.calendar > * {display: block; position: relative; }
.modal.calendar > h3, .modal2.calendar > h3 {display: flex; align-items: center; gap: 20px; }
.modal.calendar .calendar-modal-header {padding: var(--clamp-14) var(--clamp-22) 0 !important;margin-bottom: var(--clamp-20)}
.modal.calendar .calendar-modal-header > div {width: calc(100% - 65px); gap: var(--gap-20)}
.modal.calendar .calendar-modal-header h3 {flex: 1;}
.modal.calendar .calendar-modal-header input[type=text] { font-size: var(--clamp-text-l); border-bottom: 1px solid #bdc2cc;padding-bottom: 3px !important;}
.modal.calendar > p, .modal2.calendar > p {  margin-bottom: 20px; }
.modal.calendar .fill-brand {fill: var(--accent2)}
.modal.calendar .choose-color {position: relative;width: 17px; height: 17px; margin: 0;}
.modal.calendar .choose-color:hover .choose-color-popup-con {display: block;}
.modal.calendar .choose-color .choose-color-popup-con {position: absolute; top: 50%; right: 100%;display: none;background: #ffffff;border-radius: 4px 0 0 4px;transform: translateY(-50%);}
.modal.calendar .choose-color .choose-color-popup {display: flex; align-items: center;padding: 3px;}
.modal.calendar .choose-color .choose-color-popup label {margin: 0;display: block; line-height: 0;margin: 2px; cursor: pointer;}
.modal.calendar .choose-color .choose-color-popup label:hover {transform: scale(1.1);}
.modal.calendar .choose-color .choose-color-popup span {display: block; line-height: 100%;}
.modal.calendar .choose-color label {display: block; line-height: 0; margin: 0 auto;}
.modal.calendar input, .modal.calendar textarea, .modal2.calendar input, .modal2.calendar textarea { border: none;  border-radius: 0; background: var(--sys-white);padding: 0;box-shadow: unset;display: inline-block;height: unset;}
.modal.calendar input[type="text"], .modal2.calendar input[type="text"] { width: calc(100% - 65px); height: unset !important;padding: 0 !important;}
.choose-color span {background: var(--sys-white);}
.choose-color span > input[type="radio"], .choose-color span > input[type="radio"]:not(:checked) ~ label::after { display: none; }
.choose-color > span.color-separator { display: none; }
.choose-color span > input[type="radio"] ~ label::after  {content: ''; width: 17px; height: 17px; box-sizing: border-box; border-radius: 3px; display: none; background-color: var(--accent-3);}
.choose-color #c0 ~ label::after { background-color: #039be5; }
.choose-color #c1 ~ label::after { background-color: #ffcab2; }
.choose-color #c2 ~ label::after { background-color: #e8f292; }
.choose-color #c3 ~ label::after { background-color: #a3f7c7; }
.choose-color #c4 ~ label::after { background-color: #0b8043; }
.choose-color span > input[type="radio"]:active ~ label::after, .choose-color span > input[type="radio"]:checked ~ label::after, .choose-color:hover span > input[type="radio"] ~ label::after  {display: inline-block; }
.choose-color:hover > span.color-separator { display: inline-block; }
.choose-color #c0 ~ label::after { background-color: #039be5; }

.modal.calendar .flex-group { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--gap-20); padding: 0 var(--clamp-22); margin-bottom: var(--clamp-12)}
.modal.calendar .flex-group input[type=text] {width: unset; flex-grow: 1;}
.modal.calendar .flex-group svg {display: block; line-height: 100%;width: 17px; height: 17px;}
.modal.calendar > h3 input[type="text"], .modal2.calendar > h3 input[type="text"] { font-size: 20px; border-bottom: 1px solid #bdc2cc;padding-bottom: 5px;}
.modal.calendar .closedel_btn, .modal2.calendar .closedel_btn { margin-top: 0; display: flex; align-items: center; float: right; }
.modal.calendar .closedel_btn a, .modal2.calendar .closedel_btn a {display: block; line-height: 0;}
.modal.calendar .closedel_btn a:hover {opacity: 0.5;}
.modal.calendar > h3 > small a, .modal2.calendar > h3 > small a { vertical-align: middle; line-height: 0; padding-left: 14px; font-size: 0; }
.modal.calendar .change_date {color: var(--sys-dark); border-bottom: 1px solid #15151680; margin: 0 14px;}
.modal.calendar .d_repeat {font-weight: bold; color: var(--sys-dark);position: relative;}
.modal.calendar .d_repeat:after {content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -3px; right: 0;background: #15151680}
.modal.calendar .d_repeat a.dropdown-btn {opacity: 1; display: block; box-sizing: border-box; position: relative; z-index: 1;}
.modal.calendar .d_repeat a.dropdown-btn small {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; line-height: 100%; z-index: -1; pointer-events: none;}
.modal.calendar .d_repeat a.dropdown-btn small:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 12px; color: #151516;}
.modal.calendar .d_repeat .sys-dropdown {border-radius: 12px;top: calc(100% + 1px);}
.modal.calendar .d_repeat:has(.sys-dropdown.open) a.dropdown-btn small {transform: rotate(180deg);}
.modal.calendar .d_repeat ul {margin: 0;}
.sys-dropdown.drop-right {left: unset; right: 0;}
/*.modal.calendar .d_repeat a {position: absolute; top: 50%; transform: translateY(-50%); right: 0;}*/
.modal.calendar .d_repeat a svg {position: relative !important;left: unset !important;}
.modal.calendar .change_date > div, .modal.calendar .d_repeat > div {color: var(--sys-dark)}
.modal.calendar > p textarea, .modal2.calendar > p textarea {vertical-align: top; }
.modal.calendar .add_link {}
.modal.calendar .notif, .modal2.calendar .notif { color: #15151680; }
.modal.calendar > ul, .modal2.calendar > ul { width: auto; max-width: none; border-top: 1px solid #eaeaea; padding: var(--clamp-14) var(--clamp-22); overflow: hidden; margin-bottom: 0;}
.modal.calendar > ul li, .modal2.calendar > ul li  {display: inline; }
.modal.calendar > ul li > span, .modal2.calendar > ul li > span { padding-left: 0; }
.modal.calendar > ul li.calendar-btns {display: flex; gap: 8px; justify-content: flex-end; align-items: center;}

.page-calendar .page-calendar-weekly {height: unset;display: flex; justify-content: space-between; align-items: flex-start;}
.page-calendar .page-calendar-weekly.page-calendar-weekly-header {padding-bottom: var(--clamp-20);gap: 12px;background: transparent;overflow: visible !important;border-radius: 0;width: 100%;}
.page-calendar .page-calendar-weekly .page-calendar-header {width: 256px;position: relative;flex-shrink: 00;}
.page-calendar .page-calendar-weekly .btns {align-items: center; flex-grow: 1;}
.page-calendar .page-calendar-weekly .weekly-hour-con { padding-top: 20px; width: 100px;}
.page-calendar .page-calendar-weekly span { position: relative; display: block;padding: 0;}
.page-calendar .page-calendar-weekly .arrow { height: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 0; }
.page-calendar .page-calendar-weekly .arrow.arrow-left  {border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; border-right: 6px solid #15151680; right: 18px; }
.page-calendar .page-calendar-weekly .arrow.arrow-right { border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; border-left: 6px solid #15151680; right: 0px; }
.page-calendar .page-calendar-weekly span.event-time {display: flex; gap: 6px; align-items: center;}

.calendar-timeframe-select.open {background: var(--accent2); color: #FFFFFF;}

.page-calendar .page-calendar-weekly .btns button {background: var(--accent2); color: #FFFFFF;border: 1px solid var(--accent2);}
.page-calendar .page-calendar-weekly .btns button:hover {background: #FFFFFF; color: var(--accent2);}
.calendar-timeframe-select {max-width: 90px; width: auto; cursor: pointer;position: relative;text-align: left; display: flex ; align-items: center;background: var(--accent2);color: #FFFFFF;justify-content: space-between;flex-direction:row-reverse;padding-right: 5px;gap: 5px;width: max-content;}
.calendar-timeframe-select i {display: block; line-height: 0;}
.calendar-timeframe-select i svg {fill: #FFFFFF;}
.calendar-timeframe-select:hover i svg {fill: var(--accent2);}
.calendar-timeframe-select .selected-timeframe{ position: relative; cursor: pointer; }
.calendar-timeframe-select.open i svg {fill: #ffffff !important;transform: rotate(180deg);}

.calendar-timeframe-select .selected-timeframe { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 100%;}
.calendar-timeframe-select .timeframe-options {position: absolute; list-style: none; padding: 0; margin: 0; background-color: var(--sys-white); display: none; max-height: 160px; overflow: auto;z-index: 30;right: 0;width: 100%;border-radius: 8px;top: calc(100% + 10px);}
.calendar-timeframe-select .timeframe-options li button {text-align: left;border-radius: 0; width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px 5px;opacity: 1 !important;color: var(--accent2) !important;background:#FFFFFF !important;border: 0 !important;}
.calendar-timeframe-select .timeframe-options li.disabled {opacity: 0.5 !important; pointer-events: none !important; background: #FFFFFF !important; cursor:none;color: var(--accent2) !important;}
.calendar-timeframe-select.open .timeframe-options { display: block; }

.timeframe-options li.active button {background: var(--accent2) !important;color: var(--sys-white) !important;opacity: 1;transition: 0.3s;}
.timeframe-options li:hover button {background: var(--accent2) !important;opacity: 1;transition: 0.3s;}
.timeframe-options li:hover button, .timeframe-options li.active button {color: var(--sys-white) !important;}
.timeframe-options:hover:has(li:hover) li.active button { background: white; color: var(--accent2); }

/**Table Presets**/
.calendar-table .calendar-table-col { border-right: 1px solid #dcdee3; vertical-align: middle; padding: 14px; color: var(--sys-dark); font-size: 11px; font-weight: 500; color: #15151699; }
.calendar-table .calendar-table-body .calendar-table-row:not(:last-child) .calendar-table-col { border-bottom: 1px solid #dcdee3;}
.calendar-table .calendar-table-body .calendar-table-row:last-child .calendar-table-col {border-bottom: 0;}
.calendar-table-header {position: sticky; top: 0; z-index: 5; background: #FFFFFF;padding-top: 8px;z-index: 20;}
.calendar-table-header .calendar-table-col {border-right: 0 !important;}
.calendar-table .calendar-table-body .calendar-table-row:last-child .calendar-table-col {border-bottom: 0 !important;}

.calendar-daily-date {margin: 0 8px;width: 46px;}
.calendar-daily-date h4 {margin-bottom: 5px;text-align: center;gap: 0;display: flex; flex-direction: column; align-items: center;font-size: 11px;}
.calendar-daily-date h4 span {font-weight: normal;display: flex; flex-direction: column; gap: 4px; width: 46px; height: 46px; border-radius: 50%;justify-content: center; align-items: center;font-size: var(--clamp-text-24);color: var(--sys-dark);}
.calendar-daily-date.current-day h4 {color: var(--accent2);}
.calendar-daily-date.current-day h4 span {background: var(--accent1); color: var(--sys-white);}
.calendar-daily-date h4:last-child {margin-bottom: 0;}
.calendar-daily-profile {display: flex; flex-direction: column; gap: 5px; justify-content: flex-end}
.calendar-profile-icon {display: flex; justify-content: flex-end;}

/*Daily Table*/
.daily-table-con {position: relative;}
.daily-table-con .calendar-table .calendar-table-row {display: grid; grid-template-columns: 60px 1fr;}
.daily-table-con .calendar-table {width: 100%;}
.daily-table-con .calendar-table .calendar-table-header .calendar-table-col {padding: 4px 0 8px;position: relative;border-bottom: 1px solid #dcdee3;}
.daily-table-con .calendar-table .calendar-table-header .calendar-table-col:first-child {border-right: 1px solid #dcdee3; vertical-align: bottom; padding: 4px 14px 8px 0;color: var(--sys-dark);position: relative;font-size: 11px; font-weight: 500; color: #15151699;display: flex; align-items: flex-end;justify-content: flex-end;border-right: 0;}
.daily-table-con .calendar-table .calendar-table-body {}
.daily-table-con .calendar-table .calendar-table-body .calendar-table-col:first-child {border-left: 0;text-align: right;padding: 14px;border-right: 1px solid #dcdee3; padding-left: 0 !important;}
.daily-table-con .calendar-table .calendar-table-body .calendar-table-col {padding: 0; position: relative;border-right: 0;}
.daily-table-con .calendar-table .calendar-table-header .calendar-table-col:not(:last-child):after {content: ""; display: block;width: 1px; height: 20px;position: absolute; right: 0; bottom: 0; background:#dcdee3;}

.daily-table-con .calendar-table .calendar-table-body {position: relative;}

.time-indicator { display: none; width: 100%; position: absolute; left: 0; height: 2px; background: var(--accent2); z-index: 3; }
.time-indicator::after { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--accent2); position: absolute; left: -6px; top: 50%; transform: translateY(-50%); }
.time-indicator .sys-tooltip {left: -2px;bottom: 12px;}
.time-indicator:hover .sys-tooltip {display: flex; gap: 4px;}

/*Weekly Table*/
.weekly-table-con {position: relative;}
.weekly-table-con .calendar-table .calendar-table-row {display: grid; grid-template-columns: 60px repeat(7, 1fr);}
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-row:last-child .calendar-table-col {border-bottom: 0;}
.weekly-table-con .calendar-table {width: 100%;}
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-col {padding: 4px 0 8px;}
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-col:first-child {border-right: 1px solid #dcdee3; vertical-align: bottom; padding: 4px 14px 8px 0;color: var(--sys-dark);position: relative;font-size: 11px; font-weight: 500; color: #15151699;display: flex; align-items: flex-end;justify-content: flex-end;}
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-col:last-child {border-right: 0;}
.weekly-table-con .calendar-table .calendar-table-header > div span:first-child { text-align: center; margin-bottom: 5px; text-align: center; gap: 0; display: flex; flex-direction: column; align-items: center; font-size: 11px; line-height: 100%; }
.weekly-table-con .calendar-table .calendar-table-header .blue span.num{ font-weight: normal; display: flex; flex-direction: column; gap: 4px; width: 46px; height: 46px; border-radius: 50%; justify-content: center; align-items: center; background: var(--accent2); color: #ffffff; }
.weekly-table-con .calendar-table .calendar-table-header .blue span:first-child {color: var(--accent2);}
.weekly-table-con .calendar-table .calendar-table-body {}
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-col:first-child {border-left: 0;text-align: right;padding: 14px;border-right: 1px solid #dcdee3; padding-left: 0 !important;}
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-col {padding: 0; position: relative;}
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-col:last-child {border-right: 0;}
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-col:not(:last-child):after {content: ""; display: block;width: 1px; height: 20px;position: absolute; right: 0; bottom: 0; background:#dcdee3;}

.weekly-table-con .calendar-table .calendar-table-body {position: relative;}

.page-calendar-weekly .weekly-timezone {padding-bottom: 20px;color: var(--sys-dark)}
.page-calendar-weekly .weekly-table-con {width: 100%;}

.page-calendar-weekly .list-calTime { clear: both; display: block; overflow: hidden; width: 100%; }
.page-calendar-weekly .list-calTime li { display: block; padding-bottom: 55px; }
/*.page-calendar-weekly .scrollbar  {float: left; overflow-y: scroll; white-space: nowrap; width: 100%; }*/
.page-calendar-weekly .scrollbar.scroll-default { scrollbar-width: thin; scrollbar-color: #c7c7c7 #fafafa; }
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-col { padding: 6px 7px; position: relative; text-align: left;color: var(--sys-dark);border-right: 1px solid #dcdee3; border-bottom: 1px solid #dcdee3;}
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-col:first-child {padding: 14px 7px 4px 0;font-size: 11px; font-weight: 500; color: #15151699; vertical-align: bottom;border-right: 0;}
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-col .num { border-radius: 50%; font-size: 25px; height: 46px; line-height: 46px;  text-align: center;  width: 46px; text-align: center;text-align: center; padding: 0;font-weight: normal;cursor: pointer;}
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-col .num:hover {background: rgb(241,243,244)}
.weekly-table-con .calendar-table .calendar-table-header .calendar-table-row > div {display: flex; justify-content: space-between; align-items: center;flex-direction: column;gap: 3px;border-right: 0; border-bottom: 1px solid #dcdee3;}
.weekly-table-con .calendar-table .calendar-table-header .blue { color: var(--accent2);}
.weekly-table-con .calendar-table .calendar-table-header .blue span {color: var(--accent2);}
.weekly-table-con .calendar-table .calendar-table-header.today .blue span.num { background-color: var(--accent2); border: none; color: var(--sys-white); }
.weekly-table-con .calendar-table .calendar-table-header.today .calendar-table-col:hover span.num {background-color: var(--accent2); opacity: 0.5;}
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-col {padding: 0;color: var(--sys-dark);font-size: 11px; font-weight: 500; color: #15151699; position: relative;}
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-col.nopad { padding: 0; }
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-col span.event {background-color: var(--accent1); display: block; height: 2px; margin: 0; position: relative; top: 20px; }
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-col span.event::before { background-color: var(--accent1); border-radius: 8px; content: ""; height: 12px; left: -6px; position: absolute; top: -3px; width: 12px; }
.weekly-table-con .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col:first-child { border-left: transparent; padding: 14px 14px 14px 0;}

.weekly-table-con .calendar-table .calendar-table-body .calendar-table-col:hover { background-color: var(--sys-white); cursor: pointer; }

/*Four Day Calendar*/
.four-day-table-con {position: relative;}
.four-day-table-con .calendar-table .calendar-table-row {display: grid; grid-template-columns: 60px repeat(4, 1fr);}
.four-day-table-con .calendar-table {width: 100%;}
.four-day-table-con .calendar-table .calendar-table-header .calendar-table-col {padding: 4px 0 8px;}
.four-day-table-con .calendar-table .calendar-table-header .calendar-table-col:first-child {border-right: 1px solid #dcdee3; vertical-align: bottom; padding: 4px 14px 8px 0;color: var(--sys-dark);position: relative;font-size: 11px; font-weight: 500; color: #15151699;display: flex; align-items: flex-end;justify-content: flex-end;}
.four-day-table-con .calendar-table .calendar-table-header .calendar-table-col:last-child {border-right: 0;}
.four-day-table-con .calendar-table .calendar-table-header > div span:first-child { text-align: center; margin-bottom: 5px; text-align: center; gap: 0; display: flex; flex-direction: column; align-items: center; font-size: 11px; line-height: 100%; }
.four-day-table-con .calendar-table .calendar-table-header .blue span.num{ font-weight: normal; display: flex; flex-direction: column; gap: 4px; width: 46px; height: 46px; border-radius: 50%; justify-content: center; align-items: center; background: var(--accent2); color: #ffffff; }
.four-day-table-con .calendar-table .calendar-table-header .blue span:first-child {color: var(--accent2);}
.four-day-table-con .calendar-table .calendar-table-body {}
.four-day-table-con .calendar-table .calendar-table-body .calendar-table-col:first-child {border-left: 0;text-align: right;padding: 14px;border-right: 1px solid #dcdee3; padding-left: 0 !important;}
.four-day-table-con .calendar-table .calendar-table-body .calendar-table-col {padding: 0; position: relative;}
.four-day-table-con .calendar-table .calendar-table-body .calendar-table-col:last-child {border-right: 0;}
.four-day-table-con .calendar-table .calendar-table-header .calendar-table-col:not(:last-child):after {content: ""; display: block;width: 1px; height: 20px;position: absolute; right: 0; bottom: 0; background:#dcdee3;}

.four-day-table-con .calendar-table .calendar-table-body {position: relative;}

.four-day-table-con .calendar-table .calendar-table-header .calendar-table-col { padding: 6px 7px; position: relative; text-align: left;color: var(--sys-dark);border-right: 1px solid #dcdee3; border-bottom: 1px solid #dcdee3;}
.four-day-table-con .calendar-table .calendar-table-header .calendar-table-col:first-child {padding: 14px 7px 4px 0;font-size: 11px; font-weight: 500; color: #15151699; vertical-align: bottom;border-right: 0;}
.four-day-table-con .calendar-table .calendar-table-header .calendar-table-col .num { border-radius: 50%; font-size: 25px; height: 46px; line-height: 46px;  text-align: center;  width: 46px; text-align: center;text-align: center; padding: 0;font-weight: normal;cursor: pointer;    display: flex ; justify-content: center; align-items: center;}
.four-day-table-con .calendar-table .calendar-table-header .calendar-table-col .num:hover {background: rgb(241,243,244)}
.four-day-table-con .calendar-table .calendar-table-header .calendar-table-row > div {display: flex; justify-content: space-between; align-items: center;flex-direction: column;gap: 3px;border-right: 0; border-bottom: 1px solid #dcdee3;}
.four-day-table-con .calendar-table .calendar-table-header .blue { color: var(--accent2);}
.four-day-table-con .calendar-table .calendar-table-header .blue span {color: var(--accent2);}
.four-day-table-con .calendar-table .calendar-table-header.today span.num { background-color: var(--accent2); border: none; color: var(--sys-white); }
.four-day-table-con .calendar-table .calendar-table-body .calendar-table-col {padding: 0;color: var(--sys-dark);font-size: 11px; font-weight: 500; color: #15151699; position: relative;}
.four-day-table-con .calendar-table .calendar-table-body .calendar-table-col.nopad { padding: 0; }
.four-day-table-con .calendar-table .calendar-table-body .calendar-table-col span.event {background-color: var(--accent1); display: block; height: 2px; margin: 0; position: relative; top: 20px; }
.four-day-table-con .calendar-table .calendar-table-body .calendar-table-col span.event::before { background-color: var(--accent1); border-radius: 8px; content: ""; height: 12px; left: -6px; position: absolute; top: -3px; width: 12px; }
.four-day-table-con .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col:first-child { border-left: transparent; padding: 14px 14px 14px 0;}

.four-day-table-con .calendar-table .calendar-table-body .calendar-table-col:hover { background-color: var(--sys-white); cursor: pointer; }

/*Schedule Calendar*/
#calendarSchedule p {margin: 10px;font-size: 14px;}
#calendarSchedule p a {color: #039be5;padding: 0 8px;}
#calendarSchedule p a:hover {text-decoration: underline;}

.schedule-table-con {width: 100%; height: 100%; overflow: auto;}
.schedule-table-con table {width: 100%;position: relative;}
.schedule-table-con table tr {border-top: 1px solid #dcdee3;}
.schedule-table-con table tr:last-child {border-bottom: 1px solid #dcdee3;}
.schedule-table-con table tr:first-child {border-top: 0;}
.schedule-table-con table td {color: var(--sys-dark);padding: 8px 10px;vertical-align: top;font-weight: normal;}
.schedule-table-con table td a {display: flex; width: 36px; height: 36px; border-radius: 50%; justify-content: center; align-items: center; font-size: 16px;color: var(--sys-dark);}
.schedule-table-con table td a.current-day {background: var(--accent2);color: var(--sys-white);}
.schedule-table-con table td a:hover {opacity: 0.5;}
.schedule-table-con table td:first-child {padding: 8px 5px 8px 14px;}
.schedule-table-con table td:first-child span {font-size: 11px;color: #70757a; font-weight: 500;letter-spacing: 1px;white-space: nowrap;}
.schedule-table-con table td span {font-size: 14px;}
.schedule-table-con table td .schedule-event-details {display: flex; flex-direction: column; gap: 0;padding-top: 3px;cursor: pointer;margin-bottom: 0;padding-bottom: 3px;}
.schedule-table-con table td .schedule-event-details li { padding: 7px;}
.schedule-table-con table td .schedule-event-details li:hover {background: rgba(95,99,104,.12); border-radius: 16px;}
.schedule-table-con table td .schedule-event-details .schedule-event-time {width: 160px; flex-shrink: 0; position: relative; padding-left: 30px;}
.schedule-table-con table td .schedule-event-details .schedule-event-time .event-indicator {position: absolute; left: 5px; top: 50%; transform: translateY(-50%);} 
.schedule-table-con table td .schedule-event-details .schedule-event-time .event-indicator i {display: block;width: 12px; height: 12px; border-radius: 50%;}
.schedule-table-con table td .schedule-event-details .schedule-event-time .event-indicator i.indicator-accent1 {background: #0b8043;}
.schedule-table-con table td .schedule-event-details .schedule-event-time .event-indicator i.indicator-accent2 {background: #039be5;}
.schedule-table-con table td .schedule-event-details .schedule-event-title {flex: 1;}
.schedule-table-con table td .schedule-event-details .schedule-event-title span {font-weight: 600;}
.schedule-table-con table .time-indicator {display: block; width: calc(100% - 135px); position:absolute; left: 135px; top: 20px;height: 2px;background: #ff7a48;z-index: 100;}
.schedule-table-con table .time-indicator:after {content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; position: absolute; left:-6px; top: 50%; transform: translateY(-50%);background: #ff7a48}

.calendar-event-block-con {display: flex; gap: 8px;flex-wrap: wrap;padding-right: 10px;height: 100%;position: absolute; top: 0; left: 0; width: 100%;}
.calendar-event-block {display: flex; flex-direction: column; gap: 2px;padding: 5px 8px; width: 100%; background: var(--accent2);border-radius: 4px;flex: 1;}
.calendar-event-block span {color: #FFFFFF !important;padding: 0 !important;}
.calendar-event-block .calendar-event-title span {font-weight: bold;}
.calendar-event-block .calendar-event-details {}

.event-type-id-0 { background: #039be5; }
.event-type-id-1 { background: #ffcab2; }
.event-type-id-2 { background: #e8f292; }
.event-type-id-3 { background: #a3f7c7; }
.event-type-id-4 { background: #0b8043; }
/*CALENDAR END*/

/*START SETTINGS PAGE*/

/*END SETTINGS PAGE*/

/** DASHBOARDING WIDGETS START**/

.dashboard-widgets-duration {display: flex;gap: 2px;}
.dashboard-widgets-duration li a{display: block;width: 100px;color: rgba(21, 21, 22, 0.40); position: relative;text-align: center;font-weight: 600; cursor: pointer;}
.dashboard-widgets-duration li a:after {content: ""; height: 2px; width: 0px; position: absolute; left: 0; bottom: -10px;background: #FF7A48;}
.dashboard-widgets-duration li:hover a, .dashboard-widgets-duration li.active a, .dashboard-widgets-duration li.current a {color: #FF7A48;}
.dashboard-widgets-duration li:hover a:after, .dashboard-widgets-duration li.active a:after, .dashboard-widgets-duration li.current a:after {width: 100%;}

.dashboard-widgets-con {display: flex; flex-direction: column; gap: 18px;}
.dashboard-widget__circle-graph-item {border-radius: 10px; border: 1px solid rgba(50, 67, 78, 0.10); background: #FFF; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04);min-height: 94px;padding: 10px 17px;width: 25%;}
.dashboard-widget__circle-graph-item .widget-details h3 {font-weight: 700;color: rgba(50, 67, 78, 0.60); margin-bottom: 8px;}
.dashboard-widget__circle-graph-item .widget-details h4 {color: #32434E; }
.dashboard-widget__circle-graph-item .widget-details h4 span {display: block;margin-top: 9px;color: rgba(50, 67, 78, 0.40); font-size: 12px; font-weight: 600; line-height: 14px; letter-spacing: -0.48px; }
.dashboard-widget__circle-graph-item .widget__circle-graph {position: relative;}
.dashboard-widget__circle-graph-item .widget__circle-graph small {position: absolute; left: 54%; top: 46%; transform: translate(-50%,-50%);line-height: 100%; display: block;color: #A9513A; font-size: 14px; font-weight: 700; letter-spacing: -0.56px; }

.dashboard-widget__box-details-con {border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.10); background: #294C99; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04);display: flex;justify-content: space-between; align-items: center;min-height: 64px;padding: 10px 15px;}
.dashboard-widget__box-details-con .widget__boxes {display: flex; justify-content: space-between;width: 100%;}
.dashboard-widget__box-details-con .widget__boxes li {width: 25%;border-right: 1px solid rgba(255, 255, 255, 0.10);padding-left: 30px;}
.dashboard-widget__box-details-con .widget__boxes li h3 {margin-bottom: 4px;color: rgba(255, 255, 255, 0.60); }
.dashboard-widget__box-details-con .widget__boxes li h4 {color: var(--sys-white); font-weight: 700;}
.dashboard-widget__box-details-con .widget__boxes li:first-child {padding-left: 0;}
.dashboard-widget__box-details-con .widget__boxes li:last-child {border-right: 0;}

.dashboard-widget__bar-graph-con {min-height: 284px; border-radius: 10px; border: 1px solid rgba(50, 67, 78, 0.10); background: #FFF; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04);padding: 10px 15px 30px; width: 50%;display: flex; flex-direction: column;gap: 14px;}
.dashboard-widget__bar-graph-con .widget__bar-graph-header h3 {color: #32434E; font-weight: 700;display: flex; align-items: center;}
.dashboard-widget__bar-graph-con .widget__bar-graph-header h3 span { display: inline-block; border-radius: 6px; border: 1px solid rgba(50, 67, 78, 0.10); background: #FEFEF9; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04); min-width: 74px; height: 20px; color: rgba(50, 67, 78, 0.80); font-size: 14px; font-weight: 500; letter-spacing: -0.56px; line-height: 19px; text-align: center;padding: 0 5px; margin-left: 5px; }
.dashboard-widget__bar-graph-con .widget__bar-graph-header .widget__bar-graph-legend {display: flex; gap: 12px; align-items: center;}
.dashboard-widget__bar-graph-con .widget__bar-graph-header .widget__bar-graph-legend li { color: rgba(50, 67, 78, 0.40); position: relative;display: flex; gap: 6px; align-items: center;font-weight: 600;}
.dashboard-widget__bar-graph-con .widget__bar-graph-header .widget__bar-graph-legend li q {display: block; width: 13px; height: 13px; border-radius: 50%;background: linear-gradient(180deg, #459A62 0%, rgba(69, 154, 98, 0.58) 100%); }
.dashboard-widget__bar-graph-con .widget__bar-graph-header .widget__bar-graph-legend li:last-child q {background: rgba(50, 67, 78, 0.05); }

.dashboard-widget__bar-graph-con .widget__bar-graph-con {display: flex; align-items: stretch;gap: 10px;flex-grow: 1;}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar-grids-con {display: flex; flex-direction: column; justify-content: space-between;padding-bottom: 15px;text-align:right}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar-grids-con .bar-grid{ color: rgba(50, 67, 78, 0.40); gap: 24px;}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar-label {}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar-graph { display: flex; justify-content: space-between; width: 100%; height: 100%; flex-grow: 1;position: relative;padding: 7px 12px 0;}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar-graph .bar-lines-con {width: 100%; height: 100%; pointer-events: none; position: absolute; top: 0; left: 0;display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 22px;padding-top: 6px;gap: 24px;}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar-graph .bar-lines-con .bar-line {width: 100%; height: 2px;background: url(../../images/remix-icons/dashed-line.png) repeat-x;}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar-graph-items {position: relative; height: calc(100% - 22px); max-width: 68px; text-align: center;flex-grow: 1;}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar  {width: 51px; border-radius: 6px; background: linear-gradient(180deg, #459A62 0%, rgba(69, 154, 98, 0.58) 100%); transition: height 0.5s; position: absolute; bottom: 0; left: 0;right: 0; margin: 0 auto;}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar2  {width: 51px; border-radius: 6px; background: rgba(50, 67, 78, 0.05); transition: height 0.5s; position: absolute; bottom: 0; left: 0;right: 0; margin: 0 auto;}
.dashboard-widget__bar-graph-con .widget__bar-graph-con .bar-label { position: absolute; left: 0; width: 100%; top: calc(100% + 10px); text-align: center;color: rgba(50, 67, 78, 0.60); font-weight: 700; }

.dashboard-widget__prog-bar-con {border-radius: 10px; border: 1px solid rgba(50, 67, 78, 0.10); background: #FFF; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04);min-height: 284px; width: 50%;}
.dashboard-widget__prog-bar-con .widget__prog-bar-header {display: flex;align-items: center;min-height: 40px;padding: 10px 18px;border-bottom: 1px solid rgba(50, 67, 78, 0.10);}
.dashboard-widget__prog-bar-con .widget__prog-bar-header h3 {color: #32434E; font-weight: 700;display: flex; align-items: center;}
.dashboard-widget__prog-bar-con .widget__prog-bar-header h3 span { display: inline-block; border-radius: 6px; border: 1px solid rgba(50, 67, 78, 0.10); background: #FEFEF9; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04); min-width: 74px; height: 20px; color: rgba(50, 67, 78, 0.80); font-size: 14px; font-weight: 500; letter-spacing: -0.56px; line-height: 19px; text-align: center;padding: 0 5px; margin-left: 5px; }
.dashboard-widget__prog-bar-con .widget__prog-bar-table {table-layout: fixed;width: 100%;}
.dashboard-widget__prog-bar-con .widget__prog-bar-table tr {border-bottom: 1px solid rgba(50, 67, 78, 0.10);}
.dashboard-widget__prog-bar-con .widget__prog-bar-table tr td {padding: 12px;vertical-align: middle;font-weight: 600;color: rgba(50, 67, 78, 0.40); }
.dashboard-widget__prog-bar-con .widget__prog-bar-table tr td span {margin-top: 2px;display: block;color: rgba(50, 67, 78, 0.75); }
.dashboard-widget__prog-bar-con .widget__prog-bar-table tr td:first-child {padding: 13px 0 13px 18px;}
.dashboard-widget__prog-bar-con .widget__prog-bar-table .widget__prof-image { display: flex; justify-content: center; align-items: center; width: 39px; height: 32px; position: relative; border-radius: 8px; border: 1px solid rgba(56, 121, 163, 0.20); background: rgba(56, 121, 163, 0.20); box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04); color: #3879A3; text-align: center; font-size: 14px; font-weight: 700; object-fit: contain}
.dashboard-widget__prog-bar-con .widget__prog-bar-table .widget__prof-image img {position: absolute; top:0; left: 0;object-fit: contain;}

.widget__prof-name {color: #32434E; font-weight: 700;display: flex; align-items: center; gap: 30px;}
.widget__prof-name small {color: rgba(50, 67, 78, 0.60); font-size: 14px; font-weight: 600; }
.dashboard-widget__prog-bar-con .widget__prog-bar-table .widget__prog-bar {position: relative;width: 75%;margin-top: 6px;height: 4px;display: flex;}

/* Reset the styles for the range input */
.range-slider {margin: 0; padding: 0; border: initial; -webkit-appearance: none; appearance: none; background: initial; }

/* Reset the track and thumb styles */
.range-slider::-webkit-slider-runnable-track { background: initial; }
.range-slider::-webkit-slider-thumb { -webkit-appearance: initial; appearance: initial; border: initial; background-color: initial; height: initial; width: initial; }

/* Reset styles for Firefox */
.range-slider::-moz-range-track { background: initial; }
.range-slider::-moz-range-thumb { border: initial; background-color: initial; height: initial; width: initial; }

/* Reset styles for IE */
.range-slider::-ms-track { background: initial; }
.range-slider::-ms-thumb { border: initial; background-color: initial; height: initial; width: initial; }
.range-slider { -webkit-appearance: none;appearance: none;height: 6px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; pointer-events: none; border-radius: 6px;width: 100%;}
.range-slider:focus {outline: none;}
.range-slider:hover { opacity: 1; }
.range-slider::-webkit-slider-thumb, .range-slider::-moz-range-thumb { background-color: transparent;  -webkit-appearance: none; appearance: none;}
.range-slider::-webkit-slider-thumb, .range-slider::-moz-range-thumb, .score-slider::-moz-range-progress { height: 6px; border: none; }
.range-slider::-webkit-slider-thumb, .range-slider::-moz-range-progress { border-radius: 4px; background: linear-gradient(270deg, #4ABA7B 0%, rgba(74, 186, 123, 0.00) 100%) 0% 0% no-repeat padding-box;}
.range-slider::-moz-range-progress { background: transparent linear-gradient(270deg, #4ABA7B 0%, rgba(74, 186, 123, 0.00) 100%) 0% 0% no-repeat padding-box; }
.progress-bar {background: linear-gradient(270deg, #4ABA7B 0%, rgba(74, 186, 123, 0.00) 100%);position: absolute; top: 0; left: 0; height: 6px; transform-origin: left; border-radius: 3px;width: 0;}

.dashboard-widget__doughnut-graph-con {flex-grow: 1; width: 50%;border-radius: 10px; border: 1px solid rgba(50, 67, 78, 0.10); background: #FFF; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04);min-height: 284px;position: relative;}
.widget__doughnut-graph-item {padding: 10px 18px;}
.widget__doughnut-graph-item .widget__doughnut-graph-header {display: flex;align-items: center;min-height: 40px;padding: 0 0 10px 0;}
.widget__doughnut-graph-item .widget__doughnut-graph-header h3 {color: #32434E; font-weight: 700;display: flex; align-items: center;}
.widget__doughnut-graph-item .widget__doughnut-graph-header h3 span { display: inline-block; border-radius: 6px; border: 1px solid rgba(50, 67, 78, 0.10); background: #FEFEF9; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04); min-width: 74px; height: 20px; color: rgba(50, 67, 78, 0.80); font-size: 14px; font-weight: 500; letter-spacing: -0.56px; line-height: 19px; text-align: center;padding: 0 5px; margin-left: 30px; }
.widget__doughnut-graph-item .widget__doughnut-details li {margin-bottom: 14px}
.widget__doughnut-graph-item .widget__doughnut-details li .widget__doughnut-details-header {display: flex; align-items: center;margin-bottom: 2px;}
.widget__doughnut-graph-item .widget__doughnut-details li .legend-color {width: 15px; height: 12px;border-radius: 6px; background: #A98B3D; box-shadow: 0px 2px 6px 0px rgba(50, 67, 78, 0.04);margin-right: 8px;}
.widget__doughnut-graph-item .widget__doughnut-details li h3 {color: #32434E; font-weight: 600; }
.widget__doughnut-graph-item .widget__doughnut-details li h3 span {color: rgba(50, 67, 78, 0.60); margin-left: 30px;}
.widget__doughnut-graph-item .widget__doughnut-details li p {color: rgba(50, 67, 78, 0.40); font-weight: 600;}
.widget__doughnut-graph-item .widget__doughnut-graph-con {position: relative; transform: translateY(-25px);}
.widget__doughnut-graph-item .widget__doughnut-graph-con .widget__doughnut-graph {display: block; position: relative; width: 224px; height: 224px; border-radius: 50%; position: relative;}  
.widget__doughnut-graph-item .widget__doughnut-graph-con .widget__doughnut-graph:before {content: ""; display: block; width: 60%; height: 60%; background: var(--sys-white); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}

/** DASHBOARDING WIDGETS END**/

/** COMMUNITY WIDGET START **/
.community-widget-con {display: flex; flex-direction: column; gap: 16px;overflow: hidden;}
.community-widget-postbox {border-radius: 12px; background: var(--sys-white);display: flex; flex-direction: column;flex-shrink: 0;border: 1px solid rgba(21, 21, 22, 0.05)}
.community-widget-header {padding: 10px 14px; border-bottom: 1px solid rgba(21, 21, 22, 0.05);}
.community-widget-header svg, .community-widget-input-btns svg {fill: #294c99;}
.community-widget-header h3, .community-widget-header q, .community-widget-header span {color: var(--sys-dark);font-weight: bold;}
.community-widget-input-con {padding: 10px 14px;}
.community-widget-input-btns button {width: 100%; margin-top: 10px;}
.community-widget-attachments li {flex: 1;}
.community-widget-attachments li a {color: var(--sys-dark); width: 100%;border-radius: 8px;padding: 4px;}
.community-widget-attachments li a:hover {background: #f2f2f2;opacity: 1 !important;}
.community-widget-input-con input {margin-bottom: 8px;}

.community-widget-attachments li, .community-widget-attachments li span, .community-widget-attachments li svg {line-height: 0;}
.community-widget-attachments li a:hover {opacity: 0.5;}
.community-widget-content {border-radius: 12px; background: var(--sys-white);display: flex; flex-direction: column;flex: 1;overflow: hidden;position: relative;}
.community-widget-content .community-widget-content-con {overflow: auto; height: 400px;padding-bottom: 14px;background: #fafafa}
.community-widget-content section {border-bottom: 1px solid rgba(21, 21, 22, 0.05);position: relative;margin-bottom: 10px;background: var(--sys-white);border-radius: 12px;border: 1px solid rgba(21, 21, 22, 0.05);}
.community-widget-content section:last-child {margin-bottom: 0;}
.community-widget-content section .widget-close-btn {position: absolute; top: 14px; right: 14px;}
.community-widget-content section .widget-close-btn:hover {opacity: 0.5;}
.community-widget-content section .community-widget-profile-picture {position: relative;background: #e9edf5; flex-shrink: 0;}
.community-widget-content section .community-widget-profile-picture span {position: absolute; font-weight: 600; font-size: 16px;color: #294c99; display: flex; justify-content: center; align-items: center; top: 0; left: 0;border: 1px solid rgba(41, 76, 153, 0.1); width: 100%; height: 100%;border-radius: 6px;}
.community-widget-content section .community-widget-profile-picture.round-photo {border: 0;}
.community-widget-content section .community-widget-profile-picture.round-photo img {z-index: 3;position: relative;}

.community-widget-content section .community-widget-details {padding: 10px 28px 10px 14px;}
.community-widget-content section .community-widget-post {margin: 10px 0;display: block;}
.community-widget-content section .community-widget-profile-details__post h3 {color: #294c99;font-weight: 600;}
.community-widget-content section .community-widget-profile-details__post h3 span {color: rgba(21, 21, 22, 0.4); display: block; line-height: 100%; margin: 4px 0;}
.community-widget-content section .community-widget-btns {margin-top: 8px; padding: 4px 0;border-top: 1px solid rgba(21, 21, 22, 0.1); border-bottom: 1px solid rgba(21, 21, 22, 0.1);justify-content: space-between;}
.community-widget-content section .community-widget-btns li{flex: 1;}
.community-widget-content section .community-widget-btns li a {width: 100%; justify-content: center;padding: 4px;border-radius: 8px;}
.community-widget-content section .community-widget-btns li a:hover {background: #f2f2f2;opacity: 1 !important;}
.community-widget-content section .community-widget-btns li:hover {opacity: 0.5;}
.community-widget-content section .community-widget-btns svg {fill: #294c99;}
.community-widget-content section .community-widget-btns span {color: #151516; font-size: 16px;}
.community-widget-content section .community-widget-comment-con {padding: 0 28px 14px 55px; position: relative;}
.community-widget-content section .community-widget-comment-con .community-widget-comment-arrow {position: absolute;left: 20px;top: 8px;fill: rgba(21, 21, 22, 0.4)}
.community-widget-content section .community-widget-comment-details {padding: 8px; background: #f9f9f9; border-radius: 8px;}
.community-widget-content section .community-widget-profile-details__comment h3 {color: #294c99;font-weight: 600; display: inline-block;}
.community-widget-content section .community-widget-profile-details__comment p {display: block; margin: 4px 0 0;}
.community-widget-content section .community-widget-profile-details__comment .community-widget-comment__time-posted {color: #294c99;margin-top: 2px;display: block;}
.community-widget-content section .community-widget-comment-area {padding: 0 14px 10px;position: relative;}
.community-widget-content section .community-widget-comment-area textarea {padding-right: 40px;border-radius: 21px;height: 42px;}
.community-widget-content section .community-widget-comment-area a {position: absolute; right: 24px; bottom: 22px;line-height: 0;}
.community-widget-content section .community-widget-comment-area a svg {fill: #294c99;}
.community-widget-content section .community-widget-comment-area a:hover {opacity: 0.5;}
/** COMMUNITY WIDGET END **/

/*AGREEMENT START*/
.agreement-page {height: calc(100% - 95px); padding: 22px 24px 13px;overflow: auto;position: relative; display: flex; flex-direction: column;}
.agreement-page .wrapper  {max-width: 1550px; height: 100%;}
.agreement-content-con {height: 100%;}
.agreement-content-con { overflow: hidden; border-radius: 0; border: 1px solid rgba(21, 21, 22, 0.05); background: var(--sys-white); display: flex; flex-direction: column; width: 100%; height: 100%;border-radius: 12px;}
.agreement-content-con .agreement-header {padding: 10px 14px;display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid ;min-height: 44px;border-bottom: 1px solid rgba(21, 21, 22, 0.05);flex-shrink:0;display: none;}
.agreement-content-con .agreement-header .agreement-logo-con, .agreement-content-con .agreement-header .agreement-logo-con img {height: 35px;}
.agreement-content-con .agreement-header a.close-btn {display: block; background: var(--accent2-5); border: 1px solid var(--accent2-5); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 16px; height: 16px;position: relative;}
.agreement-content-con .agreement-header a.close-btn svg {position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
.agreement-content-con .agreement-header a.close-btn:hover {opacity: 0.5;}
.agreement-content-con .agreement-form, .agreement-content-con .agreement-btns {padding: 0 13px;}
.agreement-content-con .agreement-content {flex-grow: 1;display: flex; overflow: hidden;padding: 13px; gap: 16px;}
.agreement-content-con .agreement-content .agreement-content-left {display: flex;flex-direction: column; flex: 1; overflow: hidden;border-radius: 12px;}
.agreement-content-con .agreement-content .agreement-accordion-con {display: flex; flex-direction: column; flex: 1; overflow: hidden; border-radius: 12px;}
.agreement-content-con .agreement-content .agreement-accordion { transition: 0.4s; overflow: hidden; min-height: 42px; position: relative;border: 1px solid #e5e5e5;border-bottom: 0;}
.agreement-content-con .agreement-content .agreement-accordion {display: flex; flex-direction: column; overflow: hidden;}
.agreement-content-con .agreement-content .agreement-accordion:not(:last-child) { margin-bottom: 5px; }
.agreement-content-con .agreement-content .agreement-accordion .spa-ver, .agreement-content-con .agreement-content .agreement-accordion .eng-ver {overflow: hidden; height: 100%;}
.agreement-content-con .agreement-content .agreement-accordion:last-child {border-bottom: 0;padding-bottom: 0;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-header {color: var(--sys-dark);position: relative;cursor: pointer;padding: 10px 13px; background: #e5e5e5;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-header q {position: absolute; right: 8px; top: 50%; transform: translateY(-50%); transition: 0.3s; width: 18px; height: 18px;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content { color: rgba(21, 21, 22, 0.50); font-family: var(--primary-font); font-size: 14px; line-height: 18px; letter-spacing: -0.56px; display: none; overflow: auto; width: calc(100% - 32px); margin: 16px auto 0; padding: 13px; border: 1px solid #e5e5e5;flex: 1;margin-bottom: 15px;}

.agreement-content-con .agreement-content .agreement-accordion .accordion-content .modal-logo-con{text-align:center;margin:0 auto 25px;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content .modal-logo-con a{display:inline-block;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content .modal-logo-con a img{width:250px;max-width:100%;}


.agreement-content-con .agreement-content .agreement-accordion .accordion-content h2 {margin-bottom: 14px; color: var(--sys-dark);font-weight: 600;font-size: 14px;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content p {margin-bottom: 14px;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content p span {color: var(--sys-dark);} 
.agreement-content-con .agreement-content .agreement-accordion .accordion-content ol {list-style-position: inside; padding-left: 14px;margin: 0 0 14px;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content ol li span{color: var(--sys-dark);}

.agreement-content-con .agreement-content .agreement-accordion .accordion-content a:hover {text-decoration: underline;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content ul {padding-inline-start: 40px;padding-block-end: 14px;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content ul ul{padding-inline-start: 20px;padding-block-start:14px;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content li {margin-bottom: 8px;position:relative;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content li:has(ul) {margin-bottom:0;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content li:last-child{margin-bottom:0;}
.agreement-content-con .agreement-content .agreement-accordion .accordion-content ul li:before{content:"";width:5px;height:5px;background:#000;border-radius:50%;position:absolute;left:-15px;top:7px;}
.agreement-content-con .agreement-content .agreement-accordion:last-child .accordion-content {padding-bottom: 0;}

.agreement-content-con .agreement-form {padding-top: 0;flex-shrink: 0;}
.agreement-content-con .agreement-form .formSection {flex-grow: 1;width:33.33%;}

.agreement-content-con .agreement-form .formSection #signature{border-bottom: 1px solid rgba(21, 21, 22, 0.05);padding: 10px 0;line-height: 100%;color: var(--sys-dark);display: block;letter-spacing: -0.04em;font-family: var(--third-font);font-size: 20px;min-height:42px;text-align:center;}

.agreement-content-con .agreement-btns {margin: 10px 0 14px;padding: 0 13px;display: flex; justify-content: center; gap: 16px; flex-shrink: 0;}
.agreement-content-con .agreement-btns button {width: fit-content; min-width: 200px;}
.agreement-content-con .agreement-content .agreement-accordion.active .accordion-header q {transform: translateY(-50%) rotate(180deg)}

.agreement-content-con .agreement-content .agreement-accordion.active {}

.agreement-content-con .agreement-content .agreement-content-right {width: 24%;display: flex;}
.agreement-content-con .agreement-content .agreement-content-right .toggle_right_nav_holder{width:100%;}
.agreement-content-con .agreement-content .agreement-content-right .toggle_right_nav_holder .toggle_right_sidebar_nav{height:100%;}
.agreement-content-con .agreement-content .agreement-content-right .agreement-content-right-holder{border: 1px solid #e5e5e5;border-radius: 12px;overflow: hidden;height: 100%;}
.agreement-content-con .agreement-content .agreement-content-right h2 { color: var(--sys-dark); position: relative; cursor: pointer; padding: 10px 13px; background: #e5e5e5; }
.agreement-content-con .agreement-content .agreement-content-right ul {padding: 13px;}
.agreement-content-con .agreement-content .agreement-content-right ul li {margin-bottom: 10px;}
.agreement-content-con .agreement-content .agreement-content-right ul li span {color: #151516;}
.agreement-content-con .agreement-content .agreement-content-right ul li i {line-height: 0;}

.agreement-content-con .agreement-content .agreement-accordion.active .accordion-content {display: block;}
.agreement-signature-con {width:100%;padding:0;margin: 25px auto;flex-shrink: 0;}
.policy-signature-con {padding: 13px 13px 0px; min-height: 67px;text-align: center;}
.policy-signature-con p {font-size: 14px; margin-bottom: 13px;}

/*AGREEMENT END*/


/*CONFIRM PASSWORD MODAL*/
#lmsOnboardingAlertModal{}
#lmsOnboardingAlertModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}

#lmsOnboardingAlertModal .modal-box {padding: 0;max-width:650px;}

#lmsOnboardingAlertModal .popUpClose svg {vertical-align: middle; fill:var(--accent1);}
#lmsOnboardingAlertModal .popUpClose svg path{stroke:var(--accent1);}
#lmsOnboardingAlertModal .popUpClose:hover{opacity: 0.5;}

#lmsOnboardingAlertModal .popUp{padding:14px 14px 35px;width:100%;}

#lmsOnboardingAlertModal .popUpHeading{margin:0 auto 10px;flex-direction: column;padding-bottom:10px;text-align:left;}
#lmsOnboardingAlertModal .popUpHeading:after{display:none;}
#lmsOnboardingAlertModal .popUpHeading img{width:150px;max-width:100%;}

#lmsOnboardingAlertModal .popUpContent{margin:0;}
#lmsOnboardingAlertModal .popUpContent span.msg{display: flex;justify-content: center;align-items: center;gap: 5px;}
#lmsOnboardingAlertModal .popUpContent span.msg span {margin-bottom: 0; color: var(--primary-color); font-weight: normal;}
#lmsOnboardingAlertModal .popUpContent p a{}
#lmsOnboardingAlertModal .popUpContent p:not(:last-child){margin-bottom:25px;}
#lmsOnboardingAlertModal .popUpContent p span{}

#lmsOnboardingAlertModal .choose-btns { margin: 25px auto 0; display: flex; justify-content: center; gap: 14px; flex-wrap: unset;}
#lmsOnboardingAlertModal .choose-btns button { width: auto; border-radius: 10px; font-weight: 500; }
/*END CONFIRM PASSWORD MODAL*/


/*SKIP STEP MODAL*/
#SkipStepModal{}
#SkipStepModal .popUpClose{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;position:absolute;top:10px;right:10px;}
#SkipStepModal .modal-box {padding: 0;}

#SkipStepModal .popUpClose svg {vertical-align: middle; fill:var(--accent1);}
#SkipStepModal .popUpClose svg path{stroke:var(--accent1);}
#SkipStepModal .popUpClose:hover{opacity: 0.5;}

#SkipStepModal .popUp{padding:14px 14px 35px;}

#SkipStepModal .popUpHeading{margin:0 auto 25px;flex-direction: column;padding-bottom:10px;text-align:left;}
/*#RSVPModal .popUpHeading:after{display:none;}*/
#SkipStepModal .popUpHeading img{width:150px;max-width:100%;}

#SkipStepModal .popUpContent{margin:0;}
#SkipStepModal .popUpContent .warning-icon {display: block;position: relative;margin-bottom:20px;}
#SkipStepModal .popUpContent .warning-icon svg {}
#SkipStepModal .popUpContent h2{display: block; text-align: center;color:var(--primary-color);margin-bottom:20px;}
#SkipStepModal .popUpContent p{margin-bottom:0;color:var(--primary-color);font-weight:normal;}
#SkipStepModal .popUpContent p:not(:last-child){margin-bottom:15px;}
#SkipStepModal .popUpContent p span{}

#SkipStepModal .choose-btns { margin: 25px auto 0; display: flex; justify-content: center; gap: 14px; flex-wrap: unset;}
#SkipStepModal .choose-btns button { width: auto; border-radius: 10px; font-weight: 500; }
/*END SKIP STEP MODAL*/

/**Calendar Booking Presets**/
body:has(.calendar-booking-page) { background-color: #FFFFFF;}
.calendar-booking-page * {font-family: Proxima Nova, sans-serif !important;letter-spacing: normal !important;line-height: 1.5;}
.calendar-booking-page  {padding: var(--clamp-30) 0;}
.calendar-booking-page .calendar-booking-logo {text-align: center; padding: var(--clamp-26); margin: 0 auto var(--clamp-30); position: relative;}
.calendar-booking-page .calendar-booking-logo img { width: 12.82%; height: auto; max-width: 219px; position: absolute; top: 0; margin: 0 auto; left: 0; right: 0; }


/*START CALENDAR BOOKING PAGE ADMIN*/
.calendar-booking-page .calendar-booking-box-holder {display:flex;}
.calendar-booking-page .calendar-booking-box-admin{min-height:703px;transition: all .22s ease-out;background: #FFFFFF;border: 1px solid rgba(21, 21, 22, 0.1);border-radius: 16px;margin: 0;max-width: 299px; width: max-content;position: absolute;left: 118px;width:299px;max-width:100%;}
.calendar-booking-page .calendar-booking-box-admin .calendar-booking-box-admin-container{}

.calendar-booking-page .calendar-booking-box-admin-top-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px;padding:0 16px;}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box1{}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box1 a{display:flex;align-content:center;align-items:center;gap:9px;}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box1 a svg{}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box1 a svg path{}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box1 a span{line-height:100%;font-size:14px;font-weight: 500;letter-spacing: -0.03em;color:#15151659;}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box1 a:hover{}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box1 a:hover svg path{stroke-opacity: 1;stroke:var(--accent1);stroke:#FF7A48;}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box1 a:hover span{color:var(--accent1);color:#FF7A48;}

.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box2{display:flex;gap:10px;align-items: center;}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box2 .calendar-booking-box-admin-top-filters-btn{}


.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box2 .calendar-booking-box-admin-top-filters-btn a{}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box2 .calendar-booking-box-admin-top-filters-btn a.share{display: flex;gap: 5px;width:62px;height:24px;background: #FF7A48;border-radius: 6px;align-items:center;justify-content:center;}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box2 .calendar-booking-box-admin-top-filters-btn a svg{display: block;height: 100%;margin:0;}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box2 .calendar-booking-box-admin-top-filters-btn a svg path{}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box2 .calendar-booking-box-admin-top-filters-btn a span{line-height:100%;font-weight: 500;font-size: 12px;letter-spacing: -0.03em;color: #FFFFFF;}
.calendar-booking-page .calendar-booking-box-admin-top-filters .calendar-booking-box-admin-top-filters-box2 .calendar-booking-box-admin-top-filters-btn a:hover{opacity:.5;}


.calendar-booking-page .calendar-booking-box-admin-heading {padding: 0 16px 22px;position:relative;}
.calendar-booking-page .calendar-booking-box-admin-heading:after{content:"";width:100%;height:1px;background:rgba(21, 21, 22, 0.1);position:absolute;bottom:0;left:0;}
.calendar-booking-page .calendar-booking-box-admin-heading h2{font-size:26px; line-height: 100%; font-weight: 600; color: #151516;letter-spacing: -0.03em;}


.calendar-booking-page .calendar-booking-box-admin-info-boxes{overflow: auto;max-height: 556px;position:relative;}

.calendar-booking-page .calendar-booking-box-admin-info-box{display:flex;flex-direction:column;gap:17px;position:relative;padding:15px 0;}
.calendar-booking-page .calendar-booking-box-admin-info-box:last-child{padding-bottom:0;}

.calendar-booking-page .calendar-booking-box-admin-info-box:after{content:"";width:100%;height:1px;background:rgba(21, 21, 22, 0.1);position:absolute;bottom:0;left:0;}
.calendar-booking-page .calendar-booking-box-admin-info-box:last-child:after{display:none;}

.calendar-booking-page .calendar-booking-box-admin-info-box .calendar-booking-box-admin-info-box-header{display:flex;flex-direction:row;justify-content:space-between;align-items: center;padding:0 16px;}
.calendar-booking-page .calendar-booking-box-admin-info-box .calendar-booking-box-admin-info-box-header h3{font-size:18px; line-height: 100%; font-weight: 500; color: #151516;letter-spacing: -0.02em;}
.calendar-booking-page .calendar-booking-box-admin-info-box .calendar-booking-box-admin-info-box-header a{display:block;width: 22px;height: 22px;background: rgba(21, 21, 22, 0.05);border-radius: 6px;}
.calendar-booking-page .calendar-booking-box-admin-info-box .calendar-booking-box-admin-info-box-header a svg{display: block;height: 100%;margin: 0 auto;}
.calendar-booking-page .calendar-booking-box-admin-info-box .calendar-booking-box-admin-info-box-header a svg path{}
.calendar-booking-page .calendar-booking-box-admin-info-box .calendar-booking-box-admin-info-box-header a:hover{background:var(--accent1);background:#FF7A48;}
.calendar-booking-page .calendar-booking-box-admin-info-box .calendar-booking-box-admin-info-box-header a:hover svg path{stroke:#fff;}

.calendar-booking-page .calendar-booking-box-admin-info-box ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;overflow:hidden;padding:0 16px;}
.calendar-booking-page .calendar-booking-box-admin-info-box ul li{display:flex;gap:7px;align-items:center;position:relative;margin:0;padding:0;}
.calendar-booking-page .calendar-booking-box-admin-info-box ul li i{}
.calendar-booking-page .calendar-booking-box-admin-info-box ul li i svg{display: block;height: 100%;margin: 0 auto;}
.calendar-booking-page .calendar-booking-box-admin-info-box ul li i svg path{}
.calendar-booking-page .calendar-booking-box-admin-info-box ul li span{line-height:100%;font-size:14px;font-weight: 400;letter-spacing: -0.03em;color:#15151673;}



.calendar-booking-page .eventLinkHolder{padding:0 16px;margin-bottom:22px;}
.calendar-booking-page .eventLinkHolder label{display:block;font-size:14px;font-weight:500;line-height:100%;color:#151516;letter-spacing: -0.03em;margin-bottom:12px;}
.calendar-booking-page .eventLinkHolder small.event-link{display:block;font-size:12px;font-weight:400;letter-spacing: -0.02em;color:#15151640;margin-bottom:8px;line-height:100%;}
.calendar-booking-page .eventLinkHolder input[type=text],
.calendar-booking-page .eventLinkHolder input[type=email]{height: 42px; border-radius: 8px; width: 100%; background: #15151606; border: 1px solid #1515160D; box-shadow: 0px 2.5px 5px 0px #15151606; padding: 0 16px; font-size: 16px; font-weight: 400; letter-spacing: -0.02em; color: #151516;}
.calendar-booking-page .eventLinkHolder input[type=text]::placeholder,
.calendar-booking-page .eventLinkHolder input[type=email]::placeholder{color: #15151640;}

.calendar-booking-page .bookingFormHolder{padding:0 16px;}
.calendar-booking-page .bookingFormHolder h3{display:block;font-size:16px;font-weight:500;line-height:100%;color:#151516;letter-spacing: -0.03em;margin-bottom:14px;}
.calendar-booking-page .bookingFormHolder label{display:block;font-size:14px;font-weight:500;line-height:100%;color:#151516;letter-spacing: -0.03em;margin-bottom:12px;}

.calendar-booking-page .bookingFormHolder ul{margin:0;padding:0;overflow:hidden;}
.calendar-booking-page .bookingFormHolder ul li{margin:0;display:block;gap:0;margin-bottom:12px;cursor:pointer;}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details{display:flex;align-items:center;width:100%;height: 42px;background: rgba(21, 21, 22, 0.025);border: 1px solid rgba(21, 21, 22, 0.05);box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);border-radius: 8px;padding:13px;}

.calendar-booking-page .bookingFormHolder ul li:hover .calendar-booking-details,
.calendar-booking-page .bookingFormHolder ul li.active .calendar-booking-details{background: rgba(255, 122, 72, 0.05); border: 1px solid #FF7A48; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);}

.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details.sortble{height:59px;}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail-icon{display: flex;margin-right:8px;}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail-icon svg{}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail-icon svg path{}

.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail{}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail span{display:block;font-weight:400;color:#151516BF;letter-spacing: -0.02em;line-height:100%;}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail small{display:block;font-weight:400;color:#151516BF;letter-spacing: -0.02em;line-height:100%;margin-top:9px;}

.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail-filter{display: flex;margin-left: auto;}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail-filter a{display:flex;}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail-filter a:hover{opacity:.5;}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail-filter a svg{}
.calendar-booking-page .bookingFormHolder ul li .calendar-booking-details .calendar-booking-detail-filter a svg path{}


.calendar-booking-page .calendar-booking-box-admin-info-btn{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;padding:16px 0;}
.calendar-booking-page .calendar-booking-box-admin-info-btn:before{content:"";width:100%;height:1px;background:rgba(21, 21, 22, 0.1);position:absolute;top:0;left:0;}
.calendar-booking-page .calendar-booking-box-admin-info-btn a{display:flex;align-items:center;justify-content:center;width:267px;max-width:100%;height:42px;background: #FF7A48;box-shadow: 0px 0px 0px 2px rgba(255, 122, 72, 0.25);border-radius: 8px;font-size:15px;font-weight:600;color:#fff;letter-spacing: -0.03em;margin:0 auto;}
.calendar-booking-page .calendar-booking-box-admin-info-btn a:hover{opacity:.5;}

.calendar-booking-page .calendar-booking-box-admin .calendar-booking-box-admin-container.admin-container-box1{padding:16px 0;}

.calendar-booking-page .calendar-booking-box-admin .calendar-booking-box-admin-container.admin-container-box2{padding:21px 0 16px;}
.calendar-booking-page .admin-container-box2 .calendar-booking-box-admin-top-filters{margin-bottom:16px;padding:0 16px;}
.calendar-booking-page .admin-container-box2 .calendar-booking-box-admin-heading{padding:0 16px 16px;}
.calendar-booking-page .admin-container-box2 .calendar-booking-box-admin-heading h2{font-size:18px;}
.calendar-booking-page .admin-container-box2 .calendar-booking-box-admin-info-boxes{margin:16px auto 0;overflow: auto;max-height: 526px;}

.calendar-booking-page .calendar-booking-box-admin .calendar-booking-box-admin-container.admin-container-box3{}


/*CALENDAR QUESTIONS MODAL*/
#calendarQuestionsModal{font-family: Sohne, sans-serif;background: rgba(247, 249, 250, 0.6) !important;backdrop-filter: blur(2px);}
#calendarQuestionsModal .popUp{padding:24px 0;}

#calendarQuestionsModal .popUpClose{display: flex; width: 13px; height: 13px;position:absolute;top:30px;right:24px;z-index:1;}
#calendarQuestionsModal .popUpClose svg {}
#calendarQuestionsModal .popUpClose svg path{}
#calendarQuestionsModal .popUpClose:hover{opacity: 0.5;}

#calendarQuestionsModal .modal-box {padding: 0;max-width: 447px;height: 703px;background: #FFFFFF;border: 1px solid rgba(21, 21, 22, 0.1);border-radius: 16px;}

#calendarQuestionsModal .popUpHeading{margin:0 24px 24px;}
#calendarQuestionsModal .popUpHeading h2{font-weight: 600;font-size: 26px;line-height: 100%;letter-spacing: -0.03em;color: #151516;}
#calendarQuestionsModal .popUpHeading:after{display:none;}

#calendarQuestionsModal .popUpContent{margin:0;}
#calendarQuestionsModal .popUpContent .calendarQuestionsDetailsHolder{position:relative;overflow: auto;max-height: 536px;padding:0 24px;}

#calendarQuestionsModal .popUpContent .calendarQuestionsDetails{margin-bottom:22px;}
#calendarQuestionsModal .popUpContent label{display:block;font-size:14px;font-weight:500;line-height:100%;color:#151516;letter-spacing: -0.03em;margin-bottom:12px;}
#calendarQuestionsModal .popUpContent label.form-group {margin: 14px 0 0;}
#calendarQuestionsModal .popUpContent .radio-btn-con { margin: 0; width: 16px; height: 16px; position: relative; }
#calendarQuestionsModal .popUpContent .radio-btn-con input[type=radio] { background-color: #FF7A48; border-radius: 50%; border: 1px solid #15151626; box-shadow: 0px 2.5px 5px 0px #15151606; margin: 0; width: 16px; height: 16px; accent-color: var(--accent2); cursor: pointer; }
#calendarQuestionsModal .popUpContent label.form-group span {font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.02em; text-align: left; }

#calendarQuestionsModal .popUpContent input[type=text],
#calendarQuestionsModal .popUpContent input[type=email]{height: 42px; border-radius: 8px; width: 100%; background: #15151606; border: 1px solid #1515160D; box-shadow: 0px 2.5px 5px 0px #15151606; padding: 0 16px; font-size: 16px; font-weight: 400; letter-spacing: -0.02em; color: #151516;}

#calendarQuestionsModal .popUpContent select { background: url(../../images/remix-icons/arrow-down-line-black.svg) no-repeat 97% center, rgba(21, 21, 22, 0.025); -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 10px 14px 10px 14px; color: #15151640; border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); border-radius: 8px; width: 100%; height: 42px; color:#151516;font-size:16px;font-weight:400;}

#calendarQuestionsModal .popUpContent input[type=text]::placeholder,
#calendarQuestionsModal .popUpContent input[type=email]::placeholder{color: #15151640;}

#calendarQuestionsModal .choose-btns {position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;padding:24px;}
#calendarQuestionsModal .choose-btns:before{content:"";width:100%;height:1px;background:rgba(21, 21, 22, 0.1);position:absolute;top:0;left:0;}
#calendarQuestionsModal .choose-btns button {display:flex;align-items:center;justify-content:center;width:399px;max-width:100%;height:42px;background: #FF7A48;box-shadow: 0px 0px 0px 2px rgba(255, 122, 72, 0.25);border-radius: 8px;font-size:15px;font-weight:600;color:#fff;letter-spacing: -0.03em;margin:0 auto;}
#calendarQuestionsModal .choose-btns button:hover{border:none!important;opacity:.5!important;}


.calendar-booking-page .calendar-booking-box-admin-info-btn a{}

/*END CALENDAR QUESTIONS MODAL*/


/*END CALENDAR BOOKING PAGE ADMIN*/
.payment-reminder-modal {
	padding: 25px 20px;
} 
.payment-reminder-modal .modal-box-title a {display: block;}
.payment-reminder-modal a {color: var(--accent2);}
.payment-reminder-modal a:hover {text-decoration: underline;}
.payment-reminder-modal p {text-align: center;}
/*.payment-reminder-modal p:last-child {margin-bottom: 0}*/
/* Close Modal */
.close_modal_outside {position: absolute; width: 100%; height: 100%;}
/* End Close Modal */

.loading-blur { /*filter: blur(3px);*/ }
tbody.prospecting-dashboard-blur > tr > td:nth-child(1) ~ td { /*filter: blur(3px);*/ }

/* Prospecting DSA */
.prospecting-funnel-con * {font-family: Sohne, sans-serif;}
.prospecting-funnel-con.eng { display: flex; flex-direction: column; min-height: 100vh; }

body:has(.prospecting-dsa) .push-notification-con, 
body:has(.prospecting-dsa) footer.footer-content, 
body:has(#prospectingDSA) .header-content {display: none;}
.prospecting-dsa-header {display: flex;margin: 40px auto 0;padding: 10px 20px;align-items: center;justify-content: space-between;height: 70px;background: #fff;position: relative;z-index: 1;width: 100%;border-bottom: 1px solid #1515161A;}
.prospecting-dsa-header .prospecting-dsa-header-con {display: flex;justify-content: space-between;width: 100%;max-width: 1114px;margin: 0 auto;align-items: center;}
.container:has(#prospectingDSA) .prospecting-dsa-header {margin-top: 0;}
.prospecting-dsa-header ul {display: flex;gap: 25px;}
.prospecting-dsa-header .dsa-profile {display: flex;gap: 10px;align-items: center;}
.prospecting-dsa-header .dsa-profile h1 {gap: 4px; display: flex; flex-direction: column; align-items: flex-end; color: #404C67; font-size: 14px; line-height: 1; text-align: right; justify-content: center;}
.prospecting-dsa-header .dsa-profile h1 span {display: block;font-size: 12px;color: #404C6773;line-height: 1;}
.prospecting-dsa-header .dsa-profile .initial-name {display: flex;border-radius: 50%;background: radial-gradient(50% 50% at 50% 50%, #FF385C 0%, #FF5D7A 100%);width: 40px;height: 40px;align-items: center;justify-content: center;color: #fff;letter-spacing: 0;}

#prospectingDSA {margin-top: 0;overflow: unset;height: auto;background: #f7f9fa;padding: 0 24px;}
#prospectingDSA .prospecting-dsa-con {margin: 0 auto;width: 100%;max-width: 1114px; width:100%; padding: 43px 0 0;border-radius: 12px;box-sizing: border-box;}
#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title {text-align: center;}
#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1 {font-size: 38px;line-height: 1;text-transform: uppercase;color: #223767;letter-spacing: -1px;background: linear-gradient(0deg, #1C1F26 0%, #404C67 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight: bold;}
#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver {font-size: 35px;}
#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span {display: flex;text-transform: none;font-size: 18px;letter-spacing: 0;justify-content: center;margin: 15px 0 0;align-items: center;color: rgba(64, 76, 103, 0.75);}
#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span strong {margin-right: 5px;color: #404C67;font-weight: 600;}
#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span img {margin-right: 10px;}
#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span img:last-child {margin-left: 10px;margin-right: 0;}
#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span small.spa-ver  {white-space: nowrap;}

#prospectingDSA .prospecting-dsa-con .steps-con {margin: 43px auto 16px;max-width: 1114px;width: 100%; min-height: 56px;}
#prospectingDSA .prospecting-dsa-con .steps-con ul {display: flex;justify-content: center;max-width: 100%;margin: 0 auto;overflow: hidden;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li {padding: 10px 15px 10px 26px;position: relative;width: 25%;display: flex;align-items: center;gap: 12px;background: #FFFFFF;box-shadow: 0px 12px 12px 0px #15151608;min-width: 49px;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li{font-family: 'Roboto', sans-serif;}

#prospectingDSA .prospecting-dsa-con .steps-con ul li:first-child {border-radius: 6px 0 0 6px;justify-content: start;padding: 10px 13px 10px 10px;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li:last-child {border-radius: 0 6px 6px 0;padding: 10px 10px 10px 23px;background: #fff;justify-content: flex-start;box-shadow: 0px 12px 12px 0px #15151608;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.active {background: linear-gradient(180deg, #FF385C 0%, #F32F52 100%);}
#prospectingDSA .prospecting-dsa-con .steps-con ul li:last-child.active {background: #fa3458;}

#prospectingDSA .prospecting-dsa-con .steps-con ul li:last-child::after, #prospectingDSA .prospecting-dsa-con .steps-con ul li:last-child a::after {display: none;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.active:after {background: linear-gradient(180deg, #FF385C 0%, #F32F52 100%);z-index: 3;}
/*#prospectingDSA .prospecting-dsa-con .steps-con ul li.active::before {border-left: 1px solid #FF385C;}*/
#prospectingDSA .prospecting-dsa-con .steps-con ul li:first-child.active a::before {display: none;}

#prospectingDSA .prospecting-dsa-con .steps-con ul li.active:last-child span::after, #prospectingDSA .prospecting-dsa-con .steps-con ul li.active:first-child span::before {display: none;}

#prospectingDSA .prospecting-dsa-con .steps-con ul li > span {font-weight: 700;background: #dedfdf;width: 36px;height: 36px;display: flex;border-radius: 50%;justify-content: center;align-items: center;color: #1C1F26;border: 3px solid #f4f4f4;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.active i span {border-color: #f997a9;color: #fa3458;font-weight: 700;font-size: 14px;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li .step-header {font-size: 18px;position: relative;z-index: 3;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li i { font-style: normal; background: #dedfdf; color: var(--primary-color); width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 3px solid #f4f4f4; box-shadow: 0px 12px 12px 0px #15151608; flex-shrink: 0;}

#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed {background: #e1e3e5;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed i {background: #939599;border-color: #babcbf;position: relative;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed i > div {display: block !important;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed i svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed i svg path {fill: #fff;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed i span {display: none;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed::after {background: #e1e3e5}

#prospectingDSA .prospecting-dsa-con .steps-con ul li i .done {display: flex;justify-content: center;align-items: center;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li i span {font-weight: 700;font-size: 16px;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.active i {background: #fff;border-color: #fe9bac;z-index: 1;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li:has(.done) i span {display: none;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li small.step-title {display: block; font-size: 16px; font-weight: 600; position: relative; z-index: 3; color: #1C1F26; pointer-events: none; max-height: 100%; overflow: hidden; text-overflow: ellipsis;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed small.step-title {color: #1C1F2680}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.active small.step-title {color: #FFF;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li span {color: #fff;display: block;padding: 0 0 0;text-align: center; line-height: 100%}
#prospectingDSA .prospecting-dsa-con .steps-con ul li a {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;z-index: 2;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li a::before { content: ""; position: absolute; top: 0; height: 100%; aspect-ratio: 20/56; background: #FFFFFF; clip-path: polygon(0 0, 100% 50%, 0 100%); background: #F7F9FA; left: -1px; z-index:3;  transform: scale(1);}
#prospectingDSA .prospecting-dsa-con .steps-con ul li:first-child a::before {display: none;}

#prospectingDSA .prospecting-dsa-con .steps-con ul li::after { content: ""; position: absolute; top: 0; height: 100%; aspect-ratio: 20/56; background: #FFFFFF; clip-path: polygon(0 0, 100% 50%, 0 100%); background: #FFFFFF; left: calc(100% - 12.3px); z-index:3; transform: scale(1);}
#prospectingDSA .prospecting-dsa-con .steps-con ul li::before  {content: ""; position: absolute; top: 0; height: 100%; width: 12px; display: block !important; background: #F7F9FA; right: 0; z-index: 2;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li:last-child::before, #prospectingDSA .prospecting-dsa-con .steps-con ul li:last-child::after {display: none !important;}

#prospectingDSA .prospecting-dsa-con .steps-con ul li.completed::before {}

#prospectingDSA .prospecting-dsa-con .steps-con ul li i span {color: #1C1F26}
#prospectingDSA .prospecting-dsa-con .steps-con ul li:first-child::before {display: none;}
#prospectingDSA .prospecting-dsa-con .steps-con ul li.active:last-child span::after, #prospectingDSA .prospecting-dsa-con .steps-con ul li.active:first-child span::before {display: none;}

#prospectingDSA .prospecting-dsa-con .content-con {margin: 0;position: relative;max-width: 1114px;width: 100%;}
#prospectingDSA .prospecting-dsa-con .content-con .contleft {position: absolute;left: -118px;bottom: 100px;background: rgba(247, 249, 250, 0.99);}
#prospectingDSA .prospecting-dsa-con .content-con .contright {position: absolute;right: -158px;background: rgba(255,255,255,0.25);bottom: 100px;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps { display: flex; justify-content: space-between; gap: 0; padding: 16px; box-sizing: border-box; width: 100%; max-width: 1114px; background: #FFFFFF; box-shadow: 0px 12px 20px rgba(21, 21, 22, 0.08); border-radius: 12px; position: relative; z-index: 3;box-shadow: 0px 12px 20px 0px #15151614;  gap: 16px;align-items: stretch;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con {position: relative; width: 100%;border-radius: 6px;aspect-ratio: 16/9;overflow: hidden;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con .play-text {position: absolute;top: 21px;left: 21px;display:none;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con .play-text h1 {color: #FF385C;font-size: 18px;font-weight: 700;position: relative;padding: 0 0 0 27px;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con .play-text h1::before {content: '';background: #FF385C;width: 19px;height: 19px;position: absolute;border-radius: 50%;top: 50%;transform: translateY(-50%);left: 0;border: 3px solid #6d4460;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con .header-text {display: flex;gap: 8px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);color: #fff; width: 100%; margin: 0 auto; justify-content: center;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con .header-text h1 {font-weight: 600;font-size: 16px;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con iframe {box-sizing: border-box;width: 100%;aspect-ratio: 16/9;height:100%;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con video { box-sizing: border-box; width: 100%; aspect-ratio: 16/9; background: linear-gradient(180deg, #304F96 0%, #223767 100%);  }

#prospectingDSA .prospecting-dsa-con .content-con .video-con video{}

#prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a {position: absolute; width: 100%; max-width: 480px; background: linear-gradient(180deg, #FF385C 0%, #F32F52 100%); top: 58%; transform: translateY(-50%); color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; padding: 15px 20px; border-radius: 10px; font-size: 1.3em; letter-spacing: -0.5px; line-height: 110%; /* font-family: Sohne, sans-serif; */ /* font-family: Inter, sans-serif; */ /* font-family: 'Drizzio Sans', sans-serif; */ /* font-family: 'Roboto', sans-serif; */ /* font-family: 'Sohne-Schmal', sans-serif; */ font-family: Helvetica, sans-serif; /* font-family: sans-serif; */ left: 0; right: 0; margin: 0 auto; box-shadow: 0 0 0 0 rgba(255, 56, 92, 0.5); animation: pulse 1s infinite; }
#prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a span {font-size: 32px;margin: 0 0 0 10px;}

@keyframes throb {
	0%, 100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1) translateY(-50%);
	}

	50% {
		transform: scale(1.05) translateY(-50%);
		box-shadow: 0 0 0 25px rgba(255, 56, 92, 0);
	}

	100% {
		transform: scale(1) translateY(-50%);
		box-shadow: 0 0 0 0 rgba(255, 56, 92, 0);
	}
}

#prospectingDSA .prospecting-dsa-con .content-con .video-con button {background: var(--accent2);color: #fff;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;padding: 15px;border-radius: 8px;width: 100%;max-width: 350px;margin: 0 auto;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con .temp-time-bar {position: absolute;height: 6px;width: 100%;bottom: 14px;border-radius: 6px;max-width: 770px;left: 0;right: 0;margin: auto;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con .temp-time-bar::before {content: '';width: 70%;height: 6px;background: #FF385C;z-index: 2;position: absolute;border-radius: 6px;}
#prospectingDSA .prospecting-dsa-con .content-con .video-con .temp-time-bar::after {content: '';background: #562736;z-index: 1;position: absolute;right: 0;height: 6px;width: 100%;border-radius: 6px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con {text-align: center;display: flex;flex-direction: column;gap: 14px;box-sizing: border-box;width: 250px;background: linear-gradient(180deg, rgba(255, 56, 92, 0.12) 0%, rgba(255, 122, 72, 0) 100%);border-radius: 6px;padding: 25px 4px; position: relative;flex-shrink: 0;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .topright {position: absolute;right: 0;top: 0;left: auto;pointer-events: none;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .midleft {position: absolute;top: 42%;transform: translateY(-50%);left: 0;pointer-events: none;}

#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details { display: flex; flex-direction: column; gap: 16px; padding: 25px 0 39px; background: radial-gradient(50% 50% at 50% 50%, var(--accent2-60) 0%, var(--accent2-0) 100%); background: radial-gradient(50% 50% at 50% 50%, rgba(255, 174, 175, 0.6) 0%, rgba(255, 174, 175, 0) 100%); }
#prospectingDSA .prospecting-dsa-con #step4 .current-step-con .current-step-details {padding-bottom: 6px}
#prospectingDSA .prospecting-dsa-con #step4 .content-con .current-step-con .progress {margin: 0 auto;}

#prospectingDSA .prospecting-dsa-con .content-con .current-step-con h2 {position: relative;display: flex;justify-content: center;align-items: center;gap: 8px;padding: 15px 0;font-size: 16px;font-weight: 700;width: 46px;height: 46px;background: linear-gradient(180deg, #FF385C 0%, #FF385C 100%);box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);border-radius: 200px;color: #fff;border: 5px solid #ffbfc7;margin: 0 auto;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con h2 span {background: var(--accent1);color: #fff;height: 30px;width: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content {display: flex;flex-direction: column;padding: 0;margin: 0;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title {background: linear-gradient(180deg, #404C67 0%, #1C1F26 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;/*text-fill-color: transparent;*/font-style: normal;font-weight: bold;font-size: 25px;line-height: 90%;text-transform: uppercase;letter-spacing: 0;word-spacing: 5px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title span {display: block;margin: 5px 0 0;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .status {color: rgba(64, 76, 103, 0.75);font-size: 14px;display: block;margin: 15px 0 0; font-weight: 400;letter-spacing: 0.3px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content img {background: gray;height: 300px;display: block;margin: 0 0 20px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress {margin: 0 auto 0;position: relative;width: 147px;height: 147px;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0 11px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress img {position: absolute;left: 0;right: 0;display: none;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content {z-index: 1;position: relative;display: flex;justify-content: center;flex-direction: column;gap: 5px;margin-top: -12px;}
#prospectingDSA .prospecting-dsa-con #step4 .content-con .current-step-con .progress .progress-content {z-index: 1;position: relative;display: flex;justify-content: center;flex-direction: column;gap: 5px;margin-top: 0px;}

#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .icon-con {width: 32px;height: 32px;display: flex;justify-content: center;background: rgba(255, 56, 92, 0.08);align-items: center;border-radius: 50%;margin: 0 auto;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .percentage-progress {background: linear-gradient(180deg, #404C67 0%, #1C1F26 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;/*text-fill-color: transparent;*/font-size: 30px;line-height: 1;}

#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .percentage-progress small{display: inline-block;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .percentage-progress small:first-child{text-align:right;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .percentage-progress small:last-child{text-align:left;}

#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content > span {color: rgba(64, 76, 103, 0.4);font-size: 11px;text-transform: uppercase;letter-spacing: 0.5px;}

#prospectingDSA .prospecting-dsa-con .content-con .content-steps .left-con {box-sizing: border-box;max-width: 816px;height: auto; aspect-ratio: 16/9;background: linear-gradient(360deg, #1C1F26 0%, #404C67 100%);border-radius: 6px;padding: 10px;width: 100%;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con {background: #fff;width: 100%;height: 100%;border-radius: 6px;padding: 10px 0 60px;position: relative;overflow: hidden;display: flex; flex-direction: column;max-height: 450px;}

#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-counter {color: #FF385C;font-size: 14px;position: relative;padding: 0 15px 10px;font-family: var(--primary-font);}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-counter::after {content: '';width: 100%;height: 1px;position: absolute;bottom: 0;background: #1515160D;left: 0;right: 0;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-title {padding: 0 15px;margin: 8px 0;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-title h1 {font-size: 18px;line-height: 24px;color: #223767;letter-spacing: 0;background: linear-gradient(0deg, #1C1F26 0%, #404C67 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight: 600;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body {padding: 0 15px;display: flex;flex-direction: column;gap: 10px;overflow: auto;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions {display: flex;align-items: center;gap: 8px;flex-direction:column;counter-reset: listStyle;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section {width: 100%;counter-increment: listStyle;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body input[type='radio'] {-webkit-appearance:none;outline:none;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions.last-question {/*flex-direction: row; flex-wrap: wrap;*/display: block;column-count: 2;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions.last-question section {width: 100%;overflow: auto;margin: 0 0 10px;}

#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section label{box-sizing: border-box;width: 100%;height: 46px;background: rgba(21, 21, 22, 0.025);border: 1px solid rgba(21, 21, 22, 0.05);border-radius: 10px;display: flex;align-items: center;padding: 11px;gap: 8px;font-family: var(--primary-font);cursor:pointer;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions h1 {width: 27px;height: 27px;box-sizing: border-box;background: rgba(41, 76, 153, 0.05);border: 0.832967px solid rgba(41, 76, 153, 0.05);box-shadow: 0px 2.08242px 4.16483px rgba(21, 21, 22, 0.025);border-radius: 6.66373px;display: flex;justify-content: center;align-items: center;color: #294C99;position:relative;flex-shrink: 0;}

/*questionaire completion*/
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success {position: relative;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .questionaire-bg {position: absolute;top: 0;left: 0;right: 0;transform: translateX(-50%);margin-left: 50%;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con {position: absolute;left: 0;right: 0;top: 50%;margin-left: 50%;transform: translate(-50%, -50%);font-family: var(--primary-font);text-align: center;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con .bang-left {text-transform: uppercase;background: linear-gradient(180deg, rgba(255, 133, 155, 0.5) 0%, #FF385C 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;/*text-fill-color: transparent;*/text-shadow: 0px 0px 5px rgba(255, 56, 92, 0.2);transform: rotate(-10deg);font-size: 22px;position: absolute;top: -30px;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con .bang-right {text-transform: uppercase;background: linear-gradient(180deg, rgba(255, 133, 155, 0.25) 0%, rgba(255, 56, 92, 0.5) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;/*text-fill-color: transparent;*/text-shadow: 0px 0px 5px rgba(255, 56, 92, 0.2);transform: rotate(10deg);position: absolute;right: -40px;font-size: 22px;top: -10px; width: max-content;z-index:1;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con h2.success-text {color: #FF385C;font-size: 12px;line-height: 15px;font-weight: 600;display: flex;justify-content: center;align-items: center;gap: 8px;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con h1.congrats-text {background: linear-gradient(0deg, #1C1F26 0%, #404C67 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;/*text-fill-color: transparent;*/font-size: 30px;line-height: 40px;text-transform: uppercase;font-weight: 600;margin: 5px 0 10px;display: block;letter-spacing: -1px;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con > p {color: #15151699;font-size: 12px;line-height:14px;}
/*questionaire completion*/

.container.lms-container .prospecting-funnel-con footer {height: auto; border: none; padding: 120px 20px 50px; margin: -100px 0 0; background: linear-gradient(180deg, #FF385C 0%, #FF385C 100%); box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03); position: relative; z-index: unset; flex: 1;}
.container.lms-container .prospecting-funnel-con footer::before {content: '';width: 100%;position: absolute;height: 66px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);bottom: 0;left:0; right:0;pointer-events: none;}
.container.lms-container .prospecting-funnel-con footer .ftr_logo {display: flex;justify-content: center;}
.container.lms-container .prospecting-funnel-con footer > p {font-weight: 400;margin: 25px auto;max-width: 660px;text-align: center;color: rgba(255, 255, 255, 0.6);font-size: 14px;font-family: 'Arial', sans-serif;}
.container.lms-container .prospecting-funnel-con footer ul.ftr_links {display: flex;justify-content: center;gap: 25px;}
.container.lms-container .prospecting-funnel-con footer ul.ftr_links li {position: relative;}
.container.lms-container .prospecting-funnel-con footer ul.ftr_links li::after {content: '';width: 2px;height: 15px;position: absolute;right: -14px;top: 50%;transform: translateY(-50%);background: #ff4c6c;}
.container.lms-container .prospecting-funnel-con footer ul.ftr_links li:last-child::after {display: none;}
.container.lms-container .prospecting-funnel-con footer ul.ftr_links li a {color: #fff;font-weight: 400;font-family: 'Roboto', sans-serif;}
.container.lms-container .prospecting-funnel-con footer ul.ftr_links li a:hover {text-decoration: underline;}
.container.lms-container .prospecting-funnel-con footer button.ftr_btn {color: #fff;font-weight: 600;text-transform: uppercase;padding: 20px 0;width: 95%;margin: 0 auto 0;font-size: 26px;position: relative;display: flex;justify-content: center;align-items: center;gap: 15px;max-width: 1114px;background: linear-gradient(180deg, #404C67 0%, #1C1F26 100%);border: 2px solid rgba(255, 255, 255, 0.15);box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);border-radius: 10px;pointer-events: none;font-family: 'Roboto', sans-serif;}
.container.lms-container .prospecting-funnel-con footer button.ftr_btn:hover {opacity: 1;}
.container.lms-container .prospecting-funnel-con footer button.ftr_btn > span {display: inline-block;line-height: 0;}
.container.lms-container .prospecting-funnel-con footer button.ftr_btn small span {display: inline-block;}
.container.lms-container .prospecting-funnel-con footer .footer-logo {filter: brightness(0) invert(1);}
.container.lms-container .prospecting-funnel-con footer .copyright_section{display: flex ; justify-content: center; margin:10px auto 0;}
.container.lms-container .prospecting-funnel-con footer .copyright_section p{font-size:16px; color: #fff; font-weight: 400; font-family: 'Roboto', sans-serif;line-height:100%;}
.container.lms-container .prospecting-funnel-con footer > p.spa-ver {max-width: 690px;}

/*ACTIVE*/
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section:has(input[type='radio']:checked) label{color: #fff;background:#FF385C;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section:has(input[type='radio']:checked) label h1{background:#fff;}

#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions h1:before { content: counter(listStyle, upper-alpha); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 15px; font-weight: 500; line-height: 1; }

#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions p {font-size:14px;font-weight:600;line-height: 100%;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-footer { font-family: var(--primary-font); display: flex; padding: 0 15px; margin: 20px 0 0; justify-content: space-between; position: absolute; bottom: 14px; width: 100%; }
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-footer p {color: #15151699;font-weight: 400;font-size: 12px;width: calc(100% - 290px);}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-footer p span {color: #F72B2B;font-weight: 600;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-footer .footer-btn {display: flex;gap: 8px;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-footer .footer-btn a {background: rgba(255, 56, 92, 0.05);border: 1px solid rgba(255, 56, 92, 0.05);box-shadow: 0px 2.08242px 4.16483px rgba(21, 21, 22, 0.025);border-radius: 6px;color: #FF385C;width: 130px;height: 35px;font-size: 11px;display: flex;justify-content: center;align-items: center;font-weight: 700;text-transform: uppercase;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-footer .footer-btn .next {color: #fff;background: #FF385C;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section:nth-of-type(2n) h1 {color: #F72B2B;background: rgba(247, 43, 43, 0.05);}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section:nth-of-type(3n) h1 {color: #4ABA7B;background: rgba(74, 186, 123, 0.05);}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section:nth-of-type(4n) h1 {color: #294C99;background: rgba(41, 76, 153, 0.05);}
#prospectingDSA .prospecting-dsa-con .content-con .arrow-down-con {}
#prospectingDSA .prospecting-dsa-con .content-con .arrow-down {position: absolute; top: 42%; left: 50%; transform: translate(-50%,-50%); z-index: 3;display: flex; flex-direction: column;}
#prospectingDSA .prospecting-dsa-con .content-con .arrow-down-con img {animation: bounce 1s linear infinite; width: 120px;height: 200px;}
@keyframes bounce {
	0% {transform: translateY(-15px);}
	50% {transform: translateY(15px);}
	100% {transform: translateY(-15px);}
}

#prospectingDSA .prospecting-dsa-con .content-con .proceed-to-next a {position: absolute; /* max-width: 790px; */ height: 70px; background: linear-gradient(180deg, #FF385C 0%, #F32F52 100%); border: 3px solid rgba(255, 56, 92, 0.2); /*box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);*/ border-radius: 4px; bottom: -20px; left: 0; right: 0; margin: 0 auto; display: flex ; justify-content: center; align-items: center; gap: 10px; z-index: 1; color: #fff; font-size: 32px; text-transform: uppercase; letter-spacing: 0.3px; width: calc(100% - 60px); font-weight: 600; animation: pulse 1s infinite; box-shadow: 0 0 0 0 rgba(255, 56, 92, 0.5);}
#prospectingDSA .prospecting-dsa-con .content-con .proceed-to-next a span {font-size: 36px; position: relative; top: -4px; font-weight: bold;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-footer .footer-btn a:hover {opacity: 0.5 !important;}

#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions .form-group{width:100%;display:block;}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions .form-group .form-item{}
#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions .form-group .form-item input{display: block; width: 100%; padding: 14px; font-family: var(--primary-font);color: var(--sys-dark); font-weight: 400; height: 42px; font-size:14px;line-height:16px;letter-spacing: -0.04em; background: rgba(21, 21, 22, 0.03); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.03); border-radius: 8px;background: #efefef;}

#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions .form-group .form-item textarea{display: block; width: 100%; padding: 14px; font-family: var(--primary-font); color: var(--sys-dark); font-weight: 400; height: 100px; font-size: 14px; line-height: 16px; letter-spacing: -0.04em; background: rgba(21, 21, 22, 0.03); border: 1px solid rgba(21, 21, 22, 0.05); box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.03); border-radius: 8px;background: #efefef;}

#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .time-status {margin: 20px 0 0;padding:0 30px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .time-status h1 { color: #1C1F26; font-weight: 600; font-size: 18px; font-family: Sohne; letter-spacing: -0.03em;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .time-status span {color: #1C1F26BF;display: block;margin: 6px 0 0; font-family: Sohne; letter-spacing: -0.03em;font-size: 14px;line-height: 100%;font-weight: 400}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress:has(.progress-btn) {margin: 0 auto 0;width: 100%;height: auto;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress:has(.progress-btn) .progress-content {width: 100%;gap: 0; margin-top: 0px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .progress-btn {display: flex;flex-direction: column;align-items: center;width: 100%;gap: 10px;max-width: 214px;margin: 0 auto;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content p {color: #F32F5280;font-size: 14px;margin: 26px 0 0;white-space: nowrap;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content p span a {color: #F32F52BF;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content p span a:hover {text-decoration: underline;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .progress-btn > a {background: linear-gradient(180deg, #FF385C 0%, #F32F52 100%);border: 3px solid rgba(255, 56, 92, 0.2);box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);border-radius: 8px;color: #fff;height: 43px;width: 100%;display: flex;justify-content: center;align-items: center;font-weight: 600;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .progress-btn > .schedule {background: linear-gradient(180deg, #FF385C 0%, #F32F52 100%);border: 3px solid rgba(255, 56, 92, 0.2);box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);border-radius: 8px;color: #fff;height: 43px;width: 100%;display: flex;justify-content: center;align-items: center;font-weight: 600;}

#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .progress-btn .schedule {background: #FFFFFF;border: 3px solid rgba(255, 56, 92, 0.2);box-shadow: 0px 12px 12px rgba(21, 21, 22, 0.03);border-radius: 8px;width: 100%;display: flex;height: 47px;align-items: center;justify-content: center;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .progress-btn .schedule a {color: #FF385C;font-weight: 600;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .progress-btn .schedule a span {line-height: 0;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .progress-btn .schedule .border-con {border: 2px solid #FF385C;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border-radius: 6px;gap: 8px;position:relative;}

#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .calendar-container {display: inline-block;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .calendar-button {background: none;color: #FF385C;border: none;cursor: pointer;display: flex;align-items: center;border-radius: 5px;padding: 0;font-size: 14px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .calendar-button:hover {opacity:1;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .calendar-button img {width: 20px;height: 20px;margin-right: 8px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .calendar-dropdown {display: none;position: absolute;top: calc(100% + 5px);width:100%;left: 0;background-color: white;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);border-radius: 5px;overflow: hidden;z-index: 1000;min-width: 200px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .calendar-dropdown a {display: flex;align-items: center;padding: 8px 10px;text-decoration: none;color: #151516 !important;font-size: 14px; line-height:1; /*background-color 0.2s;*/}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .calendar-dropdown a img {width: 20px;height: 20px;margin-right: 10px;}
#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .calendar-dropdown a:hover {color: #FF385C !important}

[class*="lms-prospecting-funnel-progress-chart-circle"] {position: absolute;}
[class*="lms-prospecting-funnel-progress-chart-circle"] .rect {position: absolute;width: 3px;height: 10px;background-color: #D0D0DA;border-radius: 5px;transform-origin: center top;}
[class*="lms-prospecting-funnel-progress-chart-circle"] .rect.shaded-oval-complete {}
[class*="lms-prospecting-funnel-progress-chart-circle"] .rect.shaded-oval-complete::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: inherit;z-index: -1;width: 100%;height: 100%;display: block;box-shadow: 0px -0.53px 1.86px 0px #FFB22E2A, 0px -2.32px 3.86px 0px #294C9945, 0px -5.69px 7.7px 0px #FFB22E45, 0px -5.95px 15.09px 0px #FFB22E58, 0px -9.43px 27.75px 0px #FFB22E6B, 0px -14.43px 47.38px 0px #FFB22E86;}

.prospecting-dsa-payment-modal .modal-box .modal-close-button {border: 1px solid #1515160D !important; background: #f3f3f3 !important;}
.prospecting-dsa-payment-modal .modal-box {padding: 18px 27px;max-width: 500px; width: 95%;}
.prospecting-dsa-payment-modal .modal-box .modal-box-header {margin: 10px auto; text-align: center;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form {padding: 20px 0 0;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form h2 {color: #151516; line-height: 100%;margin-bottom: 14px;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-group {display: flex;gap: 14px;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item {margin-bottom: 14px;flex: 1 1 0;}

.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-group.email-zip{}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-group.email-zip .form-item:first-child {flex: 3;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-group.email-zip .form-item:last-child {flex: 1;}

.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item input[type=text], .prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item input[type=email] { height: 42px; border-radius: 8px; background: #15151606; border: 1px solid #1515160D; box-shadow: 0px 2.5px 5px 0px #15151606;padding: 0 14px; 	font-family: Sohne; font-size: 16px; font-weight: 400; line-height: 16px; letter-spacing: -0.04em;color: #151516;width: 100%;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item input[type=text]::placeholder, .prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item input[type=email]::placeholder { font-family: Sohne; font-size: 16px; font-weight: 400; line-height: 16px; letter-spacing: -0.04em; color: #1515164D }
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form h2 {}

.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item .prospecting-dsa-radio-btn-con label {display: flex;height: 42px; border-radius: 8px; background: #15151606; border: 1px solid #1515160D; box-shadow: 0px 2.5px 5px 0px #15151606;padding: 0 14px; width: 100%; align-items: center;display: flex;gap: 10px;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item .prospecting-dsa-radio-btn-con label input[type=radio] {margin: 0; accent-color: var(--accent2);}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item .prospecting-dsa-radio-btn-con label span { font-family: Sohne; font-size: 14px; font-weight: 500; line-height: 100%; letter-spacing: -0.03em; color: #151516 }
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item .prospecting-dsa-radio-btn-con label small {  margin-left: auto; font-family: Poppins; font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: -0.03em; color: #151516 }
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item .prospecting-dsa-radio-btn-con label small q {font-family: Sohne;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con {display: flex;height: 42px; border-radius: 8px; background: #15151606; border: 1px solid #1515160D; box-shadow: 0px 2.5px 5px 0px #15151606;padding: 6px 14px 6px 11px; width: 100%; align-items: center;display: flex;gap: 0;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con input[type=text] {border: 0; background: transparent;padding: 0 14px; border: 0;}

.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form-spacer {display: block; height: 16px;}

.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con {margin-bottom: 24px;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con .form-item {margin: 0 !important;position: relative;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con .form-item i {position: absolute; left: 0; top: 50%; transform: translateY(-50%);line-height: 100%;width: 20px; height: 20px;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con .form-item i svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con .cc-number-field {padding: 0 14px 0 30px !important; height: unset !important;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con .cc-exp-field {width: 80px;flex-shrink: 0;border-left: 1px solid #1515161A !important;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .prospecting-dsa-cc-con .cc-cvc-field {width: 44px; padding-right: 0 !important; flex-shrink: 0;border-left: 1px solid #1515161A !important;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form button  {height: 42px; border-radius: 8px; background: var(--accent2); border: 1px solid #FFFFFF1A; box-shadow: 0px 2.5px 5px 0px #1515160D; font-family: Sohne; font-size: 16px; font-weight: 500; line-height: 16px; letter-spacing: -0.03em; text-align: center; color: #FFFFFF; width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px;font-weight: bolder;letter-spacing: normal;max-width: 223px; margin: 0 auto;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form button span{display: block; vertical-align: middle; line-height: 37px; height: 100%;}

.prospecting-dsa-payment-modal .modal-box a.disclaimer { text-align: center; color: #15151673; max-width: 350px; margin: 0 auto; font-family: Sohne; font-size: 12px; font-weight: 400; letter-spacing: -0.03em; display: block;text-decoration: underline}
.prospecting-dsa-payment-modal .agree-checkbox-con input[type=checkbox] {accent-color: var(--accent2);margin: 2px 0;}
.prospecting-dsa-payment-modal .agree-checkbox-con p { text-align: left !important; font-size: 12px; line-height: 18px !important; color: #151516;font-weight: normal !important;letter-spacing: normal}
.prospecting-dsa-payment-modal .agree-checkbox-con a {color: var(--accent2);text-decoration: underline; display: inline-block;}

.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .agree-checkbox-con + .form-item {margin-bottom: 0;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .agree-checkbox-con + .form-item:has(.error-message-con) {margin: 0 0 10px;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .cancel-btn {width: 100%;display: block;margin: 10px auto 0;text-align: center; color:#294C99;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .cancel-btn span {text-decoration: underline; font-size: 10px;}

.prospecting-dsa .footer-logo {filter: brightness(0) invert(1);}

.prospecting-dsa-decline-modal #declineModal .choose-btns button {width:100%;}
/*.modal-fixed-container.prospecting-dsa-decline-modal #declineModal .choose-btns button {width: 100% !important;}*/

.buy-page-button { display: block !important; font-family: var(--secondary-font); font-size: 16px !important; font-weight: 500; line-height: 100%; padding: 10px 20px; border-radius: 18px; margin: 0 10px; letter-spacing: -0.5px; border-radius: 18px; color: #FFFFFF !important; background: #FF5A5F !important; width: 179px !important; height: 36px !important; color: #FFFFFF; line-height: 36px; text-align: center; }
.buy-page-button:before, .buy-page-button:after {display: none !important;}
.buy-page-button:hover {opacity: 0.5 !important;}
/* Prospecting DSA */

/**Cancel Booking Modal**/
.booking-cancel-modal .modal-box {max-width: 490px;width: 95%;}
.booking-cancel-modal .modal-box-title h2 {line-height: 100%;}
.booking-cancel-modal p {font-size: 14px;}
.booking-cancel-modal .booking-cancel-modal-content-header {text-align: center;margin-bottom: 20px;}
.booking-cancel-modal .booking-cancel-modal-content-header p {margin-bottom: 3px;}
.booking-cancel-modal .booking-cancel-modal-content-header p.text-bold {font-weight: bold;}
.booking-cancel-modal .booking-cancel-modal-form textarea {height: 100px;}
.booking-cancel-modal .booking-cancel-modal-form a {font-size: 12px; display: block; margin: 10px 0 0;color: #0052CC}
.booking-cancel-modal .booking-cancel-modal-form a:hover {text-decoration: underline;}
.booking-cancel-modal .modal-btns-con button {min-width: unset;flex: 1;}

/*START MEDIA QUERIES*/
@media only screen and (max-width : 1750px) {
	.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton.smaller li label.badge-icon{padding:0 5px;}
	.pageLogin .pageLogin-content .pageLoginBoxes {width: 75%;height: auto;}
}

@media only screen and (max-width : 1550px) {

	.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .graphChart {max-width:100px;}

	.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard{width:24.5%;gap:5px;}
	.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a div { font-size: 10px; }
	.dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a span{margin-top:0;font-size:12px;}

	#courseTutorialModal .popUpContent{height:400px;}

	.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder { margin-bottom: 10px; }
}

@media only screen and (max-width : 1500px) {

	.previewLogin .pageLogin .pageLogin-content .pageLoginBoxes {width:100%;min-width:100%;}
	.pageLogin .pageLogin-content .pageLoginBoxes {width: 75%;height: auto;}
	.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder img {height: 45px;margin: 0 auto 10px}
	.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder h2 {margin-bottom: 35px;}
	.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder {margin-bottom: 5px;}
	
}

@media only screen and (max-width : 1300px) {
	
	.dashboardBanner .slick-dots{bottom:10px;right:10px;}
	.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li a,
	.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li button { min-width: 0;padding: 0 8px; }

	.badge-icon{font-size:10px;}

	.pageLogin .pageLogin-content .pageLoginBoxes{width:75%;}
	.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder img {height: 40px;}
	.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=text], .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=password] { padding: 10px; font-family: var(--primary-font); color: var(--sys-dark); font-weight: 400; height: 36px; font-size: 12px; line-height: 14px; letter-spacing: -0.04em; }
	.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=submit] {height: 36px;}
}

@media only screen and (max-width : 1200px) {

	/*.pageLogin .pageLogin-content .pageLoginBoxes{width:80%;height:60%;}*/
	.pageLogin .pageLogin-content .pageLoginBox1 {padding: 18px 18px 15px;}
	.pageLogin .pageLogin-content .pageLoginBoxes{width:80%;}
	.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder {margin-bottom: 10px;}

	.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder{margin-bottom:10px;}
}

@media only screen and (max-width : 1100px) {
	.pageLogin .pageLogin-content .pageLoginBoxes{width:85%;}

}
@media only screen and (max-width : 1000px) {
.pageLogin .pageLogin-content .pageLoginBoxes {max-width: 540px;}
.pageLogin .pageLogin-content .pageLoginBoxes { width: 100%; min-height: 0; height: auto; flex-wrap: wrap; aspect-ratio: unset;}
.pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox1 { padding: 40px 20px; width: 100%;}
.pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox .pageLoginText { padding: 25px; }
.pageLogin.registration .pageLogin-content .pageLoginBoxes { height: auto; }

.pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox2 { padding: 25px; min-height: 0; height: 100%; display: none; }
}

@media only screen and (max-width : 768px) {

.pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox { display: block; width: 100%; }

.pageLogin .pageLogin-content .pageLoginBoxes {width: 100%; max-width: 540px;}
.pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox2 { padding: 25px; min-height: 0; height: 100%; display: none; }
.pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox .pageLoginText { position: relative; bottom: auto; padding: 25px 0; }
.pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox2 .formImg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2 { flex-wrap: wrap; }
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2 .formInput { width: 100%; }
.pageLogin.registration .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput.col2 .formInput:not(:last-child) { margin-bottom: 18px; }
.pageSetup .pageSetup-content.setupWizardPage4 .pageSetupBox .pageSetupForm form .formInputHolder .bnrPlacement .slick-slider img { height: 100%; }

.pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox {padding: 20px 25px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=text], .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=password] {height: 34px;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form {width: 100%;}
.pageLogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder { margin-bottom: 20px; }


.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder { margin-bottom: 20px;width:100%;}
.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder img{margin:0 auto 15px;}
}

@media only screen and (max-width : 600px) {

.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder { }
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder .colorPicker { text-align: center; }
.pageSetup .pageSetup-content.setupWizardPage3 .pageSetupBox .pageSetupForm form .formInputHolder button.themeReset { display: block; margin: 25px auto 0; }

.prospecting-dsa-decline-modal #declineModal .choose-btns button{min-width:0;margin:0;}


.prospecting-dsa-payment-modal .modal-box{padding: 18px 15px;}
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item input[type=text],
.prospecting-dsa-payment-modal .modal-box .prospecting-dsa-form .form-item input[type=email] {}

.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginLogoHolder h2 span {display:block;}
.pageLogin.dsalogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=submit]{font-size: 18px;padding: 5px 10px;}

.container.lms-container .prospecting-funnel-con footer button.ftr_btn q {display: block; line-height: 0; font-size: 0;}

}
/*END MEDIA QUERIES*/

/**Video Modal**/
.video-modal {position: fixed; width: 100%; height: 100%; position: fixed; z-index: 999;background:rgba(21, 21, 22, 0.1); max-width: 100%;}
.video-modal-con {max-width: 1000px; width: 100%; overflow: hidden; background: var(--sys-white);border-radius: 16px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column;padding: 14px;box-shadow: 0 0px 2px 2px rgba(0,0,0,.1);}
.video-modal-con .video-modal-header {flex-shrink: 0;padding-bottom: 11px; margin-bottom: 15px;position:relative;}
.video-modal-con .video-modal-header:after { content: ""; width: 110%; height: 1px; background: rgba(21, 21, 22, 0.05); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 150%; }

.video-modal-con .video-modal-header .video-modal-heading{}
.video-modal-con .video-modal-header .video-modal-heading img{vertical-align:middle;}
.video-modal-con .video-modal-header .video-modal-heading h2{}


.video-modal-con .video-modal-header a{display: flex; width: 16px; height: 16px; background: var(--accent2-5); border: 1px solid var(--accent2-5) !important; box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025); line-height: 14px; text-align: center; z-index: 100; border-radius: 8px; align-items: center; justify-content: center;}
.video-modal-con .video-modal-header a svg { vertical-align: middle; fill:var(--accent1);}
.video-modal-con .video-modal-header a svg path{stroke:var(--accent1);}
.video-modal-con .video-modal-header a:hover{opacity: 0.5;}

.video-modal-con .video-modal-video-container {position: relative; width: 100%;background: #fff;border-radius: 8px;overflow: hidden;}
.video-modal-con .video-modal-video-container iframe{width: 100%; height: auto; background: #151516; aspect-ratio: 15.5 / 9.52; vertical-align: middle;}
.video-modal-con .choose-btns {margin: 0;display:none;}