@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700&display=swap);
:root{
    
      --bg:#dce9f4;
      
      --primaryDark:#0c7939;
      --primary:#0f9848;
      --primaryMedium:#57b67e;
      --primaryLight:#b7e0c8;
      --primaryMild:#e7f4ec;


      --SecondaryDark:#075183;
      --Secondary:#0A75BC;
      --SecondaryMedium:#539ed0;
      --SecondaryLight:#9dc7e4;
      --SecondaryMild:#cee3f1;

      
      --black:#262B33;
      --grayDark:#39414D;
      --gray:#79858B;
      --grayMedium:#8995AB;
      --grayLight:#D8E0ED;
      --grayMild:#EDF2FA;
      --white:#FFFFFF;
      
      --borderColor:#D8E0ED50;
      
      --info:#175CD3;
      --infoMedium:#2E8CFA;
      --infoMild:#D6F0FF;
      
      --success:#50A51D;
      --successMedium:#85D752;
      --successMild:#E2FFD0;
      
      --warning:#EB6D00;
      --warningMedium:#F79C09;
      --warningMild:#fff1ca;
      
      --danger:#EE2819;
      --dangerMedium:#EF655C;
      --dangerMild:#FED8D8;

      --shadowDefault:0px 0px 25px 0px rgba(65, 106, 135, 0.10),0px 0px 1px 0px rgba(65, 106, 135, 0.09);
      --shadowModal:0px 10px 20px 0px rgba(20, 25, 35, 0.25),0px 25px 50px 0px rgba(20, 25, 35, 0.20),0px 0px 100px 0px rgba(20, 25, 35, 0.15);
      --shadowDropdown:0px 0px 75px 0px rgba(65, 106, 135, 0.25),0px 15px 35px 0px rgba(65, 106, 135, 0.10),0px 5px 10px 0px rgba(65, 106, 135, 0.10);
      --shadowClickable:0px 0px 24px 0px rgba(65, 106, 135, 0.08),0px 3px 8px 0px rgba(65, 106, 135, 0.15);
      
      --radius:8px;
      
      --filterPrimary:brightness(0) saturate(100%) invert(27%) sepia(50%) saturate(3222%) hue-rotate(133deg) brightness(106%) contrast(88%);
      --filterPrimaryLight:brightness(0) saturate(100%) invert(28%) sepia(21%) saturate(5056%) hue-rotate(205deg) brightness(82%) contrast(102%);
      --filterGrayDark:brightness(0) saturate(100%) invert(19%) sepia(6%) saturate(2315%) hue-rotate(177deg) brightness(97%) contrast(79%);
      --filterGray:brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(384%) hue-rotate(177deg) brightness(96%) contrast(83%);
      --filterWhite:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(144deg) brightness(107%) contrast(104%);
      --filterInfo:brightness(0) saturate(100%) invert(25%) sepia(57%) saturate(2981%) hue-rotate(209deg) brightness(94%) contrast(94%);
      --filterSuccess:brightness(0) saturate(100%) invert(51%) sepia(86%) saturate(451%) hue-rotate(53deg) brightness(90%) contrast(86%);
      --filterWarning:brightness(0) saturate(100%) invert(43%) sepia(68%) saturate(1924%) hue-rotate(5deg) brightness(96%) contrast(101%);
      --filterDanger:brightness(0) saturate(100%) invert(22%) sepia(79%) saturate(5134%) hue-rotate(354deg) brightness(97%) contrast(92%);
      --filterGrayLight:brightness(0) saturate(100%) invert(90%) sepia(8%) saturate(282%) hue-rotate(178deg) brightness(93%) contrast(109%);
      
      --animationSlow:all 0.4s cubic-bezier(.47, 2.0, .41, .8);
      --animation:all 0.3s cubic-bezier(.15, .25, .75, 1);
      --animationDevice:all 0.6s cubic-bezier(.15, .25, .75, 1);
      --animationModal:all 0.4s cubic-bezier(.47, 2.0, .41, .4);
      
      --moviing:moving 9s ease-in-out infinite alternate;
      --moviingTwo:movingtwo 9s ease-in-out infinite alternate;
      
      --size_Display:24px;
      --line_Display:30px;
      
      --size_H1:22px;
      --line_H1:28px;
      
      --size_H2:16px;
      --line_H2:20px;
      
      --size_H3:14px;
      --line_H3:20px;
      
      --size_Sub:14px;
      --line_Sub:20px;
      
      --size_Large:24px;
      --line_Large:34px;
      
      --size_default:14px;
      --line_default:22px;
      
      --size_List:14px;
      --line_List:20px;
      
      --size_Small:12px;
      --line_Small:14px;
      
      --size_Button:14px;
      --line_Button:16px;
      
      --size_Label:12px;
      --line_Label:16px;
      
      --size_Badge:12px;
      --line_Badge:14px;
      
      --ovarlay:rgba(20, 25, 35, 0.50)

}
*{padding:0;font-family:Outfit,sans-serif;font-size:var(--size_default);line-height:var(--line_default);font-weight:400;color:var(--grayMedium)}
.filterPrimary{filter:var(--filterPrimary)}
.filterGrayDark{filter:var(--filterGrayDark)}
.filterWhite{filter:var(--filterWhite)}
.filterInfo{filter:var(--filterInfo)}
.filterSuccess{filter:var(--filterSuccess)}
.filterWarning{filter:var(--filterWarning)}
.filterDanger{filter:var(--filterDanger)}
a{outline:0;text-decoration:none}
a:hover{text-decoration:none}
body{width:100%;height:100vh;background:var(--bg)}
body.landing{background:var(--white)}
p{font-size:var(--size_default);line-height:var(--line_default);color:var(--grayMedium)}
h1{font-size:var(--size_H1);line-height:var(--line_H1);font-weight:400;color:var(--black)}
h3{font-size:var(--size_H2);line-height:var(--line_H2);color:var(--black);font-weight:400}
h4{font-size:var(--size_H3);line-height:var(--line_H3);color:var(--black);font-weight:400}
h5{font-size:var(--size_Sub);line-height:var(--line_Sub);color:var(--black);font-weight:400}
.mainWrapper{display:flex;flex-flow:row;width:100%;overflow-x:hidden}
body a.btn{min-width:105px;justify-content:center;background-color:var(--primaryLight);font-size:16px;line-height:18px;font-weight:300;color:var(--primaryDark);display:flex;width:max-content;padding:8px 16px;border-radius:8px;transition:var(--animation)!important;align-items:center;gap:8px;border:none;outline:0;height:34px}
body a.btn img{filter:var(--filterPrimary);}
body a.btn span{font-size:16px;line-height:18px;color:var(--primary)}
body a.btn.primary{background-color:var(--primary);color:var(--white)}
body a.btn.primary span{color:var(--white)}
body a.btn.danger{background-color:var(--dangerMild);color:var(--danger)}
body a.btn:hover{background-color:var(--white)!important;color:var(--primary)!important;box-shadow:var(--shadowClickable)}
body a.btn:hover span{color:var(--primaryDark)!important}
body a.btn:active{background-color:var(--white)!important;color:var(--filterPrimary)!important;box-shadow:0 -1px 0 1px rgba(65,106,135,.2)!important;transition:all .1s ease!important}
body a.btn:active span{color:var(--primary)!important}
body a.btn:hover i img{filter:var(--filterPrimary)!important}
body a{width:max-content;display:flex;flex-flow:row;gap:5px;align-items:center;cursor:pointer; transition:var(--animation)}
body p a{display:inline-block}
body a i{width:auto;height:14px;display:flex; transition:var(--animation);}
body a i img{width:auto;height:100%; transition:var(--animation)}
body a.btn i img{filter:var(--filterPrimary)}
body a.link{color:var(--primary); font-weight:400;}
body a.link i img{filter:var(--filterPrimary)}
body a.btn.primary i img{filter:var(--filterWhite);transition:none}
body a.btn.danger i img{filter:var(--filterDanger);transition:none}
body .form-group input[type=button],body button,body button[type=button],body button[type=button].btn,body button[type=submit],body button[type=submit].btn,body input[type=button],body input[type=submit]{background-color:var(--primaryLight);font-size:16px;line-height:18px;font-weight:400;color:var(--primary);display:flex;width:max-content!important;padding:8px 13px;transition:var(--animation)!important;align-items:center;gap:8px;border:none;outline:0;border-radius:8px;min-width:100px;justify-content:center;margin:0}
body .form-group input[type=button].primary,body button.primary,body button[type=button].btn.primary,body button[type=button].primary,body button[type=submit].btn.primary,body button[type=submit].primary,body input[type=button].primary,body input[type=submit].primary,input[type=submit]{background-color:var(--primary);color:var(--white)}
body .form-group input[type=button].danger,body button.danger,body button[type=button].btn.danger,body button[type=button].danger,body button[type=submit].btn.danger,body button[type=submit].danger,body input[type=button].danger,input[type=submit].danger{background-color:var(--dangerMild);color:var(--danger)}
body .form-group input[type=button]:hover,body button:hover,body input[type=button]:hover,input[type=submit]:hover{background-color:var(--white)!important;color:var(--primary)!important;box-shadow:var(--shadowClickable)}
body .form-group input[type=button] i img,body button:hover i img,body button[type=button].btn:hover i img,body button[type=button]:hover i img,body button[type=submit].btn:hover i img,body button[type=submit]:hover i img,body input[type=button] i img{filter:var(--filterPrimary)!important}
body button i{width:auto;height:14px;display:inherit}
body button i img{width:auto;height:100%;filter:var(--filterPrimary)}
body button.primary i img,body button[type=button].btn.primary i img,body button[type=button].primary i img,body button[type=submit].btn.primary i img,body button[type=submit].primary i img{filter:var(--filterWhite)}
body button:active,body button[type=button].btn:active,body button[type=button]:active,body button[type=submit]:active,body button[type=submit]:active.btn{background-color:var(--white)!important;color:var(--filterPrimary)!important;box-shadow:0 -1px 0 1px rgba(65,106,135,.2)!important;transition:all .1s ease!important}
i.c_icon{width:28px;height:28px;display:flex;position:relative;border-radius:6px;transition:var(--animation);cursor:pointer;flex-shrink:0}
i.c_icon.bg{width:34px;height:34px;background-color:var(--white)}
i.c_icon img{width:16px;height:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:var(--filterPrimary)}
i.c_icon:hover{background-color:var(--white)!important;box-shadow:var(--shadowClickable)}
i.c_icon.bg:active{background-color:var(--white)!important;color:var(--filterPrimary)!important;box-shadow:0 -1px 0 1px rgba(65,106,135,.2)!important;transition:all .1s ease!important}
i.c_icon:hover img{filter:var(--filterPrimary)!important}
i.c_icon.bg.primary{background-color:var(--primary)}
i.c_icon.primary img{filter:var(--filterWhite)}
i.c_icon.bg.secondary{background-color:var(--primaryLight)}
i.c_icon.secondary img{filter:var(--filterPrimary);}
i.c_icon.bg.danger{background-color:var(--dangerMedium)}
i.c_icon.danger img{filter:var(--filterWhite)}
.dropdown{min-width:200px}
.dropdown.bttn{min-width:inherit}
.dropdown.bttn>a:after{display:none}
.dropdown>a{background-color:var(--white);font-size:var(--size_default);line-height:var(--line_default);width:100%;color:var(--grayMedium);padding:9px 50px 9px 16px;border-radius:6px;position:relative;border:solid 1px var(--grayLight)}
.dropdown>a:after{content:"";position:absolute;right:14px;border-left:solid 6px transparent;border-top:solid 6px var(--grayMedium);border-right:solid 6px transparent;border-bottom:solid 6px transparent;margin:0;top:18px}
.dropdown-menu:not(.daterangepicker){position:absolute;border:none;box-shadow:var(--shadowDropdown);display:flex;flex-flow:column;opacity:0;visibility:hidden;transition:var(--animationSlow);border-radius:var(--radius);padding:0 0;height:0;width:0}
.dropdown-menu.show{opacity:1;visibility:visible;display:flex;height:auto;width:auto;position:absolute;padding:12px 0}
.dropdown-menu:not(.daterangepicker) li{opacity:0;visibility:hidden;transition:var(--animationSlow);height:0;width:0}
.dropdown-menu.show li{opacity:1;visibility:visible;padding:2px 8px;height:auto;width:auto}
.dropdown-menu:not(.daterangepicker) a.dropdown-item{font-size:var(--size_default);line-height:var(--line_default);color:var(--grayMedium);padding:12px 32px 12px 24px;opacity:0;visibility:hidden;transition:var(--animation);display:flex;flex-flow:row;align-items:center;gap:8px;border-radius:8px;height:0;width:0}
.dropdown-menu:not(.daterangepicker) :hover a.dropdown-item{background-color:var(--grayMild)}
.dropdown-menu.show a.dropdown-item{opacity:1;visibility:visible;height:auto;width:auto}
.dropdown-menu:not(.daterangepicker) a.dropdown-item i{width:auto;height:16px;position:relative;display:inherit}
.dropdown-menu:not(.daterangepicker) a.dropdown-item i img{width:auto;height:100%}
.dropdown.icon{min-width:inherit;border:0}
.dropdown.icon>a{padding:0;border:0}
.dropdown.icon.withText>a{padding:12px 18px}
.dropdown.icon.withText .dropdown-menu{inset:unset!important;margin:inherit!important;transform:inherit}
.dropdown.icon a:after{display:none}
.dropdown-menu.topRight{top:0!important;right:0!important;left:inherit!important}
.dropdown-menu.leftBottom{left:0;bottom:50%}
.dropdown-menu.show.leftBottom{left:0;bottom:inherit}
.dropdown-menu.bottomRight{top:inherit!important;right:0!important;left:inherit!important;bottom:100%!important;transform:translate3d(0,0,0)!important}
.showPerPage{display:flex;flex-flow:row;gap:15px;align-items:center}
.showPerPage select{min-width:15px!important}
.showPerPage label{font-size:var(--size_Small);line-height:var(--line_Small);color:var(--grayMedium);display:flex;align-items:center}
.showPerPage span{font-size:13px;color:var(--grayMedium)}
.showPerPage .dropdown{min-width:inherit}
.showPerPage .dropdown>a{background-color:var(--white);border:none;font-size:13px;color:var(--grayMedium);padding:7px 50px 7px 16px;border-radius:6px;position:relative}
.showPerPage .dropdown>a:before{content:"";width:1px;background-color:var(--borderColor);position:absolute;right:34px;top:0;bottom:0}
.showPerPage .dropdown>a:after{content:"";position:absolute;right:14px;border-left:solid 4px transparent;border-top:solid 4px var(--grayMedium);border-right:solid 4px transparent;border-bottom:solid 4px transparent;margin:0;top:16px}
.showPerPage .dropdown-menu{border:none;box-shadow:var(--shadowDropdown);min-width:100%}
.showPerPage .dropdown-menu a.dropdown-item{font-size:13px;color:var(--grayMedium);padding:8px 10px}
.paginate_button{cursor:pointer}
.paginate_button:hover{border:none}
.dataTables_paginate,.dataTables_paginate span,.pagination{display:flex;flex-flow:row;gap:3px}
.pagination li{display:inline-block}
.dataTables_paginate a,.pagination li a{background-color:var(--white);font-size:13px;color:var(--grayMedium);padding:6px 6px 6px 6px;display:flex;min-width:26px;height:26px;text-align:center;border-radius:4px;position:relative;justify-content:center;transition:var(--animation)}
.dataTables_paginate a.next,.dataTables_paginate a.previous,.pagination li a.next,.pagination li a.previous{text-indent:-999px;overflow:hidden;position:relative}
.dataTables_paginate a.next:before,.dataTables_paginate a.previous:before,.pagination li a.next:before,.pagination li a.previous:before{content:"";width:7px;height:13px;background-color:transparent;background-repeat:no-repeat;background-size:auto 100%;background-position:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.dataTables_paginate a.previous:before,.pagination li a.previous:before{background-image:url('../images/back.svg'); filter:var(--filterPrimary)}
.dataTables_paginate a.next:before,.pagination li a.next:before{background-image:url('../images/next.svg'); filter:var(--filterPrimary)}
.dataTables_paginate a:hover,.pagination li a:hover{color:var(--primary);box-shadow:var(--shadowClickable)}
.dataTables_paginate a.current,.pagination li a.current{background-color:var(--primary);color:var(--primaryLight);pointer-events:none}
.dataTables_paginate a.current:hover,.pagination li a.current:hover{box-shadow:none;pointer-events:none}
.pagination li a i{width:18px;height:22px;display:flex;justify-content:center;align-items:center}
.pagination li a i img{width:auto;height:11px}
#DataTableRowPerPage select{margin:0 8px!important;flex-shrink:0;width:max-content}
.dataTables_info{font-size:var(--size_Small);line-height:var(--line_Small);color:var(--grayMedium)}
.sidebar{background:var(--white);width:100px;height:100vh;display:flex;flex-flow:column;align-items:center;gap:24px;position:fixed;top:0;bottom:0;left:0;color:var(--white);padding-top:15px;padding-bottom:24px;transform:translateX(calc(0% + 0px));transition:var(--animationSlow);z-index:13}
.sidebar.closeMenu{transform:translateX(calc(-100% + 0px))}
.sidebar>*{opacity:1;transition:var(--animationSlow)}
.sidebar.closeMenu>*{opacity:0}
.sidebar .navItems{flex-grow:1;display:flex;flex-flow:column;align-items:center;width:100%}
.sidebar a.brandLogo{width:100%;max-width:70px;display:inline-block}
.sidebar a.brandLogo img{width:100%;height:auto}
.sidebar .navItems>ul{display:flex;flex-flow:column;flex-grow:1;list-style:none;margin:0;padding:0;width:100%}
.sidebar .navItems>ul li{width:100%;background:0 0;transition:var(--animation);position:relative;z-index:1}
.sidebar .navItems>ul li:before{content:"";z-index:-1;position:absolute;left:25%;top:0;right:0;bottom:0;border-radius:16px 0 0 16px;background:rgba(178,217,255,0);transition:var(--animation)}
.sidebar .navItems>ul li:hover:before{background:var(--primaryLight);left:5px}
.sidebar .navItems>ul li.active:before{background:var(--primary);left:5px}
.sidebar .navItems>ul li a{display:flex;flex-flow:column;align-items:center;gap:0;padding:12px 10px;width:100%}
.sidebar .navItems>ul li a i{background:rgba(255,255,255,0);box-shadow:0 0 0 2px rgba(87, 182, 126,0),0 0 0 4px rgba(87, 182, 126,0),0 0 0 7px rgba(87, 182, 126,0);width:41px;height:41px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:var(--animation)}
.sidebar .navItems>ul li:hover a i{background-color:var(--primaryMild);}
.sidebar .navItems>ul li.active a i{background-color:var(--primaryLight);box-shadow:0 0 0 2px rgba(87, 182, 126,.7),0 0 0 4px rgba(87, 182, 126,.25),0 0 0 7px rgba(87, 182, 126,.15)}
.sidebar .navItems>ul li a i img{width:24px;height:24px;filter:var(--filterPrimary);object-fit:none}
.sidebar .navItems>ul li:hover a i img{filter:var(--filterPrimary);}
.sidebar .navItems>ul li.active a i img{filter:var(--filterPrimary);}
.sidebar .navItems>ul li a span{color:var(--grayMedium);font-size:14px;line-height:20px;font-weight:300;transition:var(--animation);text-align:center}
.sidebar .navItems>ul li:hover a span{color:var(--primary)}
.sidebar .navItems>ul li.active a span{color:var(--white);}
.sidebar .otherLinks{display:flex;flex-flow:column;gap:24px;position:relative;padding-top:18px}
.sidebar .otherLinks:before{content:"";position:absolute;left:-10px;right:-10px;top:0;height:1px;background-color:var(--primaryLight);opacity:.25}
.sidebarItem{display:flex;position:relative}
.sidebarItem .actionBtn{display:inline-block;width:42px;height:42px;background-color:transparent;position:relative;cursor:pointer}
.sidebarItem .actionBtn i.c_icon.bg{background-color:transparent!important;border-radius:50%;transition:var(--animation);box-shadow:0 0 0 0 rgba(87, 182, 126,.35),0 0 0 0 rgba(87, 182, 126,.2),0 0 0 0 rgba(87, 182, 126,.15)}
.sidebarItem .actionBtn i.c_icon.bg:hover,.sidebarItem.open .actionBtn i.c_icon.bg{background-color:transparent!important;box-shadow:0 0 0 2px rgba(87, 182, 126,.35),0 0 0 4px rgba(87, 182, 126,.2),0 0 0 6px rgba(87, 182, 126,.15)}
.sidebarItem .actionBtn i img{width:24px;height:24px;filter:var(--filterWhite)}
.sidebarItem .actionBtn i.c_icon.bg img{filter:var(--filterPrimary)!important}
.sidebarItem .actionBtn .avatar{width:40px;height:42px;box-sizing:border-box;border-radius:50%;border:solid 2px var(--white);position:relative;overflow:hidden;display:inline-block;transition:var(--animation);box-shadow:0 0 0 0 rgba(87, 182, 126,.35),0 0 0 0 rgba(87, 182, 126,.2),0 0 0 0 rgba(87, 182, 126,.15)}
.sidebarItem .actionBtn .avatar:hover{box-shadow:0 0 0 2px rgba(87, 182, 126,.35),0 0 0 4px rgba(87, 182, 126,.2),0 0 0 6px rgba(87, 182, 126,.15)}
.sidebarItem .actionBtn .avatar:before{content:"";display:block;padding-top:100%}
.sidebarItem .actionBtn .avatar img{width:100%;object-fit:cover;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.sidebarItem .actionBtn~ul{position:absolute;left:100%;bottom:0;background-color:var(--white);margin:0;padding:12px 0;list-style:none;width:auto;border-radius:var(--radius);box-shadow:var(--shadowDropdown);transform:translateX(-10px);opacity:0;visibility:hidden;transition:var(--animationSlow);z-index:9}
.sidebarItem.open .actionBtn~ul{transform:translateX(10px);opacity:1;visibility:visible}
.sidebarItem .actionBtn~ul:before{content:"";position:absolute;right:calc(100% - 1px);bottom:17px;border-left:solid 10px transparent;border-top:solid 10px transparent;border-right:solid 10px var(--white);border-bottom:solid 10px transparent}
.sidebarItem .actionBtn~ul li{display:inline-block;width:100%;padding:1px 8px}
.sidebarItem .actionBtn~ul li a{display:flex;flex-flow:row;gap:12px;align-items:center;min-width:100%;padding:13px 32px 13px 20px;font-size:var(--size_Button);line-height:var(--line_Button);font-weight:300;color:var(--grayDark);background-color:var(--white);border-radius:8px;transition:var(--animation);cursor:pointer}
.sidebarItem .actionBtn~ul li:hover a{background-color:var(--grayMild)}
.sidebarItem .actionBtn~ul li a i img{filter:var(--filterGrayDark)}





.sidebarItem.notifications .actionBtn~ul{padding:10px;min-width:320px; max-height:450px; overflow:auto;}
.sidebarItem.notifications .actionBtn~ul li{padding: 1px 0px; position:relative}
.sidebarItem.notifications .actionBtn~ul li a{flex-flow:column;align-items:start;gap:0;position:relative;padding:6px 10px;border-radius:8px;background-color:var(--white);transition:var(--animation); font-size:var(--size_default);line-height:var(--line_default); color:var(--grayDark);}
.sidebarItem.notifications .actionBtn~ul li:not(:last-child){margin-bottom:10px;position:relative}
.sidebarItem.notifications .actionBtn~ul li:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background-color:var(--borderColor)}
.sidebarItem.notifications .actionBtn~ul li:hover a{background-color:var(--grayMild)}
.sidebarItem.notifications .actionBtn~ul li i.fa-solid{position:absolute;right:9px;top:7px;color:var(--danger);opacity:0;transition:var(--animation); cursor:pointer;}
.sidebarItem.notifications .actionBtn~ul li:hover i.fa-solid{opacity:1}
.sidebarItem.notifications .actionBtn~ul li a {font-weight:300;color:var(--grayDark);display:inline-block;width:100%}
.sidebarItem.notifications .actionBtn~ul li span.notiId{font-size:var(--size_Small);line-height:var(--line_Small);font-weight:300;color:var(--gray); padding: 1px 8px;}
.sidebarItem.notifications .actionBtn~ul li span.notiId:before{content:"["}
.sidebarItem.notifications .actionBtn~ul li span.notiId:after{content:"]"}
.sidebarItem.notifications .actionBtn~ul li span.notiTimeDate{font-size:var(--size_Small);line-height:var(--line_Small);font-weight:300;color:var(--primaryMedium); padding: 1px 8px;}

.sidebarItem.notifications > span.arrow{position:absolute;right:0px;bottom:17px;border-left:solid 10px transparent;border-top:solid 10px transparent;border-right:solid 10px var(--white);border-bottom:solid 10px transparent; opacity:0; visibility:hidden; transform: translateX(-10px); transition: var(--animationSlow);}
.sidebarItem.notifications.open > span.arrow{opacity:1; visibility:visible; transform: translateX(10px);}



.sidebarItem.myAccount .actionBtn~ul li:first-child>span{background-color:var(--primaryMild);border-radius:8px;padding:8px 20px 8px 20px;display:flex;flex-flow:column;width:100%}
.sidebarItem.myAccount .actionBtn~ul li:first-child>span>span:first-child{font-size:var(--size_H3);line-height:var(--line_H3);color:var(--primary)}
.sidebarItem.myAccount .actionBtn~ul li:first-child>span>span:last-child{font-size:var(--size_Small);line-height:var(--line_Small);color:var(--grayMedium)}
.sidebarItem.myAccount .actionBtn~ul{padding-bottom:0}
.sidebarItem.myAccount .actionBtn~ul:before{border-right:solid 10px var(--grayLight)}
.sidebarItem.myAccount .actionBtn~ul>li:last-child{background-color:var(--grayLight);border-radius:0 0 var(--radius) var(--radius);position:relative}
.sidebarItem.myAccount .actionBtn~ul>li:last-child:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);border-left:solid 7px transparent;border-top:solid 7px var(--white);border-right:solid 7px transparent;border-bottom:solid 7px transparent}
.sidebarItem.myAccount .actionBtn~ul li:first-child>span{position:relative}
.sidebarItem.myAccount .actionBtn~ul li:first-child>span:before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-left:solid 7px transparent;border-top:solid 7px transparent;border-right:solid 7px transparent;border-bottom:solid 7px var(--white)}
.sidebarItem.myAccount .actionBtn~ul ol{padding:12px 0}
.sidebarItem.myAccount .actionBtn~ul>li:last-child a{color:var(--dangerMedium);background-color:var(--grayLight);padding:16px 32px 16px 20px}
.sidebarItem.myAccount .actionBtn~ul>li:last-child a i img{filter:var(--filterDanger)}

