/*==================================Poppins-font==================================*/
@font-face {
  font-family: 'PoppinsRegular';
  src: url('../fonts/PoppinsRegular.eot');
  src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
       url('../fonts/PoppinsRegular.woff2') format('woff2'),
       url('../fonts/PoppinsRegular.woff') format('woff'),
       url('../fonts/PoppinsRegular.ttf') format('truetype'),
       url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}
@font-face {
  font-family: 'PoppinsBold';
  src: url('../fonts/PoppinsBold.eot');
  src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
       url('../fonts/PoppinsBold.woff2') format('woff2'),
       url('../fonts/PoppinsBold.woff') format('woff'),
       url('../fonts/PoppinsBold.ttf') format('truetype'),
       url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}
/*====================================================================*/
/*----------------------------Login-Page------------------------------*/
/*====================================================================*/

/*-------------navigation-------------*/
.navTrigger { display:none;}
#stuck_container{background-color:#fff;position:relative;top: 0;right: 0;left: 0;bottom: auto;z-index:111; padding: 9px 13px; padding-right: 61px; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}
.nav-shadow{box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}
.isStuck { border:none;z-index: 999; background-color:#7438ff!important;padding-bottom: 9px!important;}
.isStuck .navbar-brand img#stc{ transform: translate(0px, -5em); margin: 0 auto; max-width: 100%; transition: linear 0.1s ease-in-out 0s; opacity:0; height:0px;}
.isStuck .navbar-brand img#stc_1{ transform: translate(0px, 0em); transition: linear 0.2s ease-in-out 0s; opacity:1; width: 130px;}
.isStuck .navbar-nav > li > a{}
.isStuck .navbar-header a.navbar-brand {width: 200px; display: inline-block; float: none; vertical-align: middle;}
.isStuck .navbar-header .search-sec .wrap {margin: 20px 0px;}
.isStuck .navbar-header .cart-sec {margin: 20px 0px;}
.isStuck .search-sec .wrap{ height: 20px;}
.isStuck .navbar-collapse.collapse {width: 82%;}

/*-------navigation-dropdown-------*/
.dropdown-submenu{ position:relative;}
.dropdown-submenu>.dropdown-menu{ top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px; min-width:155%;}
.dropdown-submenu>a:after{ display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{ border-left-color:#555;}
.dropdown-submenu.pull-left{ float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{ left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.navbar{ margin-bottom:0px; border-radius:0px; height:auto;padding:0px;}
.navbar-inverse{ background-color:#FFFFFF; border-color:#e0dede; border: none;}
.navbar-inverse ul.nav li.dropdown:hover ul {padding:0px; margin:0px; background:#000;min-width:190px;text-align: center;}
.navbar-inverse .navbar-nav > li{    position: relative;float: none;display: inline-block;margin: 0px -2px;}
.navbar-inverse .navbar-nav > li > a{ color:#000;text-transform:uppercase;font-family: 'JosefinSansSemiBold';font-weight:normal; font-size:16px; padding: 10px 18px; position: relative;letter-spacing: 0.05em;}
.navbar-inverse .navbar-nav > li:last-child a:after{ display: none;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:active,.navbar-inverse .navbar-nav > li > a.active{color: #00ecd4;}
.navbar-inverse .navbar-nav > li a.active.hvr-underline-from-left:before{ display: none;}
.navbar-inverse ul.nav li.dropdown:hover ul li a:hover, ul.nav li.dropdown:hover ul li a:focus, ul.nav li.dropdown:hover ul li a:active {     background: #0d383f;
color: #ff7a00;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{  background:#F223A9; color:#ff7a00;}
/*.dropdown-menu{ min-width:auto; box-shadow:none; border:none; border-radius:0px; padding:0px; background:#000;text-align: left;    display: none!important;}
.dashboard-page .dropdown-menu{ min-width:auto; box-shadow:none; border:none; border-radius:0px; padding:0px; background:#000;text-align: left;    display: none!important;}*/

.dropdown-menu > li > a{padding: 10px 14px; font-weight: normal; font-size: 14px; letter-spacing: 0;color:#fff;    display: block;
 text-align: left;}
.navbar-right .dropdown-menu { right: auto;left: 0;min-width: 150px;text-align: center; }
.navbar-inverse .navbar-toggle .icon-bar {background-color: #000;}
.navbar-brand{ height: auto;padding:0;display: inline-block; float: none; margin:0px -2px; vertical-align: middle;}
.navbar-brand > img{ margin:0; padding:0; max-width:100%;}
.navbar-nav .dropdown-menu{position: absolute;text-align: left;}
.navbar-header { float: none; display: inline-block; text-align: center; vertical-align: middle; width: 268px;}
.navbar-collapse {padding-right: 0px;padding-left:0px;background: #fff;}
.navbar-collapse.right-nav {display: inline-block;height: auto; padding-bottom: 0;overflow: visible;vertical-align: middle;text-align:right;flex-basis: 61%;background: transparent;}
a.navbar-brand.mobile_view_logo {display: none;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{color: #037dc0;background-color: transparent;}
.navbar-inverse .navbar-nav > li > a:focus {color: #000;background-color: transparent;}
button.navbar-toggle.collapsed {display: none;}
.navbar-nav{ display: inline-block;}
.navbar-inverse .navbar-nav > li > a.hvr-underline-from-left:before{ background: #00ecd4;}

.navbar.navbar-inverse.stuck_container.inner{-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }

.navbar.navbar-inverse.stuck_container.inner.newClass{position: fixed!important;top: 0px!important;width: 100%;background: #fff!important;-webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;padding-right: 61px!important;box-shadow: 0px 3px 10px #0000000d; }

.navbar.navbar-inverse.stuck_container.inner.newClass.smaller{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.navbar-brand{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;width: 206px}

.navbar.navbar-inverse.stuck_container.inner.navbar-header img{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.navbar.navbar-inverse.stuck_container.inner.newClass .navbar-brand img{filter: brightness(100%) invert(1);-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; width: 100%;}

.navbar.navbar-inverse.stuck_container.inner.newClass.smaller .navbar-brand {-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;width:165px;}

.navbar.navbar-inverse.stuck_container.inner.newClass.smaller .navbar-brand img{width: 100%;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.navbar.navbar-inverse.stuck_container.inner.newClass .navbar-nav > li > a { color: #000;}
.navbar.navbar-inverse.stuck_container.inner.newClass .navbar-nav > li > a:hover, .navbar.navbar-inverse.stuck_container.inner.newClass .navbar-nav > li > a:active, .navbar.navbar-inverse.stuck_container.inner.newClass .navbar-nav > li > a.active{color: #00ecd4;}

.navbar-inverse .navbar-toggle h2{display: none;}


a.top-buttn { font-size: 16px; font-family: 'JosefinSansSemiBold'; color: #fff; letter-spacing: 0.05em; padding: 5px 18px; background: #000; border-radius: 3px;height: 48px; display: inline-block;line-height:39px;overflow: hidden;}
a.top-buttn.hvr-bounce-to-right:before{background:#00ecd4;}
a:hover.top-buttn.hvr-bounce-to-right{color: #000;}
a.login-buttn{font-family: 'JosefinSansSemiBold'; font-style: normal;font-size: 16px; line-height: 100%;letter-spacing: 0.05em; text-transform: uppercase; color: #00ECD4;padding-left: 27px; display: inline-block;}
a.login-buttn span.login-icon { font-family: Font Awesome 5 Free; font-style: normal; font-weight: normal; font-size: 19px; line-height: 22px; text-transform: uppercase; color: #00ECD4;margin-right: 5px; }
a:hover.login-buttn,a:hover.login-buttn span.login-icon{color: #ff7a00;}
.top-buttn-login.right-nav {padding-left: 27px;}



@media (min-width:768px) {
  
ul.nav li.dropdown ul{ display: none;}
ul.nav li.dropdown:hover ul{ display: block;}

ul.nav li.dropdown ul li.dropdown-submenu ul{ display: none;}
ul.nav li.dropdown ul li.dropdown-submenu:hover ul{ display: block;}

.caret-m{ display: none;}
.dropdown-toggle::after{display: none;}
    
.section-table-collapsible table.table table.table-inner tbody{ display:table;}
.section-table-collapsib table.table table.table-inner tbody{ display:table-row-group;}

a.navbar-small-resolutionz{ display:none;}
a.navbar-big-resolutionz{ display:block;}
.navbar-middle .navbar-header { float:none; display:inline-block; position:absolute; width:13%; margin:auto; left:0; right:0; top:0; bottom:0; z-index:99;}
.navbar-middle .navbar-header .navbar-big-resolutionz{ margin:0;}

.navbar-middle.navbar-hight .navbar-header { float:none; display:inline-block; position:relative; width:auto; margin:auto; left:0; right:0; top:0; bottom:0; z-index:99;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin-left:0px;}
.navbar-middle.navbar-hight .navbar-header .navbar-brand{ min-height:70px; margin:1em auto; padding:0 0.8em;}	

}
@media (max-width:767px) {
/*small-view-side-menu*/ 
    
#stuck_container { position:fixed;height:76px;background: #fff; padding-top: 0;}
.isStuck{ display:none;}
.navbar{ margin-bottom:0;}

#slide-navbar-collapse {position: fixed;width: 350px;position: fixed;top: 0;left:auto;right: 0; z-index: 99;height: 100%;transform: translateX(120%); -webkit-transform: translateX(120%);transition: transform .3s ease-out;transition: transform .3s ease-out,-webkit-transform .3s ease-out; display: block;}
#slide-navbar-collapse.side_nave_in {transform: translateX(0);-webkit-transform: translateX(0);}

.menu-overlay {background-color:rgba(0,0,0,0.85);bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index:9; display:none;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.menu-overlay.overlay_in{ display:block;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
    

a.navbar-brand.mobile_view_logo { display: block; width: 100%; clear: both; text-align: center; padding: 15px 0px 26px; border-bottom: 1px solid rgb(241 241 241); background: #f7f7f7; margin: 0; }
a.navbar-brand.mobile_view_logo img{ display: inline-block;width: 150px;}
ul.nav.navbar-nav {clear: both;}
    
/*Toggel button	*/	
.navTrigger {cursor: pointer; width: 30px;display:inline-block;transform: scale(0.8);}
.navTrigger i { background-color: #000; border-radius: 2px; content: ''; display: block; width: 100%; height: 3px; }
.dashboard-nav .navTrigger i { background-color: #fff; border-radius: 2px; content: ''; display: block; width: 100%; height: 3px; }
.navbar.navbar-inverse.stuck_container.inner.newClass .navTrigger i {background-color: #000;}
.navTrigger i:nth-child(1) {-webkit-animation: outT 0.8s backwards;animation: outT 0.8s backwards;-webkit-animation-direction: reverse;animation-direction: reverse;}
.navTrigger i:nth-child(2) {margin: 5px 0;-webkit-animation: outM 0.8s backwards;animation: outM 0.8s backwards;-webkit-animation-direction: reverse;animation-direction: reverse;}
.navTrigger i:nth-child(3) {-webkit-animation: outBtm 0.8s backwards;animation: outBtm 0.8s backwards;-webkit-animation-direction: reverse;animation-direction: reverse;}
.navTrigger.active i:nth-child(1) {-webkit-animation: inT 0.8s forwards;animation: inT 0.8s forwards;}
.navTrigger.active i:nth-child(2) {-webkit-animation: inM 0.8s forwards;animation: inM 0.8s forwards;}
.navTrigger.active i:nth-child(3) {-webkit-animation: inBtm 0.8s forwards;animation: inBtm 0.8s forwards;}
 button.navbar-toggle.collapsed {display:block;z-index: 111;}
button.navbar-toggle.collapsed span.navTrigger.active i {background-color: #000;}
.navTrigger.active i:nth-child(1) {display: none;}  
    
span.navTrigger.active {position: relative;left: -292px; top:-1px;}    
/*Toggel button animation	*/	    
@-webkit-keyframes inM {
  50% { -webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(45deg);}
    }
@keyframes inM {
  50% {transform: rotate(0deg);}
  100% {transform: rotate(45deg);}
}
@-webkit-keyframes outM {
  50% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(45deg);}
}
@keyframes outM {
    50% {transform: rotate(0deg);}
  100% { transform: rotate(45deg);}
}
@-webkit-keyframes inT {
  0% {-webkit-transform: translateY(0px) rotate(0deg);}
  50% { -webkit-transform: translateY(9px) rotate(0deg);}
  100% {-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes inT {
    0% {transform: translateY(0px) rotate(0deg);}
  50% {transform: translateY(9px) rotate(0deg);}
  100% {transform: translateY(9px) rotate(135deg);}
}
@-webkit-keyframes outT {
  0% {-webkit-transform: translateY(0px) rotate(0deg);}
  50% {-webkit-transform: translateY(9px) rotate(0deg);}
  100% {-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes outT {
  0% {transform: translateY(0px) rotate(0deg);}
  50% {transform: translateY(9px) rotate(0deg);}
  100% {transform: translateY(9px) rotate(135deg);}
}
@-webkit-keyframes inBtm {
  0% {-webkit-transform: translateY(0px) rotate(0deg);}
  50% {-webkit-transform: translateY(-9px) rotate(0deg);}
  100% {-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes inBtm {
  0% {transform: translateY(0px) rotate(0deg);}
  50% {transform: translateY(-9px) rotate(0deg);}
  100% {transform: translateY(-9px) rotate(135deg);}
}
@-webkit-keyframes outBtm {
  0% {-webkit-transform: translateY(0px) rotate(0deg);}
  50% {-webkit-transform: translateY(-9px) rotate(0deg);}
  100% {-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes outBtm {
  0% {transform: translateY(0px) rotate(0deg);}
  50% {transform: translateY(-9px) rotate(0deg);}
  100% {transform: translateY(-9px) rotate(135deg);}
}
    
/*Toggel button	*/	
    
.navbar-fixed-top{ position:inherit;}
.navbar-toggle{ position:fixed; right:0;z-index: 9999999;top:22px;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; border: none; outline: none; }
.navbar-inverse .navbar-toggle { background-color: transparent; border: none; border-radius: 0; height: 22px; width: auto; padding: 0px; margin-right: 15px; top: 24px; right:0; left:auto; }
.dashboard-nav .navbar-inverse .navbar-toggle { background-color: transparent; border: none; border-radius: 0; height: 22px; width: 187px; padding: 0px; margin-right: 15px; top: 24px; right: auto; left: 0; }
.navbar-inverse .navbar-toggle .head-txt, .navbar-inverse .navbar-toggle h2{display: inline-block;color: #fff;font-weight: 500; margin: 0; font-size: 24px; position: relative; z-index: 1;}    
.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-inverse .navbar-nav > li > a {border-bottom: 1px solid rgba(0,0,0,0.1)!important; border-radius: 0;}
.navbar-inverse .navbar-nav > li:last-child a{border-bottom:none;}
.navbar-inverse .navbar-nav > li > a :hover{color:#f79323;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background:#fff;}   
.navbar-nav > li > a, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ text-align:center; position:relative;} 
.caret-m{ display: block;position: absolute;right: -9px;left: auto;z-index: 555;bottom: auto;top: 9px;margin: 0 15px 0 0;padding: 0;width: 30px;height: 30px;text-align: center;line-height: 24px;cursor: pointer;}
.caret-m i{ color:#FFFFFF; font-size:10px;}
/*.caret-m:hover i{ color:#ee9924;}*/	
    
.dropdown-menu{ position:inherit; width:100%;}
.caret{ display:none;}
.dropdown-menu{display: none;visibility:visible;transform: translateY(0em);-moz-transform: translateY(0em);-webkit-transform: translateY(0em);-ms-transform: translateY(0em);-o-transform: translateY(0em);opacity:1;
position:relative;top:0 !important;}
.dropdown-menu > li > a{ text-align:center;}
.dropdown-submenu > .dropdown-menu{ left: 0; min-width: inherit; right: 0; position:inherit;}
	
	
a.navbar-small-resolutionz{ display:block;}
a.navbar-big-resolutionz{ display:none;}
.navbar-collapse .navbar-header{ display:none;}
.navbar-middle ul.navbar-nav{ margin:0;}
.navbar-middle .navbar-toggle{ position:inherit; left:0; right:0; top:0; bottom:0; margin:2.5em auto; display:inline-block; float:left;}
.navbar-middle .navbar-toggle:after, .navbar-middle .navbar-toggle:before{ clear:both;}
.navbar-middle a.navbar-small-resolutionz{ position:inherit; left:0; right:0; top:0; bottom:0; margin:auto; display:inline-block; float:none; width:auto;}
.navbar-middle a.navbar-small-resolutionz:after, .navbar-middle a.navbar-small-resolutionz:before{ clear:both;}
.navbar ul {  margin: 0px;text-align: center;width: 100%}
.navbar-inverse .navbar-nav > li > a { padding: 22px 0px; font-size: 17px; font-weight: normal; text-align: center; padding-left: 0; width: 100%; }
.navbar-inverse .navbar-nav > li:after{ display:none;}
.navbar-inverse ul.nav li.dropdown:hover ul {background: #292929;}
.navbar-inverse .navbar-nav > li {display: block;margin: 0px;}
ul.nav.navbar-nav li:last-child a{ border-bottom:none !important;}  
#stuck_container .open > .dropdown-menu {display: none;} 
.navbar.navbar-inverse.stuck_container.inner.newClass .navbar-brand.mobile_view_logo img{width:150px;filter: brightness(0) invert(1);display:inline-block;}  
.navbar.navbar-inverse.stuck_container.inner.newClass.smaller .navbar-brand{display:block;width:100%;text-align: center;}    
.navbar.navbar-inverse.stuck_container.inner.newClass span.navTrigger.active i {background-color: #fff;}
.navbar.navbar-inverse.stuck_container.inner.newClass .navbar-nav > li > a { color: #fff;}
.navbar.navbar-inverse.stuck_container.inner.newClass .top-buttn-login.right-nav {padding-right:0px;}  
#stuck_container{padding-right:35px;}
.navbar.navbar-inverse.stuck_container.inner.newClass{padding-right: 35px!important;}   
.navbar.navbar-inverse.stuck_container.inner.newClass.smaller .navbar-brand {display: block;width: 206px;text-align: center;} 
.navbar.navbar-inverse.stuck_container.inner.newClass.smaller .navbar-brand.mobile_view_logo{width:100%!important;}
.login-body {padding-bottom: 24px;padding-top: 102px;}      
.navbar-inverse .navbar-nav > li > a {padding: 24px 12px!important;font-size:17px;} 
.small-view {text-align: center;}    
}

/*-------------login-body-------------*/

.login-body{text-align: center;position: fixed;top: 0;left: 0;    overflow-y: auto;width: 100%;height: 100%;z-index:1;padding-top: 80px;}
.login-wraper{position: relative;width: 100%;height: 100%;display: table;}
.login-content {width: 377px;margin: 0px auto; margin-top:50px;}
.login-content .tab-pane{padding: 25px 15px;}
#otp input.submit-button{ margin-top:0;}

.login-container{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px) {.login-container {max-width: 720px;}}
@media (min-width: 992px) {.login-container {max-width: 960px;}}
@media (min-width: 1200px) {.login-container{max-width: 1296px;}}


/*====================================================================*/
/*----------------------------login-page-end--------------------------*/
/*====================================================================*/


/*====================================================================*/
/*----------------------------signup-Page------------------------------*/
/*====================================================================*/
.brand-signup {width: 60%;margin: 0px auto;}
.brand-signup form{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.brand-signup .common-form-sec form .form-group { background: #F5F5F5; display: inline-block; float: none; vertical-align: middle; width:46%; }
.m-r{margin-right: 24px;}
.m-l{margin-left:24px;}
.m-b{margin-bottom:10px;}
.brand-signup .common-form-sec h3{padding-bottom: 35px;}
.brand-signup .common-form-sec {padding-top: 41px;text-align: left;}
.brand-signup .sub_buttn{width:100%;text-align: center;}
.brand-signup input.submit-button { width: 344px;margin-top:0;}
/*====================================================================*/
/*----------------------------signup-Page-end--------------------------*/
/*====================================================================*/


/*====================================================================*/
/*----------------------------reset-password-Page----------------------*/
/*====================================================================*/
.login-content.reset-password { width: 377px; margin: 0px auto; margin-top: 0; display: table;height: 475px; }
.login-content.reset-password .common-form-sec { display: table-cell;width: 100%;height: 100%; vertical-align: middle;padding: 0px 15px;}
.login-content.reset-password .common-form-sec input.submit-button {margin-top:0;}
.login-content.reset-password .common-form-sec form{padding-top: 50px;}
.login-content.reset-password .common-form-sec h2{padding-bottom:62px;}
.login-content.reset-password .common-form-sec h5,.login-content.reset-password .common-form-sec p{text-align: left;width: 100%;}
.login-content.reset-password .common-form-sec h5{padding-bottom:13px;line-height:25px;}
.login-content.reset-password .common-form-sec p{color: #757575;font-weight: 400;}
/*====================================================================*/
/*----------------------------reset-password-Page-end----------------------*/
/*====================================================================*/


/*====================================================================*/
/*----------------------------reset-password-Page----------------------*/
/*====================================================================*/
.login-content.reset-password.confirm-password form {padding-top: 26px;}
.login-content.reset-password.confirm-password span.check{ display:block;width:100%; margin: 0px; margin-bottom:13px;}
.login-content.reset-password.confirm-password span.check label span{display: block; width:23px; height: 23px;}
.login-content.reset-password.confirm-password span.check label b.remember{display:inline-block;}
.login-content.reset-password.confirm-password input[type='checkbox'] {position: absolute;}

/*====================================================================*/
/*----------------------------reset-password-Page-end----------------------*/
/*====================================================================*/

/*====================================================================*/
/*----------------------------varification-number-popup----------------------*/
/*====================================================================*/
.cursor-default{cursor: default !important;}
.popup-content-two{min-height: 200vh !important;}
.popup { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; min-height: 130vh;}
.popup-overlay { background: rgb(33 33 33 / 90%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: bottom; background-repeat: no-repeat; background-size: contain;}
.popup-content { 
    position: absolute;
    left: 0;
    right: 0;
    z-index: 11;
    padding: 14px;
    text-align: center;
  }
.popup-content h2{color: #fff;}
.popup-content .border2 {border-bottom: 1px solid #dee2e6!important;}
.popup-content .text-success {color: #53baf7 !important;}
.close-popup { display: inline-block; position: absolute; top: -27px; right: -30px; font-size: 42px; color: #fff; }
.close-popup:hover{}
input.form-control.bg-none.border-0 {background: transparent;}
input.form-control.bg-none.border-0:focus{box-shadow: none; outline: none; border: 0;color: #fff;font-size: 16px;}
.popup-content .form-control::-webkit-input-placeholder {font-family: 'MontserratLight'; font-size:16px;color: #fff; }
.popup-content .form-control:-moz-placeholder {font-family: 'MontserratLight';font-size:16px;color: #fff; }
.popup-content .form-control::-moz-placeholder {font-family: 'MontserratLight'; font-size:16px; color: #ffff;}
.popup-content .form-control:-ms-input-placeholder {font-family: 'MontserratLight'; font-size:16px;color: #fff; }
.search-icon i.fa.fa-fw.fa-search{position: relative;top:-2px;}
/* Animations */
.fadeIn {
  animation: fadeIn 0.5s ease-in both;
  -webkit-animation: fadeIn 0.5s ease-in both;
}
@keyframes fadeIn {
  from { opacity: 0; }
}
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
}

.fadeOut {
  animation: fadeOut 0.5s ease-out both;
  -webkit-animation: fadeOut 0.5s ease-out both;
}
@keyframes fadeOut {
  to { opacity: 0; }
}
@-webkit-keyframes fadeOut {
  to { opacity: 0; }
}
.slideIn {
  animation: slideIn 0.5s ease-in both;
  -webkit-animation: slideIn 0.5s ease-in both;
}
@keyframes slideIn {
  from { opacity: 0; transform: translateY(-50%); }
}
@-webkit-keyframes slideIn {
  from { opacity: 0; -webkit-transform: translateY(-50%); }
}

.slideOut {
  animation: slideOut 0.5s ease-out both;
  -webkit-animation: slideOut 0.5s ease-out both;
}
@keyframes slideOut {
  to { opacity: 0; transform: translateY(50%); }
}
@-webkit-keyframes slideOut {
  to { opacity: 0; -webkit-transform: translateY(50%); }
}

.slideLeftIn {
  animation: slideLeftIn 0.5s ease-in both;
  -webkit-animation: slideLeftIn 0.5s ease-in both;
}
@keyframes slideLeftIn {
  from { opacity: 0; transform: translateX(-50%); }
}
@-webkit-keyframes slideLeftIn {
  from { opacity: 0; -webkit-transform: translateX(-50%); }
}

.slideLeftOut {
  animation: slideLeftOut 0.5s ease-out both;
  -webkit-animation: slideLeftOut 0.5s ease-out both;
}
@keyframes slideLeftOut {
  to { opacity: 0; transform: translateX(50%); }
}
@-webkit-keyframes slideLeftOut {
  to { opacity: 0; -webkit-transform: translateX(50%); }
}
.popup { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; }
.popup-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

.varification-window { background: #fff; width: 270px; height: 191px; margin: 0px auto; margin-top: 125px; box-shadow: 0px 15px 34px rgb(0 0 0 / 10%); border-radius: 20px; position: relative; text-align: left;padding: 28px 17px 21px; margin-bottom:25px;}
.mobile-box { left: auto; right: 18px; margin: auto; background: #FFFFFF; border: 1px solid #FD91A6; box-sizing: border-box; box-shadow: 0px 15px 34px rgb(0 0 0 / 10%); border-radius: 10px; position: absolute; width: 81px; height: 160px; z-index: 1; top: -110px;text-align: center;line-height: 150px; }
.mobile-box span{ display: inline-block;background: #FD91A6;width:10px; height:10px;border-radius: 20px;}

.varification-window p{color: #757575!important;font-weight: 400;}
.varification-window small{color: #757575;font-weight: normal;font-size: 12px;}
.varification-window small a{font-weight:600;color:#7438FF;}

.popup-content p{color: #fff;font-weight: 400;font-size: 16px;}
.popup-content a.resend{ display: inline-block;color: #fff;font-weight: 700;font-size: 16px; margin-top:19px;}
.popup-content a:hover.resend{color:#7438FF;}
.varification-window .form-group {margin-bottom: 12px;margin-top: 19px;}
.varification-window .form-group .form-control {background: #E0E0E0; border-radius: 4px;height: 54px; border: 0;}

.one { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.0s; animation: dot 1.3s infinite; animation-delay: 0.0s; }
.two { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.2s; animation: dot 1.3s infinite; animation-delay: 0.2s; }
.three { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.3s; animation: dot 1.3s infinite; animation-delay: 0.3s; }
.four { opacity: 0; -webkit-animation: dot 1.3s infinite; -webkit-animation-delay: 0.3s; animation: dot 1.3s infinite; animation-delay: 0.4s; }
@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/*====================================================================*/
/*----------------------------varification-number-popup-end----------------------*/
/*====================================================================*/


/*===================================================================login-all-page-end-here=======================================================================*/

/*===================================================================dashboard-all-page-start-here=================================================================*/

/*====================================================================*/
/*----------------------------dashboard-page-start----------------------*/
/*====================================================================*/
/* .dashboard-page{padding-top: 113px; } */
.dashboard-page .card1{margin-bottom:40px;}
.dashboard-nav {position: fixed;top: 0;left: 0;width: 100%;}
.dashboard-nav #stuck_container { background-color: transparent; width: auto; display: inline-block; max-width: 65%; width: 100%; background: #212121; border-radius: 0px 56px 56px 0px; padding: 24px 32px; min-height: 108px;}
.dashboard-nav .navbar-collapse.right-nav {text-align: left;}
.notiticiton { background: #212121; border-radius: 56px 0px 0px 56px; padding: 24px 32px; width: 155px; position: fixed; right: 0; top: 0; min-height: 108px; }
.notiticiton a{color: #fff;font-size: 16px;font-weight: 400; /*display: block;text-align: center;position: relative;*/}
.notiticiton a b{font-weight: normal;}
.noti-count{display: inline-block;background: #feb334;width: 20px;height: 20px;text-align: center;color: #fff;font-size: 12px;font-weight: 400;border-radius: 20px;position: absolute;top: 10px; left: auto; right: 50px; display: flex; justify-content:center; align-items:center;}
.notiticiton a:hover{color:#FFC700;}
.dashboard-nav .notiticiton a:hover span.nav-icon img.normal-icon , .dashboard-nav .notiticiton a:active span.nav-icon img.normal-icon, .dashboard-nav .notiticiton a.active span.nav-icon img.normal-icon{opacity: 0;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

.dashboard-nav .notiticiton a:hover span.nav-icon img.hover-icon, .dashboard-nav .notiticiton a:active span.nav-icon img.hover-icon, .dashboard-nav .notiticiton a.active span.nav-icon img.hover-icon{opacity: 1;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}


.dashboard-nav .navbar-inverse .navbar-nav > li > a { font-weight: 400;font-size: 16px;line-height: 24px;text-transform: capitalize; font-family: 'Roboto', sans-serif; position: relative;color: #fff;text-align: center; display: block;padding: 0px 30px;}
.dashboard-nav .navbar-inverse .navbar-nav > li {vertical-align: middle;}
.dashboard-nav .navbar-inverse .navbar-nav > li > a:hover, .dashboard-nav .navbar-inverse .navbar-nav > li > a:active, .dashboard-nav .navbar-inverse .navbar-nav > li > a.active{color: #FFC700;}

.dashboard-nav span.nav-icon { display: block; width: 100%; text-align: center; margin-bottom: 9px;position: relative;}
img.normal-icon{opacity: 1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
img.hover-icon {position: absolute;opacity: 0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

.dashboard-nav .navbar-inverse .navbar-nav > li > a:hover span.nav-icon img.normal-icon , .dashboard-nav .navbar-inverse .navbar-nav > li > a:active span.nav-icon img.normal-icon, .dashboard-nav .navbar-inverse .navbar-nav > li > a.active span.nav-icon img.normal-icon{opacity: 0;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

.dashboard-nav .navbar-inverse .navbar-nav > li > a:hover span.nav-icon img.hover-icon, .dashboard-nav .navbar-inverse .navbar-nav > li > a:active span.nav-icon img.hover-icon, .dashboard-nav .navbar-inverse .navbar-nav > li > a.active span.nav-icon img.hover-icon{opacity: 1;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}


/*dashboard-container*/
.dashboard-container{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px) {.dashboard-container {max-width: 720px;}}
@media (min-width: 992px) {.dashboard-container {max-width: 960px;}}
@media (min-width: 1200px) {.dashboard-container{max-width: 1160px;}}

.dashboard-body .card1 { background: #fff; box-shadow: 0px 2px 6px 1px rgb(0 0 0 / 25%); border-radius: 8px; width: 31.90%; padding:22px 33px 16px; font-family: 'Roboto', sans-serif; display: inline-block; margin-right: 16px; margin-bottom:16px; margin-left: 0;}
.dashboard-page .cmn-heading{padding: 30px 0px;}
.icon {text-align: center;margin-bottom: 43px;}
.dashboard-page .card1 h3{ color: #212121; padding-bottom: 18px; line-height: 100%; }
.dashboard-page .card1 p{ color: #757575;line-height: 100%;font-weight: 400; }
.dashboard-page .card1 a.cmn-button{width:100%;text-align: center; margin-top:30px; height: 36px;}

/*====================================================================*/
/*----------------------------dashboard-page-end----------------------*/
/*====================================================================*/

/*====================================================================*/
/*----------------------------about-drand-page-start------------------*/
/*====================================================================*/
section.about-brand-body{    padding: 32px 25px 0px;}
.avatar-upload {position: relative;max-width: 205px;margin: 0px auto; margin-bottom: 27px; text-align: center;}
.avatar-upload .avatar-edit {position: relative;}
.avatar-upload .avatar-edit input {display: none;}
/*.avatar-upload .avatar-edit input + label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #ffffff;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;}*/

.avatar-upload .avatar-edit input + label {    background: #FD91A6; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); border-radius: 4px; padding: 8px 12px; /* height: 36px; */ display: inline-block; color: #F5F5F5; font-weight: 400; font-size: 14px; line-height: 20px; font-family: 'Roboto', sans-serif;cursor: pointer;}
.avatar-upload .avatar-edit input + label:hover {    background: #7438FF;}

.avatar-upload .avatar-preview { width: 64px; height: 64px; position: relative; border-radius: 100%; border: 1px solid #eae9e9; display: inline-block; margin-bottom: 15px; }
.avatar-upload .avatar-preview > div {width: 100%;height: 100%;border-radius: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.avatar-upload small{display:block; padding-bottom:14px;}


.common-box-2.general-info-upload,.common-box-2.social-info-upload{padding-right:100px;}
.common-box-2.general-info-upload .form-group { margin-bottom: 46px;}
.common-box-2.general-info-upload .form-group:last-child{margin-bottom:0px;}
.common-box-2.general-info-upload textarea.form-control{resize:none;height:198px;padding-top:19px;}

.common-box-2.general-info-upload textarea.form-control::-webkit-input-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #757575;font-weight: 400; }
.common-box-2.general-info-upload textarea.form-control:-moz-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #757575;font-weight: 400; }
.common-box-2.general-info-upload textarea.form-control::-moz-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #757575;font-weight: 400;}
.common-box-2.general-info-upload textarea.form-control:-ms-input-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #757575;font-weight: 400;}

.common-box-2.social-info-upload .form-group { margin-bottom: 30px;}
.common-box-2.general-info-upload h2,.common-box-2.social-info-upload h2{padding-bottom:40px;}
/*====================================================================*/
/*----------------------------about-drand-page-end------------------*/
/*====================================================================*/

/*====================================================================*/
/*----------------------------Members-page------------------*/
/*====================================================================*/
.search-box {display: inline-block;float: right; padding-left: 0px;}
header.header h2{display: inline-block;}
input.search-input { background: #FFFFFF; border: 1px solid #212121; box-sizing: border-box; border-radius: 39px; padding: 8px 16px; color: #212121; font-size: 16px; font-weight: 400;outline: none; }
input.search-input:focus{box-shadow: none; outline: none; }
header.header .search-input::-webkit-input-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #212121;font-weight: 400; }
header.header .search-input:-moz-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #212121;font-weight: 400; }
header.header .search-input::-moz-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #212121;font-weight: 400;}
header.header .search-input:-ms-input-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #212121;font-weight: 400;}

.invite-button { display: inline-block; float: right; }

.active-area{ display: inline-block; position: absolute; top: 4px; left: 4px; /*border: 1px solid blue;*/ z-index:1; background: #1f36c7; border-radius: 4px; box-shadow: 0px 0px 12px -2px #e1f5fe; }
.list-body-tab .nav-tabs{position: relative;width: 344px;padding: 4px;border: 1px solid #1f36c7;box-sizing: border-box;border-radius: 8px;background: #fff;display: inline-block;padding-right:6px; }
.list-body-tab .nav-tabs .nav-item {position: relative;z-index: 11;display: inline-block; margin: 0px -2px -1px;}

.list-body-tab .nav-tabs .nav-link.active, .list-body-tab .nav-tabs .nav-item.show .nav-link { border: 0; border-bottom: 0; padding: 13px 0px; margin: 0px; color: #fff; border-radius: 4; background: transparent;  border-radius: 4px;  border: 0;}
.list-body-tab .nav-tabs .nav-item .nav-link {  border-radius: 4px;  padding: 13px 0px; border-radius: 4; border: 0;background: transparent;}
.list-body-tab .nav-pills .nav-link.active h4 {color:#fff!important; font-size:14px; font-weight:400;}
.list-body-tab .nav-pills .nav-link h4 {font-size:14px; font-weight:400;}
.tab-header {padding: 23px 0px 36px;}

.dashboard-page .card1 .invite-button a.cmn-button {margin-top: 6px;background: #ffffff; border: 1px solid #1f36c7; box-sizing: border-box; border-radius: 4px;color: #1f36c7;}
.list-box {padding: 20px 0px;border-bottom: 1px solid #E0E0E0;}
.list-box:last-child{border-bottom:0;}
.member-info,.member-contact-info{display: inline-block;float: none; vertical-align: middle;width: 50%;margin: 0px -2px;}
.member-contact-info{text-align: right;}
.member-contact-info a{display:block;color: #757575;font-size: 12px;font-weight: 400;}
.member-contact-info a span{font-size:16px;}
.member-contact-info a span { font-size: 20px; position: relative; top: 3px; }
a.m-mail span{font-size: 22px;}
.member-info h6{font-size:14px; font-weight: 500;}
.member-info small{color: #757575;font-size:12px;display:block;font-weight: 400;}

.invite-member-window { position: relative; width: 358px; margin: 0px auto; background: #fff; padding: 16px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 8px; }
.invite-member-window h3 {text-align: left;padding-bottom: 15px;}
.error-msg p{color: #C62828;font-size: 14px;font-weight: 700;}
.invite-member-window .close-popup { display: inline-block; position: absolute; top:6px; right:6px; font-size: 15px; color: #fff; width: 20px; height: 20px; background: #757575; border-radius: 100%; line-height: 19px; padding-left: 1px; }

.invite-member-window .form-control::-webkit-input-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #757575;font-weight: 400; }
.invite-member-window .form-control:-moz-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #757575;font-weight: 400; }
.invite-member-window .form-control::-moz-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #757575;font-weight: 400;}
.invite-member-window .form-control:-ms-input-placeholder {font-family: 'Roboto', sans-serif; font-size:16px;color: #757575;font-weight: 400;}

.invite-member-window .form-group { margin-bottom: 28px;}
.invite-member-window input.submit-button{margin-top:13px;}
/*====================================================================*/
/*----------------------------Members-page-end------------------*/
/*====================================================================*/


/*====================================================================*/
/*----------------------------invoicing-page------------------*/
/*====================================================================*/

header.header._invoicing {padding-bottom: 35px;}
.common-box-2.r-p-small {padding-right: 200px;}
.common-box-2.r-p-big { padding-right: 200px; }
.check-box {margin-bottom: 26px;}
.common-box-2.r-p-small h2,.common-box-2.r-p-big h2{padding-bottom:44px;}
.invoice-page .check-box {margin-top: 24px;}
/*====================================================================*/
/*----------------------------invoicing-page-end------------------*/
/*====================================================================*/


/*====================================================================*/
/*----------------------------my-profile-page------------------*/
/*====================================================================*/

.reset-buttn{position: relative;}
span.reset-icon { display: block; width: 100%; /* height: 30px; */ text-align: left; /* line-height: 50px; */ cursor: pointer; color: #212121; font-size: 16px; font-weight: 500; padding-left: 10%; padding-bottom: 16px;border-bottom: 2px solid #E0E0E0; position: relative;}

span.reset-icon:after{content: "\f055"; position: absolute; left: 0; right:auto;top:0; bottom: 0; margin: auto;font: normal normal normal 22px/1 FontAwesome; color: #212121;opacity: 1;transition:all 0.3s ease-in-out;}

span.reset-icon.close-buttn:before{content: "\f056"; position: absolute; left: 0; right:auto;top:0; bottom: 0; margin: auto;font: normal normal normal 22px/1 FontAwesome; color: #212121;opacity: 1;transition:all 0.3s ease-in-out;}

span.reset-icon.close-buttn:after{ opacity: 0;transition:all 0.3s ease-in-out;}
span.reset-icon:before{opacity: 0;transition:all 0.3s ease-in-out;}

.reset-form {color: white; display: none; position: absolute; top: 40px; left: 0; width: 100%; }
.reset-form span.check {position: relative;margin-top:15px; display: block; width:100%;padding-left:8px;}
.reset-form span.check:first-child{margin-top:40px;}
.reset-form span.check input#one, .reset-form span.check input#two,.reset-form span.check input#three,.reset-form span.check input#two,.reset-form span.check input#three,.reset-form span.check input#four{position: absolute;}
.reset-form input.submit-button{margin-top:0px;}

b.arrow { width: 20px; height: 20px; position: absolute; left: auto; right: 0; top: 0; margin: auto; line-height:20px;text-align: center;}
b.arrow:after{content: "\f107"; position: absolute; left: 0; right:0;top:0; bottom: 0; margin: auto;font: normal normal normal 22px/1 FontAwesome; color: #212121;opacity: 1;transition:all 0.1s ease-in-out;}
b.arrow.upp-arrow:after{opacity: 0;transition:all 0.1s ease-in-out;}
b.arrow:before{opacity: 0;transition:all 0.1s ease-in-out;}
b.arrow.upp-arrow:before{content: "\f106"; position: absolute; left: 0; right:0;top:0; bottom: 0; margin: auto;font: normal normal normal 22px/1 FontAwesome; color: #212121;opacity: 1;transition:all 0.1s ease-in-out;}

.my-profile .common-box-2{ min-height:650px;}
.my-profile .common-box-2.r-p-small .form-group{margin-bottom: 28px;}
input.submit-button.disable{background: #E0E0E0;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.0));color: #9E9E9E;}
input.submit-button.disable:hover{background: #E0E0E0;filter:drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.0));}
/*====================================================================*/
/*----------------------------my-profile-page-end------------------*/
/*====================================================================*/

/*******Client page*******/
/*****Snehajit Khara css*****/
button{cursor: pointer; transition: 0.4s ease-in-out;}
.white{color: #fff;}
.purple{color: #554280;}
.purple-two{color: #7438FF}
.pink{color: #FD91A6 !important;}
.red{color: #E11919 !important;}
.green{color: #009806 !important;}
.yellow{color:  #FFC700 !important;}
.gray{color: #757575 !important;}
.dark{color: #212121 !important;}
.white{color: #fff !important;}
.black{color: #000 !important;}
.bold{font-weight: 700 !important;}
.semibold{font-weight: 500 !important;}
.lite-purple-bg{background: #DFD1FF;}
.green-bg{background: #009806;}
.red-bg{background: #E11919;}
.purple-bg{background: #554280;}
.yellow-bg{background: #FFC700;}
.desktop-visible{display: block !important;}
.mobile-visible{display: none !important;}
.inline-li{display: inline-block;}
.fourteen{font-size: 14px;}
.sixteen{font-size: 16px;}
.twenty-four{font-size: 24px;}
.eighteen{font-size: 18px;}
.twenty{font-size: 20px;}
.twelve{font-size: 12px;}


.add-client a{text-align: center;background: #1f36c7; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); border-radius: 4px; padding: 8px 12px; /* height: 36px; */ display: inline-block; color: #F5F5F5; font-weight: 400; font-size: 14px; line-height: 20px;}
.add-client a:hover{background: #1a2da4;}
.common-box-2.general-info-upload.client-section h2 {padding-bottom: 25px;}
.search-box-two{position: relative; text-align: right; display: block;}
.client-dec-top-left label{display: inline; font-family: 'Roboto';font-size: 14px;font-weight: 500;line-height: 20px;letter-spacing: 0em;}
.client-social{display: inline; margin-left: 20px;}
.client-social a{ margin-right: 11.5px;}
.client-dec-top-right{text-align: right;}
.client-dec-top-right a{margin: 0 20px; font-family: 'Roboto'; font-size: 14px;font-weight: 500;}
.client-dec-top-right a img{padding-right:5px;}
.client-details{border-bottom: 1px solid #E0E0E0; padding: 25px 35px 15px 0;}
.client-data p{font-family: 'Roboto';font-size: 12px;line-height: 16px !important;}
.website a{color: #212121;font-family: 'Roboto';font-size: 12px;font-weight: 400;}
.add-client{margin-bottom: 25px;}
.client-data{margin: 7px 0 3px;}
.client-logo{height: 100%; display: flex; justify-content: center; align-items: center;}
.client-logo img{width: 50%;}
.client-details.last-child{border: none; margin-bottom: 10px;}
.delete-client-modal .red{color: #E11919 !important; font-family: 'Roboto'; font-size: 14px; margin-bottom: 15px; text-align: left;}
.delete-client a{display: block;color: #fff; background: #E11919; width: 100%; padding: 16px 90px; font-family: 'Roboto'; font-size: 14px; font-weight: 500;box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); margin-bottom: 10px;}
.undo-client a{display: block; color:#554280; background: #fff; width: 100%; padding: 16px 90px; font-family: 'Roboto'; font-size: 14px; font-weight: 500;}
.about-agency-body .card1{padding: 48px 48px 20px 48px;}
/******************Campaign-listing***************/
.campaign-details{padding:0 20px;}
.common-box-3 .dropdown{text-align: right;}
.common-box-3 .dropdown a span img{margin-left: 10px;}
.common-box-3 .dropdown a.cmn-see-more-button {padding: 6px 16px 6px 16px; display: inline; float: right;}
.campaign .add-client{ display: inline; float: right; margin-left: 20px;}
.campaign-tag{text-align: center;padding: 4px 10px; font-family: 'Roboto'; font-weight: 700; color: #fff; display: inline-block; font-size:  14px; border-radius: 4px;}
.first-left-li{width: 30%;}
.common-right-li{width: 45%;}
.common-left-li{width: 15%;}
.li-div img{width: auto; max-width: 100%;}
/*.campaign-data .common-left-li{margin-top: -30px;}
.first-left-li-data{height: 100%; display: flex; justify-content: center; align-items: center;}
.campaign-data li img{display: inline-block; vertical-align: baseline; width: 100%;}
.campaign-data li{}*/
.li-div{min-height: 132px; vertical-align:  text-top; display: flex;  align-items:  center; }
.campaign-details li{vertical-align:text-top; margin-right: 15px; font-size: 16px;}
.campaign-details li p{font-size: 16px;}
.campaign-li-head{font-family: 'Roboto'; font-weight: 500; color: #757575; font-size: 14px !important;}
.campaign-details .add-client {margin-bottom: 0px;}
.first-left-li-data p{font-family:  'Roboto'; color: #212121 !important; font-weight: 700 !important;}
.campaign-data-last{border-bottom: none; margin-bottom: 15px;}
a.cmn-see-more-button-two{background: #DFD1FF;border: 1px solid #7438FF; box-sizing: border-box; border-radius: 16px;padding: 6px 32px 6px 16px;color: #7438FF;font-size: 14px; font-weight: 500;position: relative;}
a.cmn-see-more-button-two:after { content: ""; position: absolute; left: auto; right: 14px; top: 0; bottom: 0; margin: auto; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; color: #7438FF; line-height: 31px; }
.search-box-three input.search-input{width: 350px;}
.campaign-body .alert-success{margin: 0 0px 15px;}
.modal-txt{color: #757575 !important; font-size: 14px !important; text-align: left;}
.modal-frm-campaign textarea{width: 100%; height: 200px; border: none; border-bottom: 5px solid #FFC700; margin-bottom: 10px;}
.modal-frm-campaign button{display: block; background: #7438FF; color: #fff; font-family: 'Roboto'; font-weight: 500; font-size: 14px; padding: 16px 20px; border: none; outline: none; cursor: pointer; width: 50%; transition: 0.4s; margin: 0 auto;}
.modal-frm-campaign button:hover{background: #FD91A6;}
.campaign-details{font-family: 'Roboto'; border-bottom: 1px solid #E0E0E0;}
.campaign-data-last{border-bottom: none; margin-bottom: 15px;}
.campaign-details .campaign-data-last{border-bottom: none;}
.campaign-details-left{background: #FFFFFF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 8px; padding: 16px; position: sticky; top: 150px;}
.campaign-details-img img{width: 100%;}
.campaign-left-detail h3{font-size: 20px; margin:30px 0 0; padding-bottom: 10px !important;}
.campaign-left-detail .brand-name{color: #9E9E9E; font-size: 14px; margin-bottom: 7px;}
.date-details{margin-top: 20px;}
.date-detail p{font-size: 16px; color: #212121;}
.date-detail label{font-size: 24px; color: #212121; font-weight: 700;}
.accordion-head i{font-size: 16px;float: right;}
.accordion-head > .collapsed > i:before{content: "\f107"; color: #757575;}
/* .fa-angle-down:before {content: "Collapse \f106"; color: #757575; margin-right: 30px;} */
.campaign-details-button a{color: #fff; padding: 8px 12px; display: inline-block; border-radius: 4px; margin-right: 15px;}
.campaign-details-button .purple{color: #7438FF;}
.campaign-details-button a span img{margin-left: 6px;}
.card{border: none !important;}
.card-header{border: none; background: #fff; padding: 0 0 0 15px;}
.card-block{background: #F5F5F5;border-radius: 8px; padding: 15px; margin-bottom: 24px;}
.card-block p{color: #212121 !important; font-weight: 500 !important; line-height: 25px !important;}
.accordion-head h3 {color: #212121;padding: 0 !important; font-size: 20px; font-weight: 500; margin: 0 0 20px; padding-right: 30px;}
.campaign-details-top{font-size: 20px; font-weight: 500; margin-bottom: 15px;}
.campaign-details-button{margin-bottom: 30px;}
.campaign-body .card1{width: 100%; margin-left: 0;}
section.sampaign-alert {padding: 18px 32px 32px;}
.campaign-details-body .left-panel {padding: 0px 15px;}
.campaign-details-body .card1 {padding: 24px 30px 24px 24px; width: 100%; margin-left: 0;}
.hastags{margin-right: 10px; margin-bottom: 10px; background: #FFC700;border-radius: 16px; padding: 6px 15px; display: inline-block; text-align: center;}
#main {
  margin: 15px 0 30px;
}

#main #faq .card {
  margin-bottom: 0px;
  border-bottom: 2px solid #9E9E9E !important; border-radius: 0 !important;
}

#main #faq .card .card-header {
  margin-bottom: 0px;
  border-radius: 0 !important;
  background: #F5F5F5;
}

#main #faq .card .card-header .btn-header-link {
  color: #000;
  display: block;
  text-align: left;
  background: #F5F5F5;
  color: #000;
  padding: 20px 20px 20px 0;
}
#main .card-body {background: #F5F5F5;}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
  background: #F5F5F5;
  color: #000;
  font-size: 16px;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

#main #faq .card .collapsing {
  background: #fff;
  line-height: 30px;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
  background: #fff;
  line-height: 30px;
  color: #000;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none !important;
}
#main .card-body a img{margin-right: 15px;}

.c-d-g-left label{font-size: 24px; font-weight: 700; font-family: 'Roboto';}
.small-txt{font-size: 14px; color: #757575; font-family: 'Roboto';}
.number-txt{font-size: 18px; font-weight: 700; padding: 4px 0;}
.numer-influncer{margin-top: 30px;}
.c-d-g-right{position: relative; height: 100%; text-align: right;}
.c-d-g-right .add-client{position: absolute; right: 15px; bottom: 15px;}
.campaign-details-group{margin-bottom: 10px; background: #F5F5F5; border-radius: 8px; padding: 15px;}
.campaign-details-group-two{margin-bottom: 10px; background: #F5F5F5; border-radius: 8px;}
.odd-card .card-block{background: #fff;}
.budget-influencer{margin-bottom: 16px;}
.budget-influencer .b-i-name{font-size: 14px; font-weight: 400;}
.budget-influencer .b-i-detail{font-size: 16px; font-weight: 700 !important;}
#main .card-body p{margin: -30px 15px 15px 0;}
.referance-link{background: #F5F5F5;border: 1px solid #212121;border-radius: 16px; padding: 4px 25px; text-align: center; color: #212121; display: inline-block; margin-right: 15px;}
.campaign-body .desktop-visible{display: inline-block !important;}

.col-md-campaign-details-left{width: 30%; padding: 15px;}
.col-md-campaign-details-right{width: 68%; margin-left: 10px; padding: 15px;}
/***********campaign estimate************/
.campaign-details-body .campaign-details{padding:0;}
.campaign-estimate-details{min-height: 165px; border: 1px solid #E0E0E0; border-radius: 12px; margin-top: 15px;}
.campaign-estimate-data p{font-size:  16px !important; font-family: 'Roboto'; color: #212121 !important;}
.small-estimate-left-li{width: 8%;}
.common-estimate-left-li{width: 15%;}
.common-estimate-right-li{width: 30%;}
.big-estimate-right-li{width: 36%;}
.click{margin-left: 3px; display: inline-block;}
.campaign-estimate-li a, .big-estimate-right-li a{padding: 8px 12px; display: inline-block; border-radius: 4px; margin: 0 auto; font-size: 14px;}
.campaign-estimate-li a:hover, .big-estimate-right-li a:hover{color: #fff; background: #FD91A6;}
.campaign-estimate-li{margin-bottom: 10px;}

.c-e-last:after{content: ''; width: 1px; height: 80%; background: #434343; position: absolute; top: 10%;}
.tool{display: none; position: absolute; top: 45px; left: -110px; z-index: 10; background: #fff; border: 1px solid #E0E0E0;border-radius: 8px; padding: 12px 16px; font-size: 14px; width: 250px;}
.tool ul li{font-size: 14px; list-style: inherit; margin-left: 15px;}
.tool p{margin-bottom: 10px;}
.toolhover{position: relative; cursor: pointer;}
.toolhover:hover .tool{display: block;}
.Notchtop{position: absolute; z-index: 10; top: 29px; left:100px; display: none;}
.toolhover:hover .Notchtop{display: block;} 
.campaign-estimate-data{}
.last-campaign-estimate-data {border-bottom: none;  margin-bottom:  15px;}
.left-p{padding-left: 15px;}
.right-p{padding-right: 15px;}
.campaign-estimate-common{}
.campaign-estimate-section .add-client{margin-bottom: 10px;}
.modal-frm-input{width: 100%; height: 50px; border: none; outline: none; border-bottom: 4px solid #FFC700; font-weight: 500; margin-bottom: 15px; background-color: #F5F5F5; color: #212121 !important; font-size: 24px; padding: 15px;}
.modal-frm textarea{height: 340px;font-size: 24px; font-weight: 500; width: 100%;}
.modal-frm label{color: #757575; font-size: 16px; text-align: left; display: block; }

.campaign-estimate-left ul li {width: 23%; vertical-align: top;}
.campaign-ul{padding: 25px 0px 25px 25px;}
.campaign-estimate-bottom-li {margin-top: 30px;}
.c-e-last{float: right;}
.c-e-last:after{content: ''; width: 1px; height: 80%; background: #434343; position: absolute; top: 10%; right: 0;}
.campaign-estimate .see-more-button {margin-top: 30px;}
.campaign-estimate .left-panel {padding: 0px 15px;}
.campaign-estimate-popup {width: 760px;}
.toolhover ul li {width: auto;}
/*******Proposal management*******/
.proposal-management-body .card1 {width: 100%;padding: 24px; margin: 0;}
.check-img{margin: 0 auto; text-align: center; position: relative;}
.check-img img {position: absolute; top: 0; left: 50%; transform: translate(-50%, -0%) !important;} 
.not-checked-img{display: none;}
.checked-img, .pending-img{z-index: 10;}
.check-detail{padding-top: 30px; text-align: center; line-height: 1.5 !important;}
.check-detail p{line-height: 1.5;}
.check-li, .check-li-last {vertical-align: text-top;}
.check-ul{margin-left: 80px;}
.check-li, .check-li-last{width: 90px; margin-right: 40px; position: relative;}
.check-li:after{content: ''; width: 40px; height: 2px; background-color: #E0E0E0; position: absolute; top: 10px; right: -42px;}
/*.button-section-proposal-management .add-client{width: 50%;}*/
.proposal-label{margin: 30px 0 25px;}
.proposal-management-body .left-panel {padding: 0px 15px;}
.proposal-campen-left-detail{padding: 25px 16px;}
.proposal-campen-left-detail-active{background-color: #d2d8ff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px 10px 0px 0px;}
.proposal-campen-left-detail p{padding: 3px 0;}
.proposal-campen-details-left{border: 1px solid #E0E0E0;border-radius: 16px;}
.proposal-campen-left-detail {border-bottom: 1px solid #E0E0E0;}
.proposal-campen-left-detail-last {border-bottom: none;}
.proposal-campen-right-detail {border: 1px solid #9E9E9E;border-radius: 8px; padding: 0 25px; margin-top: 15px;}
.proposal-campen-right-each{min-height: 120px; display: flex; justify-content: center;flex-direction: column;}
.proposal-campen-details-right .add-client {margin-bottom: 0px;}
.proposal-campen-details-right .add-client a{margin-right: 5px;}
.add-client p{margin-right: 15px;}
.margin-top{margin-top: 30px;}
.mb-15{margin-bottom: 15px;}
.proposal-campen-right-each p{padding: 2px 0;}
.proposal-campen-right-each label{margin-bottom: 0px;}
.poposal-management-pop-up {position: relative;width: 700px;margin: 0px auto;background: #fff;padding: 16px;box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);border-radius: 8px;}
.poposal-management-pop-up .close-popup {display: inline-block;position: absolute;top: 6px;right: 6px;font-size: 15px;color: #fff;width: 20px;height: 20px;background: #757575;border-radius: 100%;line-height: 19px;padding-left: 1px;}
.poposal-management-pop-up p, .poposal-management-pop-up h3{text-align: left;}
.poposal-management-pop-up p{margin: 12px 0;}
.influncer-btn{margin-bottom: 15px;}
/*.influncer-btn {margin: 15px 0;}*/

/*****take payment*****/
.card2 {background: #fff;box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);border-radius: 8px;width: 100%;padding: 25px;font-family: 'Roboto', sans-serif;}
.card3 {background: #fff;box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);border-radius: 8px;width: 100%;padding: 20px;font-family: 'Roboto', sans-serif;}
.take-payment-details{border-bottom: 1px solid #E0E0E0; padding: 0 15px;}
.take-payment-details-last{border-bottom: none; margin-bottom: 15px;}
.take-payment-detail{min-height: 90px; display: flex; justify-content: center; flex-direction: column;}
.payment-label{margin-bottom: 10px;}
.take-payment-details-last{border-bottom: none;}
.bill-desc-total{margin-top: 10px;}
.payment-bill-details {margin-top: 25px;}
.payment-bill-details ul li{height: 32px; vertical-align: baseline;}
.total p{font-size: 20px;}
.total{padding: 16px 0px; position: relative;}
.total-one:after{content: ''; position: absolute; top: 0; left: 0; width: 215%; height: 1px; background-color: #E0E0E0;}
.payment-mood{padding: 24px 0; text-align: center; margin-bottom: 0; position: relative;}
.make-payment a{background: #7438FF; width: 85%; padding: 16px 0; color: #fff; font-weight: 500; font-family: 'Roboto'; text-align: center; font-size: 14px; display: block; margin: 0 auto; border-radius: 4px; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}
.take-payment-bill h3{margin-top: 7px;}
.payment-mood:after{content: ''; position: absolute; top: 0; left: -21px; width: 111%; height: 2px; background-color: #E0E0E0;}
.make-payment a:hover{background: #FD91A6;}
.take-payment-body h2{text-align: left;}
.take-payment-body .left-panel{padding: 0px 20px 0 20px;}
.take-payment-body .cmn-heading {padding: 32px 0px 24px;}
.take-payment-detail .add-client {margin-bottom: 0;}
section.take-payment-body {padding: 30px 15px 0px;}
.take-payment-body .desktop-visible{display: block !important;}
/********offline payment**********/
.offline-detail-one ol{background: #F5F5F5; padding: 16px 16px 16px 35px;}
.offline-id h3{margin-bottom: 25px;}
.transaction-id{ height: 55px; background-color: #F5F5F5; width: 100%; border-bottom: 4px solid #FFC700; margin: 25px 0;}
.transaction-id-input{width: 100%; background: transparent; border: none; outline: none; font-size: 16px; color: #212121; font-weight: 500; margin-bottom: 25px;}
.common-btn-two{display: block; background: #7438FF; width: 100%; padding: 16px 0; color: #fff; font-weight: 500; font-family: 'Roboto'; text-align: center; font-size: 14px; display: block; margin: 0 auto; border-radius: 4px; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); border: none; outline: none;}
.common-btn-two:hover{background: #FD91A6; }
.offline-bill{border-bottom: 2px solid #E0E0E0; padding-bottom: 25px;}

/*********members************/
.list-body-tab .nav-tabs{z-index: 0;}

/********* my profile**********/
.reset-form .sub_buttn{margin-top: 22px;}
.reset-form .reset-form-data{margin-bottom: 28px;}

/**********order confirm********/
.order-confirmed-body .card1{padding: 40px; min-height: 500px; margin-top: 50px;}
.order-success{text-align: center; padding-bottom:  25px; border-bottom: 2px solid #E0E0E0; margin: 0 auto; width: 25%;}
.order-success img{text-align: center; display: block; margin: 0 auto;}
.order-mail-detail{padding: 32px 0;}
.order-mail-detail p{line-height: 1.5 !important;}
.billing-details p{width: 500px; line-height: 1.5 !important;}
.order-bill-info .add-client label{display: block;}

/**********influncer********/
.left-influncer-btn a{background: #7438FF; display: inline-block; color: #fff; border: 1px solid #7438FF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 16px; padding: 6px 16px; transition: 0.4s ease-in-out; margin: 5px;}
.left-influncer-btn a:hover{background: #fff; color: #7438FF;background: #FFFFFF;border: 1px solid #FFFFFF;}
.left-influncer-btn a.highlight-btn{background: #7438FF;color: #fff; border: 1px solid #7438FF;}
.left-influncer-btn a.highlight-btn:hover{background: #fff; color: #7438FF;background: #FFFFFF;border: 1px solid #FFFFFF;}
.left-influncer-btn a.non-highlight-btn:hover{background: #7438FF;color: #fff; border: 1px solid #7438FF;}
.left-influncer-btn a.non-highlight-btn{background: #fff; color: #7438FF;background: #FFFFFF;border: 1px solid #FFFFFF;}
.left-influncer-btn a.pink-btn{background: #1f36c7; border: 1px solid #1f36c7;}
.left-influncer-btn a.pink-btn:hover{background: #fff; border: 1px solid #FFFFFF;}
.influncer-right-btn .search-box, .influncer-right-btn .dropdown {display: inline-block; vertical-align: middle;}
.influncer-right-btn a.cmn-see-more-button {padding: 6px 16px; margin-right: 10px;}
.influncer-right-btn input.search-input {padding: 8px 16px; margin: 0 4px;}
.influncer-details{margin-top: 40px;}
.influncer-div .influncer-profile-image, .influncer-div .influncer-profile-detail, .inclunce-follower, .inclunce-engagements {display: inline-block;}
.influncer-div .influncer-profile-image, .influncer-div .influncer-profile-detail{
  margin: auto 6px;
}
.influncer-profile-image img{width: 115px; height: 115px; border-radius: 50%;}
.influncer-status-accept {margin:0 16px; width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 3px solid #009806; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}
.influncer-status-reject {margin:0 16px; width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 3px solid #E11919; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}
.influncer-status-txt, .influncer-status{display: inline-block;}
.influncer-div-common{min-height: 160px; display: flex; align-items: center;}
.influncer-div{position: relative;}
.influncer-div .check-box{}
.influncer-profile-image{margin: 15px 25px 0 35px;}
.influncer-category{margin: 10px 0 40px 125px; position: relative; flex-wrap: wrap;}
.influncer-category a{margin: 5px; margin-bottom: 10px !important; background: #F5F5F5; border: 1px solid #F5F5F5;border-radius: 16px; padding: 6px 16px; display: inline-block;}
.influnce-check-box{margin: 10px 0 -55px 10px;}
.influncer-profile-detail a{margin-left: 10px;}
.influncer-profile-detail label{margin-bottom: 2px;}
.dot-txt:after{content: ''; width: 5px; height: 5px; width: 5px; background: #757575; border-radius: 50%; display: inline-block; vertical-align: middle;}
.influncer-profile-detail p{margin-bottom: 7px;}
.inclunce-follower{margin-right: 50px;}
.inclunce-follower p, .inclunce-engagements p{margin-bottom: 5px;}
.influncer-status-txt .green, .influncer-status-txt .red{margin-left: 16px;}
.influncer-div-common .add-client a{margin-left: 15px;}
.influncer-status-choose img, .influncer-status-choose p{display: block;}
.influncer-status-choose {background: #fff;margin:0 16px;width: 65px;height: 65px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 3px solid #AAAAAA;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.influncer-status {text-align: center;}
.influncer-status p{text-align: center; margin-top: 10px;}
.selected-influncer{position: fixed; bottom:0; left: 0; width: 100%; padding:0 40px; background:  rgba(0,0,0,0.8); z-index: 15px;}
.common-total-influncer {height: 100%; display: flex; align-items: center;}
.influncers-body .left-panel {padding: 0px 15px;}
.proposal-management-body .mobile-visible {margin: 0;}
.influncer-right-btn .dropdown{margin-top: 0px;}
.common-total-influncer .influncer-btn{margin-bottom: 0;}
.influncers-body span.check {margin-top: -10px;}

/********************content management***************/
section.content-management-body {padding: 10px 15px;}
.content-management-body .card1 {padding: 24px;}
.content-management-body .left-panel {padding: 0px 15px;}
.content-management-body select {
  display: none;
}

.content-management-body .dropdown {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin-top: 6px;
  outline: none;
  padding-right: 25px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto;
  color: #212121;
}

.content-management-body .dropdown:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}
.content-management-body .dropdown.open:after {
  transform: rotate(-180deg);
}
.content-management-body .dropdown.open .list {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.content-management-body .dropdown.open .option {
  cursor: pointer;
}
.content-management-body .dropdown.wide {
  width: 100%;
}
.content-management-body .dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.content-management-body .dropdown .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  transform: scale(0.75);
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}
.content-management-body .dropdown .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.content-management-body .dropdown .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  transition: all 0.2s;
}
.content-management-body .dropdown .option:hover, .dropdown .option:focus {
  background-color: #f6f6f6 !important;
}
.content-management-body .dropdown .option.selected {
  font-weight: 600;
}
.content-management-body .dropdown .option.selected:focus {
  background: #f6f6f6;
}
.content-management-body .by {
  bottom: 12px;
  color: #aaa;
  font-size: 12px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.aligner {height: 100%;display: flex;align-items: center;justify-content: center; margin: 20px 0 0px;}
.common-content-div{min-height: 70px;display: flex;flex-direction: column;justify-content: center; margin-top: 10px;}
.content-action-details p span{display: block; margin-top: 2px;}
.content-profile-details label{margin-bottom: 5px;}
.common-content-div p{margin-bottom: 4px;}
.common-content-div p img{margin-right: 4px;}
.common-content-div .add-client a{padding: 8px 18px; margin-left: 10px; float: right;}
.deliverable-div {border: 1px solid #E0E0E0;border-radius: 12px; margin: 8px 20px 0 0px;}
.content-status{padding: 0 16px;}
.deliverable-div label{padding: 16px 16px 8px; margin: 0;}
.live-content-top-btn{margin-top: 20px;}
.content-status-info{padding: 3px 8px;display: block; border-radius: 4px; width: 117px; margin-top: 6px; text-align: center;}
.deliverable-details-last{padding: 15px;}
.deliverable-details-last p{margin-top: 3px;}
.custom-btn-two{background: #ffffff;border: 1px solid #1f36c7;box-sizing: border-box;border-radius: 4px;padding: 8px 12px;color: #1f36c7;font-size: 14px;font-weight: 500;position: relative; display: inline-block; transition: 0.4s ease-in-out;}
.custom-btn-two:hover{color: #ffffff; background-color: #1f36c7; }
.deliverable-option{border: 1px solid #AAAAAA;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 50%; width: 36px; height: 36px; display: flex; justify-content: center; align-items: center;margin: 0 auto 5px;}
.deliverable-details-options a{display: inline-block; text-align: center; width: 50%;}
.deliverable-details-last .twelve{margin-bottom: 12px; line-height: 1.5 !important;}
.content-last-btn-area{height: 100%; display: flex; align-items: center;}
.content-carousel .owl-theme .owl-dots .owl-dot.focus span, .content-carousel .owl-theme .owl-dots .owl-dot.active span, .content-carousel .owl-theme .owl-dots .owl-dot:hover span {background: #7438FF; width: 8px; height: 4px; border-radius: 4px; border: none; outline: none;}
.content-carousel .owl-theme .owl-dots .owl-dot span {width: 4px;height: 4px;margin: 10px 3px;background: #757575;}
.content-carousel .owl-theme .owl-nav {margin-top: 0px;font-size: 50px; z-index: 5;}
.content-carousel .owl-theme .owl-nav .owl-prev {position: absolute; left: 0; top: 35%;}
.content-carousel .owl-theme .owl-nav .owl-next {position: absolute; right: 0; top: 35%;}

.content-carousel{position: relative;}
/*.content-carousel .shadow-left{position: absolute; top: 50%; transform: translate(0%, -50%); right: 0; background: rgba(255, 255, 255, 0.5);
filter: blur(36px); height: 100px; width: 100px; border-radius: 50%; z-index: 1;}
.content-carousel .shadow-right{position: absolute; top: 50%; transform: translate(0%, -50%); right: 0; background: rgba(255, 255, 255, 0.5);
filter: blur(36px); height: 100px; width: 100px; border-radius: 50%; z-index: 1;}*/
.content-carousel .owl-theme .owl-nav [class*=owl-]:hover {background: transparent;color: #000;text-decoration: none; border: none; outline: none;}
.content-carousel .owl-theme .owl-nav{z-index: 5;}
/*.owl-theme .owl-dots .owl-dot {outline: none;}*/

/****content management three*******/
.content-label{margin: 10px 0 28px;}
.content-management-three .dropdown {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  margin-top: -15px;
  outline: none;
  padding-right: 25px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto;
  color: #212121;
  font-weight: 700;
}
.left-dropdown .dropdown {
  font-weight: 400;
  color: #757575 !important;
}

.content-management-three .dropdown:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}
.content-management-three .dropdown.open:after {
  transform: rotate(-180deg);
}
.content-management-three .dropdown.open .list {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.content-management-three .dropdown.open .option {
  cursor: pointer;
}
.content-management-three .dropdown.wide {
  width: 100%;
}
.content-management-three .dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.content-management-three .dropdown .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  transform: scale(0.75);
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}
.content-management-three .dropdown .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.content-management-three .dropdown .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  transition: all 0.2s;
}
.content-management-three .dropdown .option:hover, .dropdown .option:focus {
  background-color: #f6f6f6 !important;
}
.content-management-three .dropdown .option.selected {
  font-weight: 600;
}
.content-management-three .dropdown .option.selected:focus {
  background: #f6f6f6;
}
.content-management-three .by {
  bottom: 12px;
  color: #aaa;
  font-size: 12px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.content-management-three select {
  display: none;
}
.content-three-filter a.cmn-see-more-button{padding:6px 16px;}
.content-three-filter a.cmn-see-more-button img{margin-left: 10px;}
.content-three-search .search-box{float: left;}
.eye{border: 1px solid #AAAAAA;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 50%; height: 32px; width: 32px; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 5px;}
.content-management-three input.search-input {width: 350px; margin-right: 12px;}
.content-management-three .add-client{margin: 0;}
.content-three-data-details-top{margin: 20px 0 30px;}
.content-management-three .proposal-campen-details-left {margin-top: 30px;}
/*.content-three-info{min-height: 85px; display: flex; flex-direction: column;}*/
.content-status p{margin-bottom: 5px;}
.content-three-data-details .campaign-tag{width: 75px; height: 24px; padding: 1px 8px;}
.last-status p{margin-top: 3px;}
.influncer-profile-detail label img {margin-left: 8px;}
.content-three-data-details{border-bottom: 2px solid #E0E0E0; padding: 15px 0 18px;}
.content-status-last {height: 100%; display: flex; justify-content: center;align-items: flex-start; flex-direction: column;}
.deliverable-div .dropdown {margin-top: 0px !important;}
.content-management-two-pop-up .deliverable-div-two .owl-carousel .owl-nav button.owl-next {margin-left: 399px !important;}
.back-to-search a{display: inline-block; background: transparent; box-shadow: none; color: #7438FF; text-align: right;}
.back-to-search a:hover {background: transparent;color: #7438FF;}
.back-to-search a img{margin-right: 10px;}
.content-management-pop-up {position: relative;width: 1300px;margin: 0px auto;background: #fff;padding: 16px 0px;box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);border-radius: 8px;}
.content-management-pop-up .close-popup {display: inline-block;position: absolute;top: 35px;right: 25px;font-size: 15px;color: #fff;width: 20px;height: 20px;background: #757575;border-radius: 100%;line-height: 19px;padding-left: 1px;}
/* .popup-content-two .popup-content {width: 100px !important; left: 34% !important;} */
.pink-btn {text-align: center;background: #1f36c7;box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);border-radius: 4px;padding: 8px 12px;display: inline-block;color: #F5F5F5;font-weight: 400;font-size: 14px;line-height: 20px;cursor: pointer;}
.pink-btn:hover{background: #1a2da9;}
.popup-content-two input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 3px !important;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #7438FF;
  background-color: #e7e6e7;
  border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: #7438FF;
}
.content-management-pop-up .pink-btn{float: right;margin: 10px 65px 0 0;}
.content-management-pop-up .content-top-area {text-align: left; margin: 6px 0 0; padding-left: 25px;}
.content-three-frm{text-align: left;}
.content-txt-box-area{position: relative;}
.content-txt-box-area .txt-div {position: absolute; left: 15px; top: 7px; font-size: 10px;}
.content-txt-box-area textarea{width: 100%; height: 100px;border: none; outline: none; border-bottom: 4px solid #FFC700; margin-bottom: 20px; background: #F5F5F5; padding:15px; color: #757575 !important; font-size: 16px; margin-top: 15px;}
.bottom-frm .content-txt-box-area textarea{ padding: 25px 15px 15px;}
.radio-txt{vertical-align: middle; margin-left: 10px;}
.content-txt-box-area {}
.text-area-with-img{margin-top: 25px;}
.content-btn-check{margin-top: 85%;}
.check-box-img img{border-radius: 8px;}
.text-area-with-img {border-bottom: 2px solid #E0E0E0;}
.content-pop-last-txt{background: #F5F5F5; padding: 16px;}
.content-pop-last-txt .top-txt{margin-bottom: 20px;}
.content-btn-check-two{margin-top: 90%;}
.content-last-frm{padding: 25px 0 0;}
.bottom-frm{padding: 15px 0; border-top: 2px solid #E0E0E0;}
.btn-one-txt-area-two .content-txt-box-area textarea{height: 160px; font-size: 16px; font-weight: 500; margin-top: 0px;}
.feedback-pop-up .content-txt-box-area textarea{padding-top: 20px;}
.content-pop-last-txtarea .content-txt-box-area textarea{height: 175px; font-size: 16px; color: #212121 !important; font-weight: 500; margin-top: 0px;}
.check-txt{margin-bottom: 15px;}
.bottom-frm, .top-frm{transition: 0.4s ease-in-out; padding: 0 25px;} 
.radio-btn-area-two{padding-top: 15px; border-top: 2px solid #E0E0E0;}
.bottom-frm{display: none;}
.pop-six-img{text-align: left; margin:0 0 16px -20px;}
.accept-pop-up-info{padding: 0 25px;}
.accept-pop-up-info .profile-details{min-height: 570px; padding: 15px; background: #F5F5F5;}
.pop-six-img .check-box-txt{background: #fff; padding: 15px; width: 100%;}
.pop-six-img .check-box-txt .mdl-txt{padding: 20px 0;}
.accept-frm-detail{text-align: left}
.pop-up-6-btn{margin-top: 35px;}
.pop-up-6-btn button{display: block; width: 100%; border: none; outline: none; color: #fff; background: #7438FF; padding: 15px 16px; font-size: 14px; text-align: center; transition: 0.4s; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}
.pop-up-6-btn button:hover{background: #FD91A6;}
.pop-up-6-btn a{display: block; width: 100%; border: none; outline: none; background: #fff; color : #7438FF; padding: 20px 16px; text-align: center;font-size: 14px;}
.accept-frm-detail .top-txt-area .mdl-txt{padding: 20px 0;}
.accept-frm-detail .top-txt-area{height: 370px;}
.influncer-profile-detail label{position: relative; display: inline-block;}
.influncer-profile-detail .hover-hide{cursor: pointer;}
.influncer-profile-detail .hover-hide .content-hover{display: none; position: absolute; background: #FFFFFF;border: 1px solid #E0E0E0;border-radius: 12px; padding: 16px; z-index: 20; width: 350px; left: 0;}
.influncer-profile-detail .hover-hide:hover .content-hover{display: block; position: absolute;}
.content-hover-right, .content-hover-left{padding: 8px 16px;}
.content-hover-right p{padding-bottom: 5px;}
.content-management-three .desktop-visible, .content-management-two .desktop-visible{display: block !important;}
.back-to-search{float: right;}
.content-carousel .owl-theme .owl-nav{border: none; outline: none;}
.popup-content-two p{padding-bottom: 15px;}
hr{margin: 0; border-top: 2px solid #E0E0E0;}
.content-management-pop-up h3{margin: 15px 0 10px;}
button{border: none; outline: none;}
.scrollbar
{float: left;height: 570px;width: 100%; overflow: scroll;}
.force-overflow{min-height: 570px;}
/*.accept-pop-up-info .accept-left-pop-up {height: 570px; overflow: scroll;}*/
#style-3::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
  background-color: transparent;
}

#style-3::-webkit-scrollbar
{
  width: 6px;
  background-color: transparent;
}

#style-3::-webkit-scrollbar-thumb
{
  background-color: #9E9E9E;
  border-radius: 8px;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox;
    border: none;
    outline: none;
}
.date-div {border: 1px solid #E0E0E0;border-radius: 12px; padding: 0px 16px; width: 100%;}
.pop-up-accept .content-management-pop-up h3 {margin: 0px 0 15px;}
.pop-up-accept .content-management-pop-up .close-popup {top: 15px; right: 20px;}

.content-management-two-pop-up select {
  display: none;
}

.content-management-two-pop-up .dropdown {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40FFFFFF", endColorstr="#00FFFFFF", GradientType=0);
  background-color: #f6f6f6;
  border-radius: 6px;
  border: solid 1px #eee;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto;
}
.content-management-two-pop-up .dropdown:focus {
  background-color: #f1f1f1;
}
.content-management-two-pop-up .dropdown:hover {
  background-color: #f3f3f3;
}
.content-management-two-pop-up .dropdown:active, .dropdown.open {
  /* background-color: #f0f0f0 !important; */
  border-color: #e4e4e4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}
.content-management-two-pop-up .dropdown:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}
.content-management-two-pop-up .dropdown.open:after {
  transform: rotate(-180deg);
}
.content-management-two-pop-up .dropdown.open .list {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.content-management-two-pop-up .dropdown.open .option {
  cursor: pointer;
}
.content-management-two-pop-up .dropdown.wide {
  width: 100%;
}
.content-management-two-pop-up .dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.content-management-two-pop-up .dropdown .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  transform: scale(0.75);
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
}
.content-management-two-pop-up .dropdown .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.content-management-two-pop-up .dropdown .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}
.content-management-two-pop-up .dropdown .option:hover, .dropdown .option:focus {
  background-color: #f6f6f6 !important;
}
.content-management-two-pop-up .dropdown .option.selected {
  font-weight: 600;
}
.content-management-two-pop-up .dropdown .option.selected:focus {
  background: #f6f6f6;
}



.content-management-two-pop-up .by {
  bottom: 12px;
  color: #aaa;
  font-size: 12px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

.content-management-two-pop-up a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.content-management-two-pop-up a:hover {
  color: #666;
}
.poposal-management-pop-up.content-management-two-pop-up{width: 1000px; padding: 24px 24px 50px;}
.content-management-two-pop-up .common-content-div {text-align: left; min-height: 50px;} 
.content-management-two-pop-up .content-profile-img img{width: 100%;}
.content-management-two-pop-up p {margin: 0;}
.content-management-two-pop-up .common-content-div p {margin-bottom: 0px;}
.content-management-two-pop-up .deliverable-details{margin-top: 20px;}
.content-management-two-pop-up-content {width: 100%;}
.back-to-search a{color: #1f36c7;}
.content-management-two-pop-up .deliverable-div {margin: 8px 0px 0 0px;}
.custop-pop-img img{width: 100%; margin-bottom: 10px;}
.top-frm span.check {width: 100%;}
.radio-btn-area,.content-pop-last-txt {text-align:left; padding:15px 25px 10px;}
.top-frm .check-box {margin-bottom: 0px;}

/********live post******/
.insta-pop-up-right p {padding-bottom: 0px;}
.insta-feedback{position: relative;}
.insta-feedback textarea{font-size: 16px; padding: 25px 16px; color: #212121 !important; font-weight: 500; height: 450px;}
.insta-txt-label p{font-size: 12px;}
.insta-txt-label{position: absolute; top: 22px; left: 16px;}
.insta-pop-up-right .live-content-top label{margin-top: 20px;}
.insta-pop-up-left{margin: 50px 0 0;}

/******Report******/
section.reporting{padding: 24px 32px;}
.reporting-campaign-analytics-div{border-right: 1px solid #9E9E9E; min-height:100px; display: flex; align-items: center;}
.reporting-campaign-analytics-img img{display:block; padding-right: 35px;}
.reporting-campaign-analytics-table{border: 1px solid #212121; border-radius:16px; padding:  15px; background: #f5f5f5; margin-top: 15px;}
.reporting-campaign-analytics-div-last{border: none;}
.reporting-campaign-analytics{margin-top: 32px;}
.reporting .left-panel {padding: 0px 15px;}
.reporting-campaign-analytics-info{display: inline-block; padding-top: 5px;}
.reporting-campaign-analytics-info p{line-height: 1;}
.reporting-deliverable-name a span img{margin-left: 10px; display: inline-block;}
.reporting-deliverable-name a {margin-left: 24px; display: inline-block;}
.row-under-line{border-bottom: 1px solid #9E9E9E; padding: 15px 0;}
.row-under-line-last{border: none;}
.deliverable-table{border: 1px solid #9E9E9E; border-radius: 16px; padding: 0 30px;  background: #f5f5f5; margin-top: 15px;}
.reporting-campaign-analytics-div .reporting-campaign-analytics-info{margin-left: 30px;}
.deliverable-table .reporting-campaign-analytics-info{margin-left: 15px;}
.r-profile-bottom img{width: 100%;}
.small-profile-data {height: 100%; display: flex; justify-content: center; flex-direction: column;}
.reporting-profile-detail{border: 1px solid #9E9E9E; position: relative; border-radius: 16px; margin-top: 15px;}
.r-profile-top img{width: 100%;border-radius: 16px 16px 0 0;}
.profile-dark{background-image: url('../images/dark-overlay.svg'); width: 45px; height: 45px; position: absolute; right: 0; top: 0; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; background-position: right; border-radius: 16px;}
.r-profile-bottom{padding: 5px 0 15px;}
.r-profile-video-details{margin-top: 5px;}
.deliverable-video-details{border: 1px solid #E0E0E0; border-radius: 16px;}
.r-profile-video-details p{margin-bottom: 12px;}
.r-view-post{background: #FDDCE3; border-radius: 0 0 16px 16px; padding: 12px 16px;}
.r-view-post-btn a img{padding-left: 12px;}
.r-video-right-top{padding: 25px 25px 5px;}
.deliverable-video-right{margin-top: 15px;}
.reporting-deliverable-story{margin-top: 32px;}
.post-listing .nav-tabs .nav-item {width: 18%;}
.post-listing .nav-tabs .nav-item a {color: #9E9E9E;}
.common-list-div{min-height: 130px; display: flex;justify-content: center; flex-direction: column;}
.common-list-div-last{min-height: 130px; display: flex; align-items: center; justify-content: flex-end;}
.post-listing-tab{border-bottom: 1px solid #9E9E9E;}
.post-listing .content-influncer-image{height: 100%; display: flex;align-items: center;}
.post-listing .content-influncer-image img{width:55%;}
.label-mergin{margin-bottom: 5px;}
.post-listing .nav-tabs .nav-link.active, .post-listing .nav-tabs .nav-item.show .nav-link {padding: 8px 0px; color: #7438FF; border-bottom: 4px solid #7438FF;}
.post-listing .nav-tabs .nav-item .nav-link {padding: 8px 0px;}
.post-listing .nav-tabs .nav-item .nav-link {border-bottom: 4px solid #E0E0E0; font-size: 16px !important;}
/*.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {border-bottom: 4px solid #7438FF;}*/
.post-listing .nav-tabs .nav-link.active, .post-listing .nav-tabs .nav-item.show .nav-link {padding: 8px 0px; color: #7438FF; border-bottom: 4px solid #7438FF;}
.post-listing .cmn-heading {padding: 30px 0px 10px;}
.post-listing .left-panel {padding: 0px 15px;}
.post-listing .nav-tabs{margin-bottom: 7px;}
section.post-listing {padding: 24px 32px;}
.common-list-div p span{margin-right: 5px;}
.common-list-div p span img{display: inline-block; vertical-align: text-top;}
.common-list-div .influncer-profile-detail p {margin-bottom: 10px;}
.post-listing .card1 {margin: 0px; width: 100%;}
.reporting-deliverable-story a{margin-left: 24px;}
.reporting-deliverable-story a span img {margin-left: 10px;display: inline-block;}
.small-profile-data label img{display:  inline-block; width: auto; margin-left: 10px;}
.small-profile-data .hover-hide .content-hover{display: none; position: absolute; background-color: #fff; width: 400px; left: 0; z-index: 10; padding: 15px;}
.small-profile-data .hover-hide:hover .content-hover{display: block;}
.small-profile-data .hover-hide .content-hover a{display: inline-block; position: relative; right: 0; top: 0; margin:0; float: right;}
.r-profile-video-details p img{margin-right: 5px;}
.small-profile-data .sixteen{margin-bottom: 3px;}
.small-profile-data label{margin: 0;}
.r-profile-top{position: relative; overflow: hidden; cursor: pointer;}
.r-profile-top .profile-hover{position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 16px 16px 0 0; transition: 0.4s ease-in-out;}
.r-profile-top:hover .profile-hover{top: 0;}
.profile-hover p img{margin-right: 5px; width: auto;}
.profile-hover p{margin-bottom: 10px;}
.reporting-campaign-analytics-img{height: 100%; display: flex; align-items: center;}
.hover-hide img{margin-left: 10px; width: auto;}



.campaign .select { display: inline-block;background: #ffffff ;border: 1px solid #1f36c7; box-sizing: border-box; border-radius: 16px;padding: 6px 16px 6px 16px;color: #1f36c7;font-size: 14px; font-weight: 500;position: relative; cursor: pointer;}
.campaign .select span img{padding-left: 10px;}
.campaign .select .selectBtn {
  
}
.campaign .select .selectBtn:after {
  
}
.campaign .select .selectBtn.toggle {
  border-radius: 3px 3px 0 0;
}
.campaign .select .selectBtn.toggle:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.campaign .select .selectDropdown {
  position: absolute;
  top: 35px;
  width: 200px;
  right: 0;
  border-radius: 8px;
  overflow: hidden;
  background: var(--bg1);
  border-top: 1px solid #eee;
  z-index: 1;
  background: #F5F5F5;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  visibility: hidden;
  transition: 0.2s ease;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.campaign .select .selectDropdown .option {
  padding: 10px;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
}
.campaign .select .selectDropdown .option:hover {
  background: #f8f8f8;
}
.campaign .select .selectDropdown.toggle {
  visibility: visible;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.influncer-right-btn .campaign{display: inline-block;}

#filter-result .check-box {margin: 0;}
#filter-result span.check, a.f-password {width: 200px !important;}

#filter-result select[data-multi-select-plugin] {
    display: none !important;
}

#filter-result .multi-select-component {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    padding: 15px 15px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    padding-bottom: 0px;
    color: #555;
    background-color: #E0E0E0;
    border-bottom: 4px solid #FFC700;
    margin-top: 15PX;
    
   
    
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#filter-result .autocomplete-list {
    border-radius: 4px 0px 0px 4px;
}

#filter-result .multi-select-component:focus-within {
    box-shadow: inset 0px 0px 0px 2px #78ABFE;
}

#filter-result .multi-select-component .btn-group {
    display: none !important;
}

#filter-result .multiselect-native-select .multiselect-container {
    width: 100%;
}

#filter-result .selected-wrapper {
    display: inline-block;
    background: #F9F984;
    border: 1px solid #F7CE2D;
    border-radius: 16px;
    margin: 1px 5px 5px 0;
    padding: 2px 10px 0;
    vertical-align: top;
    cursor: pointer;
    color: #757575;
    font-size: 14px;
    height: 25px;
    vertical-align: middle;
}

#filter-result .selected-wrapper .selected-label {
    max-width: 514px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 4px;
    vertical-align: middle;
}

#filter-result .selected-wrapper .selected-close {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.49em;
    margin-left: 5px;
    padding-bottom: 10px;
    height: 100%;
    vertical-align: top;
    padding-right: 4px;
    opacity: 0.2;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
}

#filter-result .search-container {
    display: flex;
    flex-direction: row;
}

#filter-result .search-container .selected-input {
    background: none;
    border: 0;
    height: 20px;
    width: 100px;
    padding: 0;
    margin-bottom: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#filter-result .search-container .selected-input:focus {
    outline: none;
}

#filter-result .dropdown-icon.active {
    transform: rotateX(180deg)
}

#filter-result .search-container .dropdown-icon {
    display: inline-block;
    padding: 10px 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
    border: 0 !important;
    /* needed */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #E0E0E0;
}

#filter-result .search-container ul {
    position: absolute;
    list-style: none;
    padding: 0;
    z-index: 3;
    margin-top: 29px;
    width: 100%;
    right: 0px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 999999;
}

#filter-result .search-container ul :focus {
    outline: none;
}

#filter-result .search-container ul li {
    display: block;
    text-align: left;
    padding: 8px 29px 2px 12px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    min-height: 31px;

}

#filter-result .search-container ul li:first-child {
    border-top: 1px solid #ccc;
    border-radius: 4px 0px 0 0;
}

#filter-result .search-container ul li:last-child {
    border-radius: 4px 0px 0 0;
}


#filter-result .search-container ul li:hover.not-cursor {
    cursor: default;
}

#filter-result .search-container ul li:hover {
    color: #333;
    background-color: rgb(251, 242, 152);
    ;
    border-color: #adadad;
    cursor: pointer;
}

/* Adding scrool to select options */
#filter-result .autocomplete-list {
    max-height: 130px;
    overflow-y: auto;
}
#filter-result{background-color: #F5F5F5; padding: 10px 20px 20px; position: absolute; top: 30px; z-index: 9999; width: 350px; display: none; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 4px;}
#filter-fst, #filter-two, #filter-three{display: none;}
.filter-one-data{border-bottom: 1px solid #E0E0E0;padding-bottom: 10px;}
.filter-one-last{border: none; padding-bottom: 0;}
a.cmn-see-more-button:hover{background: #DFD1FF; border: 1px solid #7438FF; color: #7438FF;}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {background-color: #7438FF !important;}

.datepicker td.active, .datepicker th.active {background-color: #7438FF !important;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #7438FF !important; 
    background-image: -moz-linear-gradient(to bottom, #7438FF, #7438FF) !important;
    background-image: -ms-linear-gradient(to bottom, #7438FF, #7438FF) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7438FF), to(#7438FF)) !important;
    background-image: -webkit-linear-gradient(to bottom, #7438FF, #7438FF) !important;
    background-image: -o-linear-gradient(to bottom, #7438FF, #7438FF) !important;
background-image: linear-gradient(to bottom, #7438FF, #7438FF) !important; }

.datepicker table {width: 100%;}
.datepicker {width: 300px !important;}
.datepicker td, .datepicker th {border-radius: 16px !important;}
.cal-icon{position: absolute; top:30%; left: 15px;}
#inputDate{cursor: pointer;}
.date-div .form-control {
    display: block;
    width: 100%;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 1.5;
    color: #212121;
    background: #f5f5f5;
    border: 0;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-weight: 500;
    
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{border: none; outline: none;}
.invoice-page .form-group{margin-bottom: 32px;}
.invoice-page .sub_buttn {margin-top: 50px;}

.gender-filter input[type="radio"] {display:none !important;}

/* The label is what's left to style. 
As long as its 'for' attribute matches the input's 'id', it will maintain the function of a radio button. */
.gender-filter label {font-size: 14px;background: #F9F984;color: #757575 ;border: 1px solid #F7CE2D;border-radius: 16px; padding: 6px 15px;cursor: pointer; width: 80px; text-align: center; margin: 10px 5px 0;}

.blank-label {
  display: none;
}

/* The '+' is the adjacent sibling selector.
It selects what ever element comes right after it,
as long as it is a sibling. */
.gender-filter input[type="radio"]:checked + label {font-size: 14px;background: #F7CE2D;color: #000;border: 1px solid #F7CE2D;border-radius: 16px; padding: 6px 15px; width: 80px; margin: 10px 5px 0;}
#sort-list{display: none;position: absolute; right: 0; z-index: 9999; background: #f5f5f5; padding: 10px 5px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 12px;  top: 30px;}
#sort-list .dropdown-item {border-bottom: 1px solid #E0E0E0; transition: 0.4s ease-in-out;}
#sort-list .dropdown-item-last {border-bottom: 0px solid #757575;}
#sort-list .dropdown-item:hover{background: #FDDCE3;}
.varification-window .form-group .form-control::placeholder {
  color: #212121;
  font-family: 'Roboto', sans-serif;
  opacity: 1; /* Firefox */
}

.varification-window .form-group .form-control::-ms-input-placeholder {
 color: #212121;
 font-family: 'Roboto', sans-serif;
}

.varification-window .form-group .form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: #212121;
 font-family: 'Roboto', sans-serif;
}
.campaign-body .block{display: block !important;}
.apply-btn a{display: inline-block; padding: 10px 15px 0; color: #000;}
.content-carousel .item{height: 350px; overflow: hidden;}
.upload-campaign-big button span{display: block; text-align: center; margin: 0 auto; font-size: 12; font-family: 'Roboto'; color: #000; padding: 10px; line-height: 1.5;}
.upload-campaign-big{position: relative; margin-bottom: 15px;}
.campaign-modal-content-box-two.campaign-modal-content-box .description-textarea {resize: none;height: 715px !important;}
.modal-body-two .save-content-button{margin: 70px auto 0; text-align: center; display: inline-block;}
.modal-body-two .campaign-modal-content-box{text-align: left;}
.modal-body-two .campaign-modal-content-box {background: #F0F0F0;border-radius: 16px;padding:15px;}
.modal-body-two a{font-weight: 500; font-family: 'Roboto'; font-size: 16px; display: inline-block;}
.edit-btn{color: #0041E7}
.detail-link{padding:20px 0 10px 20px;}
.detail-link-t{padding-left:  15px;}
.modal-t-detail-img img{max-width: 100%;}
.modal-body-two .campaign-modal-content-box .row{border-top:  1px solid #E0E0E0; padding: 10px 0;}
.modal-body-two .campaign-modal-content-box .row.t-row{border: none;}
.small-txt{font-size: 12px;}
.content-profile-img img{max-width: 100%;}
.content-influncer-image.content-three-info img{max-width: 100%;}
.update-btn{display: block; text-align: right; color: #000 !important;position: relative; padding: 5px 15px 0;}
.notification-list .scrollbarr
{
  margin: 0px;
  float: left;
  height: 100vh;
  width: 100%;
  overflow-y: scroll;
}

.notification-list .force-overfloww
{
  min-height: 100vh;
}


.noti-count{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  line-height: 1.5;
  color: #fff;
}
.selected_brand_count{
  background-color: #FD91A6;
}
.selected_executor_count{
  background-color: #7438FF;
}
a.cmn-see-more-button{
  display:unset !important;
  background: #ffffff;
  border: 1px solid #1f36c7;
  border-bottom: 1px solid #1f36c7 !important;
  box-sizing: border-box; 
  border-radius: 8px;
  padding: 6px 16px !important;
  color: #1f36c7 !important;
  font-size: 14px !important; 
  font-weight: 500 !important;
  position: relative;
}
a.cmn-see-more-button:hover{
  background: #1f36c7; 
  border: 1px solid #1f36c7; 
  border-bottom: 1px solid #1f36c7 !important;
  color: #ffffff !important;
}
div#notify {
  background: #ffffff;
  border: none;
  min-width: 500px;
  right: 0;
  left: auto;
  box-shadow: 0px 0px 10px -1px rgb(0 0 0 / 30%);
  height: 500px;
  border-radius: 20px;
}
.dropdown-menu {
  background: #fff;
  min-width: max-content;
  padding: 0 0!important;
  border-radius: 20px;
  overflow: hidden;
  top: 98%;
  border: none !important;
  margin: 0 !important;
  box-shadow: 0 2px 6px #0b142670;
}
.dropdown-menu li {
  padding: 0px;
  margin: 0px!important;
}
.dropdown-menu li:first-child a {
  border-radius: 20px 20px 0px 0px;
}
.dropdown-menu li a {
  padding: 8px 16px!important;
}
li.dropdown.active > a {
  /* color: #172898 !important; */
  /* border-bottom: 2px solid #ffec00 !important; */
}
.dropdown-menu li a:hover {
  border-bottom: 2px solid #172898 !important;
  text-decoration: none!important;
  /* background: #17289860; */
}

li.menu-item.active > a {
  /* color: #172898 !important; */
}

.dtn{
  position: relative;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

body{
  font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif
}

header {
  position: relative;
  display: grid !important;
  /* font-family: "PoppinsRegular" !important; */
  top: 0;
  right: 0;
  left: 0;
  height: 70px;
  background-color: transparent;
  z-index: 999;
}
header .site-name {
  display: grid;
  font-size: 40px;
  color: #fff;
  margin: auto 0;
  font-family: cursive;
}
header .site-name img {
  width: 180px;
}
header .site-name .light-logo {
  display: none;
}
header .nav-wrapper {
  margin: auto 0;
  text-align: right;
}
header .nav-wrapper nav {
  margin: auto 0;
  font-size: 16px !important;
  font-weight: 600;
  text-align: right;
  display: flex;
  justify-content: end;
}
header .nav-wrapper nav .close {
  position: absolute;
  top: 8px;
  right: 18px;
  display: none;
  z-index: 10;
  opacity: 1;
  text-shadow: none;
}
header .nav-wrapper nav .close i {
  font-size: 36px;
  color: #fff;
}
header .nav-wrapper nav .link {
  position: relative;
  color: #ffffff;
  padding: 10px 14px;
  margin-right: 8px;
  display: flex;
  text-transform: uppercase;
}
header .nav-wrapper nav .link:hover {
  color: #212121;
}
header .nav-wrapper nav .link:hover .line {
  transform: scale(1);
}
header .nav-wrapper nav .link i:before {
  line-height: 1.6 !important;
}
header .nav-wrapper nav .link .more {
  margin-top: 22px;
  transition: 0s;
}
header .nav-wrapper nav .link .line {
  position: absolute;
  left: 10px;
  bottom: 0;
  right: 10px;
  height: 3px;
  border-radius: 20px;
  background-color: #212121;
  border-radius: 100px;
  transform: scale(0);
  transition: 0.7s;
}
header .nav-wrapper nav .dropdown {
  position: relative;
}
header .nav-wrapper nav .dropdown:hover {
  transition-delay: 1s;
}
header .nav-wrapper nav .dropdown:hover .link i {
  display: inline-block;
  transform: rotateX(180deg);
}
header .nav-wrapper nav .dropdown:hover .dropdown-box {
  display: block;
}
header .nav-wrapper nav .dropdown .dropdown-box {
  position: absolute;
  left: 10px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1882352941);
  display: none;
}
header .nav-wrapper nav .dropdown .dropdown-box .link {
  margin-right: 0;
  color: #212121;
  padding: 12px 16px;
  white-space: nowrap;
  text-align: left;
}
header .nav-wrapper nav .dropdown .dropdown-box .link:hover {
  background-color: rgba(0, 236, 212, 0.4);
}
header .nav-wrapper nav .dropdown .dropdown-box .link i:before {
  line-height: 1.6 !important;
}
header .nav-wrapper nav .dropdown .dropdown-box .link .line {
  width: 100%;
  left: 0;
}
header .nav-wrapper nav .active {
  color: #212121;
}
header .nav-wrapper nav .active .line {
  transform: scale(1);
}
header .nav-wrapper nav .influ-btn, header .nav-wrapper nav .brand-btn {
  background-color: #FF5E7D;
  position: relative;
  border: none;
  font-size: 16px !important;
  z-index: 0;
  overflow: hidden;
  font-weight: 600;
}
header .nav-wrapper nav .influ-btn:hover, header .nav-wrapper nav .brand-btn:hover {
  background-color: #212121;
  color: #fff !important;
}
header .nav-wrapper nav .influ-btn:hover:before, header .nav-wrapper nav .brand-btn:hover:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
header .nav-wrapper nav .influ-btn:hover .line, header .nav-wrapper nav .brand-btn:hover .line {
  transform: scale(0);
}
header .nav-wrapper nav .influ-btn:before, header .nav-wrapper nav .brand-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #212121;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
header .nav-wrapper nav .brand-btn {
  background-color: #00ecd4;
  color: #212121;
}
header .btnm {
  display: none;
  margin: auto 0;
}
header .btnm .btnmenu {
  display: block;
  width: 28px;
  float: right;
  margin: auto 0;
  cursor: pointer;
}
header .btnm .btnmenu .bars {
  position: relative;
  display: block;
  height: 3px;
  border-radius: 100px;
  margin-bottom: 5px;
  background-color: #fff;
}
@media (max-width: 992px) {
  header .nav-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8509803922);
  }
  header .nav-wrapper nav {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 350px;
    padding-top: 32px;
    justify-content: start;
    text-align: center;
    flex-direction: column;
    background-color: #7438ff;
    overflow-y: scroll;
  }
  header .nav-wrapper nav .close {
    display: block;
  }
  header .nav-wrapper nav .link {
    margin: 0;
    padding: 22px 0;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
  }
  header .nav-wrapper nav .dropdown .dropdown-box {
    position: relative;
    left: 0;
    background-color: transparent;
    width: 100%;
    box-shadow: none;
  }
  header .nav-wrapper nav .dropdown .dropdown-box .link {
    padding: 22px 0;
    color: #fff;
    text-align: center;
  }
  header .nav-wrapper nav .influ-btn, header .nav-wrapper nav .brand-btn {
    width: 300px;
    margin: 0 auto;
    border-bottom: none;
    padding: 10px 14px;
    margin: 10px auto;
    display: table;
  }
  header .btnm {
    display: block;
  }
}
@media (max-width: 576px) {
  header {
    padding: 0 16px;
  }
}

.light-header header {
  background-color: #ffffff;
  box-shadow: 0 4px 1rem rgba(75, 19, 70, 0.1019607843);
  height: 68px;
}
.light-header header .site-name .dark-logo {
  filter: brightness(100%) invert(1);
}
.light-header header .site-name .light-logo {
  display: none;
}
.light-header header nav .link {
  color: #212121;
}
.light-header header nav .link .line {
  background-color: #212121;
}
.light-header header nav .active {
  color: #7438ff !important;
}
.light-header header nav .influ-btn {
  color: #fff !important;
}
.light-header header .btnm .btnmenu .bars {
  background-color: #4959D8;
}
@media (max-width: 992px) {
  .light-header header nav .link {
    color: #ffffff;
  }
  .light-header header nav .link:hover {
    color: #212121;
  }
  .light-header header nav .link .line {
    background-color: #212121;
  }
  .light-header header nav .active {
    color: #212121 !important;
  }
  .light-header header nav .brand-btn {
    color: #212121;
  }
}
@media (max-width: 576px) {
  .light-header header {
    height: 60px;
  }
}