/*scroll*/
::selection{background:#895ffc;color:#fff;text-shadow:none;}
::-webkit-scrollbar{width:2px;background-color:#F5F5F5;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#dedede;}
::-webkit-scrollbar-thumb:vertical{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-image:linear-gradient(#0E0603,#0E0603);}

/*body*/
.overflw{overflow:hidden;}
[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}
img{max-width:100%;height:auto;}
a:hover{text-decoration:none;-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;}
p{line-height:1.4;}
body{padding:0;margin:0;overflow-x:hidden;font-family:'Poppins';}

/*Login Page*/
.LoginBanner{background-size:cover;height:100vh;background-repeat:no-repeat;display:flex;align-items:center;position:relative;margin:0 auto;}
.auth-wrapper{display:flex;flex-basis:100%;min-height:100vh;min-height:calc(var(--vh,1vh) * 100);width:100%;}
.auth-wrapper .auth-inner{width:100%;position:relative;}
.auth-wrapper.auth-v1{align-items:center;justify-content:center;overflow:hidden;}
.auth-wrapper.auth-v2 .auth-inner{height:100vh;overflow-y:auto;height:calc(var(--vh,1vh) * 100);}
.auth-wrapper.auth-v2 .brand-logo{position:absolute;top:2rem;left:2rem;margin:0;z-index:1;}
.auth-inner{max-width:460px;margin:0 auto;}
.cus-st{background-color:#ffffff47;border-radius:18px;box-shadow:2px 2px 83px -38px #212121;}
.cus-st h1{color:#fff;font-size:25px;font-weight:600;padding-bottom:12px;}
.cus-st p{color:#fff;font-size:14px;font-weight:300;margin-bottom:31px;}
.cus-st label{color:#fff;line-height:26px;}
.login-box{flex:1 1 auto;min-height:1px;padding:1.5rem;padding:55px 24px;}
.mt-field{margin-top:10px;padding:0px 0px 0px 41px;font-size:15px;}
.inputWithIcon input[type="text"]{padding-left:40px;}
.inputWithIcon{position:relative;}
.inputWithIcon i{position:absolute;left:0;top:1px;padding:9px 8px;color:#aaa;transition:0.3s;}
.inputWithIcon input[type="text"]:focus + i{color:dodgerBlue;}
.inputWithIcon.inputIconBg i{background-color:#aaa;color:#fff;padding:9px 4px;border-radius:4px 0 0 4px;}
.inputWithIcon.inputIconBg input[type="text"]:focus + i{color:#fff;background-color:dodgerBlue;}
.float-r{float:right;margin-top:6px;}
.login-a a{color:#fff;}
.login-a a:hover{color:#D95000;}
.register-margin{margin-top:30px;}
.sidenav{height:100%; /* 100% Full-height */width:0; /* 0 width - change this with JavaScript */position:fixed; /* Stay in place */z-index:1; /* Stay on top */top:0;left:4%;background-color:#111; /* Black*/overflow-x:hidden; /* Disable horizontal scroll */padding-top:60px; /* Place content 60px from the top */transition:0.5s; /* 0.5 second transition effect to slide in the sidenav */}
.sidenav a{padding:15px 31px;text-decoration:none;font-size:17px;color:#9d9c9c;display:block;transition:0.3s;}
.sidenav a:hover,.offcanvas a:focus{color:#f1f1f1;background-color:#414141;}
.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:31px;margin-left:50px;padding:17px 0px;}
.sidenav .closebtn:hover{background-color:#00ffff00;}
#main{transition:margin-left .5s;padding:20px;}
@media screen and (max-height:450px){
    .sidenav{padding-top:15px;}
    .sidenav a{font-size:18px;}
}

.tooltip{position:relative;display: block;text-align: center;}
.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 0;  /* Position the tooltip */position:absolute;z-index:1;}
.tooltip:hover .tooltiptext{visibility:visible;}

/*Sidebar*/
.fixed-side-absolute{position:fixed;height:100vh;background-color:#0E0603;padding:15px 16px;z-index:1000;}
.sidebar-icons li{margin:28px 0px;}
.sidebar-icons li a{color:#e8e8e8;padding: 15px 13px 6px;border-radius:4px;}
.sidebar-icons li a:hover{color:#fff;background-color:#D95000;}
.sidebar-icons li a::before{content:"";position:absolute;width:10px;height:10px;color:#fff;}

/*Tabbing*/
.season_tabs{position:relative;min-height:360px; /* This part sucks */clear:both;margin:25px 0;}
.season_tab{float:left;clear:both;width:286px;}
.season_tab label{background:#eee;padding:10px;border:1px solid #ccc;margin-left:-1px;font-size:21px;vertical-align:middle;position:relative;left:1px;width:264px;height:68px;display:table-cell;}
.season_tab [type=radio]{display:none;}
.season_content{position:absolute;top:0;left:286px;background:white;right:0;bottom:0;padding:20px;border:1px solid #ccc;}
.season_content span{animation:0.5s ease-out 0s 1 slideInFromTop;}
[type=radio]:checked ~ label{background:white;border-bottom:2px solid #8bc34a;z-index:2;}
[type=radio]:checked ~ label ~ .season_content{z-index:1;}

/*Header*/
.box{background-color:#ebebeb;}
.head-topp{padding:5px 34px 10px 0px;border-bottom:solid 1px #ebebeb;}
.header-last-content li{display:inline-block;align-items:center;vertical-align:middle;width:24%;text-align:center;}
.header-last-content li a{color:#000;}
.header-last-content li a:hover{color:#d95000;}
.search-bar-container{display:flex;align-items:center;background-color:#fbfbfb;padding:5px;width:750px;height:50px;border-radius:50px;box-shadow:1px 3px 5px rgba(0,0,0,0.2),1px 1px 5px #ededed;margin:10px;position:relative;transition:width 1.5s;}
.magnifier{width:25px;cursor:pointer;position:absolute;left:13px;}
.mic-icon{width:30px;position:absolute;right:10px;transition:width 0.4s;transition-delay:1s;}
.input{background-color:transparent;border:none;margin:10px 50px;width:100%;outline:none;color:rgb(100,100,100);transition:width 1s;transition-delay:0.5s;}
.active.search-bar-container{width:50px;}
.active .input{width:0;}
.active .mic-icon{width:0;}
.clock p{font-size:28px;font-weight:400;}

/*Center Section*/
.center-section{margin-right:22px;margin-top:20px;margin-bottom:30px;}
.right-section{margin-left:100px;}

/*Dashboard */
ul.details-ul{display:flex;justify-content:space-between;}
.details-ul li{border-radius:10px;padding:13px 24px;box-shadow:1px 2px 8px 2px #e7e7e7;width:16%;}
.details-ul h4{font-size:15px;font-weight:500;padding:9px 0px;}
.details-ul h2{font-size:39px;font-weight:600;}
.mb{margin-bottom:19px;border-bottom:solid 1px #ebebeb;padding-bottom:17px;}
.top-lead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.boxdashboard{border-radius:10px;padding:13px 24px;box-shadow:1px 2px 8px 2px #e7e7e7;min-height:293px;}
.mt{margin-top:25px;}
.td-set{align-items:center;display:flex;}
.tab-des td{font-size:13px;font-weight:600;align-items:center;vertical-align:middle;}
.tab-des thead{background-color:#f3f3f2;b/CONTAIN-INTRINSIC-BLOCK-SIZE:AUTO 100PX;b/CONTAIN-INTRINSIC-BLOCK-SIZE:AUTO 100PX;b/CONTAIN-INTRINSIC-BLOCK-SIZE:AUTO 100PX;b/CONTAIN-INTRINSIC-BLOCK-SIZE:AUTO 100PX;}
.tab-des thead th{font-size:15px;font-weight:600;border-bottom:none;}
ul.top-lead h3{font-size:21px;font-weight:600;}
.export{padding:12px 46px 0px 0px;}
.export a{color:#000;}
.export a:hover{color:#D95000;}
.h-search-form{}
.h-search-form input{position:relative;overflow:hidden;padding:9px 11px;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:0.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.h-search-form button{position:relative;right:37px;color:#000;top:0;border-radius:0;border:none;background-color:#faebd700;}
.h-search-form button:hover{color:#ef4400;}
.lead-d1 li{display:inline-block;align-items:center;vertical-align:middle;}
.lead-d2 li{display:inline-block;}
.lead-d1 li.last{margin-left:60px;}
.cus-drp{border:none;font-size:18px;padding:7px 8px;font-weight:500;outline:none;}
.leads-coloms{background-color:#F8F9FB;padding:11px 13px;border-radius:9px;}
.lh-ul{display:flex;justify-content:space-between;align-items:center;}
ul.lh-ul li{margin:0;width:auto;}
.lead-header{background-color:#fff;box-shadow:2px 2px 3px 3px #e9e9e9;border-radius:4px;padding:11px 10px;}
.lead-bx{background-color:#fff;box-shadow:1px 1px 5px 4px #e9e9e9;border-radius:6px;padding:11px 10px;margin:18px 0px;position:relative;}
.lead-slidee li{display:inline-block;width:23%;margin:0px 6px;vertical-align:top;}
ul.lh-ul h4{color:#d95000;font-size:16px;font-weight:500;}
ul.lh-ul h5{background-color:#f8f9fb;padding:6px 10px;font-size:15px;}
ul.lh-ul li.last{text-align:center;}
.lead-bx h6{color:#000;font-size:18px;padding-bottom:8px;}
.lead-bx p{color:#a1a1a1;}
.img-name{display:flex;vertical-align:middle;align-items:center;margin:10px 0px;}
.lead-bx h2{font-size:16px;font-weight:600;padding-left:8px;}
.product-list-container{position:relative;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#333 #ccc;cursor:pointer;}
.date-abs{position:absolute;right:15px;top:9px;font-size:14px;}
.main-h h1{font-size:30px;font-weight:600;padding:4px 0px 8px 0px;}
.tag-g span{color:#009406;background-color:#E8FFED;padding:6px 17px;border-radius:9px;}
.new-lead span{color:#023E8A;background-color:#9bf4ff;}
.tab-b{border:solid 1px #e5e5e5;border-radius:19px;padding:0;min-height:82vh;box-shadow:1px 1px 9px 1px #e0e0e0;}
.tab-product li a{color:#000;}
.tab-product li{margin:17px 0px -16px 0px;padding:16px 25px;border-left:solid 4px #ffffff;}
.tab-product li:hover{background-color:#fff6f0;cursor:pointer;border-left:solid 4px #d95000;}
.tab-product li.current{background-color:#fff6f0;cursor:pointer;border-left:solid 4px #d95000;}
.tab-product li:hover a{color:#d95000;}
.cover-ph{width:100%;}
.prfoilesetting-header{position:relative;}
.but-abs{position:absolute;right:18px;bottom:17px;}
.profile-abs{position:absolute;right:0;left:0;bottom:-87px;margin:0 auto;align-items:center;text-align:center;width:19%;}
.pfp-set{position:relative;}
.profile-abs h1{font-size:22px;font-weight:600;margin-top:19px;}
.profile-form{margin-top:127px;padding:0px 36px;height:40vh;overflow-y:scroll;}
.profile-form h3{font-size:19px;font-weight:600;padding-bottom:29px;}
.profile-form h5{font-size:21px;font-weight:600;padding-bottom:38px;}
.form-l label{display:block;font-size:15px;font-weight:500;padding-bottom:12px;}
.upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%;}
.uploadbtn{color:black;background-color:#e9e9e9;border-radius:5px;font-size:14px;font-weight:500;width:100%;text-align:center;padding:6px 5px;border:solid 2px #e9e9e9;}
.upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;}
.upload-btn-wrapper:hover{cursor:pointer;}
.profile-form h6{font-size:14px;padding-bottom:13px;color:#898989;font-weight:500;}
.tab-history span{font-size:12px;}
a.show-de:hover{color:#d95000;}
a.show-de{color:#9b9b9b;}
.tab-history th{background-color:#ffece5;}
.tab-history td{font-size:14px;}
.lead-inside{border:solid 1px #e5e5e5;border-radius:19px;padding:18px;box-shadow:1px 1px 9px 1px #e0e0e0;min-height:53vh;}
.lead-inside3{border:solid 1px #e5e5e5;border-radius:19px;padding:18px;box-shadow:1px 1px 9px 1px #e0e0e0;min-height:52.7vh;}
ul.lead-t li{display:inline-block;vertical-align:middle;padding-right:9px;}
.lead-inside3 h3{font-size:19px;font-weight:600;padding-bottom:28px;}
.lead-t li h3{font-size:16px;font-weight:600;padding-bottom:5px;}
.lead-t li h4 span{background-color:#9bf4ff;color:#023E8A;font-size:12px;padding:1px 7px;border-radius:2px;}
.lead-data{display:flex;justify-content:space-between;margin-top:20px;}
.inn1 li{display:inline-block;vertical-align:middle;margin-right:13px;}
.inn1 li h5{font-size:28px;font-weight:600;border:solid 2px #cacaca;padding:7px 21px;}
.inn1 li h6{font-size:14px;font-weight:400;border:solid 2px #cacaca;padding:7px 32px;text-align:center;}
.inn1 li h6 span{font-weight:700;}
.marttop{margin-top:19px;}
.tab-product2 li{display:inline-block;padding:17px 0px;}
.tab-product2 li a{color:#000;font-size:16px;margin-right:34px;font-weight:600;}
.tab-product2 li a:hover{color:#d95000;}
ul.tab-product2{border-bottom:solid 1px #cecece;margin-bottom:18px;}
.details1 li{display:inline-block;vertical-align:top;width:32%;padding-bottom:26px;}
.details1 li h4{font-size:17px;padding-bottom:8px;}
.details1 li h5{font-weight:600;font-size:17px;}
.lead-inside2{border:solid 1px #e5e5e5;border-radius:19px;padding:18px 18px 37px;margin-top:19px;}
.lead-inside2 a{border:solid 2px #000;padding:3px 12px;margin-right:11px;color:black;font-weight:500;background-color:#ffffff;z-index:3;position:relative;}
.lead-inside2 h3{font-size:19px;font-weight:600;padding-bottom:28px;}
.line-bg::before{content:"";position:absolute;width:89%;height:1px;background-color:#000;top:7px;z-index:0;}
.line-bg{position:relative;}
.upcoming-act{display:flex;justify-content:space-between;}
ul.upcoming-act h4{font-size:17px;font-weight:600;}
.upcoming-act-details{}
.upcoming-act-details h5{font-size:17px;font-weight:600;display:flex;padding:10px 0px;}
.upcoming-act-details h5 span{padding:5px 11px;}
.upcoming-act-details p{font-size:15px;padding-bottom:26px;}
ul.lowe-det{border:solid 1px #b8b8b8;padding:11px 22px;/* display: flex; */justify-content:space-between;border-radius:6px;width:77%;}
.lowe-det li{display:inline-block;padding:0px 27px;}
.cent-li{border-left:solid 1px #bebebe;padding:0px 53px;border-right:solid 1px #bebebe;}
.lead-inside h3{font-size:19px;font-weight:600;padding-bottom:28px;}
.activities-det li{display:inline-block;vertical-align:top;padding-right:24px;}
.activities-det li span{color:#d95000;border:solid 2px #d95000;border-radius:50%;padding:8px;}
.activities-det li p{font-weight:500;font-size:14px;}
ul.activities-det{margin-top:20px;}
.m1-h h4{font-size:17px;padding-top:26px;font-weight:500;}

/*Modal*/
.model{display:none;position:fixed;padding-top:100px;top:0;left:0;z-index:1;overflow:auto;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
.model-content{position:relative;width:54%;margin:auto;background-color:#fff;animation-name:animatetop;animation-duration:0.4s;border-radius:10px;padding:18px 20px;}
@keyframes animatetop{
    from{top:-300px;opacity:0}
    to{top:0;opacity:1}
}
.close{color:white;float:right;font-size:28px;font-weight:bold;}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;}
.modal-header{padding:2px 16px;background-color:#5cb85c;color:white;}
.modal-body{padding:2px 16px;}
.modal-footer{padding:2px 16px;background-color:#5cb85c;color:white;}
.model-content h2{font-size:19px;font-weight:600;padding-block:10px;padding-inline: 30px;}
.modal-body label{font-size:14px;color:#000;padding-bottom:9px;font-weight:500;}
.form-control1{display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.fom-con-btn{background-color:#fff0;border:none;color:#000;margin-left:-11%;font-size:16px;}
.form-mar{margin-top:11px;}
strong {
    font-weight: 600;
}
/*Theme Color*/

/*Theme bottons*/
.btn-theme{background-color:#D95000;border:solid 2px #D95000;border-radius:6px;color:white;padding:11px 40px;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.btn-theme:hover{background:#d950008f;color:#ffffff;border:solid 2px #d950008f;}
.btn-white{background-color:#100603;border:solid 2px #100603;border-radius:6px;color:white;padding:11px 40px;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.btn-white:hover{background:#4444448f;color:#ffffff;border:solid 2px #4444448f;}
.btn-w{background-color:#ffffff;border:solid 1px #d0d0d0;border-radius:6px;color:black;padding:7px 12px;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.btn-w:hover{background:#4444448f;color:#ffffff;border:solid 1px #d0d0d0;}
.btn-uploadcover{background-color:#ffffff;border:solid 2px #ffffff;border-radius:6px;padding:7px 13px;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;color:#000;}
.btn-uploadcover:hover{background:#d950008f;color:#ffffff;border:solid 2px #d950008f;}
.edit-profile{background-color:#D95000;border:solid 2px #ffffff;border-radius:50%;color:white;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;position:absolute;right:48px;bottom:2px;padding:5px;}
.edit-profile:hover{background:#ffffff;color:#d95000;border:solid 2px #d950008f;}
.btn-header{background-color:#d9500000;border:solid 2px #d9500000;border-radius:6px;color:black!important;padding:7px 16px;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.btn-header:hover{background-color:#e1ebf2;}
.btn-theme-black{background-color:#000000;border:solid 2px #000000;border-radius:6px;color:white!important;padding:11px 40px;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;text-align:center;}
.btn-theme-black:hover{background:#0000008f;color:#ffffff;border:solid 2px #0000008f;}
.btn-theme-nobackground{background-color:#d9500000;border:solid 2px #d9500000;border-radius:6px;color:black;padding:11px 22px;text-decoration:none;font-size:16px;font-weight:500;cursor:pointer;display:inline-block;-webkit-transition-duration:0.4s;transition-duration:0.4s;}
.btn-theme-nobackground:hover{background:#d95000;color:#ffffff;border:solid 2px #d95000;}

/* Hamburger Menu */
.menu-Bar{width:30px;height:20px;cursor:pointer;position:absolute;right:15px;top:0;bottom:0px;margin:auto;z-index:22;display:none;}
.menu-Bar span{display:block;height:4px;width:100%;background:#000;position:absolute;transition:.6s all;border-radius:100px;}
.menu-Bar span:nth-child(1){top:0;}
.menu-Bar span:nth-child(2){top:8px;transform-origin:left;}
.menu-Bar span:nth-child(3){top:16px;}
.menu-Bar.open span{background:#fff;}
.menu-Bar.open span:nth-child(1){transform:rotate(45deg);top:12px;transform-origin:right-center;}
.menu-Bar.open span:nth-child(2){width:0;opacity:0;}
.menu-Bar.open span:nth-child(3){transform:rotate(-45deg);top:12px;transform-origin:right-center;}

/* Dropdown */
.dropdown{display:inline-block;position:relative;}
.dd-button{cursor:pointer;}
.dd-button:hover{color:#d95000;}
.dd-input{display:none;}
.dd-menu{text-align:left;position:absolute;top:100%;border:1px solid #ccc;border-radius:4px;padding:6px 6px;margin:2px 0 0 0;box-shadow:0 0 6px 0 rgba(0,0,0,0.1);background-color:#ffffff;list-style-type:none;right:0;}
.dd-input + .dd-menu{display:none;}
.dd-input:checked + .dd-menu{display:block;z-index:1;}
.dd-menu li{padding:10px 19px;cursor:pointer;white-space:nowrap;border-radius:5px;}
.dd-menu li:hover{background-color:#ffece5;}
.dd-menu li a{margin:-10px -20px;padding:inherit;align-items:center;vertical-align:middle;display:flex;color:#000;}
.dd-menu li.divider{padding:0;border-bottom:1px solid #cccccc;}
.dd-menu li a span{margin-right:7px;}
.dd-menu li:hover a{color:#d95000;transition:.0s;}
.head-drp{width:286px;padding:16px 10px;}
.mar-tb{margin:10px 0px;}
.head-drp img{}
.head-drp h3{font-size:21px;font-weight:500;color:#000;padding:12px 0px 5px 0px;}
.head-drp h4{color:#949494;font-size:14px;}
.lowe-det li h2{font-size:15px;padding-bottom:8px;font-weight:500;}
.cus-drp2{border:none;font-size:14px;padding:7px 8px;font-weight:500;outline:none;}
/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: .9em; /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip); /* magic! */

    /* most of the rest of this is opinion */
    text-align: center;
    /*min-width: 3em;*/
    /*max-width: 21em;*/
    white-space: nowrap;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}








.hide{
    display: none;
}
.alert {
    border: none;
    /*padding: 0;*/
}
div#loader-container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 99999;
    background: #adadad85;
}

.print-error-msg li {
    padding: 4px;
}


div#loader-container-ajax {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 99999;
    background: #ffffff85;
}
#listdata{
    position: relative;
    min-height: 70vh;
}
/*top-header*/

/*header*/

/*media-quries*/
@media (max-width:1440px){
}
@media (max-width:1024px){
}
@media (max-width:1200px){
    .menu-Bar{display:block;top:0px;}
    .menuWrap.open{display:flex;left:0px;}
    .menuWrap{position:fixed;left:-210%;right:0;top:0;bottom:0;margin:auto;background:#175fab;height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:all 0.4s ease;z-index:3;width:100vw;}
    .menuWrap .menu li{display:block;}
    .menuWrap .menu li a{margin-bottom:10px;padding:0;display:block;text-align:center;margin-bottom:15px;padding-right:0px;margin-right:0px;color:#fff;font-size:15px;text-transform:capitalize;}
    .container{position:relative;}
    header .header-top{display:none;}
    header .main-header ul.menu>li{display:block;padding:0px;}
    header .main-header ul.menu>li a{color:#fff;padding:0px;text-align:left;}
    header .main-header ul.menu>li a:before{display:none;}
}
@media (max-width:980px){
}
@media (min-width:440px) and (max-width:740px){
}
@media (max-width:425px){}


.lead-inside2 a {
    border: solid 2px #000;
    padding: 3px 12px;
    margin-right: 11px;
    color: black;
    font-weight: 500;
    background-color: #ffffff;
    z-index: 3;
    position: relative;
    display: inline-block;
    margin-left: 0 !important;
    margin: 7px;
}

.lead-stages a {
    border: solid 2px #000;
    padding: 3px 12px;
    margin-right: 11px;
    color: black;
    font-weight: 500;
    background-color: #ffffff;
    z-index: 3;
    position: relative;
    display: inline-block;
    margin-left: 0 !important;
    margin: 7px;
}
.dashboard2 .tab-content.martt {
    padding: 15px;
}
.dashboard2 .lead-stages a {
    font-size: 10px;
}
.dashboard2 .progress {
    height: 0.7rem;
    border-radius: 0rem;
}
.dashboard2 .detailstageehover {
    display: none;
}
.dashboard2 ul.activities-det.mt-2 {
    padding: 14px;
    background: #85858514;
    border-radius: 8px;
}
.nav-tabs a.nav-link {
    color: black;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ef4400;
    border-color: #ef4400;
}

.tab-content.martt {
    background: #ff2f0005;
}
a.colored-fill {
    background: #ef4400;
    color: white;
    border-color: transparent;
}
#paginationLinks svg.w-5.h-5 {
    height: 20px;
}
div#paginationLinks {
    text-align: right;
}
.flex.justify-between.flex-1.sm\:hidden {
    display: none;
}
div#paginationLinks .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
}
a.menu-items-link span {
    transition: transform 0.3s ease-in-out 0.1s; /* 0.1s is the animation delay */
}
a.menu-items-link.active span {
    transform: rotate(180deg);
}
a.menu-items-link.active {
    background: #D95000;
}
a.menu-items-link:hover {
    background: #D95000;
}
a.menu-items-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
li.submenu-item {
    padding-left: 12px;
}
#accordion .card {
    border: 0 !important;
}
span.circle {
    height: 15px;
    width: 15px;
    background: #FF0000;
    display: inline-block;
    border-radius: 50%;
}
label.priority-badge.danger {
    background: #FFECEC;
    padding: 8px 15px;
    border-radius: 6px;
    color: #FF0000;
}
label.priority-badge.success {
    color: #009406;
    background-color: #E8FFED;
    padding: 8px 15px;
    border-radius: 6px;
}
label.priority-badge.warning {
    color: #ffc107!important;
    background-color: #ffc10736;
    padding: 8px 15px;
    border-radius: 6px;
}
.document-box {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-block: 15px;
    background: #85858514;
    padding: 15px;
    border-radius: 10px;
    position: relative;
}
.document-box-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.document-box img {
    width: 50px;
}
.file_size {
    margin-top: 6px;
    font-size: 10px;
    color: grey;
}
.document-box .info h6 {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}
.document-box .info {
    position: relative;
    max-width: 80%; /* Adjust as needed */
    width: 80%;
}
.document-box .img-box {
    width: 20%;
}
.ui-sortable-placeholder {
    border: 1px dashed black!important;
    visibility: visible !important;
    background: #eeeeee78 !important;
}
.ui-sortable-placeholder * { visibility: hidden; }
.RearangeBox.dragElemThumbnail{opacity:0.6;}
.RearangeBox {
    width: 180px;
    height:180px;
    padding:10px 5px;
    cursor: all-scroll;
    float: left;
    border: 1px solid #9E9E9E;
    font-family: sans-serif;
    display: inline-block;
    margin: 5px!important;
    text-align: center;
    color: #673ab7;
    /*background: #ffc107;*/
    /*color: rgb(34, 34, 34);
      background: #f3f2f1;     */
}



.IMGthumbnail{
    max-width:168px;
    height:100%;
    margin:auto;
    background-color: #ececec;
    padding:2px;
    border:none;
}

.IMGthumbnail img{
    max-width:100%;
    max-height:100%;
    height: 100%;
    object-fit: contain;
}

.imgThumbContainer{

    margin:4px;
    border: solid;
    display: inline-block;
    justify-content: center;
    position: relative;
    border: 1px solid rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}



.imgThumbContainer > .imgName{
    text-align:center;
    padding: 2px 6px;
    margin-top:4px;
    font-size:13px;
    height: 15px;
    overflow: hidden;
}

.imgThumbContainer > .imgRemoveBtn{
    position: absolute;
    color: #e91e63ba;
    right: 2px;
    top: 2px;
    cursor: pointer;
    display: none;
}

.RearangeBox:hover > .imgRemoveBtn{
    display: block;
}

.error-box-table {
    background: #ef440014;
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress.my-auto {
    height: 12px;
}
.progress-bar {
    background-color: #D95000 !important;
}
.progress-bar.p100 {
    background-color: #009406 !important;
}
.text-theme{
    color: #d95000;
}

.notification-box {
    width: 400px;
}
.notification-item {
    width: 100%;
    margin: auto;
    padding-block: 20px;
    border-bottom: 2px solid #f3f3f2;
}
small {
    font-size: 70%;
}

div#filteredData .spinnerparent {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #9f9f9f1f;
}
.price {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
.eye-icon {
    vertical-align: middle;
    cursor: pointer;
}

div#paginationLinks a {
    background: white;
    border: transparent !important;
    -webkit-box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    -moz-box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    margin: 0 2px;
    padding: 5px 12px !important;
    text-align: center !important;
    border-radius: 4px;
    color: black;
}
div#paginationLinks span[aria-current="page"] span{
    background: #D95000 !important;
    border: transparent !important;
    -webkit-box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    -moz-box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    margin: 0 2px;
    padding: 5px 12px !important;
    text-align: center !important;
    border-radius: 4px;
    color: #fff;
}

[aria-label="« Previous"] span{
    background: white;
    border: transparent !important;
    -webkit-box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    -moz-box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    box-shadow: 0px 4px 5px 1px rgba(204,204,204,0.89);
    margin: 0 2px;
    padding: 5px 12px !important;
    text-align: center !important;
    border-radius: 4px;
    color: black;
}
.lead_stage_in_wordpercentage {
    display: inline-block;
    background: #ff2f00;
    padding: 6px 10px;
    border-radius: 7px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: white;
}

div#deletemodal {
    padding: 0;
    /*display: flex !important;*/
}
div#deletemodal .model-content {
    top: 40%;
    width: 34%;
}

ul.nav.nav-tabs.cus-padb {
    background: #dee2e6;
}
.cus-padb a.nav-link {
    border-radius: 0 !important;
}
.input-w-currency {
    position: relative;
}
.currency {
    position: absolute;
    top: 0;
    right: 0;
    background: #c7c7c7;
    padding: 9px;
}
@media (min-width: 576px){
    .inc-w .modal-dialog {
        max-width: 50%;
        margin: 1.75rem auto;
    }

}