.headerFixed{width:calc(100% - 100px);background:0 0;height:74px;position:fixed;top:0;left:100px;right:0;display:flex;flex-flow:row;padding:10px 12px;z-index:9;justify-content:center;align-items:center;gap:12px;transition:var(--animationSlow)}
.headerFixed.closeMenu{left:16px;width:calc(100% - 16px);padding:10px 24px}
.headerFixed h1{margin:0}
.headerFixed a.closePage{position:absolute;right:24px;top:17px}
footer.footer{border-top:solid 1px #bbc7da;padding:12px 12px;position:fixed;bottom:0;left:100px;right:0}
.cmsMain footer.footer{left:0;background:var(--bg)}
.mCSB_container .container{margin-bottom:60px}
footer.footer.closeMenu{left:0;padding:16px 12px 16px 12px}
footer.footer p{margin-bottom:0;font-size:var(--size_Small);line-height:var(--line_Small)}
footer ul{display:flex;flex-flow:row;align-items:center;margin:0;padding:0;gap:16px}
footer ul li{display:flex;position:relative}
footer ul li:not(:last-child):after{content:"";width:1px;position:absolute;right:-8px;top:0;bottom:0;background-color:var(--grayLight)}
footer ul li a{font-size:var(--size_Small);line-height:var(--line_Small);color:var(--grayMedium);transition:var(--animation)}
footer ul li:hover a{color:var(--primaryMedium)}
.LeftSide{display:flex;flex-flow:row;gap:8px;align-items:center;  }
.headerFixed .LeftSide{flex-grow: 1;overflow: hidden; flex-basis: 100%;}
.headerFixed .RightSide{flex-grow: 1; flex-shrink:0;}
.RightSide{display:flex;flex-flow:row;gap:5px}
.advanceFilter{display:flex;flex-flow:row;position:relative}
.advanceFilter span.advanceFilterCount{background-color:var(--primary);font-size:10px;line-height:10px;color:var(--white);display:inline-block;border-radius:99px;padding:2px 1px;min-width:14px;position:absolute;top:-5px;left:100%;text-align:center}
.advanceSearch{background:var(--primaryLight);padding:5px;border-radius:8px;width:100%;gap:10px;align-items:center;justify-content:space-between}
.advanceSearchWrapper{flex-grow:1;display:flex;flex-flow:row;gap:5px;width:100%;align-items:center;padding-left:14px}
.advanceSearch .LeftSide{background-color:var(--white);padding:4px 10px;border-radius:6px}
.advanceSearchWrapper input[type=text]{flex-grow:1;padding:5px;height:34px;font-size:14px;line-height:14px;border:none;background:0 0;width:auto}
.advanceSearchWrapper input:focus-visible{border:none!important;background:0 0;box-shadow:none!important;outline:0!important}
.bodyContent{width:calc(100% - 100px);background:var(--bg);height:calc(100vh - 30px);margin-left:100px;padding-left:12px;padding-right:12px;padding-bottom:12px;display:flex;flex-flow:column;gap:12px;position:relative;transition:var(--animationSlow);z-index:0}
.cmsMain .bodyContent{margin-left:0;width:calc(100% - 0px);height:calc(100vh - 152px)}
.cmsMain .bodyContent .bodyRender{padding-top:12px;padding-bottom:12px}
.bodyContent.closeMenu{margin-left:0;width:calc(100% - 0px)}
.bodyRender{width:100%;display:flex;flex-flow:column;gap:12px;flex-grow:1;overflow:hidden}
.bodyContent:before{content:"";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:600px;height:380px;display:block;background-color:transparent;background-image:url('../images/bodyLogo.svg');background-position:center top;background-repeat:no-repeat;background-size:100% auto;z-index:-1}
.bodyContent section{width:100%;display:flex;flex-flow:column;gap:12px;height:100%;position:relative}
.heightWrapper{position:relative;width:100%}
.heightWrapper:before{content:"";display:block!important;padding-top:100%}
.heightWrapper>*{position:absolute;left:0;right:0;top:0;bottom:0}
.cusRow.fill,.scrollerWrapper{overflow:auto;flex-grow:1;display:flex;flex-flow:column;gap:12px;position:relative}
.cusRow .fill_inner,.fill_inner{position:absolute;left:0;right:0;top:0;bottom:0}
.border{border:solid 1px var(--grayLight);border-radius:var(--radius);padding:24px}
.whiteBox{background-color:var(--white);border-radius:var(--radius);box-shadow:var(--shadowDefault)}
.whiteBox h4{padding:9px 14px 8px 14px;border-bottom:solid 1px var(--grayLight);margin-bottom:0}
.whiteBox.colored h4{background-color:var(--primaryLight);border-radius:var(--radius) var(--radius) 0 0;border-bottom:solid 1px var(--primaryLight)}
.whiteBox h4 span{display:flex;color:var(--grayMedium);font-size:var(--size_Small);line-height:var(--line_Small)}
.whiteBox .boxContent{padding:12px 14px;display:flex;flex-flow:column;flex-grow:1;gap:12px}
.whiteBox .boxContent .boxContent{padding:0}
.boxContent h4{font-size:var(--size_H3);line-height:var(--line_H3);color:var(--black);font-weight:400;padding:0 0 8px 0;border-bottom:none;margin-bottom:0}
.boxContent .trends{width:100%!important}
h2{font-size:var(--size_H2);line-height:var(--line_H2);color:var(--grayDark);font-weight:400}
.multiSteps{display:flex;flex-flow:row;flex-grow:1;gap:0;justify-content:center;align-items:center;margin-bottom:0;margin-top:6px}
.multiSteps ul{display:flex;flex-flow:row;gap:0;justify-content:center;align-items:center;flex-grow:1;list-style:none;margin:0;padding:0;max-width:800px}
.multiSteps ul li{display:flex;flex-flow:row;gap:0;flex-grow:1;align-items:center;flex-grow:1}
.multiSteps ul li a{font-size:var(--size_Badge);line-height:var(--line_Badge);color:#45525c; background-color:#bcccd9;padding:5px 14px 5px 28px;width:100%;position:relative}
.multiSteps ul li.done a{background-color:#45525c;color:#bcccd9;}
.multiSteps ul li.done.current a{background-color:var(--primary);color:var(--white)}
.multiSteps ul li.done.current~li.done a{background:#bcccd9;color:#bcccd9;}
.multiSteps ul li.done a:after,.multiSteps ul li.done.current a:after{content:"";background-image:url('../images/whiteTick.svg');background-size:100% auto;background-repeat:no-repeat;background-position:center;width:12px;height:12px;display:inline-block;position:absolute;left:6px;top:6px}
.multiSteps ul li.done.current:after{display:none}
.multiSteps ul li.current a{background:#1b3da2;background:linear-gradient(90deg, #45525c 25%, #bcccd9 100%);color:var(--white)}
.multiSteps ul li:first-child a{border-radius:99px 0 0 99px}
.multiSteps ul li:last-child a{border-radius:0 99px 99px 0}
.multiSteps ul li a:before{content:"";width:18px;height:18px;display:inline-block;position:absolute;left:3px;top:50%;transform:translateY(-50%);border-radius:50%;background-color:var(--white);border:solid 2px #005e9c;}
.multiSteps ul li.done a:before,.multiSteps ul li.done.current a:before{background-color:var(--successMedium);border:solid 2px var(--white)}
.multiSteps ul li.current a:before{background-color:var(--white);border:solid 2px var(--primaryLight)}
.tagWrapper{display:flex;flex-flow:wrap;gap:5px;align-items:center}
.tagWrapper span{background-color:var(--grayLight);color:var(--grayMedium);padding:0 8px;border-radius:4px;font-size:13px;line-height:13px;font-weight:400;height:24px;display:flex;flex-flow:wrap;gap:2px;align-items:center;transition:var(--animation);position:relative}
.tagWrapper span:hover{background-color:var(--white);color:var(--grayDark);box-shadow:var(--shadowClickable)}
.tagWrapper span i{height:20px;width:20px;position:absolute;right:2px;top:50%;transform:translateY(-50%);background-color:var(--grayLight);color:var(--grayMedium);border-radius:4px 4px 4px 4px;cursor:pointer;transition:var(--animation);display:flex}
.tagWrapper span:hover i{background-color:var(--dangerMild);color:var(--danger)}
.tagWrapper span i:after,.tagWrapper span i:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:1px;background-color:var(--grayMedium);transition:var(--animation)}
.tagWrapper span:hover i:after,.tagWrapper span:hover i:before{background-color:var(--dangerMedium)}
.tagWrapper span i:before{transform:translate(-50%,-50%) rotate(45deg)}
.tagWrapper span i:after{transform:translate(-50%,-50%) rotate(-45deg)}
.tagWrapper.closingTag span{padding:0 26px 0 8px}
.tagWrapper span.badge{padding:0 6px;height:23px;background-color:var(--grayMild)}
.tagWrapper span.badge:hover{background-color:var(--grayMild);box-shadow:none;color:var(--grayMedium)}
.tabContentArea .tagWrapper span:hover i{background-color:var(--dangerMild)}
.targetExclude,.targetInclude{position:relative;padding:0 30px 0 0}
.targetExclude:not(:last-child):after,.targetInclude:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background-color:var(--borderColor)}
.targetExclude>span,.targetInclude>span{font-size:var(--size_Small);line-height:var(--line_Small);color:var(--grayMedium)}
.targetExclude .tagWrapper,.targetInclude .tagWrapper{gap:6px 12px}
.ui-sortable .targetExclude .tagWrapper,.ui-sortable .targetInclude .tagWrapper{cursor:move}
#ReviewTarget .ui-sortable .targetExclude .tagWrapper,#ReviewTarget .ui-sortable .targetInclude .tagWrapper{cursor:default}
.targetExclude .tagWrapper span,.targetInclude .tagWrapper span{height:auto;padding:3px 6px}
#panelSection .ui-sortable .targetExclude .tagWrapper:hover span,#panelSection .ui-sortable .targetInclude .tagWrapper:hover span{background-color:var(--primaryMild);color:var(--primary)}
.targetExclude .tagWrapper span:not(:last-child):after,.targetInclude .tagWrapper span:not(:last-child):after{content:"";width:4px;height:1px;background-color:var(--grayMedium);position:absolute;left:calc(100% + 4px)}
.targetExclude .tagWrapper span,.targetInclude .tagWrapper span{box-shadow:none;background-color:var(--grayMild);color:var(--grayMedium)}
.targetExclude .tagWrapper span:hover,.targetInclude .tagWrapper span:hover{box-shadow:none}
.targetExclude i,.targetInclude i{position:absolute;top:50%;right:4px;transform:translateY(calc(-50% - 3px));color:var(--grayLight);transition:var(--animation);opacity:.5;cursor:pointer}
.targetExclude:hover i,.targetInclude:hover i{color:var(--danger);opacity:1}
.audienceGroupWrapper{gap:32px}
.audienceGroupWrapper .whiteBox{position:relative}
.audienceGroupWrapper .whiteBox:not(:last-child):after{content:"And";font-size:var(--size_Small);line-height:var(--line_Small);background-color:var(--successMild);color:var(--successMedium);padding:3px 8px;border-radius:4px;display:inline-block;position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%)}
.boxContent.audienceGroup{gap:0;position:relative}
.boxContent.Audience_Filtering.audienceGroup{padding:14px}
.boxContent.audienceGroup h4{padding:0}
.boxContent.audienceGroup>i{position:absolute;cursor:pointer}
.boxContent.audienceGroup>i.fa-pencil{top:5px;right:5px;font-size:12px;line-height:12px;color:var(--primary);left:5px;bottom:5px;align-items:center;display:flex;justify-content:center;background-color:rgba(255,255,255,.25);opacity:0;visibility:hidden;pointer-events:none;z-index:99}
.blur-content .boxContent.audienceGroup>i.fa-pencil{opacity:1;visibility:visible;pointer-events:auto}
.boxContent.audienceGroup>i.fa-pencil:after{content:"";width:30px;height:30px;border-radius:50%;background-color:var(--primaryLight);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;box-shadow:var(--shadowDropdown);opacity:0;visibility:hidden;transition:var(--animation)}
.blur-content:hover .boxContent.audienceGroup>i.fa-pencil:after{opacity:1;visibility:visible}
.boxContent.audienceGroup>i.fa-pencil:before{z-index:2;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;opacity:0;visibility:hidden}
.blur-content:hover .boxContent.audienceGroup>i.fa-pencil:before{opacity:1;visibility:visible}
.boxContent.audienceGroup>i.fa-xmark{top:17px;right:20px;font-size:16px;line-height:16px;color:var(--danger)}
.boxContent.audienceGroup .audience{display:flex;flex-flow:column;gap:3px;padding-top:10px}
.boxContent.audienceGroup .audience .tagWrapper{gap:4px 24px}
.boxContent.audienceGroup .audience .tagWrapper span{background-color:var(--grayMild);color:var(--grayMedium);height:20px;padding:3px 22px 3px 6px}
.boxContent.audienceGroup .audience .tagWrapper span:not(:last-child):after{content:"Or";position:absolute;left:calc(100% + 5px);font-size:var(--size_Small);line-height:var(--line_Small)}
.boxContent.audienceGroup .audience .tagWrapper span i{height:18px;width:18px;background-color:var(--grayMild)}
.boxContent.audienceGroup .audience .tagWrapper span:hover{background-color:var(--white)}
.boxContent.audienceGroup .audience .tagWrapper span:hover i{background-color:var(--dangerMild)}
.tagWrapper.review span,.tagWrapper.review span:hover{box-shadow:none;background-color:var(--grayMild);color:var(--grayMedium)}
.fill_inner .review,.whiteBox.review{padding:12px;gap:32px}
.review .boxContent,.whiteBox.review .boxContent{padding:12px;background-color:var(--grayMild);border-radius:6px;flex-grow:unset}
.review .audienceGroup:not(:last-child):after{content:"And";font-size:var(--size_Small);line-height:var(--line_Small);background-color:var(--successMild);color:var(--successMedium);padding:3px 8px;border-radius:4px;display:inline-block;position:absolute;left:50%;top:calc(100% + 6px);transform:translateX(-50%)}

.outPutGeo{max-height:350px;}
.outPutGeo.audienceReview{padding:8px;}
.outPutGeo.audienceReview .whiteBox .boxContent .counts-modal-sub-text ul.counts-item-list li{background-color: var(--grayLight);}
.outPutGeo .fill_inner,.review .fill_inner{left:12px;right:12px;top:12px;bottom:12px}
.outPutGeo .boxContent{padding:12px}
table{width:100%!important;position:relative}
table thead tr{background:var(--white);border:solid 0 transparent!important}
table th{color:var(--black);font-weight:400;padding:13px 30px 13px 20px!important;background:var(--white)!important;position:relative;white-space:nowrap}
table td{padding:10px 30px 10px 20px!important}
table td.rightAlign,table th.rightAlign{text-align:right}
table td.centerAlign,table th.centerAlign{text-align:center}
table th:before{content:"";width:100%;height:1px;background-color:var(--grayLight);display:inline-block;position:absolute;right:0;left:0;bottom:0}
table th.sorting:after{content:"";background-image:url('../images/az.svg');background-size:100% auto;background-repeat:no-repeat;background-position:center;width:20px;height:20px;display:inline-block;position:absolute;right:2px;top:14px;cursor:pointer;opacity:.25;filter:grayscale(.5)}
table th.sorting.sorting_asc:after{content:"";background-image:url('../images/az.svg');cursor:pointer;opacity:1;filter:grayscale(0)}
table th.sorting.sorting_desc:after{content:"";background-image:url('../images/za.svg');cursor:pointer;opacity:1;filter:grayscale(0)}
table tbody tr{position:relative;z-index:1;background:var(--white);transition:var(--animation);width:100%}
table tbody tr:nth-child(odd){background:#ebf2fa}
table tbody tr:nth-child(2n){background:#f7fafd}
table#tblBudgetingCustom tfoot,table#tblBudgetingCustomPercentage tfoot{border-top:solid 1px var(--grayLight)}
table#tblBudgetingCustom tfoot tr:nth-child(odd),table#tblBudgetingCustomPercentage tfoot tr:nth-child(odd){background:#f7fafd}
table#tblBudgetingCustom tfoot tr:nth-child(2n),table#tblBudgetingCustomPercentage tfoot tr:nth-child(2n){background:#ebf2fa}
table#tblBudgetingCustom tfoot tr td,table#tblBudgetingCustomPercentage tfoot tr td{background-color:transparent!important}
table tbody tr:hover{background-color:var(--primaryMild);background-color:var(--primaryMild);z-index:2;box-shadow:var(--shadowClickable)}
table tfoot tr{border-top:solid 1px var(--borderColor)}
table tfoot tr td{color:var(--grayDark);font-weight:500}
table tbody tr:not(:last-child){border-bottom:solid 1px var(--borderColor)}
table td{color:var(--grayDark)!important;font-weight:300;padding:10px 30px 10px 20px!important;vertical-align:middle;text-align:left;white-space:nowrap}
tbody,td,tfoot,th,thead,tr{border-style:inherit}
table .input-group-text.shap{background-color:var(--primaryLight);color:var(--primary)}
.tableFixHead{height:100%;border-radius:10px;overflow:hidden}
.tableFixHead>div{overflow-y:auto;height:100%}
.tableFixHead thead th{position:sticky;top:0;z-index:4; }
table{border-collapse:collapse;width:100%;border:none!important}
table .dropdown.icon>a{background-color:transparent}
i#toggleMenu{width:32px;height:32px; display:none; position:absolute;left:calc(100% + 10px);top:13px;background-color:var(--primary);border-radius:50%;box-shadow:var(--shadowClickable);font-size:1px;overflow:hidden;text-indent:-999px;cursor:pointer;opacity:1!important}
i#toggleMenu.closeMenu{left:calc(100% + 11px)}
i#toggleMenu:after,i#toggleMenu:before{content:"";position:absolute;width:16px;height:2px;background-color:var(--white);border-radius:1px;transition:var(--animation)}
i#toggleMenu:before{left:50%;top:15px;transform:translateX(-50%) rotate(45deg)}
i#toggleMenu:after{left:50%;bottom:15px;transform:translateX(-50%) rotate(-45deg)}
i#toggleMenu.closeMenu:before{top:10px;transform:translateX(-50%) rotate(0)}
i#toggleMenu.closeMenu:after{bottom:10px;transform:translateX(-50%) rotate(0)}
i#toggleMenu span{width:16px;height:2px;background-color:var(--white);position:absolute;left:50%;top:15px;transform:translateX(-50%);transition:var(--animation);opacity:0;visibility:hidden}
i#toggleMenu.closeMenu span{opacity:1;visibility:visible}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}
.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr;}
.mCSB_container{overflow:hidden;width:auto;height:auto;}

.mCSB_container{margin-right:18px}
.mCSB_container.mCS_no_scrollbar_y{margin-right:0;}


.mCSB_scrollTools{position:absolute;width:8px;height:auto;left:auto;top:0;right:3px;bottom:0;opacity:.25}
.mCustomScrollbar:hover .mCSB_scrollTools{opacity:1}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:8px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;background-color:#7790ac;opacity:1}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#acc3dc;width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;opacity:1}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}
.content.nested{height:100%}
body form{margin:0;padding:0}
body form label,body label{font-size:var(--size_Label);line-height:var(--line_Label);color:var(--gray)}
body form label.required,body label.required{color:var(--gray);font-size:var(--size_Label);line-height:var(--line_Label);margin-left:0}
body form label.required:after,body label.required:after{content:"*";color:var(--dangerMedium);padding-left:2px;font-weight:600}
span.required:empty{display:none!important}
span.required{display:flex;position:absolute;bottom:0;left:0;padding:14px 13px 14px 30px;width:100%;justify-content:end;pointer-events:none;color:var(--dangerMedium);font-size:var(--size_Small);line-height:var(--line_Small)}
body form input:not([type=submit],[type=checkbox],[type=radio]),body input:not([type=submit],[type=checkbox],[type=radio]){background-color:var(--white);border:solid 1px var(--grayLight);border-radius:6px;outline:0;font-size:var(--size_default);line-height:var(--line_default);padding:5px 10px;margin-bottom:0;width:100%;color:var(--grayDark)}

body form select, body select.input-validation-error,
body select.form-select.input-validation-error,
body form input:not([type=submit],[type=checkbox],[type=radio]).input-validation-error,
body input:not([type=submit],[type=checkbox],[type=radio]).input-validation-error{border-color:var(--dangerMedium);}

body form input:not([type=submit],[type=button],[type=checkbox],[type=radio],[type=file]):read-only,body input:not([type=submit],[type=button],[type=checkbox],[type=radio],[type=file]):read-only{color:var(--grayMedium);background-color:var(--white);cursor:no-drop}
body form input:not([type=submit],[type=checkbox],[type=radio]):disabled,body input:not([type=submit],[type=checkbox],[type=radio]):disabled{padding:0;border:0;outline:0}
body textarea{background-color:var(--white);border:solid 1px var(--grayLight);border-radius:8px;outline:0;font-size:var(--size_default);line-height:var(--line_default);padding:9px 12px;margin-bottom:0;width:100%}
body textarea:focus-visible{box-shadow:var(--shadowDropdown);border:solid 1px var(--grayLight)}
body form select,body select,body select.form-select{background-color:var(--white);border:solid 1px var(--grayLight);border-radius:6px;outline:0;font-size:var(--size_default);line-height:var(--line_default);padding:5px 10px;margin-bottom:10px;min-width:100px;width:100%}
body form input:not([type=submit],[type=checkbox],[type=radio]):focus-visible,body form select:focus-visible,body input:not([type=submit],[type=checkbox],[type=radio]):focus-visible,body select.form-select:focus-visible{box-shadow:var(--shadowDropdown);border:solid 1px var(--grayLight)}
body form input:not([type=submit],[type=checkbox],[type=radio]):read-only:focus-visible,body form select:read-only:focus-visible,body input:not([type=submit],[type=checkbox],[type=radio]):read-only:focus-visible,body select.form-select:read-only:focus-visible{box-shadow:none;border:solid 1px var(--grayLight)}
.searchWrapper{position:relative;z-index:0}
.searchWrapper:before{content:"";position:absolute;top:50%;left:12px;transform:translateY(-50%);width:16px;height:16px;display:block;background-color:transparent;pointer-events:none;background-image:url('../images/Research.svg');background-position:center top;background-repeat:no-repeat;background-size:100% auto;z-index:0; filter: var(--filterPrimary);}
.searchWrapper input:not([type=submit],[type=checkbox],[type=radio]){padding-left:36px;padding-right:27px}
.searchWrapper a{position:absolute;right:12px;top:50%;transform:translateY(-50%)}
.browseWrapper{position:relative;background-color:var(--white);border:solid 1px var(--grayLight);border-radius:8px;padding:9px 12px}
.browseWrapper input[type=file]{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%}
.browseWrapper:after{content:"Browse";background:var(--primaryLight);padding:6px 15px 6px 35px;font-size:var(--size_default);line-height:var(--line_default);color:var(--primary);border-radius:4px;position:absolute;right:3px;top:3px;pointer-events:none}
.browseWrapper:before{content:"";position:absolute;top:14px;right:64px;transform:translateX(-50%);width:16px;height:16px;display:block;background-color:transparent;pointer-events:none;background-image:url('../images/folder.svg');background-position:center top;background-repeat:no-repeat;background-size:100% auto;z-index:1; filter:var(--filterPrimary);}
.browseWrapper span{width:calc(100% - 98px);display:inline-block}
.form-group{margin-bottom:10px;position:relative}
.form-group > span > span{color:var(--danger); font-size:12px; line-height:14px;}
.check_radio{position:relative;display:flex}
.check_radio input[type=checkbox]{opacity:0;visibility:hidden;position:absolute;top:0;left:0}
.check_radio input[type=checkbox]~label{position:relative;padding-left:26px;cursor:pointer;color:var(--grayMedium);min-width:18px;min-height:18px}
.check_radio input[type=checkbox]~label:before{content:"";width:18px;height:18px;display:flex;border-radius:4px;border:solid 2px var(--grayLight);position:absolute;left:0;top:0;transition:var(--animation);background-color:var(--white)}
.check_radio input[type=checkbox]:checked~label:before{border:solid 1px var(--primary);background-color:var(--primary);box-shadow:0 0 0 2px var(--primaryLight),0 0 0 4px var(--primaryMild)}
.check_radio input[type=checkbox]~label:after{content:"";width:6px;height:12px;display:flex;border-radius:0;background-color:transparent;position:absolute;left:6px;top:1px;transition:var(--animationSlow);transform:rotate(45deg) scale(2);opacity:0;border-right:solid 3px var(--white);border-bottom:solid 3px var(--white)}
.check_radio input[type=checkbox]:checked~label:after{transform:rotate(45deg) scale(1);opacity:1}
.check_radio input[type=radio]{opacity:0;visibility:hidden;position:absolute;top:0;left:0}
.check_radio input[type=radio]~label{position:relative;padding-left:26px;cursor:pointer;color:var(--grayMedium)}
.check_radio input[type=radio]~label:before{content:"";width:18px;height:18px;display:flex;border-radius:50%;border:solid 2px var(--grayLight);position:absolute;left:0;top:0;transition:var(--animation)}
.check_radio input[type=radio]:checked~label:before{border:solid 1px var(--primary);box-shadow:0 0 0 2px var(--primaryLight),0 0 0 4px var(--primaryMild)}
.check_radio input[type=radio]~label:after{content:"";width:12px;height:12px;display:flex;border-radius:50%;background-color:var(--grayLight);position:absolute;left:3px;top:3px;transition:var(--animationSlow);transform:scale(2);opacity:0}
.check_radio input[type=radio]:checked~label:after{background-color:var(--primary);transform:scale(1);opacity:1}

.btn_check_radio{position:relative;}
.btn_check_radio input:is([type=checkbox],[type=radio]){position:absolute; left:0; top:0; opacity:0;}
.btn_check_radio input:is([type=checkbox],[type=radio]) ~ label{background-color:var(--grayLight); border-radius:3px; padding:4px 12px; cursor:pointer; transition:var(--animation); position:relative;}
.btn_check_radio input:is([type=checkbox],[type=radio]):checked ~ label{background-color:var(--primaryLight); color:var(--primary);}


body .select2-container--default .select2-selection--single{border-radius:8px;border:solid 1px var(--grayLight);padding:5px 10px;outline:0;font-size:var(--size_default);line-height:var(--line_default);background-color:var(--white);margin-bottom:0;width:100%;height:auto}
body .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:inherit;padding:0 24px 0 0;font-size:var(--size_default);line-height:var(--line_default)}
body .select2-dropdown{border:none;border-radius:var(--radius);box-shadow:var(--shadowDropdown)}

body .modal .modal-content .select2-container--default .select2-selection--single .select2-selection__rendered {white-space: normal;}
body .select2-search--dropdown{margin:12px 18px;padding:0;position:relative}
body .select2-search--dropdown:before{content:"";position:absolute;top:50%;left:12px;transform:translateY(-50%);width:16px;height:16px;display:block;background-color:transparent;pointer-events:none;background-image:url('../images/Research.svg');background-position:center top;background-repeat:no-repeat;background-size:100% auto;z-index:0}
body .select2-search--dropdown .select2-search__field{padding:8px 8px 8px 34px}
body .select2-results__options{padding:12px;border-top:solid 1px var(--grayMild)}
body .select2-results__option{padding:8px 12px;border-radius:8px;font-size:var(--size_default);line-height:var(--line_default);color:var(--grayMedium);transition:var(--animation);     width: 100%; overflow: hidden; text-overflow: ellipsis;}
body .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:var(--primaryMild);color:var(--grayDark)}
body .select2-results a.btn.primary{margin:10px 18px}

/*.bodyContent.subscriptionPlansPage{background:#fff;}*/
.switch{position:relative;display:flex;overflow:hidden;align-items:center;gap:5px;flex-shrink:0; flex-flow: wrap; justify-content: center;}
.switch input{position:absolute;left:0;top:0;opacity:0;visibility:hidden}
.switch input~label{width:30px;min-width:30px;height:16px;text-indent:-999px;display:inline-block;border-radius:99px;background-color:var(--grayLight);position:relative;z-index:0;overflow:hidden;cursor:pointer}
.switch input~label:before{content:"";width:62px;height:16px;display:inline-block;background:linear-gradient(90deg,#85d752 50%,#d8e0ed 50%);border-radius:99px;position:absolute;left:calc(-100% - 1px);top:0;transition:var(--animation);z-index:1}
.switch input:checked~label:before{left:0}
.switch input~label:after{content:"";width:14px;height:14px;display:inline-block;background-color:var(--white);border-radius:50%;position:absolute;left:2px;top:1px;box-shadow:0 1px 3px 0 rgba(0,0,0,.35);transition:var(--animation);z-index:2}
.switch input:checked~label:after{left:16px}
.switch span{color:var(--grayMedium);font-size:var(--size_Label);line-height:var(--line_Label);min-width:70px}
.switch span.mnth{text-align:right;}
.switch span.yrs{text-align:left;}
.switch span.note{flex-basis:100%; color:var(--primaryMedium); font-size:var(--size_H3); line-height:var(--line_H3);}
input::placeholder{color:var(--grayMedium) !important}
.geographySelection{display:flex;flex-flow:row;gap:8px;align-items:center}

.geographySelection.searchingBlock{position:relative;}
.geographySelection.searchingBlock:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; background-color:rgba(255,255,255,0.5); backdrop-filter:blur(1px);}
#geographyMap iframe{width:100%;height:100%}
.mapWrapper iframe{position:absolute;left:0;top:0}
/*.tabberSection{display:flex;flex-grow:1;flex-flow:column;position:relative; height:100%;}*/
.tabberSection .dropdown.icon.posRight{position:absolute;right:15px;top:15px}
.tabberSection>ul{display:flex;list-style:none;margin:0;padding:14px 16px 0 0;gap:4px;align-items:end;overflow:hidden}
.tabberSection>ul li{display:flex;min-width:80px;padding:10px 18px 10px 18px;justify-content:center;align-items:center;background-color:var(--primaryLight);font-size:var(--size_Button);line-height:var(--line_Button);color:var(--primaryDark);text-transform:capitalize;border-radius:8px 8px 0 0;cursor:pointer;transition:var(--animation)}
.tabberSection>ul li:hover{padding:12px 18px 12px 18px;background-color:var(--white);color:var(--grayMedium)}
.tabberSection>ul li.active{padding:12px 18px 12px 18px;background-color:var(--white);box-shadow:var(--shadowClickable);color:var(--primary)}
.tabberSection .tab-content{flex-grow:1;background-color:var(--white);border-radius:0 var(--radius) var(--radius) var(--radius);box-shadow:var(--shadowDefault);padding:18px}
.tabberSection .tab-content.noBg{background-color:transparent;box-shadow:none;padding:24px 0;border-top:solid 1px var(--grayLight);border-radius:0}
.tabberSection .tab-content>div{height:100%}
.tabberSection .tab-content .tabContentArea{height:100%;width:100%;display:flex;flex-flow:column;gap:12px}
body .modal.show{z-index:999999!important}
.modal-backdrop{background-color:rgba(20,25,35,.6);opacity:1;backdrop-filter:blur(2px);z-index:9999;transition:var(--animation)}
.modal-backdrop.show{opacity:1}
.modal .modal-content{box-shadow:var(--shadowModal);border-radius:var(--radius);border:none;outline:0}
.modal .modal-header{padding:10px 24px;background-color:var(--primaryMild);border-radius:var(--radius) var(--radius) 0 0;border:none}
.modalHeaderWrap{display:flex; flex-flow:row; gap:12px;}
#ModalAlert.modal .modal-header{border-bottom:none;padding:18px 24px 18px 24px;background-color:var(--white)}
#ModalAlert.modal .modal-body{padding:24px 24px 9px 24px}
#ModalAlert.modal .modal-footer{border-top:none;background-color:var(--white);padding:9px 24px 18px 24px}
#ModalAlert.modal .modal-header{background-color:var(--primaryMild)}
#ModalAlert.modal .modal-header h5{color:var(--grayDark)}
#ModalAlert.modal .modal-body p{padding:12px 12px 12px 40px;border-radius:6px;margin:0;position:relative}
#ModalAlert.modal .info .modal-body p{background-color:var(--infoMild);color:var(--info)}
#ModalAlert.modal .success .modal-body p{background-color:var(--successMild);color:var(--success)}
#ModalAlert.modal .warning .modal-body p{background-color:var(--warningMild);color:var(--warning)}
#ModalAlert.modal .dangar .modal-body p{background-color:var(--dangerMild);color:var(--danger)}
#ModalAlert.modal .modal-body p:before{content:"";position:absolute;width:22px;height:22px;display:inline-block;left:11px;top:11px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%}
#ModalAlert.modal .info .modal-body p:before{background-image:url(../images/info.svg)}
#ModalAlert.modal .success .modal-body p:before{background-image:url(../images/success.svg)}
#ModalAlert.modal .warning .modal-body p:before{background-image:url(../images/warning.svg)}
#ModalAlert.modal .dangar .modal-body p:before{background-image:url(../images/error.svg)}
.modal .modal-header h5{font-size:var(--size_H3);line-height:var(--line_H3);font-weight:400;color:var(--primary)}
.modal .modal-header h5 span{font-size:var(--size_H3);line-height:var(--line_H3);font-weight:400;color:var(--primary);text-transform:none;padding-left:4px}
.modal .modal-header .btn-close{background-image:none;background-color:var(--white);width:24px!important;height:24px;min-width:inherit;padding:0;margin:0;position:relative;opacity:1;border-radius:50%}
.modal .modal-header .btn-close:hover{box-shadow:none}
.modal .modal-header .btn-close:after,.modal .modal-header .btn-close:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;border-radius:4px;background-color:var(--grayMedium);display:inline-block;transition:var(--animation)}
.modal .modal-header .btn-close:hover:after,.modal .modal-header .btn-close:hover:before{background-color:var(--dangerMedium);width:16px}
.modal .modal-header .btn-close:before{transform:translate(-50%,-50%) rotate(45deg)}
.modal .modal-header .btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
.modal .modal-header .btn-close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}
.modal .modal-header .btn-close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}
.modal .modal-body{padding:24px}
.modal .modal-footer{padding:17px 24px;display:flex;flex-flow:row;gap:12px}
.form-select:disabled{background-color:var(--white);color:var(--grayLight)}
.infoCard{background-color:var(--white);border-radius:var(--radius);box-shadow:var(--shadowDefault);padding:16px 20px;display:flex;flex-flow:column;gap:0;flex-grow:1}
.infoCard h5{font-size:var(--size_default);line-height:var(--line_default);color:var(--grayMedium);font-weight:400;margin:0;padding:0}
.infoCard .display{font-size:var(--size_Display);line-height:var(--line_Display);font-weight:400;color:var(--primary)}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:inline-grid}
body .owl-carousel .owl-stage{display:flex}
body .owl-carousel .owl-item{padding:0;display:flex;flex-flow:column}
body .owl-carousel .owl-item .whiteBox{display:flex;flex-flow:column;height:100%;box-shadow:none}
body .owl-carousel.generatedResultsApexChart .owl-item .whiteBox .boxContent{padding:0}

.hide_column{display:none}
.ordernotes{width:250px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left;position:relative}
.tooltip1{padding:10px;max-width:100%;display:none;background-color:var(--white);-webkit-box-shadow:var(--shadowDropdown);border-radius:var(--radius);opacity:1;transition:var(--animation);position:absolute;transform:translate(-10px,-32px);z-index:1070;font-size:var(--size_default);font-weight:400;line-height:var(--line_default);text-align:left;word-break:normal;word-spacing:normal;word-wrap:break-word;white-space:normal;line-break:auto;pointer-events:none}
table td .actions{display:flex;flex-flow:row;gap:15px}
table td .actions a i img{width:12px; height:12px; filter:var(--filterPrimary);}
ul.Consumerulselectandunselect,ul.ulselectandunselect{list-style:none;margin:12px 0 12px 0;padding:0;display:flex;flex-flow:row;gap:6px}
,ul.Consumerulselectandunselect li,ul.ulselectandunselect li{display:flex;flex-flow:row}
ul.Consumerulselectandunselect li a,ul.ulselectandunselect li a{display:flex;font-size:var(--size_Small);line-height:var(--line_Small);background-color:var(--primaryLight);color:var(--primary);padding:6px 12px;border-radius:6px}
.LeftPnnl_inner ul{list-style:none;margin:0;padding:0;column-count:2}
.LeftPnnl_inner ul li{margin-bottom:6px}
label.counts-checkbox-master{position:relative;z-index:0;cursor:pointer}
label.counts-checkbox-master input[type=checkbox]{opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;cursor:pointer}
label.counts-checkbox-master input[type=checkbox]~span{position:relative;padding:4px 15px 3px 29px;cursor:pointer;color:var(--grayMedium);z-index:1;border-radius:4px;display:inline-block;cursor:pointer; font-size:clamp(11px, 1vw, 13px);}
label.counts-checkbox-master input[type=checkbox]~span > span{font-size:10px; line-height:12px; display: inline-block;color: var(--SecondaryMedium); background-color: var(--SecondaryMild); padding: 2px 6px; border-radius: 3px;}

label.counts-checkbox-master input[type=checkbox]~span > span.metaAvailable{background-color:transparent; padding:0; position:relative; margin-left: 6px;display: inline-block;vertical-align: middle;}
label.counts-checkbox-master input[type=checkbox]~span > span.metaAvailable i{display:flex; align-content:center; justify-items:center; width:16px; height:16px; width: max-content; vertical-align: middle;}
label.counts-checkbox-master input[type=checkbox]~span > span.metaAvailable i img{width:14px; height:14px; filter:var(--filterGray);}
label.counts-checkbox-master input[type=checkbox]~span > span.metaAvailable > span{padding:2px 4px; font-size:var(--size_Small); line-height:var(--line_Small); border-radius:3px; background-color:var(--grayDark); color:var(--grayLight); position:absolute; bottom:100%; left:50%; transform:translate(-50%, 0%); opacity:0; visibility:hidden; transition:var(--animation); white-space:nowrap;}
label.counts-checkbox-master input[type=checkbox]~span > span.metaAvailable > span:before{content:""; display:inline-block; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%);
border-left:solid 6px transparent;
border-top:solid 6px var(--grayDark);
border-right:solid 6px transparent;
border-bottom:solid 6px transparent;
}
label.counts-checkbox-master input[type=checkbox]~span > span.metaAvailable:hover > span{opacity:1; visibility:visible;transform:translate(-50%, -25%);}

label.counts-checkbox-master input[type=checkbox]~span:before{content:"";width:18px;height:18px;display:flex;border-radius:4px;border:solid 2px var(--grayLight);position:absolute;left:5px;top:6px;transition:var(--animation);z-index:1;pointer-events:none;background-color:transparent}
label.counts-checkbox-master:hover input[type=checkbox]~span:before{border:solid 1px var(--primary);box-shadow:0 0 0 2px var(--primaryLight),0 0 0 4px var(--primaryMild)}
label.counts-checkbox-master input[type=checkbox]:checked~span:before{border:solid 1px var(--primary);box-shadow:0 0 0 2px var(--primaryLight),0 0 0 4px var(--primaryMild);background-color:var(--primary)}
label.counts-checkbox-master input[type=checkbox]~span:after{content:"";width:6px;height:12px;display:flex;border-radius:0;background-color:transparent;position:absolute;left:11px;top:6px;transition:var(--animationSlow);transform:rotate(45deg) scale(2);opacity:0;border-right:solid 3px var(--white);border-bottom:solid 3px var(--white);z-index:2}
label.counts-checkbox-master input[type=checkbox]:checked~span:after{transform:rotate(45deg) scale(1);opacity:1}
.dropdown-menu.datepicker{opacity:1;visibility:visible;transition:none}
.alert{padding:15px 30px 15px 15px;border-radius:8px;position:relative;margin-bottom:0}
.alert.alert-success{background-color:var(--successMild);border:solid 1px var(--successMild)}
.alert.alert-danger{background-color:var(--dangerMild);border:solid 1px var(--dangerMild)}
.alert.alert-warning{background-color:var(--warningMild);border:solid 1px var(--warningMild)}
.alert.alert-info{background-color:var(--infoMild);border:solid 1px var(--infoMild)}
.alert p{margin:0;font-size:var(--size_default);line-height:var(--line_default);display:flex;flex-flow:row;gap:6px;position:relative;padding-left:24px;word-break:auto-phrase;}
.alert.alert-success p{color:var(--success)}
.alert.alert-danger p{color:var(--danger)}
.alert.alert-warning p{color:var(--warning)}
.alert.alert-info p{color:var(--info)}
.alert p:before{content:"";position:absolute;width:16px;height:16px;display:inline-block;left:0;top:3px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%}
.alert.alert-success p:before{background-image:url(../images/success.svg)}
.alert.alert-danger p:before{background-image:url(../images/error.svg)}
.alert.alert-warning p:before{background-image:url(../images/warning.svg)}
.alert.alert-info p:before{background-image:url(../images/info.svg)}
.alert .close{background-image:none;background-color:transparent;width:24px!important;height:24px;min-width:inherit;padding:0;margin:0;position:absolute;opacity:1;right:10px;top:15px;overflow:hidden;text-indent:-999px}
.alert .close:hover{box-shadow:none;background-color:transparent!important}
.alert .close:after,.alert .close:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;border-radius:1px;background-color:var(--dangerMedium);display:inline-block;transition:var(--animation)}
.alert .close:hover:after,.alert .close:hover:before{width:14px;height:1.5px;background-color:var(--danger)}
.alert .close:before{transform:translate(-50%,-50%) rotate(45deg)}
.alert .close:after{transform:translate(-50%,-50%) rotate(-45deg)}
header.landingHeader{background-color:var(--white);border-top:solid 6px var(--primaryMedium);padding:8px 0;position:fixed;left:0;right:0;top:0;z-index:99999;box-shadow:var(--shadowClickable)}
.topHeader{display:flex;flex-flow:row;justify-content:space-between}
.topHeader nav{display:flex; padding-right:18px;}
.topHeader nav ul{list-style:none;display:flex;flex-flow:row;gap:24px;margin:0;padding:0;align-items:center}
.topHeader nav ul li{cursor:pointer}
.topHeader nav ul li a{text-transform:uppercase}
.imageWrapper{width:100%;position:relative}
.imageWrapper img{width:100%;height:auto}
.imageWrapper.DigitalAdvertising:before{content:"";position:absolute;width:60px;height:60px;border-radius:50%;border:solid 6px var(--infoMedium);left:-35px;top:30px;z-index:-1;opacity:.25;animation:var(--moviingTwo)}
.imageWrapper.DigitalAdvertising:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--infoMedium);left:-20px;top:15px;z-index:-1;opacity:.15;animation:var(--moviing)}
.imageWrapper.streamLined:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background-color:var(--infoMedium);right:40px;top:-20px;z-index:-1;opacity:.5;animation:var(--moviing)}
.imageWrapper.EnhancedPerformance:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;border:solid 6px var(--successMedium);left:50%;top:-20px;z-index:-1;animation:var(--moviing)}
.imageWrapper.UnparalleledInsights:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background-color:var(--infoMedium);left:50%;top:15px;opacity:.5;z-index:-1;animation:var(--moviing)}
.imageWrapper.UnparalleledInsights:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background-color:var(--successMedium);right:10px;bottom:20%;opacity:.5;z-index:1;animation:var(--moviingTwo)}
.imageWrapper.IncreasedROI:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background-color:var(--infoMedium);left:30%;top:-15px;z-index:-1;opacity:.5;animation:var(--moviing)}
.imageWrapper.IncreasedROI:after{content:"";position:absolute;width:32px;height:32px;border-radius:50%;border:solid 6px var(--successMedium);right:20px;bottom:15%;opacity:.5;z-index:1;animation:var(--moviingTwo)}
.contentWrapper h3{font-size:40px;line-height:50px;font-weight:500;}
.contentWrapper h4{font-size:28px;line-height:38px;font-weight:500}
.contentWrapper h4 span{font-size:40px;line-height:50px;font-weight:600;color:var(--primary);display:inline-block;width:100%}
.contentWrapper p{font-size:22px;line-height:32px;font-weight:200}
.heroBanner{padding-top:30px;background-color:var(--primary);position:relative;z-index:0;overflow:hidden;margin-top:77px}
.heroBanner .container{z-index:2;position:relative}
.heroBanner .container:after{content:"";position:absolute;right:0;bottom:0;z-index:-2;width:40%;display:block;padding-top:50%;background-image:url(../images/landing_bannerBg.svg);background-position:bottom right;background-repeat:no-repeat;background-size:100% auto}
.heroBanner h1{text-align:center;color:var(--white);font-size:40px;line-height:50px;font-weight:500}
.heroBanner h1 span{font-size:74px;line-height:80px;display:inline-block;width:100%;font-weight:600;text-align:center;color:var(--white)}
.heroBanner p{color:var(--white);font-size:20px;line-height:30px;text-align:center;font-weight:300}
.bannerImages{position:relative}
.bannerImageWrapper{position:relative}
.bannerImages:before{content:"";position:absolute;width:50%;padding-top:50%;display:block;border-radius:50%;background-color:var(--primaryMedium);left:0;top:10%;z-index:-1;transform:translateX(-50%);box-shadow:0 -20px 20px rgba(0,10,25,.5);opacity:.35}
.bannerImages .bannerImageWrapper:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;border:solid 6px var(--successMedium);opacity:.75;left:65%;top:-15px;z-index:-1;animation:var(--moviing)}
.bannerImages .bannerImageWrapper:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background-color:var(--successMedium);left:-50px;bottom:15px;opacity:.5;animation:var(--moviingTwo)}
.bannerImages img{width:100%;height:auto}
.bannerImages .bannerCharacter{width:45%;position:absolute;right:75%;bottom:15%}
.bannerImages .bannerCharacter img{width:100%}
.bannerImages .bannerCharacter:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;border:solid 4px var(--warningMedium);left:0;top:45%;z-index:-1;opacity:.7;animation:var(--moviing)}
.bannerImages .bannerCharacter:after{content:"";position:absolute;left:50%;width:1000%;transform:translateX(-50%);top:100%;padding-top:200px;z-index:-1;background-color:var(--white)}
.bannerImages .bannerCTA{position:absolute;top:40%;left:100%;transform:translateX(-25%);z-index:5;width:max-content}
.bannerCTA:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;border:solid 4px var(--infoMedium);left:30%;top:-40%;z-index:-1;opacity:.7;animation:var(--moviingTwo)}
.Nventory_Register{position:relative;text-align:left}
.Nventory_Register:after{content:"";position:absolute;left:0;top:0;width:72%;aspect-ratio: 1 / 1;display:block;background-color:var(--warningMedium);border-radius:50%;z-index:-1;transform:translate(-30%,-20%)}
.Nventory_Register h5{font-size:26px;line-height:32px;color:var(--white);font-weight:300}
.Nventory_Register h5 span{font-size:34px;line-height:40px;color:var(--white);font-weight:600;display:inline-block;width:100%}
.Nventory_Register ul{list-style:none;margin:0;padding:0;display:flex;flex-flow:row;gap:16px;width:max-content}
.Nventory_Register ul li{flex-grow:1;width:100%}
.Nventory_Register ul li a{padding:12px 24px 12px 12px;background-color:var(--white);border-radius:12px;box-shadow:var(--shadowClickable);display:flex;flex-flow:row;gap:8px;min-width:100%;width:max-content}
.Nventory_Register ul li a span{color:var(--grayDark);font-size:20px;line-height:24px;font-weight:500}
.Nventory_Register ul li a span span{color:var(--grayMedium);font-size:14px;line-height:18px;font-weight:400;display:flex}
.Nventory_Register ul li a i{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--primaryLight);border-radius:50%}
.Nventory_Register ul li a i img{width:30px;height:30px}
section.landingSection{padding-top:30px;padding-bottom:30px}
section.landingSection>.container>.row{padding-top:30px;padding-bottom:30px}
@keyframes moving{
0%{transform:translate(0)}
20%{transform:translate(20%,20%)}
40%{transform:translate(20%,-20%)}
60%{transform:translate(-20%,20%)}
80%{transform:translate(-20%,-20%)}
100%{transform:translate(0)}
}
@keyframes movingtwo{
0%{transform:translate(0)}
20%{transform:translate(-20%,-20%)}
40%{transform:translate(-20%,20%)}
60%{transform:translate(20%,-20%)}
80%{transform:translate(20%,20%)}
100%{transform:translate(0)}
}
section.Key_Features{position:relative;z-index:0}
section.Key_Features:before{content:"";position:absolute;bottom:0;width:100%;padding-top:15%;left:50%;display:block;transform:translateX(-50%);background-color:var(--grayLight);z-index:-1;opacity:.5}
.keyBox{background-color:var(--white);box-shadow:0 0 25px 0 rgba(65,106,135,.15),0 0 8px 0 rgba(65,106,135,.1);padding:40px;border-radius:var(--radius);display:flex;flex-flow:column;align-items:center;justify-content:start}
.keyBox span{width:100px;height:100px;display:inline-block}
.keyBox span img{width:100%;height:100%}
.keyBox h4{font-size:26px;line-height:36px;font-weight:500;text-align:center}
.keyBox p{font-size:16px;line-height:26px;font-weight:400;text-align:center}
section.Unlock_Enventory{position:relative;z-index:0}
section.Unlock_Enventory:before{content:"";position:absolute;bottom:0;left:0;top:0;right:0;display:block;background-color:var(--grayLight);z-index:-1;opacity:.5}
.landingFooter{background-color:var(--grayDark);padding:16px 0}
.landingFooter p{margin-bottom:0}
section.Digital_Ad>.container{position:relative;z-index:0}
section.Digital_Ad>.container:before{content:"";width:60%;padding-top:15%;display:block;position:absolute;left:50%;bottom:0;transform:translate(-90%,30%);z-index:-1;opacity:.75;background-image:url(../images/waveOne.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center}
section.Why_Nventory .row.streamLined{position:relative;z-index:0}
section.Why_Nventory .row.streamLined:before{content:"";width:75%;padding-top:15%;display:block;position:absolute;left:50%;bottom:0;transform:translate(-35%,30%);z-index:-1;opacity:.75;background-image:url(../images/waveTwo.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center}
section.Why_Nventory .row.EnhancedPerformance{position:relative;z-index:0}
section.Why_Nventory .row.EnhancedPerformance:before{content:"";width:75%;padding-top:15%;display:block;position:absolute;left:50%;bottom:0;transform:translate(-75%,30%);z-index:-1;opacity:.75;background-image:url(../images/waveOne.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center}
section.Why_Nventory .row.UnparalleledInsights{position:relative;z-index:0}
section.Why_Nventory .row.UnparalleledInsights:before{content:"";width:75%;padding-top:15%;display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%,30%);z-index:-1;opacity:.75;background-image:url(../images/waveThree.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center}
section.Why_Nventory .row.IncreasedROI{position:relative;z-index:0}
section.Why_Nventory .row.IncreasedROI:before{content:"";width:50%;padding-top:15%;display:block;position:absolute;left:50%;bottom:0;transform:translate(-90%,30%);z-index:-1;opacity:.75;background-image:url(../images/waveFour.svg);background-repeat:no-repeat;background-size:100% auto;background-position:center}
section.Unlock_Enventory .Nventory_Register{padding-top:20%}
section.Unlock_Enventory .Nventory_Register:after{width:90%;padding-top:90%;transform:translate(-25%,0)}
section.Unlock_Enventory .imageWrapper{width:220px;height:auto;display:inline-block}
section.Unlock_Enventory h3{font-size:30px;line-height:36px;font-weight:600;color:var(--grayDark)}
section.Unlock_Enventory p{font-size:22px;color:var(--grayMedium);line-height:32px;font-weight:200}
section.Unlock_Enventory .Nventory_Register ul{flex-flow:column;margin-left:20%}

.buttonPosition{position:fixed;bottom:59px;right:11px;width:auto}
.loading-image.mCS_img_loaded{width:50%;margin:auto;display:inherit;max-width:160px}
.owl-carousel .owl-item img.loading-image.mCS_img_loaded{margin:auto}
.apexcharts-title-text{display:none}
.boxContent.chartWrapper{padding:0}

.whiteBox .boxContent.chartWrapper .apexcharts-toolbar{top:-34px;right:0;padding:0;}
.whiteBox .boxContent.chartWrapper .apexcharts-toolbar .apexcharts-menu-icon svg{display:none!important}
.whiteBox .boxContent.chartWrapper .apexcharts-toolbar .apexcharts-menu-icon{width:20px;height:20px;background-color:transparent;position:relative;transform:scale(1)}
.whiteBox .boxContent.chartWrapper .apexcharts-toolbar .apexcharts-menu-icon:before{content:"";width:4px;height:20px;display:inline-block;position:absolute;left:8px;top:0px;background-image:url(../images/action.svg);background-repeat:no-repeat;background-size:14px 14px;background-position:center}
.whiteBox .boxContent.chartWrapper .apexcharts-toolbar .apexcharts-menu{border:none;box-shadow:var(--shadowDropdown);border-radius:8px;display:flex;flex-flow:column;padding:8px;width:max-content}
.whiteBox .boxContent.chartWrapper .apexcharts-toolbar .apexcharts-menu-item{display:flex;width:100%;background-color:var(--white);justify-content:end;border-radius:4px;transition:var(--animation)}
.whiteBox .boxContent.chartWrapper .apexcharts-toolbar .apexcharts-menu-item:hover{background-color:var(--primaryMild);color:var(--primary)}
.whiteBox .boxContent.chartWrapper g text,.whiteBox .boxContent.chartWrapper g text tspan{font-size:var(--size_Small);line-height:var(--line_Small);font-family:Outfit,sans-serif}

.owl-carousel.generatedResultsApexChart .whiteBox .boxContent{position:relative;}
.owl-carousel.generatedResultsApexChart .whiteBox .boxContent:before{content:"";display:block;width:100%;padding-top:60%}
.owl-carousel.generatedResultsApexChart .whiteBox .boxContent .trends{position:absolute;left:0;top:0;width:100%!important;height:100%!important}
.owl-carousel.generatedResultsApexChart .whiteBox .boxContent .trends > div,
.owl-carousel.generatedResultsApexChart .whiteBox .boxContent .trends > div > div,
.owl-carousel.generatedResultsApexChart .whiteBox .boxContent .trends > div > div svg,
.owl-carousel.generatedResultsApexChart .whiteBox .boxContent .trends > div > div svg foreignObject{height:100% !important;}

.gm-style .gmnoprint{padding:2px!important;background-color:var(--primaryLight);border-radius:8px;box-shadow:var(--shadowDropdown)}
.gmnoprint .gmnoprint>div:not(.gm-style-cc){background-color:transparent!important;height:auto!important;width:auto!important;box-shadow:none!important}
.gm-style .gmnoprint button[type=button]{padding:10px!important;height:auto!important;width:auto!important;min-width:36px!important;border-radius:6px!important;font-size:14px!important;color:var(--primaryMedium)!important;margin:2px!important;display:flex!important;align-items:center;justify-content:center;background:var(--white)!important}
.gm-style .gmnoprint .gm-style-mtc button[type=button]{padding:10px 20px!important;min-width:inherit!important;color:var(--primaryMild)!important;background:var(--primaryMedium)!important}
.gm-style button[type=button].gm-fullscreen-control{padding:18px!important;height:auto!important;width:auto!important;min-width:36px!important;border-radius:6px!important;display:flex!important;align-items:center;justify-content:center;margin:0 6px!important}
.gm-style button[type=button].gm-control-active{padding:19px 18px!important}
.gmnoprint.gm-style-cc,.gmnoprint>div.gm-style-cc{height:auto!important;display:none!important}
.gm-style .gmnoprint button[type=button].gm-svpc{padding:19px!important}
.gm-style #searchInput{top:12px!important;width:250px;box-shadow:var(--shadowClickable)}
body .owl-carousel .owl-nav button[type=button]{width:40px!important;min-width:inherit;height:40px;position:absolute;top:50%;background-color:var(--primaryMild);border-radius:50%;transform:translateY(-50%);box-shadow:var(--shadowClickable)}

body .owl-carousel .owl-nav button[type=button].owl-prev{left:0}
body .owl-carousel .owl-nav button[type=button].owl-next{right:0}
body .owl-carousel .owl-nav button[type=button] span{position:absolute;left:50%;top:50%;width:9px;height:9px;overflow:hidden;text-indent:-999px}
body .owl-carousel .owl-nav button[type=button].owl-prev span{border-top:solid 3px var(--primaryMedium);border-left:solid 3px var(--primaryMedium);transform:translate(-50%,-50%) rotate(-45deg)}
body .owl-carousel .owl-nav button[type=button].owl-next span{border-top:solid 3px var(--primaryMedium);border-right:solid 3px var(--primaryMedium);transform:translate(-50%,-50%) rotate(45deg)}
.cmsMain{width:calc(100% - 0px);background:var(--bg);height:100vh;margin-left:0;padding-top:78px;padding-left:0;padding-right:0;padding-bottom:49px;display:flex;flex-flow:column;gap:12px;position:relative;transition:var(--animationSlow);z-index:0}
.cmsMain .imageWrapper:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:solid 6px var(--successMedium);opacity:.75;left:45%;bottom:20px;z-index:-1;animation:var(--moviing)}
.cmsMain .imageWrapper:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--successMedium);opacity:.75;left:60%;top:18%;z-index:-1;animation:var(--moviingTwo)}
.privactTearms section{padding-top:30px}
.modal-content ul:not(.dropdown-menu),
.privactTearms ul{list-style:none;margin:0;padding:6px 0 24px 0}
.modal-content ul:not(.dropdown-menu)>li,
.privactTearms ul>li{color:var(--grayMedium);padding:4px 0 4px 26px;position:relative}
.modal-content ul:not(.dropdown-menu)>li b,
.modal-content ul:not(.dropdown-menu)>li strong{color:var(--grayDark);font-weight:500}
.modal-content ul:not(.dropdown-menu)>li:before{content:"";position:absolute;left:12px;top:9px;border-left:solid 6px var(--primaryMedium);border-top:solid 6px transparent;border-right:solid 6px transparent;border-bottom:solid 6px transparent}

.modal-content ul:not(.dropdown-menu)>li>ul>li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background-color:transparent;border-left:solid 2px transparent;border-top:solid 2px var(--primaryMedium);border-right:solid 2px var(--primaryMedium);border-bottom:solid 2px transparent;transform:rotate(45deg)}

.modal-content ul:not(.dropdown-menu)>li>ul>li>ul>li:before,
.privactTearms ul>li>ul>li>ul>li:before{content:"";position:absolute;left:2px;top:16px;width:6px;height:1px;background-color:var(--primaryMedium);border:none;transform:rotate(0)}
.cmsBanner{padding:30px 0;background-color:var(--primary)}
.cmsBanner h1{font-size:var(--size_H1);line-height:var(--line_H1);font-weight:500;margin:0;color:var(--white)}
header.loginHeader{position:fixed;left:0;right:0;top:0;z-index:999;background-color:var(--white);box-shadow:var(--shadowDefault);border-top:solid 6px var(--primaryMedium);padding:8px 0}
.bodyLogin{display:flex;flex-flow:column;flex-grow:1}
.loginForgot{display:flex;flex-flow:row;gap:18px;align-items:center;margin-top:12px;margin-bottom:12px}
.loginForgot a{color:var(--primary)}
.register_link{display:flex;flex-flow:row;gap:6px;align-items:center;padding-top:18px}
.login_link{display:flex;flex-flow:row;gap:6px;align-items:center}
.register_link a{color:var(--primaryMedium)}
.pass-holder{position:relative}
.pass-holder i{position:absolute;right:12px;bottom:13px;z-index:9;color:var(--grayMedium)}
.map-info-head{display:flex;flex-flow:row;gap:8px}
.pltForm{display:flex;flex-flow:row;gap:5px;width:max-content}
.paymentBox{background-color:var(--primaryLight)}
.card-block-wrap{display:flex;flex-flow:row;gap:8px}
.card-block-wrap .card-box{width:64px;height:auto}
.card-block-wrap .card-box label{width:100%;height:auto;position:relative;border-radius:5px;padding:0;box-shadow:0 0 0 0 rgba(65,106,135,0),0 0 0 0 rgba(65,106,135,0);cursor:pointer;background-color:var(--primaryMedium)}
.card-block-wrap .card-box label img{width:100%;height:auto}
.card-block-wrap .card-box label .tick{display:flex;position:absolute;right:-5px;top:-5px;background-color:var(--successMedium);border-radius:50%;width:20px;height:20px;border:solid 2px var(--white);align-items:center;justify-content:center;opacity:0;box-shadow:0 0 13px 0 rgba(65,106,135,.25),0 2px 3px 0 rgba(65,106,135,.25)}
.card-block-wrap .card-box label .tick i{color:var(--white);font-size:11px;line-height:12px}
.card-block-wrap .card-box input:checked~label{box-shadow:0 0 16px 0 rgba(65,106,135,.15),0 2px 6px 0 rgba(65,106,135,.15)}
.card-block-wrap .card-box input:checked~label .tick{opacity:1}
.card-cvv{position:absolute;width:26px;top:50%;transform:translateY(-50%);right:7px;display:flex}
.card-cvv img{width:100%}
.input-container{position:relative}
.input-container span{display:flex;flex-flow:wrap;gap:12px;justify-content:space-between;align-items:center}
.input-container span>.check_radio,.input-container span>a{flex:unset;white-space:nowrap}
.input-container span>img{position:absolute;left:8px;top:8px}
.input-container span input[type=text]{padding-left:55px;flex:1 1 100%;width:initial}
.customerInfo{display:flex;flex-flow:row;gap:12px;align-items:center;flex-shrink:0; flex-basis: 100%; overflow: hidden;}
.customerInfo .customerLogo{width:40px;height:40px;border-radius:50%;display:inline-block;background-color:var(--primaryLight);background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden; flex-shrink:0;}
.customerInfo .customerLogo img{width:100%;height:100%}
.customerInfo .forecastInfo{display:flex;flex-flow:column;gap:0; flex-grow:1; max-width: calc(100% - 52px); overflow: hidden; white-space: nowrap;}
.customerInfo .forecastInfo h2{margin:0;font-size:var(--size_H2);line-height:var(--line_H2);color:var(--grayDark); width:100%; overflow:hidden; text-overflow:ellipsis;}



.customerInfo .forecastInfo span{margin:0;font-size:var(--size_Small);line-height:var(--line_Small);color:var(--grayMedium)}
.customPrice{display:flex;flex-flow:row;position:relative;justify-content:end}
.customPrice span.shap{display:flex;background-color:var(--primaryLight);padding:6px 12px;color:var(--primary);font-weight:500;border-radius:8px 0 0 8px}
.customPrice span.shap~input{border-radius:0 8px 8px 0;text-align:right}

.MoreOptionContainer .customPrice{justify-content: start; margin-top:18px;}
.MoreOptionContainer .customPrice span.shap~input{max-width:calc(50% - 41px);text-align:left;}
.customPrice span.shap~input::placeholder{text-align:left;}
span.tooltipAlert:empty{opacity:0;visibility:hidden;transform:translate(-20px,-50%)}
span.tooltipAlert{position:absolute;left:0;top:100%;padding:8px 13px 8px 33px;border-radius:6px;background-color:var(--white);box-shadow:var(--shadowDropdown); color:var(--gray);opacity:1;visibility:visible;transform:translate(0,0);transition:var(--animation);z-index:9999; min-width:250px; border: solid 1px var(--grayMedium);}
span.tooltipAlert:before{content:""; background-image: url('../images/error.svg'); background-size:16px 16px; background-repeat:no-repeat; width:16px; height:16px; display:flex; position:absolute; left:9px; top:10px;}
span.tooltipAlert:after{content:""; display:flex; position:absolute; left:9px; top:10px;}
.counts-main-header .counts-main-header{position:relative;padding:12px 24px}
#review .counts-main-header .counts-main-header{position:relative;padding:0}
#ReviewTarget .whiteBox{box-shadow:none}
#ReviewTarget .counts-main-header .counts-main-header{position:relative;padding:0}
#ReviewTarget .targetExclude i,#ReviewTarget .targetInclude i{display:none}
.counts-main-header .counts-main-header a.counts-group-item-description{color:var(--grayMedium);font-size:var(--size_Small);line-height:var(--line_Small);padding-bottom:6px;width:100%}
.counts-main-header .counts-main-header a.counts-group-item-description .cat-toggle{display:inline-block;width:24px;height:24px}
.counts-main-header .counts-main-header .counts-group-item-badge-area{height:auto;position:absolute;right:23px;top:15px;padding:1px;min-width:22px;text-align:center;background-color:var(--infoMild);display:flex;align-items:center;justify-content:center;border-radius:6px}
.audienceGroupWrapper .counts-main-header .counts-main-header .counts-group-item-badge-area{right:0;top:2px}
.counts-main-header .counts-main-header .counts-group-item-badge-area>span{color:var(--infoMedium);font-size:var(--size_Small);line-height:var(--line_Small);font-weight:400;display:flex;padding:0}
.counts-modal-sub-text ul.counts-item-list{display:flex;flex-flow:wrap;gap:6px 4px;list-style:none;margin:0 0 16px 0;padding:0 0}
.counts-modal-sub-text ul.counts-item-list li{display:flex;color:var(--grayDark);position:relative;border-radius:6px;padding:4px 18px 4px 6px;font-size:var(--size_Small);line-height:var(--line_Small);background-color:var(--grayMild)}
.counts-modal-sub-text ul.counts-item-list li:not(:first-child){margin-left:24px}
.counts-modal-sub-text ul.counts-item-list li:not(:first-child):before{content:"Or";position:absolute;right:calc(100% + 4px);top:2px;font-size:9px;line-height:9px;color:var(--grayLight);background-color:var(--grayMedium);padding:4px 0;text-align:center;width:17px;height:17px;display:inline-block;border-radius:50%;margin-right:1px;flex-shrink:0}
.counts-modal-sub-text ul.counts-item-list li i{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:flex;font-size:var(--size_Small);line-height:var(--line_Small);color:var(--dangerMedium);cursor:pointer}
.dropdown-menu.datepicker{opacity:1;visibility:visible;transition:none}
.counts-item-list{display:flex;flex-flow:column;gap:13px}
.counts-item-list .targetExclude:not(:last-child):after{bottom:-6px}
.TargetingTag.audience .counts-main-header .counts-main-header{padding:0}
.whiteBox.blur-content{box-shadow:none}
.whiteBox.blur-content .boxContent.audienceGroup .audience{opacity:.5;filter:saturate(0)}
.whiteBox.activegroup{box-shadow:inset 0 0 0 1px var(--primaryLight),inset 0 0 0 4px var(--primaryMild)}
.generatedResultsAI .boxContent{padding:0;position:relative}
.showData{height:220px;z-index:0;display:inline-block;overflow:hidden;width:calc(100% - 24px);margin:12px}
.showData:after{content:"Additional Details";position:absolute;right:24px;bottom:7px;pointer-events:none;cursor:pointer;z-index:3;padding:2px 13px 3px 10px;background-color:transparent;color:var(--primary);border-radius:99px;opacity:0;visibility:hidden;transition:var(--animation);background-image:url('../images/next.svg');background-position:right center;background-repeat:no-repeat}
.showData:hover:after{opacity:1;visibility:visible}
.showData:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:3;border-radius:0 0 var(--radius) var(--radius);background:var(--white);pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 -3px 15px rgba(15,18,21,.2);transition:var(--animation)}
.showData:hover:before{opacity:1;visibility:visible}
.swotBox .showData{height:100%;margin:0;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;z-index:0;color:var(--grayDark)}
body .swotBox .showData:before{background-color:var(--grayMild)!important;position:absolute;left:5px;right:5px;top:5px;bottom:5px;pointer-events:none;height:initial!important;opacity:1;visibility:visible;box-shadow:none;border-radius:var(--radius)!important;z-index:-1;transition:var(--animation);transform:scale(1)}
body .swotBox .showData:hover:before{transform:scale(1.1);opacity:0;visibility:hidden}
body .swotBox .showData:after{content:"";background-color:var(--primaryLight)!important;position:absolute;left:5px;right:5px;top:5px;bottom:5px;pointer-events:none;height:initial!important;opacity:0;visibility:hidden;box-shadow:none;background-image:none!important;border-radius:var(--radius)!important;z-index:-1;transition:var(--animation);transform:scale(.9)}
.swotBox .showData:hover:after{transform:scale(1);opacity:1;visibility:visible}
.swotBox .showData span{color:var(--grayDark);transition:var(--animation);max-width:calc(100% - 20px);word-break:break-all}
.swotBox .showData:hover span{color:var(--primary)}
.showData a{display:block;width:100%;height:100%;padding:24px}
.showData a strong{display:block;width:100%}
.overlay-screen,.overlay-screen-marketing,.overlay-screen-golive{background:rgba(20,25,35,.4);backdrop-filter:blur(2px);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;display:flex;align-items:center;justify-content:center}
.overlay-screen-golive .modal-alert-box{display:flex;flex-flow:column;gap: 12px;justify-content:center;align-items:center;padding:24px;}
.overlay-screen,.overlay-screen-apexcharts{background:rgba(20,25,35,.4);backdrop-filter:blur(2px);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;display:flex;align-items:center;justify-content:center}
.spinningLoader{background:var(--ovarlay);backdrop-filter:blur(2px);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;display:flex;align-items:center;justify-content:center}
.spinningLoader img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scaleX(-1);width:70px}
.modal-alert-box{background-color:var(--white);border-radius:var(--radius);z-index:9;width:100%;max-width:700px;display:flex;align-items:center;margin:0 auto;box-shadow:var(--shadowModal)}
.modal-alert-box-inner{width:100%;text-align:center}
.loader-title{font-size:16px;width:100%;text-align:center;padding:0 30px 0 30px}
.modal-button-grp-box{display:flex;align-items:center;justify-content:center;padding:20px 10px}
.modal-button-grp-box .btn{font-size:16px;margin:0 10px!important}
.btnN2Avail{background:transparent linear-gradient(92deg,#00cc80 0,#0080b9 100%) 0 0 no-repeat padding-box!important;box-shadow:0 5px 15px #00000029!important;color:#fff;cursor:pointer}
.modal-footer .btn btn-primary,.modal-footer .btn.btn-secondary{font-size:16px!important}
#modalTdFbDataGroup .modal-body{padding:0 24px;margin:24px 0;border-radius:var(--radius)}
#modalTdFbDataGroup .modal-body fieldset{padding:0;background-color:var(--white);border-radius:var(--radius)}
.modal-bodySticky{padding:12px 24px 0 24px;border-bottom:solid 1px var(--grayLight);background:var(--grayMild)}
.modal-bodySticky .form-horizontal{padding:0;margin:0}
#modalTdFbDataGroup table thead th{background-color:var(--primary)!important;color:var(--white)}
#modalTdFbDataGroup table tbody tr{background-color:var(--primaryMild)!important}
#modalTdFbDataGroup h3{display:flex;align-items:center;gap:6px}
#modalTdFbDataGroup h3 img{width:20px;height:auto}
.form-horizontal{display:flex!important;flex-flow:row;gap:12px;align-items:end;padding:0;margin-top:12px}
.form-horizontal>div{flex-grow:1}
.form-horizontal>i{margin-bottom:15px}

.form-horizontal>i:is(#btnAddTradeDesk, #btnRemoveTradeDesk){margin-bottom: 11px;}
#modalTdFbDataGroup hr{border-top:dashed 1px var(--grayMedium);opacity:.5;margin:24px 0}
#modalTdFbDataGroup input:not([type=submit],[type=checkbox],[type=radio]):disabled{background:var(--grayMild)!important}
table .dataTables_wrapper{position:relative;padding:70px 18px 65px 18px;background-color:var(--primaryMild);border-radius:var(--radius)}
table .dataTables_wrapper .dataTables_filter.searchArea{position:absolute;right:18px;top:18px}
table .dataTables_wrapper .dataTables_filter.searchArea a{position:absolute;right:15px;top:14px}
table .dataTables_wrapper .dataTables_length{position:absolute;left:18px;bottom:18px}
table .dataTables_wrapper .dataTables_length label{display:flex;flex-flow:row;align-items:center}
table .dataTables_wrapper .dataTables_length label select{border:none;outline:0;min-width:inherit;width:auto;padding:6px;margin:0 5px}
table .dataTables_wrapper .dataTables_paginate{position:absolute;right:18px;bottom:18px}
table .dataTables_wrapper .dataTables_info{display:none}
.dataTables_wrapper table tbody tr.details,.dataTables_wrapper table tbody tr.details:hover{background-color:var(--primaryLight);box-shadow:none;border:none}
.dataTables_wrapper table tbody tr.details td.details{padding:2px 18px 18px 18px}
.dataTables_wrapper table tbody tr.dt-hasChild,.dataTables_wrapper table tbody tr.dt-hasChild:hover{background-color:var(--primaryLight);box-shadow:none;border:none}
.dataTables_wrapper table tbody tr.dt-hasChild td,.dataTables_wrapper table tbody tr.dt-hasChild:hover td{font-weight:500}
table p{word-break:break-all}
.tabberSection #myTab~.dropdown.icon{position:absolute;right:0;top:0}
.jconfirm .jconfirm-box div.title-c{padding-left:0!important}
.jconfirm.jconfirm-white .jconfirm-box .buttons{display:flex;flex-flow:row;gap:2px;justify-content:end;align-items:center}
.outPutGeo a{color:var(--grayDark)}
.outPutGeo .targetInclude:not(:last-child):after,.targetExclude:not(:last-child):after{bottom:-7px}
.selections-filter-loading{text-align:center}
.ui-sortable-helper.targetExclude:before,.ui-sortable-helper.targetInclude:before{content:"";position:absolute;left:-8px;right:-8px;top:-8px;bottom:-8px;z-index:-1;box-shadow:var(--shadowDropdown);border-radius:6px;background-color:var(--white)}
.profileDetails{position:relative}
.profileDetails h4{display:none}
.profileDetails .boxContent{padding-top:90px}
.userAvatar{width:130px;height:130px;box-sizing:border-box;border-radius:50%;border:solid 2px var(--white);overflow:hidden;display:inline-block;background-color:var(--grayMild)}
.userAvatar img{width:100%;object-fit:cover;height:100%!important}
.userAvatarWrapper{width:130px;height:130px;display:inline-block;position:absolute;left:24px;top:-65px}
.userAvatarWrapper span{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;background-color:rgba(15,17,22,.75);cursor:pointer;opacity:0;visibility:hidden;transition:var(--animation);display:flex;justify-content:center;align-items:center;z-index:2}
.userAvatarWrapper:hover span{opacity:1;visibility:visible}
.userAvatarWrapper span img{filter:var(--filterWhite);width:46px;height:46px!important}
.siteUrlFld{position:relative}
.siteUrlFld i{position:absolute;left:10px;top:1px}
.siteUrlFld span{position:absolute;left:50px;top:10px}
.siteUrlFld input{padding-left:53px!important}
.webSiteTags .tagDropdown{display:flex;flex-flow:row;gap:6px;background-color:var(--white);border:solid 1px var(--grayLight);border-radius:8px;margin-bottom:0;width:100%;padding:0 12px}
body .webSiteTags input:not([type=submit],[type=checkbox],[type=radio]){border:none;border-radius:0;width:inherit;background-color:transparent}
body .webSiteTags input:not([type=submit],[type=checkbox],[type=radio]):focus,body .webSiteTags input:not([type=submit],[type=checkbox],[type=radio]):focus-visible{border:none;border-radius:0;width:inherit;box-shadow:none}
body .enterKeyWrds input:not([type=submit],[type=checkbox],[type=radio]){border:none;border-radius:0;width:inherit;background-color:transparent}
body .enterKeyWrds input:not([type=submit],[type=checkbox],[type=radio]):focus,body .enterKeyWrds input:not([type=submit],[type=checkbox],[type=radio]):focus-visible{border:none;border-radius:0;width:inherit;box-shadow:none}
.boxContent.position-relative{padding:45px 24px 24px 24px}
.viewKeyWrds{position:absolute;right:18px;top:10px;color:var(--primary);font-size:var(--size_Label);line-height:var(--line_Label);padding:2px 13px 3px 10px;background-image:url(../images/next.svg);background-position:right center;background-repeat:no-repeat;cursor:pointer}
.dropdown.icon.temDownLd>a{background-color:var(--primaryLight);gap:0;color:var(--primary);border-radius:8px;padding:1px 13px 1px 0}
#keywordBody img{text-align:center}
.topGroupParent.GeoTag>div{min-height:calc(100vh - 123px)}
.topGroupParent.GeoTag>div>.whiteBox{flex-grow:1}
#geography[data-section="Research"] .topGroupParent.GeoTag>div{min-height:calc(100vh - 100px)}
#geography[data-section="Forecast"] .topGroupParent.GeoTag>div{min-height:calc(100vh - 162px)}

#geography .topGroupParent.GeoTag>div>.whiteBox{flex-grow:1}
#review .topGroupParent.GeoTag>div{min-height:inherit}
#review .topGroupParent.GeoTag>div>.whiteBox{flex-grow:unset}
.enterKeywordWrap{display:flex;flex-flow:column;height:100%;gap:26px}
.enterKeywordWrap .enterKeyWrds,.tabberSection .tab-content .tabContentArea .enterKeywordWrap .enterKeyWrds{flex-flow:wrap;align-items:start;justify-content:start}
.enterKeywordWrap .httpUrl{border-top:dashed 1px var(--grayLight);padding-top:19px}
.enterKeywordWrap .enterKeyWrds .tagWrapper{border:solid 1px var(--grayLight);border-radius:8px;padding:12px;align-items:start;min-height:120px}
.enterKeywordWrap .enterKeyWrds .clsTag-wrapper{flex-flow:wrap;align-items:start;justify-content:start}
.enterKeywordWrap .enterKeyWrds input:not([type=submit],[type=checkbox],[type=radio]){padding:1px}
.enterKeywordWrap .enterKeyWrds input:not([type=submit],[type=checkbox],[type=radio]):focus-visible{background:var(--grayMild);border-radius:4px}
.keywordExport{position:absolute;right:60px;top:11px}
#AINoData{padding:24px}


.clsTag-wrapper.tag_section_keyword{flex-flow:wrap;}
.tagWrapper .clsTag-wrapper.tag_section_keyword span{white-space:nowrap;}
[type=search]::-webkit-search-cancel-button{appearance:none}
body .dropzone{border:dashed 2px var(--primaryMedium);border-radius:var(--radius);padding:24px;text-align:center}
body .dropzone .dz-preview .dz-image img{width:100%;height:100%;object-fit:cover}
.Main_bg.Sales_Overview.countresults{position:fixed;left:120px;bottom:21px;background-color:var(--primary);box-shadow:var(--shadowDropdown);z-index:9999999;padding:12px 18px;border-radius:var(--radius);color:var(--white);display:flex;flex-flow:row;gap:8px;align-items:center}
.Main_bg.Sales_Overview.countresults p{color:var(--white);margin:0}
.Main_bg.Sales_Overview.countresults a{color:var(--white);font-size:var(--size_default);line-height:var(--line_default);display:inline-block;padding:2px 6px;background-color:var(--primary);border-radius:6px}
.Main_bg.Sales_Overview.countresults i img{filter:var(--filterWhite)}
.Main_bg.Sales_Overview.countresults .Alert_page .close{position:absolute;width:20px;line-height:29px;height:20px;opacity:.5;border-width:0;border-style:solid;border-radius:50%;right:15px;top:5px;text-align:center;font-size:1.6em;cursor:pointer}
.text-core .text-wrap{height:auto!important;border:solid 1px var(--grayLight);justify-content:start;border-radius:8px;display:flex;flex-flow:wrap;position:relative!important;padding-bottom:38px!important}
.text-core .text-wrap .text-tags{position:static!important;padding-top:5px!important;padding-bottom:5px!important;width:auto!important}
.text-core .text-wrap .text-tags .text-tag{background:var(--primaryMild)!important;border:none;box-shadow:none!important}
.text-core .text-wrap .text-tags .text-tag .text-button{border:none!important;background:0 0!important;height:auto!important}
body .text-core .text-wrap .text-tags .text-tag .text-button a.text-remove{right:0;top:7px!important;background-color:transparent!important}
body .text-dropdown{top:100%!important}
body .text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected{background:var(--primaryLight)!important}
.text-core .text-wrap input{padding:8px!important;width:auto!important;text-align:left;bottom:0;left:8px;right:8px}
.text-core .text-wrap input:focus-visible{box-shadow:none;border:none}

body .jconfirm .jconfirm-box{padding:0;border-radius:var(--radius)!important;overflow:hidden;box-shadow:var(--shadowModal)!important}
body .jconfirm .jconfirm-box .title-c{background:var(--primaryMild);padding:16px 24px!important}
body .jconfirm .jconfirm-box .title-c .title{padding:0!important;font-size:var(--size_H3)!important;line-height:var(--line_H3);font-weight:400;color:var(--primary);text-transform:capitalize}
body .jconfirm-box .content-pane{padding:24px!important;height:auto;margin:0!important}
body .jconfirm-box .content-pane .content{position:static!important}
body .jconfirm.jconfirm-white .jconfirm-box .buttons{float:none!important;width:100%;display:flex;flex-flow:row;gap:10px;justify-content:end;margin:0;padding:12px}
body .jconfirm.jconfirm-white .jconfirm-box .buttons .btn{min-width:105px;justify-content:center;background-color:var(--primary);font-size:16px;line-height:18px;font-weight:300;color:var(--white);display:flex;width:max-content;padding:11px 16px;border-radius:8px;transition:var(--animation)!important;align-items:center;gap:8px;border:none;outline:0;cursor:pointer!important}
body .jconfirm.jconfirm-white .jconfirm-box .buttons .btn:hover{background-color:var(--white)!important;color:var(--primary)!important;box-shadow:var(--shadowClickable)}
body .jconfirm.jconfirm-white .jconfirm-box .buttons .btn.btn-default{background-color:var(--primary);color:var(--white)}
body .jconfirm.jconfirm-white .jconfirm-box .buttons .btn.btn-warning{background-color:var(--primaryLight);color:var(--primary);color:var(--white)}
body .jconfirm .jconfirm-box div.title-c .icon-c{display:none!important}
ul .fa-lock{margin-right:5px;color:var(--bs-primary-rgb)}
.edit-mode{position:relative;display:flex;flex-flow:row;align-items:center;gap:5px}
.iCustomChannelEdit{width:100%}
.edit-mode:hover .iCustomChannelIcon{display:inline-block!important}
.iCustomChannelIcon{display:none;height:42px;position:absolute;top:50%;left:-7px;right:0;transform:translateY(-50%);cursor:text;border-radius:8px;border:solid 1px var(--grayLight);z-index:0}
.iCustomChannelIcon:before{position:absolute;right:-1px;top:1px;width:10px;height:10px;display:inline-block;margin:0;transform:unset!important;font-size:9px;line-height:9px;color:var(--white);z-index:3;cursor:pointer}
.iCustomChannelIcon:after{content:"";position:absolute;right:-6px;top:-4px;width:19px;height:19px;display:inline-block;margin:0;transform:unset!important;background-color:var(--success);border-radius:50%;z-index:1;cursor:pointer}
.CustomChannelName{width:250px!important}
.CustomImpression,.CustomPotential{width:150px!important;/*text-align:right!important*/}
.CustomBudgetPercentage{width:100%}
.Purcent_box label{width:100%}
.chartWrapper .NoData{position:relative;height:365px;padding:inherit!important}
.chartWrapper .NoData p{max-width:calc(100% - 24px);width:max-content;padding:10px 20px;background-color:var(--grayLight);color:var(--grayDark);font-size:var(--size_default);line-height:var(--line_default);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:6px;margin:0}
::-webkit-scrollbar-track{-webkit-box-shadow:0 0 2px transparent;background-color:transparent;height:8px;width:8px}
::-webkit-scrollbar{width:8px;height:8px;background-color:rgba(108,124,140,.25);border:0 solid rgba(108,124,140,.5);border-radius:4px}
::-webkit-scrollbar-thumb{background-color:#7790ac;border:0 solid #6c7c8c;border-radius:4px}
.map_overlay{display:block;position:relative;z-index:1000}
.map_overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--ovarlay);background-image:url('../../images/spinning-dots_white.svg');background-size:50px 50px;background-position:center;background-repeat:no-repeat;z-index:99999}
.tabContentArea table thead tr{background-color:transparent!important;border-radius:8px 8px 0 0;overflow:hidden}
.tabContentArea table thead tr th{background-color:var(--primaryMild)!important}
.tabberSection.availReportsTab .tab-content{flex-grow:1;display:flex;flex-flow:column;background-color:transparent;border-radius:0;box-shadow:none;padding:0}
.tabberSection.availReportsTab .tab-content .tabContentArea .whiteBox{flex-grow:1;gap:12px;background-color:var(--white);border-radius:0 var(--radius) var(--radius) var(--radius);box-shadow:var(--shadowDefault);padding:24px;display:flex;flex-flow:column}
.tabberSection.availReportsTab .tab-content .tabContentArea .whiteBox.round{border-radius:var(--radius)}
table{margin-bottom:0!important}


.form-control.is-checking{background-image:url('../../images/spinning-dots_blue.svg');padding-right:30px;background-repeat:no-repeat;background-position:right 6px center;background-size:20px 20px; pointer-events:none;}

.form-control.is-invalid{background-image:url('../images/warning.svg') !important;padding-right:30px;background-repeat:no-repeat;background-position:right 6px center;background-size:20px 20px; border-color:#f79c09 !important;}

.form-control.is-valid{background-image:url('../images/success.svg') !important;padding-right:30px;background-repeat:no-repeat;background-position:right 6px center;background-size:20px 20px;}

body button.is-checking{pointer-events:none;background-color:var(--grayMedium)!important;color:var(--grayLight)!important}
body button.is-checking i img{filter:var(--filterGrayLight)}
table{margin-bottom:0!important}
body .cke_chrome{border:none}
body .cke_inner{border-radius:10px;border:solid 1px var(--primaryMedium)}
body .cke_top{background-color:var(--primaryMild);border:none;border-radius:10px 10px 0 0}
body .cke_contents{border-radius:11px;height:110px!important}
body .cke_bottom{display:none}
.cke_panel{z-index:9999999!important;position:fixed!important;border-radius:var(--radius);box-shadow:var(--shadowDropdown);border:none!important}
body a.cke_button_off:hover{background:var(--primaryLight);border:solid 1px var(--primaryLight);padding:3px 5px;border-radius:5px}
body a.cke_button_on{background:var(--primaryLight);border:solid 1px var(--primaryLight);padding:3px 5px;border-radius:5px}
.usersPlans{background-color:var(--primaryLight);padding:24px;border-radius:var(--radius)}
.usersPlans .LeftSide{display:flex;flex-flow:column;gap:0;justify-content:start;flex-grow:1;width:100%}
.usersPlans .LeftSide>*{width:100%}
.usersPlans .RightSide{display:flex;flex-flow:column;gap:10px;justify-content:start;flex-grow:1;width:100%;align-items:end}
.usersPlans .LeftSide .planInfo{display:flex;flex-flow:row;gap:12px;justify-content:space-between;align-items:start;margin-bottom:16px}
.usersPlans .LeftSide .planInfo .PlanName{display:flex;flex-flow:column;gap:4px;justify-content:start;align-items:start}
.usersPlans .LeftSide .planInfo .PlanName h4{margin:0;font-size:var(--size_H2)}


.usersPlans .LeftSide .planInfo .status,
.usersPlans .RightSide .status{display:flex;flex-flow:row;gap:6px;align-items:center}
.usersPlans .LeftSide .planInfo .status span,
.usersPlans .RightSide .status span{padding:3px 6px;border-radius:4px;font-size:var(--size_Badge);line-height:var(--line_Badge);display:flex}
.usersPlans .LeftSide .planInfo .status span.periods,
.usersPlans .RightSide .status span.periods{background-color:var(--white);color:var(--gray)}
.usersPlans .LeftSide .planInfo .status span.plnStatus,
.usersPlans .RightSide .status span.plnStatus{background-color:var(--success);color:var(--white)}
.usersPlans .LeftSide .planInfo .status span.plnStatus.alert,
.usersPlans .RightSide .status span.plnStatus.alert{background-color:var(--warningMedium);color:var(--white)}

.usersPlans .RightSide .rightInner{display:flex; flex-flow:column; gap:4px; align-items:end;}
.usersPlans .RightSide .rightInner .rightBtnWrap{display:flex; flex-flow:row; gap:8px; align-items:center; justify-content: end;}

 .usersPlans .RightSide p,
.usersPlans .RightSide p span{color:var(--danger);}

.usersPlans p{margin-bottom:0;color:var(--grayDark)}
.supportPlns{justify-content:center;gap:24px}
.supportPlns .LeftSide{display:flex;flex-flow:column;gap:0;justify-content:start;flex-grow:1;width:100%;align-items:start}
.supportPlns .LeftSide h2{display:flex;flex-flow:row;gap:4px;justify-content:center;align-items:center}
.supportPlns .RightSide{display:flex;flex-flow:column;gap:0;justify-content:start;flex-grow:1;width:auto;align-items:end}
.subscriptionHistory{display:flex;flex-flow:column;gap:12px}
.subscriptionHistory .topPannel{display:flex;flex-flow:row;gap:12px;justify-content:space-between;align-items:start;margin-bottom:0}
#SubscriptionPlanListtbl_wrapper .dataTables_empty{color:var(--danger)}
.subscriptionHistory .dataTables_empty{text-align:center;color:var(--danger)}
.plansSlider{display:flex;flex-flow:column;gap:12px;text-align:center;align-items:center; position:relative; z-index:0;}
.plansSlider:before{content:""; width:80px; aspect-ratio:1/1; position:absolute; left:0; top:0; transform:translate(-50%,50%); background-color:var(--primaryLight); border-radius:50%; display:none;}
.plansSlider:after{content:""; width:30%; aspect-ratio:1/1.1; position:absolute; right:0; bottom:0; transform:translate(25%,15%); z-index:-1; display:none;
background-image: url('../images/plans_graphicone.svg'); background-position:center; background-repeat:no-repeat; background-size:100% auto;
}


.featureOptions{display: flex;flex-flow: wrap;gap:0px 24px;}
.featureOptions > div {flex-basis:calc(33.3333333% - 20px); margin: 15px 0;}
.featureOptions > div.forecastLimit{margin:0;}
.featureOptions .form-group{margin:0 0 0 10px;}
.featureOptions .forecastLimit{display:flex; gap:6px; flex-flow:row; align-items:center;}
.featureOptions .forecastLimit input[type="number"]{width: 100px;}


a.compare{position:absolute; right:0; top:50px; z-index:9;color: var(--primary);}
a.compare img{filter:var(--filterPrimary);}
.plansSlider h3{font-size:20px;line-height:22px;color:var(--grayDark); font-weight:700;}
.plansSlider .PlanCards{background-color:var(--grayMild);border-radius:var(--radius); padding:24px;margin:20px 0;display:flex;flex-flow:column;gap:18px;transition:var(--animation); border:solid 2px var(--grayMild); height: 100%;}
.plansSlider .PlanCards:not(.recommended):hover{background-color:var(--primaryMild); box-shadow:var(--shadowDefault); border:solid 2px var(--white);}
.PlanTopSec .priceDisplay{display:flex;flex-flow:row;gap:12px;align-items:end;justify-content:start;min-height: 71px;}
.PlanTopSec .priceDisplay span:first-child{font-size:36px;line-height:46px;color:var(--grayDark); font-weight:600;}
.PlanTopSec .priceDisplay span:last-child{font-size:var(--size_Label);line-height:var(--line_Label);color:var(--grayDark); padding-bottom:4px;}
.PlanTopSec .priceDisplay span:last-child:before{content:"/";}
.owl-item:last-child .PlanTopSec .priceDisplay span:first-child{font-size:30px;line-height:40px; text-align:left;}

.modal .owl-item .PlanCards ul li{text-align:left;padding:3px 0}
.modal .owl-item .PlanCards ul li:before{display:none;text-align:left}
body .PlanCards button.primary{min-width:100%;}
.bodyContent.subscriptionPlansPage .container-fluid{max-width:1440px;}
.PlanTopSec{display:flex; flex-flow:column; gap:12px; border-bottom:solid 1px #456DE550; padding-bottom:24px;}
.basicInfo{display:flex; flex-flow:column; gap:12px;}
.basicInfo p,
.basicInfo p strong{text-align:left; font-size:18px; line-height:22px; color:var(--grayDark); font-weight:500;}
.PlanCards .planTitle{display:flex;flex-flow:column;justify-content:start;align-items:start; padding-bottom: 0; min-height:45px;}
.PlanTopSec .planTitle h3{text-align:left; font-size:20px;line-height:24px;color:var(--grayDark); font-weight:600; margin:0; transition:var(--animation);}
.PlanCards:hover .planTitle h3{color:var(--primaryMedium);}
.PlanTopSec .planTitle span{font-size:13px;line-height:15px; color:var(--primary); padding:3px 0px; background:transparent; border-radius:4px;}
.PlanCards.recommended .planTitle span{background-color:var(--primaryMedium); color:var(--white); padding:3px 6px;}
.PlanCards.recommended{position:relative;z-index:0;background:var(--primaryLight); border:solid 2px var(--primaryLight);}

.PlanCards.active{pointer-events:none;}
.PlanCards.active .planTitle span{background-color:var(--primaryMedium); color:var(--white); padding:3px 6px;}
.PlanCards.active{position:relative;z-index:0;background:var(--primaryLight); border:solid 2px var(--primaryLight);}

.PlanCards.recommended>*{position:relative;z-index:2}
.PlanCards.recommended h3{color:var(--primaryMedium);}

.PlanCards.active>*{position:relative;z-index:2}
.PlanCards.active h3{color:var(--primaryMedium); position:relative; width: 100%; padding-right: 80px;}
.PlanCards.active h3:after{content:"Active"; position:absolute; right:0; background-color: var(--success); color: var(--white); padding: 3px 6px; font-size: 13px; line-height: 15px; border-radius: 4px;}


body .PlanCards.active button.primary { background-color:var(--primaryDark); pointer-events:none;}
.modal .owl-item .PlanCards.recommended ul li{color:var(--white)}
body .PlanCards.recommended button.primary{min-width:100%;background-color:var(--primary);color:var(--white)}
.PlanCards.recommended .planTitle span{display:flex}

.PlanCards ul{list-style:none; margin:0; padding:0 0 18px 0; display:flex; flex-flow:column; gap:12px; }
.PlanCards ul li{text-align:left; font-size:var(--size_H3); line-height:var(--line_H3); color:var(--grayDark); padding-left:24px; position:relative;}
.PlanCards ul li:before{content:""; width:16px; height:16px; position:absolute; left:0; top:4px; background-image:url('../images/planList.svg');background-position:center top;background-size:100% auto;background-repeat:no-repeat; filter:saturate(0); transition:var(--animation);}
.PlanCards:not(.recommended):hover ul li:before,
.PlanCards.recommended ul li:before{filter:saturate(5);}

.PlanCards.RequestDemo{background-color:var(--primaryMild); border:dashed 2px var(--primaryLight);}
.PlanCards.RequestDemo h4{color:var(--primary); font-size:30px; line-height:32px; text-align:left; font-weight:600;}
#payment-form{min-height:100vh}
#payment-form .bodyRender{background-color:#edf2fa;height:100%;position:relative;z-index:0;padding:12px}
#payment-form .bodyRender:before{content:"";background-image:url('../images/paymentbg.svg');background-position:center top;background-size:100% auto;background-repeat:no-repeat;position:absolute;width:35%;padding-top:25%;display:block;bottom:0;left:50%;transform:translateX(-50%);z-index:1}
#payment-form .bodyRender>div{position:relative;z-index:4}
.paymentFor{display:flex;width:100%;justify-content:space-between;align-items:start;padding-left:12px}
.cardInfos{background-color:var(--primaryLight)}
body #payment-form .cardInfos .boxContent button{background-color:var(--primary)!important;color:var(--white)!important;width:100%!important}
body #payment-form .cardInfos .boxContent button span{color:var(--white)!important}
.planDetails{display:flex;flex-flow:row;gap:8px;align-items:center;font-size:var(--size_H3);line-height:var(--line_H3);color:var(--primary)}
.planDetails h2{margin:0;color:var(--grayDark)}
#payment-form .LeftSide{display:flex;flex-flow:column;gap:4px;justify-content:start;align-items:start}
#payment-form .LeftSide .price{font-size:var(--size_default);line-height:var(--line_default);color:var(--primary);display:flex;flex-flow:row;gap:8px;align-items:center}
#payment-form .LeftSide .price span{font-size:var(--size_Display);line-height:var(--line_Display);color:var(--primary);font-weight:300}
body #payment-form input:not([type=submit],[type=checkbox],[type=radio]){background-color:var(--white);border:solid 1px var(--grayLight);border-radius:8px;outline:0;font-size:var(--size_default);line-height:var(--line_default);padding:9px 12px;margin-bottom:0;width:100%}
body #payment-form .whiteBox.basicInfoScrollable{max-height:calc(100vh - 110px);overflow:auto}
.loaderForLazy{width:100%;height:160px;display:none;justify-content:center;align-items:center}
.loaderForLazy img{width:40px;height:40px;transform:scaleX(-1)}
.paymentSuccessfull{height:100vh}
.paymentSuccessfull .bodyRender{height:100%}
.paymentSuccessfull .thankYouWrapper{background-color:var(--white); box-shadow:var(--shadowDefault); border-radius:16px; padding:48px 24px; margin:0 34px;}
.paymentSuccessfull .thanksMsg{width:100%;text-align:center}
.paymentSuccessfull .thanksMsg h1{font-size:34px;line-height:40px;font-weight:500;color:var(--primary)}
.paymentSuccessfull .thanksMsg h4{font-size:24px;line-height:30px;font-weight:300;color:var(--grayDark)}
.iconSuccess{width:100px;height:100px;display:inline-block; border:solid 16px #a5e380; border-radius:50%;}
.iconSuccess img{width:100%;height:auto}
.paymentSuccessfull .orderDetails{display:flex;flex-flow:column;justify-content:space-between; margin-top:24px; margin-bottom:24px; padding:0px 0px 0 0px; border-top:solid 1px var(--grayLight); border-radius:0; gap:0px; box-shadow:none;}
.paymentSuccessfull .orderDetails .orderDetailsBlock{display:flex;flex-flow:row;justify-content:space-between;align-items:start;  padding:8px 16px;}
.paymentSuccessfull .orderDetails .orderDetailsBlock:not(:last-child){border-bottom:solid 1px var(--grayLight);}
.paymentSuccessfull .orderDetails .orderDetailsBlock:last-child{align-items:end}
.paymentSuccessfull .orderDetails .orderDetailsBlock label{font-size:var(--size_Label);line-height:var(--line_Label);color:var(--grayDark)}
.paymentSuccessfull .orderDetails .orderDetailsBlock span{font-size:var(--size_Label);line-height:var(--line_Label);color:var(--grayDark)}
.paymentSuccessfull .paymentSummary{background-color:transparent;box-shadow:none; border-radius:0;}
.paymentSuccessfull .paymentSummary table tbody tr td,.paymentSuccessfull .paymentSummary table tfoot tr td,.paymentSuccessfull .paymentSummary table thead tr th{padding:8px 16px!important;background-color:var(--white)}
.paymentSuccessfull .paymentSummary table tbody tr td:last-child,.paymentSuccessfull .paymentSummary table tfoot tr td:last-child,.paymentSuccessfull .paymentSummary table thead tr th:last-child{text-align:right}
.paymentSuccessfull .paymentSummary table thead tr th:first-child{border-radius:10px 0 0 0}
.paymentSuccessfull .paymentSummary table thead tr th:last-child{border-radius:0 10px 0 0}
.paymentSuccessfull .paymentSummary table tfoot tr td:first-child{border-radius:0 0 0 10px}
.paymentSuccessfull .paymentSummary table tfoot tr td:last-child{border-radius:0 0 10px 0}
.paymentSuccessfull .paymentSummary table tbody tr:hover{box-shadow:none}
.paymentSuccessfull .paymentSummary table th{font-weight:500; color:var(--grayDark) !important;}
.paymentSuccessfull .paymentSummary table tfoot td{font-weight:500; color:var(--grayDark) !important;}
.paymentSuccessfull .paymentSummary table td{ color:var(--grayMedium    ) !important;}
.paymentSuccessfull table td:before{content: "";
    width: 100%;
    height: 1px;
    background-color: var(--grayLight);
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;}

.paymentSuccessfull table tfoot td:before{content: "";
    width: 100%;
    height: 1px;
    background-color: var(--gray);
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0; opacity:0.25;}
.paymentSuccessfull .btnWrapper{width:100%;display:flex;justify-content:center;align-items:center;padding-top:24px;gap:12px}
.exportElements{width:100%;display:flex;flex-flow:wrap;gap:0}
.exportElements label{flex-basis:50%}
.exportElements label:first-child{flex-basis:100%}
.tooltipAlert{position:fixed;top:12px;right:24px;z-index:999999;border-radius:8px;box-shadow:var(--shadowModal);background-color:var(--primary);transform:translateY(-20px);transition:var(--animation);opacity:0;visibility:hidden;min-width:250px;max-width:350px;padding:10px 16px}
.tooltipAlert.show{transform:translateY(0);opacity:1;visibility:visible}
.tooltipAlert.success{background-color:var(--success)}
.tooltipAlert.warning{background-color:var(--warning)}
.tooltipAlert.danger{background-color:var(--danger)}
.tooltipAlert p{font-size:var(--size_default);line-height:var(--line_default);margin:0;color:var(--white)}
body.nosidebar .headerFixed{left:0;width:calc(100% - 0px)}
body.nosidebar footer.footer{left:0}
body.nosidebar .bodyContent{margin-left:0;width:calc(100% - 0px)}
.overlay-screen.generation{left:inherit;right:0;transition:var(--animation)}
.overlay-screen.generation.move{background-color:rgba(20,25,35,.05)}
.overlay-screen.generation .modal-alert-box{display:flex;flex-flow:column;max-width:550px;padding:24px;background-color:var(--white);transition:var(--animation);position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}
.overlay-screen.generation.move .modal-alert-box{padding:14px 16px;background-color:var(--success);min-width:250px;max-width:400px;text-align:left;right:0;top:0;transform:translate(-12px,12px);align-items:start}
.overlay-screen.generation .modal-alert-box .loaderIcon{width:150px;height:auto;margin-top:12px;margin-bottom:24px}
.overlay-screen.generation .modal-alert-box .loaderIcon img{width:100%;height:auto}
.overlay-screen.generation .loader-title{font-size:19px;line-height:23px;margin:0 0 4px 0;padding:0}
.overlay-screen.generation p{font-size:var(--size_default);line-height:var(--line_default);color:var(--grayMedium)}
.overlay-screen.generation p.submitted{display:none}
.overlay-screen.generation.move .loader-title,.overlay-screen.generation.move .modal-alert-box .loaderIcon{display:none}
.overlay-screen.generation.move .modal-alert-box p.msg{display:none;color:var(--white)}
.overlay-screen.generation.move .modal-alert-box p.submitted{display:flex;color:var(--white);margin:0}
.exportOpt{position:relative}
.exportOpt .exportOpts{display:flex;flex-flow:row;padding:12px;gap:12px;position:absolute;top:calc(100% + 3px);right:0;transform:translate(0,-10px);opacity:0;visibility:hidden;transition:var(--animation);background-color:var(--white);box-shadow:var(--shadowDropdown);border-radius:var(--radius)}
.exportOpt .exportOpts:before{content:"";position:absolute;right:35px;top:-25px;border-left:solid 16px transparent;border-top:solid 16px transparent;border-right:solid 16px transparent;border-bottom:solid 16px var(--primaryMild)}
.exportOpt .exportOpts.show{transform:translate(0,0);opacity:1;visibility:visible}
.exportOpt .exportOpts li{padding:0}
.exportOpt .exportOpts{flex-flow:column;padding:0;gap:0;display:flex;background-color:var(--white);box-shadow:var(--shadowDropdown)}
.exportOpt .exportOpts .exportElements{max-height:300px;overflow:auto;display:flex;flex-flow:wrap;width:600px;padding:12px 14px}
.exportOpt .exportOpts .exportElements label{flex-basis:50%}
.exportOpt .exportOpts .exportElements label:first-child{flex-basis:100%}
.exportBtnWrap{display:flex;justify-content:end;border-top:solid 1px var(--grayLight);padding:14px 18px;gap:8px;width:100%}
.modal-footer .exportBtnWrap{border-top:solid 0 var(--grayLight);padding:0;margin:0}
.exportBtnWrap a.dropdown-item{flex-flow:row;display:flex;justify-content:center;background-color:var(--grayMild);gap:0;padding:6px 12px 6px 8px;color:var(--primary);width:max-content;border:solid 1px var(--grayLight);border-radius:6px}
.exportBtnWrap a.dropdown-item:hover{background-color:var(--white);color:var(--primary);box-shadow:var(--shadowClickable)}
.exportBtnWrap a.dropdown-item i{height:30px;width:30px;background-color:var(--white);display:flex;justify-content:center;align-items:center;border-radius:50%}
.exportBtnWrap a.dropdown-item i img{height:16px;width:16px}
.exportOpt .exportOpts h4{background-color:var(--primaryMild);color:var(--primaryMedium);margin:0;padding:14px 18px;border-radius:var(--radius) var(--radius) 0 0}
.modal .noData{width:100%;min-height:240px;position:relative}
.modal .noData p{max-width:calc(100% - 24px);width:max-content;padding:10px 20px;background-color:var(--dangerMild);color:var(--danger);font-size:var(--size_default);line-height:var(--line_default);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:6px;margin:0}
.overlay-screen.generation.move .modal-alert-box p.submitted{display:flex;color:var(--white);margin:0}
.share-modal .selected-users-parent{display:flex;flex-flow:column;gap:4px;padding:10px;border-radius:var(--radius);border:solid 2px var(--grayLight)}
.share-modal .selected-users-parent .selected-users{display:flex;flex-flow:wrap;gap:4px 4px;max-height:100px;overflow:auto}
.share-modal .selected-users .user-tab-content{display:flex;flex-flow:row;gap:6px;padding:3px 6px 3px 3px;border-radius:4px;background-color:var(--grayMild);align-items:center;border:solid 1px var(--grayLight);transition:var(--animation)}
.share-modal .selected-users .user-tab-content:hover{background-color:var(--dangerMild);border:solid 1px var(--dangerMild)}
.share-modal .selected-users .user-tab-content img{width:14px;height:14px;border-radius:50%}
.share-modal .selected-users .user-tab-content span{font-size:var(--size_Small);line-height:var(--line_Small);color:var(--gray);transition:var(--animation)}
.share-modal .selected-users .user-tab-content:hover span{color:var(--grayDark)}
.share-modal .selected-users .user-tab-content .close-icon{width:10px;height:10px;cursor:pointer;position:relative}
.share-modal .selected-users .user-tab-content .close-icon:after,.share-modal .selected-users .user-tab-content .close-icon:before{content:"";width:10px;height:2px;background-color:var(--danger);position:absolute;left:50%;top:50%;transition:var(--animation)}
.share-modal .selected-users .user-tab-content .close-icon:before{transform:translate(-50%,-50%) rotate(0)}
.share-modal .selected-users .user-tab-content .close-icon:after{transform:translate(-50%,-50%) rotate(0)}
.share-modal .selected-users .user-tab-content:hover .close-icon:before{transform:translate(-50%,-50%) rotate(-45deg)}
.share-modal .selected-users .user-tab-content:hover .close-icon:after{transform:translate(-50%,-50%) rotate(45deg)}
.share-modal .selected-users-parent input{border:none;padding:0 0;border-radius:0;background:0 0}
.share-modal .selected-users-parent input:focus-visible{box-shadow:none;border:none}
.share-modal .shareuserddl{position:absolute;left:0;right:0;top:100%;z-index:999;background-color:var(--white);padding:6px 4px 6px 10px;border-radius:var(--radius);box-shadow:var(--shadowDropdown)}
.share-modal ul{display:flex;flex-flow:column;gap:8px;max-height:250px;overflow:auto;padding:0!important}
.share-modal ul li{display:flex;flex-flow:row;gap:6px;padding:6px!important;border-radius:6px;background-color:var(--white);transition:var(--animation);cursor:pointer}
.share-modal ul li:hover{background-color:var(--primaryMild)}
.share-modal ul li:before{display:none}
.share-modal ul li .share-in-image{width:36px;height:36px;display:flex;justify-content:center;align-items:center;flex-shrink:unset;overflow:hidden;border-radius:50%}
.share-modal ul li .share-in-image img{width:100%;height:100%;object-fit:fill}
.share-modal ul li .share-in-user{flex-grow:1;display:flex;flex-flow:column;gap:2px}
.share-modal ul li .share-in-user span:first-child{font-size:var(--size_Label);line-height:var(--line_Label);color:var(--grayDark);transition:var(--animation)}
.share-modal ul li:hover .share-in-user span:first-child{color:var(--primary)}
.share-modal ul li .share-in-user span:last-child{font-size:var(--size_Small);line-height:var(--line_Small);color:var(--grayMedium)}
.share-modal .copiedMsg{padding:6px 12px;margin:0;border:solid 1px var(--successMedium);border-radius:99px;font-size:var(--size_Label);line-height:var(--line_Label);background-color:var(--successMild);color:var(--success);display:flex;position:relative;transform:translateX(10px);opacity:0;visibility:hidden;transition:var(--animation);white-space:nowrap}
.share-modal .copiedMsg.show{transform:translateX(0);opacity:1;visibility:visible}
.share-modal .outputMsg{padding:6px 12px;margin:0;border:solid 1px var(--successMedium);border-radius:99px;font-size:var(--size_Label);line-height:var(--line_Label);background-color:var(--successMild);color:var(--success);display:flex;position:relative;transform:translateX(10px);opacity:0;visibility:hidden;transition:var(--animation);white-space:nowrap}
.share-modal .outputMsg.show{transform:translateX(0);opacity:1;visibility:visible}
.forcast-processing,.forcast-ready{display:flex;flex-flow:row;align-items:center;justify-content:start;position:relative}
.forcast-processing{padding-left:30px}
.forcast-ready{padding-left:22px}
.forcast-processing:before,.forcast-ready:before{content:"";background-repeat:no-repeat;background-size:100% auto;background-position:center;display:flex;position:absolute;left:0;top:4px;z-index:1}
.forcast-processing:before{background-image:url('../images/three-dots.svg');width:24px;height:14px;margin-right:6px}
.forcast-ready:after{content:"";width:16px;height:16px;display:flex;flex-shrink:0;border-radius:50%;background-color:var(--successMedium);position:absolute;left:0;top:3px}
.forcast-ready:before{background-image:url('../images/tick.svg');filter:var(--filterWhite);background-size:10px 10px;width:14px;height:14px;margin-right:6px;left:1px;top:4px}
.toasterMSg{position:fixed;right:12px;top:12px;z-index:9999999;border-radius:var(--radius);box-shadow:var(--shadowModal);background-color:var(--info);display:flex;flex-flow:row;gap:8px;min-width:250px;max-width:350px;padding:12px 18px;transform:translateY(-12px);opacity:0;visibility:hidden;transition:var(--animation)}
.toasterMSg.show{transform:translateY(0);opacity:1;visibility:visible}
.toasterMSg .toasterIcon{width:20px;height:20px;display:flex;flex-shrink:0;justify-content:center;align-items:center}
.toasterMSg .toasterIcon img{height:20px;width:20px;display:none;filter:var(--filterWhite)}
.toasterMSg p{color:var(--white);margin:0}
.toasterMSg.success{background-color:var(--successMedium)}
.toasterMSg.warning{background-color:var(--warningMedium)}
.toasterMSg.error{background-color:var(--danger)}
.toasterMSg:not(.success,.warning,.error) .toasterIcon img.info{display:flex}
.toasterMSg.success .toasterIcon img.success{display:flex}
.toasterMSg.warning .toasterIcon img.error{display:flex}
.toasterMSg.error .toasterIcon img.warning{display:flex}
header.landingHeader .rightAlign{display:flex;flex-flow:row;gap:8px;align-items:center}
header.landingHeader .rightAlign i#toggleMenu{position:relative;left:initial;top:inherit;transform:unset;border-radius:4px}
.brandLogo{width:95px;height:auto}
.brandLogo img{width:100%;height:auto}
.btn.copied,.btn.copied:hover{background-color:var(--successMedium)!important;color:var(--white)!important;box-shadow:none!important}
.btn.copied span,.btn.copied:hover span{color:var(--white)!important}
.btn.copied i img,.btn.copied:hover i img{filter:var(--filterWhite)!important}
.separator{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;padding-top:12px}
.separator span{font-size:var(--size_default);line-height:var(--line_default);color:var(--gray);position:relative}
.separator span:after,.separator span:before{content:"";position:absolute;top:50%;width:500px;height:1px;background-color:var(--grayLight)}
.separator span:before{right:calc(100% + 6px)}
.separator span:after{left:calc(100% + 6px)}
.loginOptions{width:100%;display:flex;justify-content:center;align-items:center;gap:18px;padding:12px 0}
.loginOptions a{display:flex;flex-flow:row;flex-grow:1;gap:8px;padding:10px 10px;border-radius:6px;background-color:var(--grayMild);font-size:var(--size_Small);line-height:var(--line_Small);color:var(--gray);transition:var(--animation)}
.loginOptions a:hover{background-color:var(--white);box-shadow:var(--shadowClickable)}
.loginOptions a i{width:22px;height:22px;display:flex;justify-content:center;align-items:center}
.loginOptions a i img{width:100%;height:100%}
.loginOptions a span{font-size:var(--size_Small);line-height:var(--line_Small);color:var(--gray)}
.loginRegister{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:12px}
button.btn#btnSignIn{width:100%!important}
.creatives .whiteBox_2{margin:18px 12px 18px 0;padding:0 18px;overflow:auto;height:auto;}
/*#creativesdiv{display:inline-block;column-count:4;column-gap:24px;position:relative; height: inherit !important;}*/
#creativesdiv .gallery-item{display:inline-block;padding:6px!important;width:100%;box-sizing:border-box;margin:0 0 24px 0!important;background-color:var(--white);border-radius:6px;border:solid 1px var(--grayLight)}
#creativesdiv .gallery-item img{width:100%}
.selections-filter-loading{display:none;right:48%!important;top:16%!important;color:#00ca82;z-index:999}
#form-calculate{line-height:31px;width:139px;font-size:18px}
.apexcharts-tooltip.apexcharts-theme-dark *{font-family:inherit;color:var(--white)!important}
#nav-Impressions .boxContent,#nav-Spend .boxContent{background-color:var(--grayMild);padding:12px;border-radius:6px}
.pathameticsPage .tabberSection>ul{padding-top:0}
.cusRow.fill.pathameticsPage>.container-fluid{margin-bottom:24px}
.pathameticsHeader{ left:0; top:0; max-width:100vw; transform:translate(0%,0%); position:relative; z-index:9;}
.pathameticsHeader.firstSearch{position:fixed; max-width: calc(100% - 270px); left:calc(50% + 50px); top:50%; transform:translate(-50%,-50%); padding:12px 18px !important; border-radius:var(--radius); background-color:var(--primaryMild); box-shadow:var(--shadowDefault);} 
.pathameticsHeader .LeftSide{flex-grow:unset;width:initial}
.pathameticsHeader .RightSide{flex-grow:1;align-items:center}
.pathameticsHeader .RightSide .searchWrapper{flex-grow:1;display:flex;flex-flow:row;gap:12px;position:relative;z-index:999}
.pathameticsHeader .RightSide .searchWrapper ul{position:absolute;left:0;right:0;top:100%;border-radius:var(--radius);background-color:var(--white);display:none;flex-flow:column;gap:0;z-index:9;box-shadow:var(--shadowDropdown);list-style:none;padding:18px 6px;margin:0; max-height:200px; overflow:auto;}
.pathameticsHeader .RightSide .searchWrapper ul li{padding:6px 12px;font-size:var(--size_default);line-height:var(--line_default);color:var(--gray);background-color:var(--white);border-radius:6px;transition:var(--animation);cursor:pointer}
.pathameticsHeader .RightSide .searchWrapper ul li:hover{background-color:var(--primaryMild);color:var(--primary)}
.whiteBox_2{display:flex;flex-flow:column;gap:2px;height:300px;padding-right:12px}
.forgot_pss{display:flex;flex-flow:row;justify-content:start;gap:12px}


.Date_TimeSection{background-color:var(--white); border: solid 1px var(--grayLight);border-radius: 8px; position:relative;}
.Date_TimeSection:before{content:""; width:20px; height:20px; position:absolute; left:9px; top:6px; z-index:2; pointer-events:none; background-image:url('../images/calendar.svg'); background-repeat:no-repeat;background-size:auto 100%;background-position:center; }
.Date_TimeSection input#daterange{cursor: pointer !important; background-color:transparent; border:none; padding-left:36px;}

body .daterangepicker.dropdown-menu{border:none; border-radius:var(--radius); box-shadow:var(--shadowDropdown); background-color: var(--primaryLight);}
body .daterangepicker.dropdown-menu .ranges{padding:0; margin:0; float: inline-end; }
body .daterangepicker.dropdown-menu .ranges ul{margin:0;}
body .daterangepicker.dropdown-menu .ranges ul li{margin-bottom:2px; background-color:var(--white); border:none; color:var(--gray);}
body .daterangepicker.dropdown-menu .ranges ul li:not(.active):hover{background-color:var(--primaryMild); border:none; color:var(--primary);}
body .daterangepicker.dropdown-menu .ranges ul li.active{background-color:var(--primaryMedium); border:none; color:var(--white);}

body .daterangepicker.dropdown-menu .range_inputs{display:flex; flex-flow:row; justify-content:space-between; gap:4px; margin-top:4px;}
body .daterangepicker.dropdown-menu .range_inputs button[type=button]{padding: 7px 16px; min-width:inherit; border-radius:4px;}
body .daterangepicker.dropdown-menu .range_inputs button[type=button].applyBtn{background-color:var(--primary); color:var(--white);}
body .daterangepicker.dropdown-menu .range_inputs button[type=button].cancelBtn{background-color:var(--primaryMild); color:var(--primary);}

body .daterangepicker.dropdown-menu .calendar.left{margin:0; padding:6px 3px 6px 6px;}
body .daterangepicker.dropdown-menu .calendar.right{margin:0; padding:6px 6px 6px 3px;}
body .daterangepicker.dropdown-menu .calendar.left .calendar-table,
body .daterangepicker.dropdown-menu .calendar.right .calendar-table{background-color:var(--white); padding:3px;}
body .daterangepicker.dropdown-menu table tr{border:none !important;}
body .daterangepicker.dropdown-menu table tr:hover{box-shadow:none;}
body .daterangepicker.dropdown-menu table th,
body .daterangepicker.dropdown-menu table td{padding: 5px 5px !important;width:34px !important;min-width: inherit !important; }


body .daterangepicker.dropdown-menu table tr:nth-child(odd) td,
body .daterangepicker.dropdown-menu table tr:nth-child(even) td{background-color:var(--primaryMild); border-radius:6px !important; border: solid 2px transparent !important;}

body .daterangepicker.dropdown-menu table tr:nth-child(odd) td.active,
body .daterangepicker.dropdown-menu table tr:nth-child(even) td.active{ background-color:var(--primary) !important; color:var(--white) !important;}

body .daterangepicker.dropdown-menu table tr:nth-child(odd) td:not(.active):hover,
body .daterangepicker.dropdown-menu table tr:nth-child(even) td:not(.active):hover{ background-color:var(--primaryLight) !important; color:var(--primary) !important;}

body .daterangepicker.dropdown-menu table tr:nth-child(odd) td.off,
body .daterangepicker.dropdown-menu table tr:nth-child(even) td.off{ background-color:var(--white) !important; color:var(--grayMedium) !important;}

body .daterangepicker.dropdown-menu table tr:nth-child(odd) td.in-range,
body .daterangepicker.dropdown-menu table tr:nth-child(even) td.in-range{ background-color:var(--primaryLight); color:var(--primary);}


body .daterangepicker.dropdown-menu  .daterangepicker_input input{padding-left:24px;}

.forcast-fail {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: start;
    position: relative;
    padding-left: 22px;
}
.forcast-fail:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    position: absolute;
    z-index: 1;
    background-image: url(../images/close.svg);
    filter: var(--filterWhite);
    background-size: 10px 10px;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    left: 1px;
    top: 4px;
}
.forcast-fail:after {
    content: "";
    width: 16px;
    height: 16px;
    display: flex;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--dangerMedium);
    position: absolute;
    left: 0;
    top: 3px;
}


.modal .form-check-label.btn{
    background-color: var(--primaryLight);
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: var(--primary);
    display: flex;
    width: max-content!important;
    padding: 11px 16px;
    transition: var(--animation)!important;
    align-items: center;
    gap: 8px;
    border: none;
    outline: 0;
    border-radius: 8px;
    min-width: 100px;
    justify-content: center;
    margin: 0;
    position:relative;
    cursor:pointer;
}
.modal .form-check-label.btn input[type="radio"]{opacity:0; position:absolute;}
.topFixed{position:relative; z-index:999; align-items: center;}
.subscriptionPlansPage .topFixed h3{font-size:54px; line-height:65px; font-weight:600; color:var(--grayDark); text-align:center; width:100%;}
.comparison{padding:80px 0;}
.comparison h3{font-size:34px; line-height:45px; font-weight:600; color:var(--grayDark); text-align:center; width:100%;}

div.tableWrapper{width:100%; overflow:auto;}
div.Table{display:table;  width:100%; overflow:auto;}
div.Table > div{display:table;  width:100%;}
div.tableRow{display:table-row; width:100%;}
div.tableRow > *{display:table-cell; padding:2px;}
div.tableRow > label,
div.tableRow > span{padding:5px 10px; border-top:solid 1px var(--primaryLight); border-right:solid 1px var(--primaryLight);}

div.tableRow > label{border-left:solid 1px var(--primaryLight); background-color:var(--primaryMild);}
div.tableRow > span{text-align:center;}

.TableBody div.tableRow:last-child > *{border-bottom:solid 1px var(--primaryLight);}
.TableBody .secHead{display:table-row; }
.TableBody .secHead h4{padding-top:14px; display:table-cell; font-weight:500;padding-left:10px; padding-bottom:6px; position:sticky; left:0; background-color:var(--white);}
.TableBody .secHead h4:before{content:""; width:3px; position:absolute; left:0; top:18px; bottom:10px; background-color:var(--primaryMedium);}

.TableHeading .tableCell .PlanTopSec{gap: 0px; padding:10px; border:none; background-color:var(--primaryMild); border-radius:6px;}
.TableHeading .tableCell .PlanTopSec.active{background-color:var(--primaryLight);}
.TableHeading .tableCell .planTitle{display:flex; flex-flow:row; align-items: center; gap:8px;}
.TableHeading .tableCell .planTitle h3{padding-bottom:4px; font-weight:500; color:var(--grayMedium); width:max-content;}
.TableHeading .tableCell .priceDisplay{min-height: auto; gap: 6px;}
.TableHeading .tableCell .priceDisplay span:first-child{font-size:20px; line-height:24px;}
.TableHeading .tableCell .priceDisplay span:last-child{padding-bottom:3px;}

.TableFooter .tableCell .PlanTopSec{gap: 0px; padding:10px; display:flex; flex-flow:wrap; justify-content:space-between; align-items: center; border:none; background-color:var(--primaryMild); border-radius:6px;}
.TableFooter .tableCell .PlanTopSec.active{background-color:var(--primaryLight);}
.TableFooter .tableCell .planTitle{display:flex; flex-flow:column; align-items: start; gap:0; justify-content:start;}
.TableFooter .tableCell .planTitle h3{padding-bottom:0; font-weight:500; color:var(--grayMedium);}
.TableFooter .tableCell .priceDisplay{display:flex; min-height: auto; gap: 0; flex-flow:column; }
.TableFooter .tableCell .priceDisplay span:first-child{font-size:16px; line-height:30px; font-weight:500; width: 135px;
    display: flex; justify-content: end;}
.TableFooter .tableCell .priceDisplay span:last-child{padding-bottom:3px;}
.TableFooter .tableCell .PlanTopSec button{flex-basis:100%;}

.TableHeading .tableCell .planTitle h3,
.TableFooter .tableCell .planTitle h3{font-weight:500; font-size:16px; line-height:18px;}

.TableHeading .tableCell .PlanTopSec.active .planTitle h3,
.TableFooter .tableCell .PlanTopSec.active .planTitle h3{color:var(--primaryMedium);}

.TableHeading .tableCell:first-child,
div.tableRow > label,
.TableFooter .tableCell:first-child{width:300px; min-width:300px; position:sticky; left:0;}

.TableHeading .tableCell,
div.tableRow > span,
.TableFooter .tableCell{width: max-content; min-width:250px;}


.TableHeading .tableCell:first-child,
.TableFooter .tableCell:first-child{background-color:transparent;}



.TableFooter div.tableRow > *{padding-top:8px;}

.ActionPrivilege {display: flex;flex-flow: wrap;gap: 12px 24px;justify-content: space-between;}
.ActionPrivilege .fillcheck_site:first-child {flex-basis: calc(100% - 0px);border-bottom:dashed 1px var(--grayLight);padding-bottom:12px;}
.ActionPrivilege .fillcheck_site {display: flex;flex-flow: row;gap: 12px;align-items: center;flex-basis: calc(50% - 24px);}
.ActionPrivilege .fillcheck_site > label{flex-grow:1;}


.bodyContent.userGuide{ padding-left: 0; padding-right: 0; background:var(--white);}
.bodyContent.userGuide .topFixed{padding:10px 24px 6px 24px; box-shadow:var(--shadowClickable);}

.bodyContent.userGuide .topFixed h4{display:flex; gap:8px; font-weight:600; font-size:18px; line-height:22px; align-items:center;}
.bodyContent.userGuide .topFixed h4 > a > span{font-size:var(--size_H2); line-height:var(--line_H2); color:var(--grayDark);}
.bodyContent.userGuide .topFixed h4 > span{font-size:var(--size_H2); line-height:var(--line_H2); color:var(--grayDark); font-weight:600;}
.bodyContent.userGuide .topFixed h4 a i.c_icon{background:var(--primary); border-radius:99px; }
.bodyContent.userGuide .topFixed h4 a i.c_icon img{filter:var(--filterWhite); position:relative;transform: translate(-59%, -50%);}

.guideBox{display:flex; flex-flow:column; width:100%; background-color:var(--white); border-radius:10px; padding:48px 24px; align-items:center; gap:24px; transition:var(--animation); position:relative; z-index:1;}
.guideBox:hover{box-shadow:var(--shadowDropdown); z-index:2; }
.guideBox .image{width:100%; display:flex; align-items:center; justify-content:center;}
.guideBox .image img{width:90%; height:auto; position:relative; transform:scale(0.95);transition:var(--animation); }
.guideBox:hover .image img{transform:scale(1);}
.guideBox h4{margin:0; font-size:var(--size_H1); line-height:var(--line_H1); font-weight:500; color:var(--grayDark);}
.guideBox a{background-color:var(--primary); border-radius:99px; padding:8px 16px; color:var(--white); transition:var(--animation);}
.guideBox:hover a{background-color:var(--primaryMedium); padding:8px 26px;}

.guideSection{width:100%; padding:10px 0 0px 0; border-radius:12px; margin-bottom:0px; position:relative; background-color:var(--primaryMild);}
.guideSection:before{content:""; width:40px; height:40px; display:inline-block; position:absolute; right:0px; top:0px; background-image: url('../images/extend.svg'); background-size:20px auto; background-repeat:no-repeat; background-position:center; background-color:rgba(255,255,255,0.75); box-shadow:var(--shadowClickable); border-radius:4px; z-index:9; pointer-events:none; cursor:pointer; opacity:0.5; transition:var(--animationModal); transform:translate(0px, 0px);}
.guideSection:hover:before{opacity:1; transform:translate(-50%, 50%);}
.guideSection.zoom:before{background-image: url('../images/zoomOut.svg');}

.guideSection .image{width:calc(100% - 0%); display:flex; padding:0 5% 4% 5%; transition:var(--animationModal); position:relative; z-index:0;}

.guideSection.zoom .image{width:calc(100% - 0%); padding:0%;}
.guideSection img{width:100%; height:auto; position:relative; z-index:3; }
.guideSection h4{font-size:var(--size_H3); line-height:var(--line_H3); font-weight:400; color:var(--gray);  margin:0; padding:24px; border-radius:0 0 12px 12px; position:relative; background-color:var(--primaryLight);}

.guideSection h4 > span{font-size:var(--size_H3); line-height:var(--line_H3); font-weight:300; color:var(--grayDark); width:100%; display:inline-block;}
.guideSection h4 > span:not(:last-child){margin-bottom:12px;}
.guideSection h4 > span > span{color:var(--grayDark); font-size:var(--size_H3); line-height:var(--line_H3); font-weight:500; display:inline-block; }
.guideSection h4 > span > a{color:var(--primary); font-size:var(--size_H3); line-height:var(--line_H3); font-weight:600; display:inline-block;  position:relative;  padding:0px 24px 0px 3px; }
.guideSection h4 > span > a:after{content:"";width:14px; height:14px; display:inline-block; position:absolute; right:6px; top:5px; background-image: url('../images/redirect.svg'); background-size:100% auto; filter:var(--filterPrimary); }


.guideSection h3{font-size:var(--size_H3); line-height:var(--line_H3); font-weight:400; color:var(--gray); padding:0 5% 0% 5%; margin-bottom:12px; }
.guideSection h3 > span{font-size:var(--size_H3); line-height:var(--line_H3); font-weight:300; color:var(--grayDark); width:100%; display:inline-block;}
.guideSection h3 > span > span{color:var(--grayDark); font-size:var(--size_H3); line-height:var(--line_H3); font-weight:500; display:inline-block; }
.guideSection h3 > span > a{color:var(--primary); font-size:var(--size_H3); line-height:var(--line_H3); font-weight:600; display:inline-block;  position:relative;  padding:0px 24px 0px 3px; }


.guideSection ul{font-size:var(--size_H3); line-height:var(--line_H3); font-weight:400; color:var(--gray); padding:0 5% 24px 5%; margin-bottom:12px; list-style:none; }
.guideSection ul li{font-size:var(--size_H3); line-height:var(--line_H3); font-weight:400; color:var(--gray); padding:5px 0 5px 15px;}

.guideSection h4 b{font-size:var(--size_H1); line-height:var(--line_H1); font-weight:600; color:var(--grayDark); width:100%; display:inline-block; padding:24px 0 12px 0;}

.guideSection > span{position:absolute; left:0; top:0px; background-color:var(--primary); color:var(--white); border-radius:15px 0 7px 0; padding:5px 15px; font-size:var(--size_H3); line-height:var(--line_H3); font-weight:500; opacity:0.5;}
.guideSection:hover > span{opacity:1;}

.nav-tabs.vertical{width:100%; list-style:none; display:flex; flex-flow:column; gap:4px; margin:0; padding:0;}
.nav-tabs.vertical li{background-color:var(--bg); padding:8px 0px; font-size:var(--size_default); line-height:var(--line_default); border-radius:6px; cursor:pointer; transition:var(--animation); color:var(--grayDark);}
.nav-tabs.vertical li:hover{background-color:var(--primaryLight); color:var(--primary); padding:8px 12px;}
.nav-tabs.vertical li.active{background-color:var(--primary); color:var(--white); padding:8px 12px;}

.guideDetailsimage{width:100%; display:flex; align-items:center; justify-content:center; background-color:var(--primaryMild); padding:24px 12px; border-radius:12px; margin-bottom:18px;}
.guideDetailsimage img{width:75%; height:auto; }

.verticalScrollerLeft{width:100%; display:flex; flex-flow:column; height:calc(100vh - 134px); padding-left:12px;}
.verticalScrollerRight{width:100%; display:flex; flex-flow:column; height:calc(100vh - 134px); overflow:auto; gap:24px; padding-right:8px; border-left: dashed 1px #b5c6cf; scroll-behavior: smooth;}

.verticalScrollerRight .tabContent{width:100%; display:flex; flex-flow:column; gap:24px; padding:24px;}
.verticalScrollerRight .tabContent.faq{gap:12px; position:relative;}

.verticalScrollerRight .tab-content .tab-pane{position:relative; transform:translateY(0);}
.verticalScrollerRight .tab-content .tab-pane{position:relative; transform:translateY(0);}


.userGuideHeading h1{font-size:46px; line-height:56px; font-weight:600; width:100%; text-align:center;}
.userGuideHeading p{font-size:18px; line-height:28px; font-weight:400; width:100%; text-align:center;}



.accountActivationAlert h5{position:relative; padding-top:60px; width:100%;}
.accountActivationAlert h5:before{content:""; width:60px; height:60px; display: inline-block; background-position:center; background-repeat:no-repeat; background-size:40px auto; position:absolute; top:0; left:50%; transform:translateX(-50%); border-radius:50px;}
.accountActivationAlert  h5.info:before{background-image:url(../images/info.svg);}
.accountActivationAlert  h5.success:before{background-image:url(../images/success.svg); }
.accountActivationAlert  h5.warning:before{background-image:url(../images/warning.svg);}
.accountActivationAlert  h5.dangar:before{background-image:url(../images/error.svg);}
.accountActivationAlert  h5 p{width:100%; padding:10px 10px; text-align:center;  width:100%; border-radius:8px; }

.accountActivationAlert  h5.info p{ background-color:var(--infoMild); color:var(--info);}
.accountActivationAlert  h5.success p{background-color:var(--successMild); color:var(--success); }
.accountActivationAlert  h5.warning p{ background-color:var(--warningMild); color:var(--warning);}
.accountActivationAlert  h5.dangar p{ background-color:var(--dangerMild);color:var(--danger);}


.accordion .accordion-item,
.accordion-collapse,
.accordion-body{transition:var(--animation);}
.accordion .accordion-item{border:none; margin-bottom:4px;}
.tabContent.faq h3{font-size:var(--size_H2); line-height:var(--line_H2); margin:12px 0 0 0; font-weight:600; padding-left:22px; position:relative;}
.tabContent.faq h3:before{content:""; width:13px; height:13px; border-radius:7px; background-color:var(--primaryMedium); position:absolute; left:0; top:6px; display:inline-block;}
.accordion h4{font-size:var(--size_H3); line-height:var(--line_H3); margin:0; padding:10px; border:none !important; border-radius:4px; background-color:var(--primaryLight); cursor:pointer; transition:var(--animation); box-shadow:none !important; font-weight:500;}

.accordion h4[aria-expanded="true"],
.accordion h4:not(.collapsed){background-color:var(--primaryMedium); color:var(--white);}
.accordion h4[aria-expanded="false"]{background-color:var(--grayMild);}
.accordion h4:not([aria-expanded="true"]):hover{background-color:var(--primaryLight);}

.accordion-button:not(.collapsed):after{filter:var(--filterWhite);}

.accordion-collapse{background-color:var(--grayMild); transition:var(--animation); border-radius:0 0 4px 4px;}
.accordion-collapse.show{background-color:var(--white);}

.accordion p{font-size:var(--size_default); line-height:var(--line_default); margin:0;}

.accordion .accordion-body{padding:10px; margin-top:0px; margin-bottom:0px; background-color:var(--grayLight); border-radius:8px; position:relative;}
.accordion .show .accordion-body{margin-top:12px; margin-bottom:24px;}
.accordion .accordion-body:before{content:""; position:absolute; left:15px; top:-21px;
border-left:solid 10px transparent;
border-top:solid 8px transparent;
border-right:solid 10px transparent;
border-bottom:solid 14px var(--grayLight);
}
.accordion .accordion-body p{color:var(--grayDark);}

#allCollapse{background-color:var(--primaryLight); color:var(--primary); padding:6px 18px; border-radius:99px; display:inline-block; width:max-content; cursor:pointer; position:absolute; right:24px; top:31px; z-index:2; transition:var(--animation);}


.review:not(#ReviewAudience) .boxContent.audienceGroup{padding:0; background:transparent; max-height:350px; overflow:auto;}
.review:not(#ReviewAudience) .boxContent.audienceGroup  .group.counts-modal-sub-text{background-color:var(--grayMild); padding:12px; border-radius:8px;}
.review:not(#ReviewAudience) .boxContent.audienceGroup  .group.counts-modal-sub-text:not(:first-child){position:relative; margin-top:30px;}
.review:not(#ReviewAudience) .boxContent.audienceGroup  .group.counts-modal-sub-text:not(:first-child):after{content:"And";font-size:var(--size_Small);line-height:var(--line_Small);background-color:var(--successMild);color:var(--successMedium);padding:3px 8px;border-radius:4px;display:inline-block;position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%)}

.review:not(#ReviewAudience) .boxContent.audienceGroup .counts-item-list li{padding:4px 6px 4px 6px}
.review:not(#ReviewAudience) .boxContent.audienceGroup .counts-item-list li:first-child{position:relative;}
.review:not(#ReviewAudience) .boxContent.audienceGroup .counts-item-list li:first-child:before{content:":"; padding-right:10px; display:inline-block;}


body a.btn.btndisabled{background-color:#cfd6dd !important; color:#8c949d !important; position:relative; cursor:not-allowed;}
body a.btn.btndisabled:before{content:"";position:absolute;left:0; top:0; right:0; bottom:0; display:inline-block;background-color:rgba(255,255,255,0.75); z-index:1; opacity:0; visibility:visible; transition:var(--animation); border-radius: 8px; border:dotted 1px #8c949d;}
body a.btn.btndisabled:hover:before{opacity:1; visibility:visible;}

body a.btn.btndisabled:after{content:"";position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); width:18px; height:18px; display:inline-block;background-color:transparent; background-image:url('../images/lock.svg');background-position:center; background-repeat:no-repeat;background-size:100% auto;z-index:2; opacity:0; visibility:visible; transition:var(--animation); filter:var(--filterPrimary); }
body a.btn.btndisabled:hover:after{opacity:1; visibility:visible;}
body a.btn.btndisabled i img{filter: brightness(0) saturate(100%) invert(62%) sepia(10%) saturate(310%) hue-rotate(171deg) brightness(92%) contrast(88%) !important;}
body a.btn.btndisabled:hover{box-shadow:none !important; cursor:not-allowed;}

.tabberSection>ul li.lock{padding:12px 18px 12px 42px; position:relative;}
.tabberSection>ul li.lock:before{content:""; width:18px; height:18px; display:inline-block;background-color:transparent; background-image:url('../images/lock.svg');background-position:center; background-repeat:no-repeat;background-size:100% auto; position:absolute;left:18px; top:calc(50% - 2px); transform:translateY(-50%); filter:var(--filterPrimary);}

input#CampaignLink ~ .urlinfo{display:none;}
input#CampaignLink.is-invalid ~ .urlinfo{display: inline-block;
    position: absolute;
    right: 6px;
    bottom: 7px;
    width: 20px;
    height: 20px;}

.RequestSidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    box-shadow:var(--shadowDropdown);
    transform:translateX(100%); transition:var(--animation); opacity:0; visibility:hidden; }
    .RequestSidebar.open {
        opacity: 1;
        visibility: visible;
        transform: translateX(0%);
    }
    .RequestSidebar .RequestSidebarForm {
        width: 450px;
        padding: 24px;
    }
        .RequestSidebar .RequestSidebarForm .form-horizontal {
            display: flex;
            flex-flow: column;
            gap: 12px;
            width: 100%;
            justify-content: start;
            align-items: start;
        }

.RequestSidebar .RequestSidebarForm .form-horizontal .form-group { width:100%;}
#requestDemoClose{position:absolute; right:24px; top:24px; width:30px; height:30px; background-color:var(--white);
                  box-shadow:var(--shadowClickable); border-radius:50%; display:inline-block;}
    #requestDemoClose:before,
    #requestDemoClose:after {
        content: "";
        width: 16px;
        height: 2px;
        display: inline-block;
        background-color: var(--danger);
        position: absolute;
        left: 50%;
        top: 50%;
    }
    #requestDemoClose:before{transform:translate(-50%,-50%) rotate(45deg);}
    #requestDemoClose:after{transform:translate(-50%,-50%) rotate(-45deg);}

.RequestSidebar .bttnWrapper { display:flex; flex-flow:row; justify-content:end; gap:12px; width:100%;}
.RequestSidebar .alert {width:100%;}

.accessDenied{justify-content:center; align-items:center; text-align:center;}
.accessDenied i{width:60px; aspect-ratio:1/1; display:flex; margin:12px auto;}
.accessDenied i img{width:100%; height:100%;}
.accessDenied h1{font-size:var(--size_Display); line-height:var(--line_Display); font-weight:600; color:var(--grayDark);}
.accessDenied h3{font-size:var(--size_H3); line-height:var(--line_H3); font-weight:400; color:var(--grayMedium);}

.accessDenied .alert-danger{padding:24px; background-color:var(--white); border-radius:var(--radius); box-shadow:var(--shadowDefault);}


.InvoiceInfo{padding:18px 24px 24px 24px; background-color:var(--white); border-top:solid 6px var(--primary);}
.topInfo{display:flex; flex-flow:row; justify-content:space-between; align-items:start; padding-left:16px; padding-right:16px;}

.topInfo .left .logo{margin-bottom:18px;}
.topInfo .left p{display:flex; flex-flow:column; justify-content:flex-start; align-items:start; margin:0;}

.InvoiceInfo .info{border-bottom:solid 1px var(--grayLight); padding-bottom:18px; padding-left:16px; padding-right:16px; margin-bottom:18px; display:flex; flex-flow:row; justify-content:space-between; align-items:center; }
.InvoiceInfo p{display:flex; flex-flow:row; justify-content:flex-start; align-items:start; margin:0;}
.InvoiceInfo p span{color:var(--grayDark);font-weight:500;}

.InvoiceInfo .info p{font-size:var(--size_H3); line-height:var(--line_H3); color:var(--grayDark);font-weight:700; }
.InvoiceInfo .info p span{font-size:var(--size_H3); line-height:var(--line_H3); color:var(--grayDark);font-weight:400; padding-right:6px;}

.RegAddress{margin-top:18px; margin-bottom:12px;}
.RegAddress,.support{ padding:8px 16px; display:flex; flex-flow:column; gap:4px; justify-content:flex-start; align-items:start; background-color:var(--grayMild); border-radius:6px;}

.RegAddress label,
.support label{white-space:nowrap; flex-shrink:unset;}
.RegAddress p,
.support p{}

.InvoiceInfo label{font-weight:500; color:var(--grayDark); padding-right:4px;}

.topInfo > div > label{font-size:var(--size_H3); line-height:var(--line_H3);}

.SubscriptionDetails{ padding:8px 16px;  display:flex; flex-flow:column; gap:4px; border-radius:6px; margin-top:18px; margin-bottom:8px;}

.ChooseCampaigns{display:flex; flex-flow:wrap; gap:12px;}
.ChooseCampaignsItem{position:relative; flex-grow:1;}

.tab-content .ChooseCampaignsItem{position:relative; width:max-content; flex-grow:inherit; min-width:160px;}

.ChooseCampaignsItem input[type="checkbox"],
.ChooseCampaignsItem input[type="radio"]{opacity:0; position:absolute; left:0; top:0;}

.ChooseCampaignsItem input[type="checkbox"] ~ label,
.ChooseCampaignsItem input[type="radio"] ~ label{padding:5px 8px; background-color:var(--grayMild); border-radius:6px; display:flex; flex-flow:row; gap:6px; align-items:center; transition:var(--animation); color:var(--grayDark); cursor:pointer;}

.ChooseCampaignsItem:hover input[type="checkbox"] ~ label,
.ChooseCampaignsItem:hover input[type="radio"] ~ label{background-color:var(--primaryMild); color:var(--primary);}

.ChooseCampaignsItem input[type="checkbox"]:checked ~ label,
.ChooseCampaignsItem input[type="radio"]:checked ~ label{background-color:var(--primaryMedium); color:var(--white);}

.ChooseCampaignsItem input[type="checkbox"] ~ label i,
.ChooseCampaignsItem input[type="radio"] ~ label i{display:flex; width:26px; height:26px;}

.ChooseCampaignsItem input[type="checkbox"] ~ label i img,
.ChooseCampaignsItem input[type="radio"] ~ label i img{width:26px; height:26px;transition:var(--animation); filter:var(--filterPrimary);}

.ChooseCampaignsItem input[type="checkbox"]:checked ~ label i img,
.ChooseCampaignsItem input[type="radio"]:checked ~ label i img{filter:var(--filterWhite);}


.channels{display:flex; width:100%; flex-flow:wrap; gap:12px;}
.channels > .check_radio{flex-basis:calc(25% - 12px);}

.channels.required{margin:0;}
.channels.required > .check_radio input[type="checkbox"] ~ label:before{border: solid 2px var(--dangerMedium);} 
.channels.required > .check_radio input[type="checkbox"]:checked ~ label:before{border: solid 2px var(--primaryMedium);} 

.demographicItems{display:flex; flex-flow:wrap; gap:6px;}

.ageSelection{display:flex; flex-flow:row; gap:12px;}
.ageSelection select{width:70px; min-width: inherit; margin:0; padding: 2.5px 10px; border-radius:3px; background-color:var(--primaryLight); cursor:pointer;color:var(--primary);}
.ageSelection select option{color:var(--primary);}

#myTabContent table tbody tr td:first-child{width:100%;}
table tbody tr td .platform{display:flex; flex-flow:row; gap:16px; max-width:400px; justify-content:center;}
table tbody tr td .platform span{display:flex; width:100px; justify-content:flex-start; align-items:center; height: 34px; width: 34px; justify-content: center; background-color: var(--white);
    border-radius: 4px; box-shadow: 0 0 1px rgba(15, 17, 22, 0.5);}
table tbody tr td .platform span img{height:100%; width:100%; object-fit:contain;}



.ChooseConversion{display:flex; flex-flow:wrap; gap:12px;}
.ChooseConversionItem{position:relative; min-width:130px; max-width:200px;}
.ChooseConversionItem input[type="checkbox"],
.ChooseConversionItem input[type="radio"]{opacity:0; position:absolute; left:0; top:0;}

.ChooseConversionItem input[type="checkbox"] ~ label,
.ChooseConversionItem input[type="radio"] ~ label{padding:5px 10px; background-color:var(--grayLight); border-radius:99px; display:flex; flex-flow:row; gap:6px; align-items:center; transition:var(--animation); color:var(--grayDark); cursor:pointer;}

.ChooseConversionItem input[type="checkbox"] ~ label span,
.ChooseConversionItem input[type="radio"] ~ label span{color:var(--grayDark); transition:var(--animation); white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}

.ChooseConversionItem:hover input[type="checkbox"] ~ label span,
.ChooseConversionItem:hover input[type="radio"] ~ label span{color:var(--primary);}

.ChooseConversionItem:hover input[type="checkbox"] ~ label,
.ChooseConversionItem:hover input[type="radio"] ~ label{background-color:var(--primaryMild); color:var(--primary);}

.ChooseConversionItem input[type="checkbox"]:checked ~ label,
.ChooseConversionItem input[type="radio"]:checked ~ label{background-color:var(--primaryMedium); color:var(--white);}

.ChooseConversionItem input[type="checkbox"] ~ label i,
.ChooseConversionItem input[type="radio"] ~ label i{display:flex; width:24px; height:24px;}

.ChooseConversionItem input[type="checkbox"] ~ label i img,
.ChooseConversionItem input[type="radio"] ~ label i img{width:24px; height:24px;transition:var(--animation); filter:var(--filterPrimary);}

.ChooseConversionItem input[type="checkbox"]:checked ~ label i img,
.ChooseConversionItem input[type="radio"]:checked ~ label i img{filter:var(--filterWhite);}



.budgetBox{background-color:var(--grayMild); padding:24px 12px 12px 12px; border-radius:12px; height:100%; display:flex; flex-flow:column; gap:12px; position:relative;}

.budgetBox .heading{display:flex; width:100%; flex-flow:row; gap:8px; align-items:center;}
.budgetBox .heading i{width:40px; height:40px; display:flex;}
.budgetBox .heading i img{width:100%; height:100%;}
.budgetBox .heading h5{font-size:16px; line-height:22px; font-weight:600; color:var(--grayDark); margin:0;}

.budgetBox .estimates h6{font-size:16px; line-height:22px; font-weight:500; color:var(--grayDark); margin:0;}
.budgetBox .estimates{display:flex; flex-flow:column; gap:6px;}
.budgetBox .estimates .estimateDetails{display:flex; flex-flow:row; gap:8px;align-items: center;}
.budgetBox .estimates .estimateDetails label{flex-shrink:0; width:110px; font-size:var(--size_default); line-height:var(--line_default); color:var(--grayDark);}
.budgetBox .estimates .estimateDetails > span{flex-shrink:0; width:110px; font-size:var(--size_default); line-height:var(--line_default); color:var(--gray);}

body .budgetBox input:not([type=submit],[type=checkbox],[type=radio]){width:100% !important; padding: 2px 10px}
.AddBudgetBox{background-color:var(--primaryMild); padding:48px 18px; align-items:center; justify-content:center; border-radius:12px; height:100%; display:flex; flex-flow:column; gap:12px; cursor:pointer; transition:var(--animation);}
.AddBudgetBox:hover{background-color:var(--grayMild); box-shadow:var(--shadowClickable);}
.AddBudgetBox i{width:50px; height:50px; display:flex;}
.AddBudgetBox i img{width:100%; height:100%;}
.AddBudgetBox span{font-size:16px; line-height:22px; font-weight:500; color:var(--grayDark);}

ul.basicAdvanceTab{display:flex; flex-flow:row;}
ul.basicAdvanceTab li{font-size:var(--size_Button); line-height:var(--line_Button); font-weight:400; background-color:var(--white); padding:12px 24px; transition:var(--animation);}
ul.basicAdvanceTab li:first-child{border-radius:8px 0 0 8px;}
ul.basicAdvanceTab li:last-child{border-radius:0 8px 8px 0;}
ul.basicAdvanceTab li:not(.active):hover{ color:var(--primary); box-shadow:var(--shadowClickable);}
ul.basicAdvanceTab li.active{background-color:var(--primaryLight); color:var(--primary);}

.totalBudget{display:flex; flex-flow:row; gap:12px; align-items:center;}
.totalBudget label{white-space:nowrap; flex-shrink:unset;}
.totalBudget select{margin:0;}
.totalBudget select, .totalBudget input{max-width:250px;}

.budgetBox.customBudget i{background-color:var(--primaryLight); justify-content:center; align-items:center; min-width:50px; border-radius:6px;}
.budgetBox.customBudget i img{width:25px; height:25px;}

.budgetBox.customBudget .estimateDetails{margin-bottom:12px;}

.otherSetup .leftScroll{display:flex; flex-flow:column; gap:12px; height: 560px; overflow: auto;}
.otherSetup .leftScroll .accordion h4{padding:10px 18px; display: flex; flex-flow: row; gap: 8px; align-items:center;}
.otherSetup .leftScroll .accordion h4{background-color:var(--primaryLight); color:var(--primary); border-radius:4px 4px 0 0; position:relative;}
.otherSetup .leftScroll .accordion h4[aria-expanded="true"]:before{content:""; width:8px;height:8px; position:absolute; right:14px; top:15px; border-right:solid 2px var(--primary); border-bottom:solid 2px var(--primary); transform:rotate(45deg); transition:var(--animation);}

.otherSetup .leftScroll .accordion h4[aria-expanded="false"]:before{content:""; width:8px;height:8px; position:absolute; right:14px; top:17px; border-right:solid 2px var(--primary); border-bottom:solid 2px var(--primary); transform:rotate(-45deg); transition:var(--animation);}

.otherSetup .leftScroll .boxContent{padding:18px;}

.otherSetup .leftScroll .boxContent .dropzone{padding:12px; min-height: 100px; border:dashed 1px #B4BEC5; border-radius:6px;}
.otherSetup .leftScroll .boxContent .dropzone .dz-message{margin: 0.5em 0; width:100%;}
.otherSetup .leftScroll .boxContent .dropzone .UploadFileBox{display:flex; flex-flow:column; justify-content:center; align-items:center;}
.otherSetup .leftScroll .boxContent .dropzone .UploadFileBox span{width:100%; display:flex; justify-content:center; padding-bottom:12px;}
.otherSetup .leftScroll .boxContent .dropzone .UploadFileBox span.btn{width:max-content; padding:3px 12px; border-radius:6px; background-color:var(--primary); color:var(--white);}

.otherSetup .leftScroll .boxContent .date_fields{display:flex; flex-flow:row; gap:12px; width:100%;}
.otherSetup .leftScroll .boxContent .date_fields .form-group{width:calc(50% - 12px); flex-grow:1;}

    .otherSetup .leftScroll .boxContent .dropzone {
        display: flex;
        flex-flow: wrap;
        gap: 8px;
        width:100%;
    }
        .otherSetup .leftScroll .boxContent .dropzone .dz-preview {
            width: calc(20% - 8px);
            aspect-ratio: 1 / 1;
            min-height: inherit !important;
            margin:0;
            position:relative;
        }

        .otherSetup .leftScroll .boxContent .dropzone .dz-preview .dz-image {
            width:100%; aspect-ratio: 1 / 1; border-radius: 4px; height:unset;
        }
        .otherSetup .leftScroll .boxContent .dropzone .dz-preview .dz-remove{position:absolute; right:-4px; top:-4px; z-index: 999; background-color:var(--grayDark); width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer;}
        .otherSetup .leftScroll .boxContent .dropzone .dz-preview .dz-image img{
            width: 100%; height: 100%;
            object-fit: cover;
        }

.leftScroll .boxContent .dropzone .dz-preview div:is(.dz-details, .dz-progress, dz-error-message, .dz-success-mark, .dz-error-mark){display:none;}

.boxContent.creativesPreview {
    display: flex;
    flex-flow: row;
    gap: 18px;
}
.creativesPreview .leftTools{flex-shrink:unset; display:flex; flex-flow:column; gap:10px; width:50px; position:relative; z-index:1;}
.creativesPreview .leftTools i{width:50px; height:50px; display:flex; cursor:pointer; position:relative;}
.creativesPreview .leftTools i img{width:50px; height:50px; filter:saturate(0.35) contrast(35%) brightness(1.35); transition:var(--animation);}
.creativesPreview .leftTools i.active img{filter:saturate(1) contrast(100%) brightness(1);}
.creativesPreview .leftTools i span{font-style:normal; font-size:12px; line-height:14px; padding:4px 6px; background-color:var(--grayDark); color:var(--grayLight); border-radius:4px; position:absolute; left:calc(100% - 8px); top:50%; transform:translateY(-50%); white-space:nowrap; transition:var(--animation); opacity:0; visibility:hidden;}
.creativesPreview .leftTools i span:before{content:""; position:absolute; left:-12px; top:50%; transform:translateY(-50%);
    border-left:solid 7px transparent;
    border-top:solid 7px transparent;
    border-right:solid 7px var(--grayDark);
    border-bottom:solid 7px transparent;
}
.creativesPreview .leftTools i:hover span,
.creativesPreview .leftTools i.active span{left:calc(100% + 8px); opacity:1; visibility:visible;}



.creativesPreview .rightTools{flex-shrink:unset; display:flex; flex-flow:column; gap:0px; width:40px; align-items: center; justify-content:flex-start;}
.creativesPreview .rightTools i{width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; border:solid 1px var(--grayLight); background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); transition:var(--animation);}

.creativesPreview .rightTools i.active{background: rgb(217,227,236); background: linear-gradient(0deg, rgba(217,227,236,1) 0%, rgba(255,255,255,1) 100%);}

.creativesPreview .rightTools i:first-child{border-bottom:none; border-radius:6px 6px 0 0;}
.creativesPreview .rightTools i:last-child{border-top:none; border-radius:0 0 6px 6px;}

.creativesPreview .rightTools i img{width:20px; height:20px; transition:var(--animation); }
.creativesPreview .rightTools i.active img{filter:var(--filterPrimary);}

.creativesPreview .rightTools i span{font-style:normal; font-size:12px; line-height:14px; padding:4px 6px; background-color:var(--grayDark); color:var(--grayLight); border-radius:4px; position:absolute; right:calc(100% - 8px); top:50%; transform:translateY(-50%); white-space:nowrap; transition:var(--animation); opacity:0; visibility:hidden;}
.creativesPreview .rightTools i span:before{content:""; position:absolute; right:-12px; top:50%; transform:translateY(-50%);
    border-left:solid 7px var(--grayDark);
    border-top:solid 7px transparent;
    border-right:solid 7px transparent;
    border-bottom:solid 7px transparent;
}
.creativesPreview .rightTools i:hover span{right:calc(100% + 8px); opacity:1; visibility:visible;}


.advanceBudgetSetup{display:flex; flex-flow:column; gap:12px;}
.advanceBudgetSetup .budgetBox .estimates .estimateDetails{flex-flow:column;align-items: flex-start; justify-content:flex-start;gap: 0;}

.advanceBudgetSetup .budgetBox:not(.customBudget) .heading{padding-right:150px; position:relative;}

.advanceBudgetSetup .budgetBox .heading .actions{position:absolute; right:0; top:14px; display:flex; flex-flow:row; gap:8px;}
.advanceBudgetSetup .budgetBox .heading .actions i{width:24px; height:24px; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.advanceBudgetSetup .budgetBox .heading .actions i img{width:18px; height:18px;}
.advanceBudgetSetup .budgetBox .heading .actions i.copyBudget img{filter:var(--filterSuccess);}
.advanceBudgetSetup .budgetBox .heading .actions i.editBudget img{filter:var(--filterInfo);}
.advanceBudgetSetup .budgetBox .heading .actions i.deleteBudget img{filter:var(--filterDanger);}


.creativesPreview .previews{display:flex; border-radius:8px; border:solid 0px var(--grayLight); padding:10px 40px 30px 40px; flex-grow: 1; justify-content:center; align-items:center; height: 536px; overflow: hidden;}

.previews .previewChannel{display:flex; flex-flow:column; gap:8px; border:solid 5px var(--white);  width:max-content; height:max-content; transition:var(--animationDevice); justify-content:flex-start; padding:20px; align-items:center; position:relative; border-radius:15px; opacity:0; visibility:hidden; }
.previews .previewChannel.desktop,
.previews .previewChannel.mobile,
.previews .previewChannel.ott{transition:var(--animationDevice); opacity:1; visibility:visible;}

.previews .previewChannel.desktop{aspect-ratio:1/0.7; border-radius:15px; padding:1px; padding-bottom:46px; max-height:80%; border:solid 1px var(--grayLight); background-color:var(--grayLight); height:100%; }
.previews .previewChannel.mobile{ aspect-ratio:0.5/1; height:100%; padding:2px; border-radius:25px; border:solid 6px var(--grayDark); }
.previews .previewChannel.ott{ aspect-ratio:1/0.6;  border-radius:3px; padding:2px; border:solid 1px var(--grayDark); background-color:var(--grayMedium);}


.previews .previewChannel.mobile:before{content:""; height:50px; width:6px; background-color:var(--grayDark); border-radius:3px 0 0 3px; position:absolute; left:-10px; top:100px; }
.previews .previewChannel.mobile:after{content:""; height:50px; width:6px; background-color:var(--grayDark); border-radius:3px 0 0 3px; position:absolute; left:-10px; top:160px; }

.previews .previewChannel .deviceInner{width:100%; height:100%; display:flex; flex-flow:column; gap:8px; justify-content:flex-start; align-items:center; position:relative; border-radius: 19px; background-color:var(--grayMild); padding:0px;}
.previews .previewChannel.mobile .deviceInner:before{content:""; height:70px; width:6px; background-color:var(--grayDark); border-radius:0 3px 3px 0; position:absolute; right:-14px; top:90px; }
.previews .previewChannel.mobile .deviceInner:after{content:""; height:16px; width:16px; background-color:var(--black); border:solid 4px var(--grayDark); box-shadow:0 0 0 2px var(--gray); border-radius:10px; position:absolute; left:50%; top:10px; transform:translateX(-50%); z-index: 9; }

.previews .previewChannel .postDetails{padding:0px 0 8px 0; background-color:var(--white); box-shadow:var(--shadowDefault);}
.previews .previewChannel .postDetails h3,
.previews .previewChannel .postDetails h5,
.previews .previewChannel .postDetails p,
.previews .previewChannel .postDetails a{margin-left:8px; margin-right:8px; margin-bottom:2px;}

.previews .previewChannel .postDetails #AttrHeadline{display:flex; flex-flow:row; width:100%; align-items:flex-start; gap:5px; padding: 5px 7px 0 7px;}
.previews .previewChannel .postDetails #AttrHeadline span#AttrHeadAvatar{display:flex; align-items:center; justify-content:center; width:30px; aspect-ratio:1/1; border-radius:50%; overflow:hidden; border:solid 2px var(--white);}
.previews .previewChannel .postDetails #AttrHeadline span#AttrHeadAvatar img{width:100%; height:100%; object-fit:cover;}

.previews .previewChannel .postDetails #AttrHeadline h3{font-size:15px; line-height:20px; font-weight:500; color:var(--grayDark); margin:0; }
.previews .previewChannel .postDetails #AttrHeadline h4{font-size:10px; line-height:14px; font-weight:400; padding:0; color:var(--gray); margin:0; }

.previews .previewChannel .postDetails h5{font-size:13px; line-height:18px; font-weight:400; color:var(--gray);}
.previews .previewChannel .postDetails p{font-size:11px; line-height:14px; font-weight:400;  color:var(--gray);}
.previews .previewChannel .postDetails a{font-size:11px; line-height:14px; font-weight:400; color:var(--primary);}

#creativesHolder{width:100%; height:auto; margin-bottom:8px; transition:var(--animationDevice); overflow:hidden;}
#creativesHolder img,
#creativesHolder video{width:100%; height:100%; object-fit:cover; opacity:0; visibility:hidden; transition:var(--animationDevice);}

.deviceScreen{width:100%; height:100%; display:flex; flex-flow:column; gap:8px; justify-content:flex-start; align-items:center; position:relative; border-radius: 14px; overflow: hidden; transition:var(--animationDevice);}

.ElementOne{width:100%; height:50px; display:inline-block; background-color:var(--white);}
.previews .previewChannel.desktop #creativesHolder img,
.previews .previewChannel.desktop #creativesHolder video,
.previews .previewChannel.mobile #creativesHolder img,
.previews .previewChannel.mobile #creativesHolder video,
.previews .previewChannel.ott #creativesHolder img,
.previews .previewChannel.ott #creativesHolder video{opacity:1; visibility:visible;}

#creativesHolder.videoDetailsPreRoll{position:relative;}
#creativesHolder.videoDetailsPreRoll:before{content:"Skip"; background-color:rgba(0,0,0,0.75); padding:5px 22px 5px 8px; border-radius:99px;
background-image: url('../images/skip.svg'); background-position:30px 0px; background-repeat:no-repeat; background-size:23px auto; position:absolute; right:10px; bottom:10px; z-index:2; font-size:12px; line-height:12px; font-weight:600;
}

.previews .previewChannel .deviceInner{transition:var(--animationDevice);}
.previews .previewChannel.desktop .deviceInner{border-radius: 12px 12px 0 0;background-color: var(--grayDark);padding: 12px;}
.previews .previewChannel.desktop .deviceInner .deviceScreen{background-color:var(--grayMild); border-radius:0; padding:10px;}
.previews .previewChannel.desktop .deviceInner .deviceScreen .ElementOne{display:none;}
.previews .previewChannel.desktop .deviceInner .deviceScreen #creativesHolder{height:inherit; aspect-ratio:1/0.35;}

.previews .previewChannel.desktop:before{content:""; width:25%; aspect-ratio:1/0.35; border-radius:0px; position:absolute; left:50%; top:100%; transform:translateX(-50%); background: rgb(206,215,230);background: linear-gradient(0deg, rgba(206,215,230,1) 0%, rgba(182,192,208,1) 100%); }
.previews .previewChannel.desktop:after{content:""; width:35%; aspect-ratio:1/0.05; background-color:var(--grayLight); border-radius:0px; position:absolute; left:50%; top:111%; transform:translateX(-50%); border-radius:6px;  }

.previews .previewChannel.ott .deviceInner .deviceScreen{border-radius:2px; padding:12px; background-color:var(--primaryMild);}

.previews .previewChannel.ott:before{content:""; height:20px; width:10px; background-color:var(--grayDark); border-radius:0 0 5px 4px; position:absolute; bottom:-21px; left:116px; transform:skew(14deg); }
.previews .previewChannel.ott:after{content:""; height:20px; width:10px; background-color:var(--grayDark); border-radius:0 0 4px 5px; position:absolute; bottom:-21px; right:116px; transform:skew(-14deg); }

.previews .previewChannel.ott .deviceInner{width:100%; height:100%; display:flex; flex-flow:column; gap:8px; justify-content:flex-start; align-items:center; position:relative; border-radius:4px; background-color:var(--grayDark); padding:6px 6px 10px 6px;}

.previews .previewChannel.ott .deviceInner:before{content:""; height:30px; width:12px; background-color:var(--grayMedium); border-radius:0 0 4px 6px; position:absolute; bottom:-32px; left:100px; transform:skew(-14deg); z-index:2; }
.previews .previewChannel.ott .deviceInner:after{content:""; height:30px; width:12px;  background-color:var(--grayMedium); border-radius:0 0 6px 4px; position:absolute; bottom:-32px; right:100px; transform:skew(14deg); z-index:2; }

.previews .previewChannel.ott .deviceInner .deviceScreen #creativesHolder{height:inherit; aspect-ratio:1/0.35;}
.previews .previewChannel.ott .deviceInner .deviceScreen .ElementOne{display:none;}


#moreOption-headingOne{position:relative; margin-top:18px; transition:var(--animation); cursor:pointer;}


.forcastMoreOptions #moreOption-headingOne{ width:max-content;}
.forcastMoreOptions #moreOption-headingOne:before{content:"Less Options"; color:var(--primaryMedium);}
.forcastMoreOptions #moreOption-headingOne[aria-expanded="false"]:before{content:"More Options";color:var(--primaryMedium);}
.forcastMoreOptions #moreOption-headingOne:after{content:""; width:7px; height:7px; display:inline-block; border-right:solid 2px var(--primaryMedium); border-top:solid 2px var(--primaryMedium); position:relative;top:2px; transform:rotate(-45deg); transition:var(--animation); }

.forcastMoreOptions #moreOption-headingOne[aria-expanded="false"]:after{transform:rotate(45deg);top:-2px; border-right:solid 2px var(--primaryMedium); border-bottom:solid 2px var(--primaryMedium); border-top:transparent;}


#audience #moreOption-headingOne{margin-top:0; background-color:transparent; padding:9px 14px 8px 14px;}
#audience #moreOption-headingOne:after{right:20px; top:20px; transform:rotate(45deg); }
#audience #moreOption-headingOne[aria-expanded="false"]:after{transform:rotate(-45deg);}


.scrollspy-example,
    .researchNav {
        position: relative;
        margin-top:0;
        scroll-behavior: smooth;
        padding-right: 0;
    }

.leftScrollResearch{scroll-behavior: smooth; overflow:auto; height:calc(100vh - 113px); display:flex; flex-flow:column; gap:8px; justify-content: flex-start;}
.leftScrollResearch > div{display:flex; flex-flow:column; gap:4px; justify-content: flex-start;}
.groupItem{position: relative;
  z-index: 1;}

.groupItem.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 0;
}

.groupItem.fixed.absolute {
  position: absolute;
}

.researchNav.wrap{max-height: calc(100vh - 145px); height:max-content;}
.researchNav.wrap ul{display:flex; flex-wrap:wrap; flex-direction:row; padding: 12px; margin:0;}
.researchNav.wrap ul li {flex-grow:1; flex-basis:calc(16.6666666666% - 8px);}

.researchSection{padding:0px 12px 12px 12px;}

.leftScrollResearch .boxContent{transition:var(--animation); padding: 0 !important; gap: 0;}
.leftScrollResearch .boxContent:has(.loading-image){position:relative; aspect-ratio:1/.35;}
.leftScrollResearch .boxContent .loading-image{width:140px; height:140px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

    #mapLayout .heightWrapper {
        height:100%;
    }
    #mapLayout .heightWrapper iframe{width:100%; height:100%;}
    #mapLayout .heightWrapper:before{display:none !important;}

.researchNav ul{list-style:none; display:flex; flex-flow:column; padding:0;  gap:8px;}
.researchNav ul li{width:100%;}
.researchNav ul li a{list-style:none; display:flex; flex-flow:column; align-items:flex-start; gap:2px; width:100%; background-color:var(--grayLight); padding:8px 8px 8px 8px; border-radius:6px; transition:var(--animation); position:relative;
border-left:solid 4px #d5e0ee;
border-top:solid 1px #E4EEFA;
border-right:solid 1px #E4EEFA;
border-bottom:solid 1px #E4EEFA;
cursor:default;
height: 100%;
justify-content: space-between;
}
.researchNav ul li a:hover{}

.researchNav ul li a i{width:34px; height:34px; display:flex; }
.researchNav ul li a i img{width:100%; height:100%; filter:var(--filterGrayDark);}


.researchNav ul li a h6{margin:0; font-size:12px; line-height:20px; font-weight:400; color:var(--grayDark); display:none;}
.researchNav ul li a label{margin:0; font-size:12px; line-height:16px; font-weight:400; color:var(--grayMedium);}
.researchNav ul li a span{margin:0; font-size:14px; line-height:16px; font-weight:600; color:var(--grayDark); transition:var(--animation);}


.estimatateBlockWrap{display:flex; flex-flow:row; gap:8px; align-items: flex-start;}
.estimatateBlockWrap .estimatateBlock{flex-grow:1; width:100%; display:flex; flex-flow:column; padding:6px 12px; background-color:var(--grayMild); border-radius:4px;}
.estimatateBlockWrap .estimatateBlock label{color:var(--grayMedium); font-size:12px; line-height:20px; font-weight:400;}
.estimatateBlockWrap .estimatateBlock span{color:var(--primary); font-weight:600; font-size:var(--size_H3); line-height:var(--line_H3);}

.researchResultsPage .accordion-collapse{margin-bottom:34px;}


.researchScroller h2{color:var(--grayDark); font-size:var(--size_H3); line-height:var(--line_H3); font-weight:500; position:relative; cursor:pointer; background-color:var(--white); padding:6px 12px 6px 15px; transition:var(--animation); border-radius:6px;}

.researchScroller h2:hover,
.researchScroller h2[aria-expanded="false"]{background-color:var(--grayMild); padding:6px 12px 6px 23px;}

.researchScroller h2:before{content:""; position:absolute; left:0; top:12px; width:10px; height:10px; border-radius:50%; background-color:var(--primaryMedium); transition:var(--animation);}
.researchScroller h2:hover:before,
.researchScroller h2[aria-expanded="false"]:before{left:8px;}

.researchScroller h2:after{content:""; position:absolute; right:12px; top:10px; width:9px; height:9px; border-right:solid 3px var(--primaryMedium); border-bottom:solid 3px var(--primaryMedium); transform:rotate(45deg); transition:var(--animation);}


.researchScroller h2[aria-expanded="false"]:after{transform:rotate(-45deg);}

.researchResultsPage .accordion-collapse{background-color:transparent !important;}

.chartBox{margin-top:18px;}
.chartBox h3{font-size:var(--size_Sub); line-height:var(--line_Sub); width:100%; border-bottom:solid 1px var(--grayLight); color:var(--grayDark); padding-bottom:8px;}

.researchResultsPage .boxContent.chartWrapper img{width:100%; height:auto;}

.researchResultsPage .targetInclude a{color:var(--gray); font-size:var(--size_Small); line-height:var(--line_Small); margin-top:8px;}

.researchResultsPage #mapLayout{position:relative; z-index:0;}
.researchResultsPage #mapLayout .onMapInfo{position:absolute; left:7px; top:7px; right:95px; border-radius:4px;  z-index:101;}
.researchResultsPage #mapLayout .onMapInfo h2{color:var(--white); margin:0; font-size:var(--size_H3); line-height:var(--line_H3); font-weight:500;  border-radius:4px; padding:7px 10px; transition:var(--animation); background-color:rgba(35,60,90,0.6); backdrop-filter:blur(4px) brightness(80%); cursor:pointer; position:relative;}
.researchResultsPage #mapLayout .onMapInfo h2:after{content:""; width:8px; height:8px; border-right:solid 2px var(--white); border-bottom:solid 2px var(--white); position:absolute; right:18px; top:13px; transform:rotate(-45deg); transition:var(--animation);}
.researchResultsPage #mapLayout .onMapInfo h2[aria-expanded="true"]{border-radius:4px 4px 0 0; background-color:var(--primaryMedium);}

.researchResultsPage #mapLayout .onMapInfo h2[aria-expanded="true"]:after{transform:rotate(45deg);}
.researchResultsPage #mapLayout .accordion-collapse{ background-color:rgba(69,109,229,0.85) !important; border-radius:0 0 4px 4px; backdrop-filter:blur(4px); margin:0;}

.researchResultsPage #mapLayout h6{color:var(--white); margin:0;}
.researchResultsPage #mapLayout .targetInclude a{color:var(--white);}

.researchResultsPage #mapLayout .researchSection .targetInclude{max-height:150px; overflow:auto;}
.researchResultsPage #mapLayout .researchSection .targetInclude .tagWrapper span {box-shadow: none;background-color: var(--primaryLight);color: var(--primaryMedium);}

.researchResultsPage #mapLayout .onMapInfo .mapInfoItem {display:flex; flex-flow:column; margin-bottom:8px;}
.researchResultsPage #mapLayout .onMapInfo .mapInfoItem label{font-size:var(--size_Label); line-height:var(--line_Label); color:var(--primaryLight);}
.researchResultsPage #mapLayout .onMapInfo .mapInfoItem span{font-size:var(--size_Sub); line-height:var(--line_Sub); color:var(--white);}

.researchNav.wrap.display ul{gap:12px; padding:0 0 18px 0;}
.researchNav.wrap.display ul li{flex-basis:60px; height:60px; border-radius:6px; background-color:var(--white); display:flex; justify-content:center; align-items:center;}
 

.researchSection .chartBox{margin:10px 0 !important; background-color: var(--grayMild); border-radius: 8px; padding: 10px;}


.demographicRow{display:flex;gap:24px; flex-flow:wrap; justify-content:space-between; align-items:start;}
.demographicRow .demographicCol{flex-basis:calc(20% - 24px);}
.demographicRow .demographicCol:nth-child(3){flex-basis:calc(40% - 24px);}



.UploadedLogoWrapper{display:flex; flex-flow:wrap; gap:8px; width:100%;}
.uploadedLogo{flex-basis:calc(20% - 8px); aspect-ratio:1/1; position:relative; overflow:hidden; border-radius:6px;}
.uploadedLogo > img{width:100%; height:100%; object-fit:contain; border: solid 1px var(--grayLight);}

.uploadedAudio{flex-basis:calc(100% - 8px); display:flex; align-items:center; gap:4px; height:30px; position:relative; overflow:hidden; border-radius:6px; text-align:left;}
.uploadedAudio > audio{width:100%; height:30px;}
.uploadedAudio i{display:flex;}

.deleteLogo {position:absolute; right:2px; top:2px; display:flex; justify-content:center; align-items:center;}
.deleteLogo i{width:20px; height:20px; display:flex; cursor:pointer; border:solid 2px var(--white); background-color:var(--grayDark); border-radius:50%; align-items:center; justify-content:center;}
.deleteLogo i img{width:10px; height:10px; filter:var(--filterWhite);}
 
.forecastInfoReview{display:flex; flex-flow:column; gap:8px; height: calc(100% - 30px);}
.forecastInfoReviewBlock{display:flex; flex-flow:column; gap:8px; padding:12px 12px; border-radius:8px; background-color:var(--primaryLight);}
.forecastInfoReview .row > div:not(:first-child) .forecastInfoReviewBlock{flex-grow:1; overflow:auto; background-color:var(--white);}

.forecastDetails{display:flex; flex-flow:column; gap:0px;}
.forecastDetails label{color:var(--primary); display:flex; flex-flow:row; gap:3px; align-items:center;}

.forecastInfoReview .row > div:not(:first-child) .forecastInfoReviewBlock .forecastDetails{padding-bottom:10px; border-bottom:solid 1px var(--grayLight);}
.forecastInfoReview .row > div:not(:first-child) .forecastInfoReviewBlock .forecastDetails label{color:var(--grayMedium);}
.forecastDetails span{color:var(--grayDark); font-weight:500; padding-left:0; font-size:var(--size_default); line-height:var(--line_default);word-break: break-all;}

.forecastDetails.dates{display:flex; flex-flow:row;}
.forecastDetails.dates > div{flex-grow:1;}

.SelectedChannels{display:flex; flex-flow:wrap; gap:4px;}
.SelectedChannels span{display:flex; padding:2px 6px; background-color:var(--primaryLight); border-radius:99px; font-weight:400; font-size:var(--size_Small); line-height:var(--line_Small); color:var(--primary);}

.forecastInfoReview .ChooseCampaigns{flex-flow:wrap; gap:4px;}
.forecastInfoReview .ChooseCampaigns .ChooseCampaignsItem{display:flex; background-color:var(--grayMild); border-radius:4px; width:max-content; padding:4px 8px 4px 4px; flex-grow: initial;}
.forecastInfoReview .ChooseCampaigns .ChooseCampaignsItem label{display:flex; flex-flow:row; gap:4px; align-items:center;}
.forecastInfoReview .ChooseCampaigns .ChooseCampaignsItem label i{width:18px; height:18px; display:flex;}
.forecastInfoReview .ChooseCampaigns .ChooseCampaignsItem label i img{width:100%; height:100%;}


.availReportsTab .RightSide{align-items:center;}
.totalBudgetDisplay{display:flex; align-items:center; gap:4px; background-color:var(--grayDark); padding:4px 12px; border-radius:99px;}
.totalBudgetDisplay label{color:var(--grayLight);}
.totalBudgetDisplay span{font-size:var(--size_default); line-height:var(--line_default); font-weight:500; color:var(--white); display: flex;}
.totalBudgetDisplay span:before{content:"$";}

.clsViewJson{position:absolute; right:4px; top:4px; display: flex; gap: 6px; }
.clsViewJson a,
.clsViewJson span.edit-custom-box,
.clsViewJson span.delete-custom-box{display:flex; gap:0px; overflow:hidden; transition:var(--animation); cursor:pointer; text-indent:-80px;  background-color:var(--primaryLight); font-size:var(--size_Small); line-height:var(--line_Small); color:var(--primary); padding:3px 3px; border-radius:99px; border:solid 2px var(--white);}

.clsViewJson a{background-color:var(--warningMild); color:var(--warning) !important;}
.clsViewJson span.edit-custom-box{background-color:var(--successMild); color:var(--success) !important;}
.clsViewJson span.delete-custom-box{background-color:var(--dangerMild); color:var(--danger) !important;}

.clsViewJson a:hover,
.clsViewJson span.edit-custom-box:hover,
.clsViewJson span.delete-custom-box:hover{gap:6px; text-indent:0px; padding:3px 6px;}
.clsViewJson a i,
.clsViewJson span.edit-custom-box i,
.clsViewJson span.delete-custom-box i{width:13px; aspect-ratio:1/1; display:flex; align-items: center;justify-content: center;}
.clsViewJson a i img{width:100%; height:100%;}
.clsViewJson span.edit-custom-box i img,
.clsViewJson span.delete-custom-box i img{width:90%; height:90%;}


.clsViewJson a i img{filter:var(--filterWarning);}
.clsViewJson span.edit-custom-box i img{filter:var(--filterSuccess);}
.clsViewJson span.delete-custom-box i img{filter:var(--filterDanger);}


.loaderForSearching{position:absolute; left:0; right:0; top:0px; bottom:0; z-index:1; background-color:rgba(255,255,255,0.25); backdrop-filter:blur(0.5px);}
.loaderForMapFetch {
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loaderForSearching img, .loaderForMapFetch img {width:40px; height:40px; margin:auto;}

.nodata {padding: 30px 0;text-align: center;height: 75vh;display: flex;align-items: center;justify-content: center;flex-flow: column;gap: 12px;}
.nodata > div {width: max-content;height: 120px;}
.nodata > div img {width: 100%;height: 100%;}
.nodata span {display: inline-block;padding: 0;border-radius: var(--radius);color: var(--grayMedium);font-size: var(--size_default);line-height: var(--line_default);    }



.preroll .ElementOne{height: auto;background-color:transparent; display:flex; flex-flow:column; gap:8px;}

.preroll .platformElements{width:100%; display:flex; flex-flow:column; gap:8px; flex-grow: 1; overflow: auto;}
.preroll .platformBtns{width:100%; display:flex; flex-flow:row; align-items:center; gap:6px; padding:0 6px;}
.preroll .platformBtns span{display:flex; flex-flow:row; padding:5px 10px; border-radius:99px; background-color:var(--grayLight); font-size:11px; line-height:11px;align-items:center; gap:5px;}
.preroll .platformBtns span i{width:13px; height:13px; display:flex; align-items:center; justify-content:center;}
.preroll .platformBtns span i img{width:100%; height:100%;}
.preroll .platformBtns span i:nth-child(2){margin-left:8px; position:relative;}
.preroll .platformBtns span i:nth-child(2):before{content:""; position:absolute; left:-7px; top:-1px; bottom:-1px; width:1px; background-color:var(--gray); opacity:0.5;}

.preroll .platformCommnts{display:flex; flex-flow:column; margin:0 6px; padding:5px 10px; border-radius:8px; background-color:var(--grayLight); font-size:11px; line-height:11px; align-items:flex-start; gap:5px; justify-content:flex-start;}

.preroll .platformContent{display:flex; flex-flow:column; margin:0 6px; padding:0px; gap:4px;}
.preroll .platformContent > span{width:100%; aspect-ratio:2/1; background-color:var(--grayLight); border-radius:8px;}
.preroll .platformContent p{width:100%; display:flex; flex-flow:column; gap:6px;}
.preroll .platformContent p span{width:100%; display:flex; height:6px; background-color:var(--grayLight); border-radius:8px; margin:0;}
.preroll .platformContent p span:nth-child(2){width:85%;}
.preroll .platformContent p span:nth-child(3){width:65%;}

.preroll.desktop .platformContent{flex-flow:row;}
.preroll.desktop .platformContent > span{border-radius:4px;}

.previews .previewChannel.preroll.desktop .deviceInner .deviceScreen{display:flex; flex-flow:row; align-items:flex-start;}
.previews .previewChannel.preroll.desktop .deviceInner .deviceScreen .ElementOne{display:flex; flex-grow:1;}
.previews .previewChannel.preroll.desktop .deviceInner .deviceScreen .platformElements{flex-basis:40%;}

.previews .previewChannel.preroll.desktop .deviceInner .deviceScreen #creativesHolder{aspect-ratio: 16 / 8; border-radius:10px; overflow:hidden;}
.previews .previewChannel.preroll.desktop .postDetails{background-color:transparent; box-shadow:none;}
.previews .previewChannel.preroll.desktop .postDetails a{margin-left:0; margin-right:0;}
.previews .previewChannel.preroll.desktop .postDetails #AttrHeadline{padding:0;}
.previews .previewChannel.preroll.desktop .postDetails #AttrDescription{margin:0;}
.previews .previewChannel.preroll.desktop .platformBtns{padding:0;}
.previews .previewChannel.preroll.desktop .platformCommnts{margin:0;}


.previews .previewChannel.ctv .deviceInner .ElementOne{background-color:transparent; height: auto;}
.ctv .platformInfo{display:flex; justify-content:space-between; align-items:center; padding:10px 10px; }
.ctv .platformInfo span:first-child{width:60px; height:16px; background-color:var(--grayLight); border-radius:99px;}
.ctv .platformInfo span:last-child{display:flex; width:16px;}
.ctv .platformInfo span:last-child img{width:100%; height:auto;}
.ctv .platformBtns{display:flex; flex-flow:row; gap:8px; padding:0 10px 10px 10px;}
.ctv .platformBtns span{display:flex; flex-flow:row; padding:5px 10px; border-radius:99px; background-color:var(--grayLight); font-size:11px; line-height:11px;align-items:center; gap:5px;}
.ctv #creativesHolder{aspect-ratio:16/10; position:relative;}

.ctv #creativesHolder .postDetails{position:absolute; left:0; right:0;bottom:0; background:linear-gradient(0deg, rgba(35,40,50,1) 0%, rgba(25,30,40,0.0) 100%); padding:40px 6px 6px 6px;}
.ctv #creativesHolder .postDetails #AttrHeadline .postInfo h3,
.ctv #creativesHolder .postDetails #AttrHeadline .postInfo h4,
.previews .previewChannel.ctv .postDetails a{color:var(--white);}

.previews .previewChannel.ctv #AttrDescription{display:flex; flex-flow:column; gap:4px; padding:0px 12px; justify-content:flex-start;}
.previews .previewChannel.ctv #AttrDescription a{display:flex; font-size:11px; line-height:10px;}
.previews .previewChannel.ctv #AttrDescription span{display:flex; font-size:11px; line-height:15px;}
.previews .previewChannel.ctv .platformElements{display:flex; flex-flow:column; width:100%; padding:0px 12px;}
.previews .previewChannel.ctv .platformElements .platformContent{display:flex; flex-flow:row; position:relative; padding-top:18px; gap: 8px;}
.previews .previewChannel.ctv .platformElements .platformContent > span.title{width:100px; height:14px; background-color:var(--grayLight); border-radius:99px; position:absolute; left:0; top:0;}
.previews .previewChannel.ctv .platformElements .platformContent p{min-width:140px; flex-grow:1;  aspect-ratio:1/0.56; border-radius:8px; background-color:var(--grayLight);}

.previews .previewChannel.ctv .platformElements .platformContent.portrait p{min-width:100px; aspect-ratio:1/1.4;}

.previews .previewChannel.ctv.desktop .deviceInner .deviceScreen .ElementOne{display:flex; flex-flow:column; position:relative;}
.ctv.desktop .platformInfo span:last-child{display:none;}
.ctv.desktop .platformInfo{padding:4px 0 10px 0;}
.ctv.desktop .platformBtns{padding:0; position:absolute; right:0; top:0;}
.previews .previewChannel.ctv.desktop .deviceInner .deviceScreen #creativesHolder{aspect-ratio:1/0.2; position:relative;border-radius: 10px;}

.previews .previewChannel.ctv.desktop .platformElements .platformContent p,
.previews .previewChannel.ctv.desktop .platformElements .platformContent.portrait p{min-width:160px; aspect-ratio:1/0.56;}

.previews .previewChannel.ctv.ott .deviceInner .deviceScreen .ElementOne{display:flex; flex-flow:column; position:relative;}

.previews .previewChannel.ctv.ott .platformBtns{position:absolute; top:8px; right:30px; padding:0 8px 0 0;}
.previews .previewChannel.ctv.ott .deviceInner .deviceScreen #creativesHolder{margin:0 12px 6px 12px; width:calc(100% - 24px); border-radius:12px; aspect-ratio: 1 / 0.25}

.previews .previewChannel.ctv.ott .platformElements .platformContent p,
.previews .previewChannel.ctv.ott .platformElements .platformContent.portrait p{min-width:160px; aspect-ratio:1/0.56;}

.previews .previewChannel.desktop .deviceInner .deviceScreen .ElementOne{display:flex; flex-flow:column;}
.creativesPreview .previews .display.desktop .deviceInner .deviceScreen{padding:0;}
.creativesPreview.previews .display.desktop .deviceInner .deviceScreen .ElementOne{display:flex; flex-flow:column;}
.platformTabs{display:flex; flex-flow:row; width:100%; padding-top:4px; padding-left:10px; gap:2px; overflow:hidden; background-color:#c7d0e0; }
.platformTabs span{display:flex; width:100px; height:17px; background-color:var(--grayLight); border-radius:10px 10px 0 0; box-shadow:4px 2px 6px rgba(15,20,30,0.15); position:relative;}
.platformTabs span:nth-child(1){z-index:4; background-color:var(--grayMild);}
.platformTabs span:nth-child(2){z-index:3;}
.platformTabs span:nth-child(3){z-index:2;}
.platformTabs span:nth-child(4){z-index:1;}

.platformTabs span:before{content:""; width:40px; height:40px; display:inline-block; position:absolute; right:calc(100% - 10px); bottom:-10px; border-radius:50%; transform: rotate(-45deg);
border-top:solid 10px transparent;
border-right:solid 10px transparent;
border-bottom:solid 10px var(--grayLight);
border-left:solid 10px transparent;
}

.platformTabs span:after{content:""; width:40px; height:40px; display:inline-block; position:absolute; left:calc(100% - 10px); bottom:-10px; border-radius:50%; transform: rotate(-45deg);
border-top:solid 10px transparent;
border-right:solid 10px transparent;
border-bottom:solid 10px transparent;
border-left:solid 10px var(--grayLight);
}

.platformTabs span:nth-child(1):before{border-bottom:solid 10px var(--grayMild);}

.platformTabs span:nth-child(1):after{border-left:solid 10px var(--grayMild);}

.creativesPreview .previews .display .deviceInner .platformHeader{width:100%; display:flex; flex-flow:row; justify-content:space-between; padding:6px 12px; align-items:center; border-top:solid 1px var(--grayLight);}
.creativesPreview .previews .display .deviceInner .platformHeader > span:first-child{display:flex; width:100px; height:20px; border-radius:99px; background:var(--grayLight);}
.creativesPreview .previews .display .deviceInner .platformHeader > span:last-child{display:flex; flex-flow:row; gap:6px;}
.creativesPreview .previews .display .deviceInner .platformHeader > span:last-child > span{display:flex; width:50px; height:12px; background:var(--grayLight); border-radius:99px;}

.creativesPreview .previews .display .deviceInner .platformElementSearch{width:100%; display:flex; flex-flow:row; justify-content:space-between; padding:6px 12px; align-items:center; border-top:solid 1px var(--grayLight);}
.creativesPreview .previews .display .deviceInner .platformElementSearch span{display:flex; width:300px; height:20px; border-radius:99px; background:var(--grayLight);}

.previews .previewChannel.display .deviceInner .deviceScreen .ElementOne{flex-flow:row; padding:0 12px; gap:12px; background-color:transparent; height:auto; align-items: flex-start;}
.previews .previewChannel.display.desktop .deviceInner .deviceScreen .ElementOne .siteContent{flex-basis:65%;}
.previews .previewChannel.display.desktop .deviceInner .deviceScreen .ElementOne .postDetails{flex-basis:35%;}

.ElementOne .siteContent p{width:100%; display:flex; flex-flow:column; gap:4px;}
.ElementOne .siteContent p span{background-color:var(--grayLight); height:6px; border-radius:99px; width:100%;}
.ElementOne .siteContent p span:nth-child(1){height:12px;}

.ElementOne .siteContent p:nth-child(1) span:nth-child(1){max-width:80%;}
.ElementOne .siteContent p:nth-child(1) span:nth-child(2){max-width:95%;}
.ElementOne .siteContent p:nth-child(1) span:nth-child(3){max-width:75%;}
.ElementOne .siteContent p:nth-child(1) span:nth-child(4){max-width:82%;}
.ElementOne .siteContent p:nth-child(1) span:nth-child(5){max-width:45%;}

.ElementOne .siteContent p:nth-child(2) span:nth-child(1){max-width:70%;}
.ElementOne .siteContent p:nth-child(2) span:nth-child(2){max-width:90%;}
.ElementOne .siteContent p:nth-child(2) span:nth-child(3){max-width:85%;}
.ElementOne .siteContent p:nth-child(2) span:nth-child(4){max-width:75%;}
.ElementOne .siteContent p:nth-child(2) span:nth-child(5){max-width:55%;}

.ElementOne .siteContent p:nth-child(3) span:nth-child(1){max-width:75%;}
.ElementOne .siteContent p:nth-child(3) span:nth-child(2){max-width:85%;}
.ElementOne .siteContent p:nth-child(3) span:nth-child(3){max-width:88%;}
.ElementOne .siteContent p:nth-child(3) span:nth-child(4){max-width:85%;}
.ElementOne .siteContent p:nth-child(3) span:nth-child(5){max-width:65%;}

.ElementOne .siteContent p:nth-child(4) span:nth-child(1){max-width:76%;}
.ElementOne .siteContent p:nth-child(4) span:nth-child(2){max-width:91%;}
.ElementOne .siteContent p:nth-child(4) span:nth-child(3){max-width:73%;}
.ElementOne .siteContent p:nth-child(4) span:nth-child(4){max-width:79%;}
.ElementOne .siteContent p:nth-child(4) span:nth-child(5){max-width:62%;}

.previews .previewChannel.display .deviceInner .deviceScreen #creativesHolder{aspect-ratio:1/0.8; position:relative;}

.previews .previewChannel.display .deviceInner .deviceScreen #creativesHolder.imageDetails:before{content:""; background-image:none; background-color:rgba(255,255,255,1); padding:0; width:10px; height:1px; position:absolute;bottom:inherit;  right:10px; top:10px;  display:flex; transform:rotate(45deg); box-shadow:0 0 2px rgba(0,0,0,1);}
.previews .previewChannel.display .deviceInner .deviceScreen #creativesHolder.imageDetails:after{content:""; background-image:none; background-color:rgba(255,255,255,0.85); padding:0; width:10px; height:1px; position:absolute; right:10px; top:10px; display:flex; z-index:2; transform:rotate(-45deg); box-shadow:0 0 2px rgba(0,0,0,1);}

.previews .previewChannel.display.mobile .deviceInner .deviceScreen .platformTabs{padding:34px 12px 6px 12px; min-height: 60px;}
.previews .previewChannel.display.mobile .deviceInner .deviceScreen .platformTabs span:not(:first-child){display:none;}
.previews .previewChannel.display.mobile .deviceInner .deviceScreen .platformTabs span:before,
.previews .previewChannel.display.mobile .deviceInner .deviceScreen .platformTabs span:after{display:none;}
.previews .previewChannel.display.mobile .deviceInner .deviceScreen .platformTabs span{box-shadow:none; border-radius:9px; width:100%;}

.creativesPreview .previews .display.mobile .deviceInner .platformHeader{display:none;}
.creativesPreview .previews .display.mobile .deviceInner .ElementOne .siteContent p span{height: 4px;}

.creativesPreview .previews .display .postDetails{padding: 0px 0 0px 0;}
.creativesPreview .previews .display .postDetails #creativesHolder{margin:0;}
.previews .previewChannel.display.desktop .deviceInner .deviceScreen .ElementOne .siteContent:last-child{display:none;}
.previews .previewChannel.display.mobile .deviceInner .deviceScreen .ElementOne .siteContent:first-child{display:none;}


.soundwave-container { height:30px; width: auto; display: flex; align-items: flex-end;}
.bar {width:2px; height: 100%; background: #ffda00; border-radius: 2px; margin: 0 1px; animation: equalizer 1.9s steps(20, end) infinite; box-sizing:border-box;}
.bar:nth-child(1) {animation-duration: 1.9s;}
.bar:nth-child(2) {animation-duration: 2.0s;}
.bar:nth-child(3) {animation-duration: 1.7s;}
.bar:nth-child(4) {animation-duration: 2.1s;}
.bar:nth-child(5) {animation-duration: 1.7s;}
.bar:nth-child(6) {animation-duration: 2.0s;}
.bar:nth-child(7) {animation-duration: 1.4s;}
.bar:nth-child(8) {animation-duration: 1.1s;}
.bar:nth-child(9) {animation-duration: 1.9s;}
.bar:nth-child(10) {animation-duration: 1.5s;}
.bar:nth-child(11) {animation-duration: 1.9s;}
.bar:nth-child(12) {animation-duration: 2.0s;}

@keyframes equalizer{
  0% {height: 20px; border-bottom:solid 10px #20ce00; border-top:solid 0px #ff4040;}
  4% {height: 25px; border-bottom:solid 10px #20ce00; border-top:solid 5px #ff4040;}
  12% {height: 5px; border-bottom:solid 10px #20ce00; border-top:solid 10px #ff4040;}
  20% {height: 25px; border-bottom:solid 10px #20ce00; border-top:solid 5px #ff4040;}
  28% {height: 5px; border-bottom:solid 10px #20ce00; border-top:solid 0px #ff4040;}
  36% {height: 15px; border-bottom:solid 10px #20ce00; border-top:solid 0px #ff4040;}
  44% {height: 30px; border-bottom:solid 10px #20ce00; border-top:solid 10px #ff4040;}
  52% {height: 25px; border-bottom:solid 10px #20ce00; border-top:solid 5px #ff4040;}
  60% {height: 20px; border-bottom:solid 10px #20ce00; border-top:solid 0px #ff4040;}
  68% {height: 25px; border-bottom:solid 10px #20ce00; border-top:solid 5px #ff4040;}
  76% {height: 5px; border-bottom:solid 10px #20ce00; border-top:solid 10px #ff4040;}
  84% {height: 25px; border-bottom:solid 10px #20ce00; border-top:solid 5px #ff4040;}
  92% {height: 20px; border-bottom:solid 10px #20ce00; border-top:solid 0px #ff4040;}
  100% {height:30px; border-bottom:solid 10px #20ce00; border-top:solid 10px #ff4040;}
}

.creativesPreview .previews .audio #creativesHolder {
    aspect-ratio: 1/1;
    position: relative;
    background: linear-gradient(295deg, #1B3DA2 -0.93%, #1169BF 100.4%);
}
.creativesPreview .previews .audio #creativesHolder img{width:65%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
    .creativesPreview .previews .audio #creativesHolder audio {
        position: absolute;
        left: 6px;
        right: 6px;
        width: calc(100% - 12px);
        height: 37px;
        bottom: 75px;
        transition:var(--animation);
    }

    .creativesPreview .previews .audio #creativesHolder:has(audio) img {
        width: 40%;
        top: 25%
    }

    .creativesPreview .previews .audio #creativesHolder .postDetails {
        position: absolute;
        left: 6px;
        right: 6px;
        bottom: 6px;
        background-color: rgba(15,17,21,0.6);
        backdrop-filter: blur(3px);
        border-radius: 6px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.5);
        z-index: 1;
        display: flex;
        gap: 6px;
        padding: 10px;
        border: solid 1px rgba(185,187,191,0.35)
    }
.creativesPreview .previews .audio #creativesHolder .postDetails #AttrHeadline{display:flex; flex-flow:column; justify-content:flex-start; padding:0; gap:0;}
.creativesPreview .previews .audio #creativesHolder .postDetails #AttrHeadline h3{color:var(--white);}
.creativesPreview .previews .audio #creativesHolder .postDetails #AttrHeadline h4{color:var(--grayMedium);}

.creativesPreview .previews .audio .ElementOne{height:auto;}
.creativesPreview .previews .audio .platformInfo{display:flex; width:100%; justify-content:space-between; padding:6px 8px; align-items:center;}
.creativesPreview .previews .audio .platformInfo span:first-child{display:flex; width:40px; height:20px; border-radius:99px; background-color:var(--grayLight);}
.creativesPreview .previews .audio .platformBtns{display:flex; width:100%; gap:6px; padding:2px 8px 12px 8px; align-items:center;}
.creativesPreview .previews .audio .platformBtns span{padding:4px 12px; font-size:12px; line-height:12px; border-radius:99px; background-color:var(--grayLight);}

.creativesPreview .previews .audio .platformElements{display:flex; flex-flow:column; width:100%; padding:0px 12px;}
.creativesPreview .previews .audio .platformElements .platformContent{display:flex; flex-flow:row; position:relative; padding-top:18px; gap: 8px;}
.creativesPreview .previews .audio .platformElements .platformContent > span.title{width:100px; height:14px; background-color:var(--grayLight); border-radius:99px; position:absolute; left:0; top:0;}
.creativesPreview .previews .audio .platformElements .platformContent p{min-width:140px; flex-grow:1;  aspect-ratio:1/0.56; border-radius:8px; background-color:var(--grayLight);}

.creativesPreview .previews .audio .platformElements .platformContent.portrait p{min-width:100px; aspect-ratio:1/1.4;}

.creativesPreview .previews .directEmail{width:100%; display:flex; opacity:1; visibility:visible; height:100%; }
.creativesPreview .previews .directEmail #creativesHolder{width:100%; display:flex;
background-image: url('../images/directmailgraphics.svg'); background-position:right top; background-repeat:no-repeat; background-size:38% auto; min-height:100%; position:relative;  }

.creativesPreview .previews .directEmail #creativesHolder{perspective:950px;}
.creativesPreview .previews .directEmail #creativesHolder > div{width: 50%; aspect-ratio: 1 / 0.45; position: absolute; 
    transform: rotateY(30deg) rotateZ(-10deg) rotateX(20deg) translate(-50%, -50%); transform-origin: 50% 50%; left: 50%; top: 50%;  opacity:1; border-radius:10px; }
.creativesPreview .previews .directEmail #creativesHolder > div span{width:100%; height:100%; display:flex; border-radius:10px; overflow:hidden; position:relative;}
.creativesPreview .previews .directEmail #creativesHolder > div img{width:100%; height:100%; object-fit:cover; opacity:1; visibility:visible;}

.creativesPreview .previews .directEmail #creativesHolder > div:nth-child(2){width: 50%; left: 55%; top: 40%; z-index:3; transform: rotateY(45deg) rotateZ(-10deg) rotateX(30deg) translate(-50%, -50%); filter: brightness(115%) }
.creativesPreview .previews .directEmail #creativesHolder > div:nth-child(3){width: 45%; left: 43%; top: 36%; z-index:2; transform: rotateY(35deg) rotateZ(-10deg) rotateX(15deg) translate(-50%, -50%); filter: brightness(90%)}
.creativesPreview .previews .directEmail #creativesHolder > div:nth-child(4){width: 40%; left: 32%; top: 30%; z-index:1; transform: rotateY(25deg) rotateZ(-8deg) rotateX(5deg) translate(-50%, -50%); filter: brightness(75%)}

.creativesPreview .previews .directEmail #creativesHolder > div span:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background: rgb(35,41,44); background: linear-gradient(0deg, rgba(15,17,20,0.25) 0%, rgba(15,17,20,1) 100%); z-index:1;  filter: blur(4px);}
.creativesPreview .previews .directEmail #creativesHolder > div:nth-child(2) span:before{display:none;}
.creativesPreview .previews .directEmail #creativesHolder > div:nth-child(3) span:before{transform:rotateY(35deg) rotateZ(0deg) rotateX(-44deg) translate(11%, 27%);}
.creativesPreview .previews .directEmail #creativesHolder > div:nth-child(4) span:before{transform:rotateY(30deg) rotateZ(0deg) rotateX(-44deg) translate(11%, 27%);}


.previews .previewChannel.email.desktop .deviceInner .deviceScreen{padding:0;}
.previews .previewChannel.email.desktop .deviceInner .deviceScreen .platformArea{display:flex; padding:0px 14px; flex-grow: 1; gap:12px;}

.previews .previewChannel.email.desktop .platformArea .platformLeft{flex-basis:20%; display:flex; flex-flow:column; gap:8px; justify-content:flex-start;}
.previews .previewChannel.email.desktop .platformArea .platformLeft > span{height:20px; border-radius:99px; width:60%; background-color:var(--grayLight);}
.previews .previewChannel.email.desktop .platformArea .platformLeft > p{display:flex; margin:0; flex-flow:column; gap:4px; justify-content:flex-start;}
.previews .previewChannel.email.desktop .platformArea .platformLeft > p span{height:8px; border-radius:99px; width:60%; background-color:var(--grayLight);}
.previews .previewChannel.email.desktop .platformArea .platformLeft > p span:nth-child(1){width:90%;}
.previews .previewChannel.email.desktop .platformArea .platformLeft > p span:nth-child(2){width:70%;}
.previews .previewChannel.email.desktop .platformArea .platformLeft > p span:nth-child(3){width:80%;}
.previews .previewChannel.email.desktop .platformArea .platformLeft > p span:nth-child(4){width:65%;}

.previews .previewChannel.email.desktop .platformArea .ElementOne span.srch{display:flex; flex-flow:row; gap:8px;}
.previews .previewChannel.email.desktop .platformArea .ElementOne span.srch span{display:flex; background-color:var(--grayLight); border-radius:99px; height:16px; width:30px;}
.previews .previewChannel.email.desktop .platformArea .ElementOne span.srch span:first-child{flex-grow:1; margin-right:20px;}
.previews .previewChannel.email .deviceInner .deviceScreen .ElementOne{height:auto; display:flex; flex-flow:column; gap:8px; justify-content:flex-start; flex-basis:80%; background-color:transparent;}


.previews .previewChannel.email.desktop .deviceInner .deviceScreen .postDetails{height:auto; background-color:var(--white); flex-grow: 1; padding:8px; border-radius:8px;}
.previews .previewChannel.email .deviceInner .deviceScreen .postDetails #AttrHeadline{padding:0 0 8px 0; align-items: center;}
.previews .previewChannel.email.desktop .deviceInner .deviceScreen .postDetails a,
.previews .previewChannel.email.desktop .deviceInner .deviceScreen .postDetails h5{margin:0;}
.previews .previewChannel.email.desktop .deviceInner .deviceScreen .postDetails .post{width:80%; padding-left:35px;}

.previews .previewChannel.email.mobile .deviceInner .deviceScreen .platformTabs{display:none;}

.previews .previewChannel.email.mobile .deviceInner .deviceScreen .postDetails{background-color:transparent; box-shadow:none;}
.previews .previewChannel.email.mobile h4{margin:0 8px 0px 8px;}

.previews .previewChannel.social .deviceScreen .ElementOne{height:auto; background-color:transparent;}
.previews .previewChannel.social.desktop .deviceScreen .ElementOne{display:flex;}
.previews .previewChannel.social .deviceScreen .ElementOne .platformBtns{display:flex; gap:4px; padding:24px 6px 6px 6px; justify-content:space-around;}
.previews .previewChannel.social .deviceScreen .ElementOne .platformBtns span{display:flex; width:22px; height:22px; border-radius:4px; background-color:var(--grayLight); }

.previews .previewChannel.social.desktop .deviceScreen .ElementOne .platformBtns{display:none;}

.previews .previewChannel.social #AttrHeadline{display:flex; align-items:center; flex-flow:row; gap:6px; padding:0 6px;}
.previews .previewChannel.social #AttrHeadAvatar{width:30px; height:30px; border-radius:50%; overflow:hidden; }
.previews .previewChannel.social #AttrHeadAvatar img{width:100%; height:100%; object-fit:contain;}
.previews .previewChannel.social h3.prevAttrHeadline{font-size:14px; line-height:18px; margin:0;}
.previews .previewChannel.social .postInfo h4{font-size:11px; line-height:16px; padding:6px 6px;}
.previews .previewChannel.social #creativesHolder{aspect-ratio: 1 / 1.15; margin:0;}

.previews .previewChannel.social #AttrDescription{ position:relative; padding:6px 80px 6px 6px;}
.previews .previewChannel.social #AttrDescription:after{content:""; width:60px; height:20px; background-color:var(--grayLight); border-radius:99px; position:absolute; right:0; top:8px;}
.previews .previewChannel.social #AttrDescription a{font-size:10px;}
.previews .previewChannel.social #AttrDescription span{font-size:10px; line-height:14px; display: flex; width:100%;}

.platformActions{display:flex; flex-flow:row; gap:4px; align-items:center; justify-content:space-between; padding:0 6px;}
.platformActions > span{display:flex; flex-flow:row; gap:4px; align-items:center;}

.platformActions > span:first-child{gap:2px; flex-grow:1;}
.platformActions > span:first-child > span{width:16px; height:16px; border-radius:50%; display:flex; background-color:var(--grayLight);}
.platformActions > span:first-child > span:last-child{width:36px; height:10px; border-radius:5px;}

.platformActions > span:not(:first-child){width:36px; height:10px; border-radius:5px;display:flex; background-color:var(--grayLight);}


#mapLayout #myMap .MicrosoftMap .NavBar_Container{right:0px !important;}


html body .datepicker.datepicker-dropdown {
width: max-content;
height: max-content;
padding: 10px;
background-color: var(--white);
box-shadow: var(--shadowDropdown);
border-radius: var(--radius)
}

html body .datepicker.datepicker-dropdown table.table {
background-color: var(--white)
}

html body .datepicker.datepicker-dropdown table.table tbody tr:hover {
box-shadow: none;
background: inherit
}

html body .datepicker.datepicker-dropdown table.table thead tr th,
html body .datepicker.datepicker-dropdown table.table tbody tr td {
font-size: var(--size_Label);
line-height: var(--line_Label);
color: var(--primary)
}

html body .datepicker.datepicker-dropdown table.table thead tr th,
html body .datepicker.datepicker-dropdown table.table tbody tr td {
padding: 7px 7px !important;
background-color: var(--white);
height: 30px;
width:30px;
border-radius: 7px;
margin: 0;
box-sizing: border-box;
text-align:center;
}

    html body .datepicker.datepicker-dropdown div:not(.datepicker-months, .datepicker-years) table.table tbody tr td:hover {
        background-color: var(--primaryLight)
    }

.datepicker.datepicker-dropdown table.table tbody tr td.today {
background: var(--primary) !important;
color: var(--white) !important;
}

.datepicker.datepicker-dropdown table.table tbody tr td.active {
    background: var(--primaryMedium) !important;
    color: var(--white) !important;
}

    html body .datepicker.datepicker-dropdown table.table tbody tr td.old {
        background: var(--white) !important;
        color: var(--grayLight) !important;
        pointer-events: none;
        cursor: no-drop
    }

html body .datepicker.datepicker-dropdown table.table tbody tr td.disabled {
pointer-events: none;
cursor: no-drop
}

html body .datepicker.datepicker-dropdown table.table tbody tr td.new {
background: var(--white);
color: var(--grayMedium);
pointer-events: none;
cursor: no-drop
}


.datepicker div:is(.datepicker-months, .datepicker-years){width: 235px;}
.datepicker div:is(.datepicker-months, .datepicker-years) table tr td span{padding:7px; width:50px 30px; margin:0; display:flex; justify-content:center; align-items:center; font-size:var(--size_Small); line-height:var(--line_Small);}
.datepicker div:is(.datepicker-months, .datepicker-years) table tr td span:hover {
    background-color: var(--primaryLight);
    color: var(--primary);
}

.goLiveFooter{align-items:center;}
.goLiveFooter .LeftSide{display:flex; flex-flow:column; gap:2px; align-items: start;}
.goLiveFooter .LeftSide p{margin:0;}

/*close button content image*/
.uploadedLogo{position:relative;}
    .uploadedLogo i.removeData {
        position: absolute;
        top: 2px;
        right: 2px;
        background-color: var(--grayDark);
        border-radius: 50%;
        width: 16px;
        height: 16px;
        z-index: 99;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .uploadedLogo i.removeData:before {
            color: var(--white);
            font-size: 11px;
            line-height: 11px;
        }

    .otherSetup .leftScroll .boxContent .dropzone .UploadFileBox .uploadedAudio span {
        display: flex;
        justify-content: start;
        align-items: center;
        white-space: nowrap;
        width: calc(100% - 57px);
        overflow: hidden !important;
        padding: 0;
    }

    .UploadFileBox .uploadedAudio i.removeData {
        top: 6px;
        right: 6px;
    }

.empty-cont-aud {
    width: 100%;
    text-align: center;
    padding: 60px 30px;
}
.empty-cont-aud p {
    margin-bottom: 0px;
    color: var(--grayDark);
}

#resetPasswordNotification{
    position:fixed; right:4px; top:4px; z-index:99999; background-color:var(--primaryMedium); padding:10px 43px 10px 20px; text-align:center; font-size:var(--size_default); line-height:var(--line_default); color:var(--white); transform:translateY(-120%); transition:var(--animation); box-shadow:var(--shadowClickable); border-radius:8px;
}
#resetPasswordNotification.show{transform:translateY(0%);}

#resetPasswordNotification p{margin:0; font-size:var(--size_default); line-height:var(--line_default); color:var(--white); display:inline-block;}
#resetPasswordNotification p a{display:inline-block; color:var(--white); text-decoration:underline; }
#clsresetPassNotifi{position:absolute; right:6px; top:6px; display:flex; padding: 10px; justify-content:center; align-items:center; cursor:pointer;}
#clsresetPassNotifi i{color:var(--white);}

body #ModalManageKPI #AudienceData input:not([type=submit],[type=checkbox],[type=radio]):disabled{background-color:transparent; color:var(--grayDark); font-weight:600;}

body #ModalManageKPI h3{display:flex; gap:4px; align-items:center; margin-bottom:0;}
body #ModalManageKPI .form-horizontal{margin-top: 0;}







.AIRecommendedInputs, .ManualInputs {
    display: flex;
    flex-flow: row;
    gap: 6px;
    align-items: center;
}

.budgetBox .estimates {
    display: flex
;
    flex-flow: column;
    gap: 6px;
    flex-grow: 1;
}
.budgetBox .estimates div:is(.estimatedAvailability, .forecastedPerformance) {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    position: relative;
    z-index: 0;
}
.budgetBox .estimates div.forecastedPerformance:before {
    content: "";
    position: absolute;
    left: -8px;
    top: 0;
    right: -8px;
    bottom: -8px;
    border-radius: 8px;
    background-color: #d0e9da;
    z-index: -1;
}

.tabberSection .tab-content.containsForecast {
    box-shadow: none;
    padding: 12px;
    border-top: solid 1px var(--grayLight);
    border-radius: 0;
}
.tabberSection.outputTab > .tab-content {
    max-height: 100%;
    overflow: hidden;
}
.tabberSection .tab-content>div {
    height: 100%;
}
.tabberSection.outputTab > .tab-content > .tab-pane > .tabContentArea {
    max-height: 100%;
    overflow: auto;
}

.tabBottomPannel{display:flex; flex-flow:row; gap:24px; justify-content:space-between; align-items: center;}
.tabBottomPannel .LeftSide{flex-flow:column; align-items: self-start; gap:0;}
.tabBottomPannel .LeftSide p{margin:0; }

.tabContentArea.loadingScreens .loadingAnimation{position:relative; overflow:hidden;}
.tabContentArea.loadingScreens .loadingAnimation:after{content:""; position:absolute; position:absolute; top:0; bottom:0; width:200%; display:flex;
background: rgb(223,232,246);
background: linear-gradient(45deg, rgba(223,232,246,0) 0%, rgba(223,232,246,0.25) 25%, rgba(223,232,246,1) 50%, rgba(223,232,246,0.25) 75%, rgba(223,232,246,0) 100%);
animation: 1s infinite loadingAnimation;
}

.tabContentArea.loadingScreensPolitical .loadingAnimation {
    position: relative;
    overflow: hidden;
    min-height:250px;
}

    .tabContentArea.loadingScreensPolitical .loadingAnimation:after {
        content: "";
        position: absolute;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 200%;
        display: flex;
        background: rgb(223,232,246);
        background: linear-gradient(45deg, rgba(223,232,246,0) 0%, rgba(223,232,246,0.25) 25%, rgba(223,232,246,1) 50%, rgba(223,232,246,0.25) 75%, rgba(223,232,246,0) 100%);
        animation: 1s infinite loadingAnimation;
    }

@keyframes loadingAnimation {
  from {
    transform: translateX(-125%);
  }

  to {
    transform: translateX(35%);
  }
}

.tabContentArea.loadingScreens .dummyinputLoader{width:160px; height:32px; display:flex; background-color:var(--grayMild); border-radius:8px;}
.tabContentArea.loadingScreens .estimatedAvailability,
.tabContentArea.loadingScreens .forecastedPerformance{width:100%; height:100px; border-radius:8px;}

.tabContentArea.loadingScreens .whiteBox{padding:0; box-shadow:none;}
.tabContentArea.loadingScreens .researchNav.wrap ul{padding:0;}
.tabContentArea.loadingScreens .researchNav.wrap ul li {height: 90px;  border-radius: 8px; background-color: var(--grayMild);}
.tabContentArea.loadingScreens .researchSection {height:200px; border-radius:8px; margin-top:8px;  background-color:var(--grayMild); box-shadow:none;}

.tabContentArea.loadingScreens .mapPlaceholder {border-radius:8px;  background-color:var(--grayMild); box-shadow:none;}
#GeographicTab .tabContentArea.loadingScreens .whiteBox h4 {padding:0 0 12px 0 !important;border: 0;}

#TargetingTab .tabContentArea.loadingScreens .outPutGeo{height:200px; border-radius:8px; margin-top:8px;  background-color:var(--grayMild); box-shadow:none;}
#AIFindingsTab .tabContentArea.loadingScreens .aiResponse{height:200px; margin-bottom:18px; border-radius:8px; margin-top:8px;  background-color:var(--grayMild); box-shadow:none;}

.tabContentArea.loadingScreens .dummyinputLoader{width:160px; height:32px; display:flex; background-color:var(--grayMild); border-radius:8px;}
.tabContentArea.loadingScreens .estimatedAvailability,
.tabContentArea.loadingScreens .forecastedPerformance{width:100%; height:100px; border-radius:8px;}

.tabContentArea.loadingScreens .whiteBox{padding:0; box-shadow:none;}
.tabContentArea.loadingScreens .researchNav.wrap ul{padding:0;}
.tabContentArea.loadingScreens .researchNav.wrap ul li {height: 90px;  border-radius: 8px; background-color: var(--grayMild);}
.tabContentArea.loadingScreens .researchSection {height:200px; border-radius:8px; margin-top:8px;  background-color:var(--grayMild); box-shadow:none;}

.tabContentArea.loadingScreens .mapPlaceholder {border-radius:8px;  background-color:var(--grayMild); box-shadow:none;}
#GeographicTab .tabContentArea.loadingScreens .whiteBox h4 {padding:0 0 12px 0 !important;border: 0;}

#TargetingTab .tabContentArea.loadingScreens .outPutGeo{height:200px; border-radius:8px; margin-top:8px;  background-color:var(--grayMild); box-shadow:none;}
#AIFindingsTab .tabContentArea.loadingScreens .aiResponse{height:200px; margin-bottom:18px; border-radius:8px; margin-top:8px;  background-color:var(--grayMild); box-shadow:none;}

.tabberSection.outputTab {
    max-height: 100%;
    display: flex;
    flex-flow: column;
}

#AIFindingsTabData .generatedResultsAI .whiteBox {
    background-color: var(--grayMild);
    box-shadow: none;
}

#AIFindingsTabData .generatedResultsAI .whiteBox h4 {
    background-color: var(--grayLight);
    border-radius: var(--radius) var(--radius) 0 0;
}

#geoAudience .outPutGeo {
    background-color: var(--grayMild);
    padding: 12px;
    border-radius: 6px;
    overflow: auto;
}

.websiteReview {
    background-color: var(--grayMild);
    border-radius: 6px;
    padding: 12px;
    color: var(--grayDark);
    margin-top: 24px;
}
.boxContent.position-relative {
    padding: 0px;
}

#GeographicTabData .whiteBox {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 12px;
}

    #GeographicTabData .whiteBox h4 {
        padding: 9px 0px 8px 0px;
        font-size: var(--size_H1);
        line-height: var(--line_H1);
        font-weight: 500;
    }
#GeographicTabData .researchNav.wrap ul {
    padding: 12px 0 2px 0;
}
#GeographicTabData .researchSection {
    padding: 0;
}
.tabContentArea #GeographicTabData {
    height: 100%;
    overflow: hidden;
    display: flex;
}
#GeographicTabData #mapLayout .whiteBox {
    margin-bottom: 0px;
}
#ForecastTabData .RightSide:has(.forecastViewMode),
#GeographicTabData .RightSide:has(.geographyViewMode) {
    gap: 0;
}

#ForecastTabData .RightSide .forecastViewMode:first-child,
#GeographicTabData .RightSide .geographyViewMode:first-child {
    border-radius: 6px 0 0 6px;
}

#ForecastTabData .RightSide .forecastViewMode:last-child,
#GeographicTabData .RightSide .geographyViewMode:last-child {
    border-radius: 0 6px 6px 0;
}

#ForecastTabData .RightSide .forecastViewMode,
#GeographicTabData .RightSide .geographyViewMode {
    background-color: var(--grayLight);
    color: var(--grayDark);
}

    #ForecastTabData .RightSide .forecastViewMode img,
    #GeographicTabData .RightSide .geographyViewMode img {
        filter: var(--filterGrayDark);
    }

    #ForecastTabData .RightSide .forecastViewMode.checked,
    #GeographicTabData .RightSide .geographyViewMode.checked {
        background-color: var(--primaryLight);
        color: var(--primary);
    }

        #ForecastTabData .RightSide .forecastViewMode.checked img,
        #GeographicTabData .RightSide .geographyViewMode.checked img {
            filter: var(--filterPrimary);
        }

.newCustomBox .budgetBox .estimates div:is(.estimatedAvailability, .forecastedPerformance) {
    gap: 6px;
}