*{color:#fff;font-family:"Public Sans",sans-serif;font-style:normal;}
:root{--blue:#1B4BA0;--purple:#1F2128;--dark:#171717;}
body{background:var(--dark);font-size: 14px;height: 100vh;overflow: hidden;}
.dashInner span h1{color:var(--blue);}
p{margin-bottom:0;}
a{text-decoration:none!important;}
a:hover{text-decoration:none!important;}
ul{padding:0;margin:0;list-style:none;}
button:focus{outline:none;}
input:focus{outline:none!important;}
textarea:focus{outline:none!important;}
select:focus{outline:none!important;}
.body-content-section::-webkit-scrollbar-track{;background-color:var(--purple);}
.body-content-section::-webkit-scrollbar{width:4px;background-color:var(--purple);}
.body-content-section::-webkit-scrollbar-thumb{background-color:var(--blue);}
.navigation-column::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.navigation-column::-webkit-scrollbar{width:4px;background-color:#F5F5F5;}
.navigation-column::-webkit-scrollbar-thumb{background-color:var(--blue);}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar{width:4px;background-color:#F5F5F5;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb{background-color:var(--blue);}
.loginMain{position:relative;background:var(--blue);}
.login-head img{margin-bottom:30px;width:147px;}
.loginMain:before{position:absolute;left:0;top:0;background-image:url(../images/loginBg.png);width:100%;height:100vh;content:' ';background-repeat:no-repeat;background-size:cover;}
.login-wrapper{position:relative;height:100vh;}
.main-login-cont{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.login-form{display:inline-block;width:501px;border-radius:10px;background:var(--dark);;z-index:1;}
.login-form form .input-wrap{position:relative;float:left;width:100%;padding-top:0px;}
.login-form.sign-up-only .login-head{padding:60px 40px 69px 40px;}
.login-form.sign-up-only .registerLink{padding-top:69px;}
.login-head{padding:60px 40px 113px 40px;text-align:center;}
.login-head p{margin-bottom:0;font-size:16px;font-weight:400;line-height:18.8px;text-align:center;color:#64748B;}
.login-head h2{color:#fff;font-size:20px;font-weight:500;line-height:23.5px;letter-spacing:0.10000000149011612px;text-align:center;margin-bottom:10px;}
.registerLink p{font-size:16px;font-weight:400;line-height:18.8px;text-align:center;color:#64748B;}
.registerLink p a{font-size:16px;font-weight:400;line-height:18.8px;text-align:center;color:#64748B;border-bottom:1px solid;}
.registerLink{float:left;text-align:center;width:100%;padding-top:110px;}
.login-cont{padding:0 40px 20px 40px;float:left;width:100%;position:relative;}
.input1{position:relative;float:left;width:100%;}
label.lable-name{margin-bottom:10px;color:#fff;font-style:normal;font-size:14px;font-weight:400;line-height:16.45px;letter-spacing:0.10000000149011612px;text-align:left;}
form .input-wrap input{background:var(--purple);border:1px solid #43434361;color:#fff;width:100%;margin-bottom:20px;border-radius:5px;text-overflow:ellipsis;font-style:normal;display:flex;height:40px;padding:10px 11px 10px 11px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);font-size:14px;font-weight:400;line-height:16.45px;text-align:left;}
form .input-wrap input:focus{outline:none;}
form .input-wrap input::placeholder{color:#94A3B8;}
.forgot-pw{display:flex;width:100%;justify-content:space-between;align-items:center;position:relative;}
.login-chek-container{display:block;position:relative;padding-left:24px;margin-bottom:0px;cursor:pointer;user-select:none;color:#fff;font-style:normal;font-size:14px;font-weight:400;line-height:16.45px;letter-spacing:0.10000000149011612px;text-align:left;}
.forgot-pw p{margin-bottom:0;}
.forgot-pw p a{font-size:14px;font-weight:400;line-height:16.45px;letter-spacing:0.10000000149011612px;text-align:left;color:#fff;}
.login-chek-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.login-chek-container input:checked ~ .checkmark{background-color:var(--blue);border-color:var(--blue);}
.login-chek-container input:checked ~ .checkmark:after{display:block;border-color:#fff;}
.login-chek-container .checkmark{position:absolute;top:0px;left:0;height:16px;width:16px;border-radius:4px;border:1px solid #43434340;background:var(--purple);}
.login-chek-container .checkmark:after{left:5px;top:2px;width:4px;height:8px;border:solid #656565;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.login-chek-container .checkmark:after{content:"";position:absolute;display:none;}
.forgot-pw p a{font-size:14px;font-weight:400;line-height:16.45px;letter-spacing:0.10000000149011612px;text-align:left;}
.sign_in_btn button{text-decoration:none;text-transform:none;border:0;position:relative;border-radius:5px;background:var(--blue);display:flex;width:100%;padding:var(--gap-and-padding-positive-gap-padding-16,16px) 54px;justify-content:center;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);color:#FFF;font-style:normal;letter-spacing:0.2px;font-size:13px;font-weight:400;line-height:15.28px;text-align:left;height:38px;margin-top:30px;}
.sign_in_btn{text-align:center;}
.sign_in_btn p{font-size:18px;font-weight:600;line-height:24.55px;text-align:center;margin-top:18px;margin-bottom:0;display:flex;justify-content:center;gap:6px;}
.sign_in_btn p a{color:var(--blue);}
.other-mothod{display:flex;width:100%;justify-content:space-between;gap:22px;}
.otherBtn{width:100%;height:68px;border:1px solid #D5D5D5;background:#F9F9FB;border-radius:8px;padding:0;}
.loginWithHead{width:100%;float:left;position:relative;display:flex;justify-content:center;align-items:center;}
.loginWithHead p{font-size:18px;font-weight:600;line-height:24.55px;text-align:center;margin:40px 0;background:white;width:168px;z-index:2;}
.loginWithHead:before{border:1px solid #d5d5d57a;position:absolute;top:50%;left:50%;content:' ';width:100%;transform:translate(-50%,-50%);z-index:-1;}
.personal-head h3{font-size:20px;font-weight:500;line-height:23.5px;letter-spacing:0.10000000149011612px;margin-bottom:15px;}
.verification-code--inputs{display:flex;gap:15px;}
.onlyOtp .login-head{padding:60px 40px 40px 40px;}
.onlyOtp form .input-wrap input{text-align:center;}
#resend-link a{font-size:14px;color:#617a77;}
.reset-pw .login-head{padding:60px 40px 96px 40px;}
.reset-pw .login-cont{padding:0 40px 96px 40px;}
.login-form.add-services{width:805px;}
.login-form.add-services .personal-head{display:flex;align-items:center;justify-content:space-between;}
.login-form.add-services .personal-head h3{margin-bottom:0;}
.add-services .personal-head button{background:var(--blue);border:0;color:#fff;font-size:13px;font-weight:500;line-height:15.28px;text-align:left;display:flex;align-items:center;gap:10px;height:38px;padding:17px;border-radius:7px;}
.input1 .dark-input-vl:-webkit-autofill,.input1 .dark-input-vl:-webkit-autofill:hover,.input1 .dark-input-vl:-webkit-autofill:focus,.input1 .dark-input-vl:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:inset 0px 33px 25px 0 var(--purple),inset 0 99px 5px 0px var(--purple)!important;color:#e1e1e1!important;border-color:var(--purple);}
/*dashboard css*/
.left-navigation-column { float: left; width: 100%; max-width: 259px; background: #1F2128; border: 1px solid #434343; }
.top-header-column.header_logo_column{display:flex;text-align:center;border-bottom:0;box-shadow:none;align-items:center;justify-content:center;}
.top-header-column{float:left;width:100%;height:70px;box-shadow:none;}
.right-body-column{float:left;width:calc(100% - 259px);background:var(--dark);;}
.right-body-column .top-header-column { position: fixed; top: 0; right: 0; z-index: 1; display: flex; width: calc(100% - 259px); align-items: center; border-bottom: 1px solid #434343;background: #171717;}
.right-container-body{position:relative;display:flex;float:left;width:100%;padding:0 17px;align-items:center;flex-wrap:wrap;justify-content:space-between;}
span.navigation-toggle-btn{display:flex;float:left;cursor:pointer;align-items:center;justify-content:center;}
.right-column-wrap-main{display:flex;}
ul.second-head-cont{display:flex;margin-right:10px;}
.right-column-wrap h5{margin:0 15px;color:var(--website-v-2-black,#232536);font-size:16px;font-style:normal;font-weight:400;line-height:21.8px;margin-bottom:0;}
.body-content-section{float:left;width:100%;height:calc(100vh - 70px);margin-top:70px;overflow-y:auto;padding-bottom:29px;}
.main_wrapper-section.navigation-closed .left-navigation-column{width:0;max-width:0;visibility:hidden;}
.main_wrapper-section.navigation-closed .right-body-column,.main_wrapper-section.navigation-closed .right-body-column .top-header-column{width:100%;}
.main_wrapper-section{display:flex;}
.dashboard_top_row h5{margin-bottom:0;font-size:16px;font-weight:500;line-height:18.8px;letter-spacing:0.10000000149011612px;text-align:left; color: #fff;}
.dashboardBox-inner{margin-top:20px;}
.dashboardBox-inner h1{color:#fff;font-size:18px;font-weight:500;line-height:21.15px;letter-spacing:0.20000000298023224px;text-align:center;margin-bottom:10px;}
.dashboard_top_row{display:flex;justify-content:space-between;padding:20px 0;align-items:center;}
.dashboard_top_row button{background:var(--blue);border:0;color:#fff;border-radius:8px;padding:10px 40px;font-size:14px;font-weight:700;line-height:27px;text-align:left;}
button.generate-report{background:var(--blue);border:0;color:#fff;border-radius:8px;padding:10px 40px;font-size:14px;font-weight:700;line-height:27px;text-align:left;}
.dashboard_top_row a{background:var(--blue);border:0;color:#fff;border-radius:8px;padding:10px 40px;font-size:14px;font-weight:700;line-height:27px;text-align:left;text-decoration:none;display:flex;justify-content:center;align-items:center;}
.chooseTopicLeft{border:1px solid #E0E0E0;border-radius:15px;padding:30px;width:50%;display:flex;justify-content:center;align-items:center;}
.chooseTopicRight{border:1px solid #E0E0E0;border-radius:15px;padding:30px;width:50%;}
.chooseTopicWrap{display:flex;justify-content:space-between;gap:30px;width:100%;}
.topicLeftInner{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.topicLeftInner h3{font-size:24px;font-weight:600;line-height:normal;text-align:center;color:#404A60;margin-bottom:0;}
.topicLeftInner p{font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#404A60;}
.top-nav hr{float:left;width:100%;margin-top:15px;margin-bottom:15px;border-top:0.6px solid #E0E0E0;}
.chooseTopicRight h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:0;}
.bottom_nav{padding:30px;}
.bottom_nav p{font-size:12px;font-weight:400;line-height:17px;text-align:center;color:#1E293B;margin-bottom:0;padding-top:10px;}
.bottom_nav p a{color:var(--blue);}
.main-container{height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.main-container h2{margin:0 0 80px 0;color:#555;font-size:30px;font-weight:300;}
.radio-buttons{width:100%;margin:0 auto;text-align:center;display:flex;flex-wrap:wrap;gap:20px;}
.custom-radio input{display:none;}
.radio-btn{width:218px;height:218px;display:inline-block;border-radius:10px;position:relative;text-align:center;cursor:pointer;border:1px solid #E0E0E0;}
.radio-btn > i{color:#ffffff;background-color:var(--blue);font-size:13px;position:absolute;top:10px;right:0;transform:translateX(-50%) scale(2);border-radius:50px;padding:7px;transition:0.5s;pointer-events:none;opacity:0;}
.radio-btn .hobbies-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.radio-btn .hobbies-icon img{display:block;width:100%;margin-bottom:20px;width:70px;height:70px;}
.radio-btn .hobbies-icon i{color:#FFDAE9;line-height:80px;font-size:60px;}
.radio-btn .hobbies-icon h3{color:#1E293B;letter-spacing:1px;font-size:16px;font-weight:600;line-height:21.82px;text-align:left;}
.custom-radio input:checked + .radio-btn{background:#F9F9FB;}
.custom-radio input:checked + .radio-btn > i{opacity:1;transform:translateX(-50%) scale(1);}
.dropdownwrapper{width:auto;margin:0 auto;display:flex;justify-content:space-between;gap:30px;padding:30px 0;}
.custom-select{border:1px solid #D5D5D5;width:100%;padding:5px 20px;color:#4D4E50;border-radius:8px;background:#F9F9FB;background-size:10px;cursor:pointer;margin:0px;box-sizing:border-box;display:block;height:50px;font-size:14px;font-weight:700;line-height:19.6px;text-align:left;}
.custom-select:focus{outline:none;border-color:none;box-shadow:none;}
.dropdownwrapper button{background:var(--blue);border:0;color:#fff;border-radius:8px;padding:10px 40px;font-size:14px;font-weight:700;line-height:27px;text-align:left;}
.onlySelect{width:100%;position:relative;}
.onlySelect svg{position:absolute;top:50%;right:15px;transform:translate(-50%,-50%);}
label.custom-radio{display:flex;margin-bottom:0;}
.accountSetupModal .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:703px;}
.accountSetupModal .modal-header{background:#F9F9FB;border-bottom:0;padding:25px;}
.accountSetupModal .modal-body{padding:25px;}
.accountSetupModal .modal-content{border:1px solid #D5D5D5;overflow:hidden;border-radius:15px;}
.accountSetupModal .modal-header span{display:flex;align-items:center;height:16px;}
.accountSetupModal .modal-header span h5{padding-left:10px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#1E293B;}
.modal-backdrop{background-color:#1E293B85!important;backdrop-filter:blur(5px);background-color:rgba(0,0,0,0.5);opacity:1!important;z-index:2!important;}
.accountSetupModal .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px background-color:rgba(0,0,0,0.5); /* Semi-transparent background */backdrop-filter:blur(10px); /* Adjust blur intensity */z-index:1040;}
.accountSetupModal .modal-footer .cancelBtn{padding:10px 54px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#1E293B;margin:0;}
.accountSetupModal .modal-footer .addBtn{padding:10px 37px;border:1px solid var(--blue);border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:var(--blue);color:#fff;margin:0;}
.header-search{position:relative;}
.header-search input{display:flex;width:100%;height:50px;padding:18px 15px 18px 39px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);border-radius:8px;background:#F9F9FB;border:1px solid #D5D5D5;font-size:14px;font-weight:400;line-height:19.1px;text-align:left;}
.header-search input:focus{outline:none;}
.header-search>img{position:absolute;top:17px;left:18px;}
.accointBox{display:flex;align-items:center;border:1px solid #D5D5D5;border-radius:55px;padding:10px;}
.accointBox span img{height:30px;width:30px;overflow:hidden;border-radius:60px;}
.accointBox h5{margin-bottom:0;padding:0 10px;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;color:#1E293B;}
.disconnectBtn a{background:#F9F9FB;font-size:12px;font-weight:400;line-height:16.8px;text-align:left;border-radius:47px;padding:10px;color:#1E293B;text-decoration:none;}
.disconnectBtn.wrong a{background:#EF382633;color:#EF3826;}
.connect-account{display:flex;flex-wrap:wrap;gap:7px;}
.another-note p{font-size:14px;font-weight:400;line-height:19.1px;text-align:left;margin-bottom:0;padding-top:25px;color:#434343;}
.account-body hr{margin-top:25px;margin-bottom:25px;}
.account-body label{font-size:14px;font-weight:600;line-height:19.1px;text-align:left;color:#1E293B;}
.custom-control-input2{width:27px;height:27px;display:inline-block;position:relative;vertical-align:middle;}
.custom-control-input2 input.form-control{position:absolute;top:0;left:0;display:none;z-index:9;}
.custom-control-input2 label{width:100%;height:100%;border:2px solid #D8D8D8;display:inline-block;border-radius:4px;position:relative;margin-bottom:0;}
.custom-control-input2 label:before{content:'';width:7px;height:14px;position:absolute;top:calc(50% - 2px);left:50%;border-top:2px solid #fff;border-left:2px solid #fff;transform:translate(-50%,-50%) rotate(-136deg);float:left;opacity:0;visibility:hidden;}
.custom-control-input2 input.form-control:checked~label{background:var(--blue);border-color:var(--blue);}
.custom-control-input2 input.form-control:checked~label:before{opacity:1;visibility:visible;}
.tableWrap{overflow:hidden;border-radius:14px;width:100%;overflow-x:auto;padding:0px;background:var(--purple);border: 1px solid #343434;}
.dataTables_wrapper .dataTables_scroll{background:var(--dark);!important;}
.rights_table_wrap{border:1px solid #E0E0E0;box-shadow:0px 6px 40px 0px #00000005;border-radius:12px;padding:25px;}
.rights_table_wrap h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:25px;}
#datatable-responsive thead{background:#FCFDFD;}
.rightsBtn{display:flex;justify-content:space-between;margin-top:25px;}
.rightsBtn button.cancelBtn{padding:10px 54px;border:1px solid #D5D5D5;border-radius:8px;background:#F9F9FB;color:#1E293B;margin:0;font-size:18px;font-weight:700;line-height:24.55px;text-align:center;height:56px;width:200px;}
.rightsBtn .submitBtn{padding:10px 37px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;margin:0;font-size:18px;font-weight:700;line-height:24.55px;text-align:center;height:56px;width:200px;}
.socialTab{display:flex;}
.socialTab ul{display:flex;gap:10px;}
.socialTab ul li{display:flex;align-items:center;padding:12px 25px;border:1px solid #D8D8D8;border-radius:8px;gap:8px;cursor:pointer;height:48px;}
.socialTab ul li.active{background:var(--blue);border-color:var(--blue);}
.socialTab ul li.active p{color:#fff;}
.connect-account2{display:flex;flex-wrap:wrap;gap:20px;}
.socialTab ul li p{margin-bottom:0;font-size:16px;font-weight:700;line-height:27px;text-align:left;}
.accointBox2{display:flex;align-items:center;border:1px solid #D5D5D5;border-radius:55px;padding:10px;}
.accointBox2 span img{height:34px;width:34px;overflow:hidden;border-radius:60px;}
.accointBox2 h5{margin-bottom:0;padding:0 10px;color:#1E293B;font-size:18px;font-weight:600;line-height:24.55px;text-align:left;}
.disconnectBtn2 a{background:#F9F9FB;border-radius:47px;padding:10px;color:#1E293B;text-decoration:none;font-size:14px;font-weight:400;line-height:19.6px;text-align:left;}
.disconnectBtn2.wrong a{background:var(--blue);color:#fff;}
.allAccount{border:1px solid #E0E0E0;border-radius:12px;padding:25px;}
.allAccountTitle h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;}
.allAccountTitle p{font-size:14px;font-weight:600;line-height:19.1px;text-align:left;margin-bottom:0;}
.allAccountTitle{margin-bottom:25px;}
.primary-ac{border:1px solid #E0E0E0;border-radius:12px;padding:25px;}
.secondary-ac{border:1px solid #E0E0E0;border-radius:12px;padding:25px;width:100%;}
.accountMainWrapper{display:flex;align-items:flex-start;gap:25px;margin-top:25px;width:100%;}
.accountBoxList{display:flex;flex-wrap:wrap;gap:23px;}
.accountBox{border:2px solid #D5D5D5;padding:15px;border-radius:10px;}
.accountBox h6{margin-bottom:0;font-size:18px;font-weight:600;line-height:24.55px;text-align:center;padding-top:15px;}
.secondary-ac h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:25px;color:#1E293B;}
.primary-ac h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:25px;color:#1E293B;}
.accountBox.dashed{border:2px dashed #D5D5D5;}
.loginWithHeadLeft{width:100%;float:left;position:relative;display:flex;justify-content:left;align-items:flex-end;}
.loginWithHeadLeft p{font-size:18px;font-weight:600;line-height:24.55px;text-align:center;margin:40px 0;background:white;z-index:2;padding-right:10px;}
.loginWithHeadLeft:before{border:1px solid #d5d5d554;position:absolute;top:50%;left:50%;content:' ';height:0px;width:100%;transform:translate(-50%,-50%);z-index:-1;}
.post-inner{width:50%;display:flex;flex-direction:column;gap:25px;}
.dashboardBoxWrap{display:flex;width:100%;gap:20px;}
.dashboardBox{width:350px;border-radius:9px;padding:20px;background:var(--purple);text-align:center;}
.dashboardBox-inner p{font-size:14px;font-weight:400;line-height:16.45px;text-align:center;color:#94A3B8;}
.dashInner span p{margin-bottom:16px;font-family:"Public Sans",sans-serif;font-size:25px;font-weight:700;line-height:32.55px;text-align:left;}
.dashInner span h1{margin-bottom:0;font-family:"Public Sans",sans-serif;font-size:40px;font-weight:500;line-height:52.08px;text-align:left;}
.dashBottom{display:flex;align-items:center;}
.dashBottom p{font-size:16px;font-weight:600;line-height:21.82px;text-align:left;margin-bottom:0;padding-left:5px;}
.dashBottom p span{color:#00B69B;}
.activeBtn button{background:#d3efd2;border:0;font-size:12px;font-weight:700;line-height:16.37px;text-align:left;color:#1FAD12;padding:5px 25px;border-radius:7px;width:93px;}
.deactiveBtn button{background:#fcd7d4;border:0;font-size:12px;font-weight:700;line-height:16.37px;text-align:left;color:#EF3826;padding:5px 25px;border-radius:7px;width:93px;}
.shareBtn button{background:#F9F9FB;border:0;font-size:12px;font-weight:700;line-height:16.37px;text-align:left;color:#1E293B;padding:5px 25px;border-radius:7px;width:93px;}
.dashboardtable{display:flex;width:100%;gap:25px;}
.dashboardGraph{padding:20px;border:1px solid #D8D8D8;border-radius:14px;height:419px;}
.activePlan{padding:12px 12px 12px 28px;background:#D2EFD0;font-size:14px;font-weight:400;line-height:19.6px;text-align:left;color:#1FAD12;border-radius:47px;position:relative;}
.activePlan:before{height:8px;width:8px;border-radius:50px;background:#1FAD12;content:' ';position:absolute;left:20%;top:50%;transform:translate(-50%,-50%);}
.editiorWrapper{border:1px solid #E0E0E0;border-radius:12px;padding:25px;width:100%;margin-bottom:30px;}
.editorBox{border-radius:12px;padding:25px;border:2px solid var(--blue);height:492px;}
.editorBoxBtn{display:flex;width:100%;justify-content:space-between;padding-top:25px;}
.typeTextBtn{display:flex;}
.typeTextBtn button{background:#F9F9FB;padding:16px;border:1px solid #D8D8D8;border-radius:5px;font-size:16px;font-weight:400;line-height:0;text-align:left;height:48px;display:flex;align-items:center;}
.f3btn{display:flex;align-items:center;gap:20px;}
.f2btn{display:flex;padding:0 40px;position:relative;gap:20px;}
.f2btn:after{position:absolute;content:' ';left:20px;right:0;height:100%;width:0px;border:1px solid #D8D8D8;}
.table td:first-child, .bordered th:first-child {
padding-left: 20px !important;
padding-right: 8px !important;
}
.table thead th:first-child {
padding-left: 19px !important;
padding-right: 0px !important;
}
.f2btn:before{position:absolute;content:' ';right:20px;top:0;height:100%;width:0px;border:1px solid #D8D8D8;}
.typeTextBtn button span{padding-right:10px;}
.publishBtn{display:flex;gap:20px;}
.schedule{background:var(--blue);padding:16px;border:1px solid var(--blue);border-radius:5px;height:48px;display:flex;align-items:center;color:#fff;font-size:14px;font-weight:700;line-height:27px;text-align:left;gap:10px;width:147px;}
.publish{background:transparent;padding:16px;border-radius:5px;height:48px;display:flex;align-items:center;color:#1E293B;font-size:14px;font-weight:700;line-height:27px;gap:10px;border:1px solid #1E293B;width:147px;text-align:center;justify-content:center;}
.historyHeadBtn{display:flex;align-items:center;gap:10px;}
span.primaryBtn button{border:0;background:transparent;color:var(--blue);font-size:14px;font-weight:400;line-height:19.6px;text-align:left;}
span.inDetail{display:flex;align-items:center;}
span.inDetail button{border:0;background:transparent;font-size:14px;font-weight:400;line-height:19.6px;text-align:left;color:#1E293B;display:flex;align-items:center;gap:5px;}
span.historyHeadpublish button{border:0;font-size:14px;font-weight:400;line-height:19.6px;text-align:left;color:#fff;display:flex;align-items:center;background:transparent;gap:5px;}
span.historyHeadpublish{background:var(--blue);}
.postDelete{margin-top:25px;display:flex;justify-content:end;}
.postDelete button{height:40px;padding:8px 12px;background:#F9F9FB;border-radius:8px;display:flex;justify-content:center;align-items:center;border:0;gap:5px;}
.myAccount{display:flex;width:100%;gap:30px;}
.accountLeft{width:50%;}
.accountRight{width:50%;}
.accountRight .currentPlan{margin-top:0;margin-bottom:30px;}
.accountRight .currentPlan h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:30px;}
.profileSetting h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:30px;}
.alltopicHead{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:50px;}
.accountRight .currentPlan .alltopicHead h3{margin-bottom:0;}
.allTopic ul li{display:flex;justify-content:space-between;border:1px solid #D5D5D5;padding:15px;background:#F9F9FB;border-radius:8px;margin-bottom:22px;}
.allTopic ul li p{margin-bottom:0;font-size:18px;font-weight:600;line-height:24.55px;text-align:left;}
.allTopic ul li:last-child{margin-bottom:0;}
.allTopic ul li span{display:flex;gap:20px;}
.alltopicHead button{padding:10px 37px;border:1px solid var(--blue);border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:var(--blue);color:#fff;margin:0;}
.alltopicHead button:hover{background:var(--blue);color:#fff;}
.accountPlancr h3{margin-bottom:0!important;}
.accountLeftHead h6{font-size:22px;font-weight:700;line-height:30.01px;text-align:left;margin-bottom:14px;}
.profileSetting.changePw{width:100%;float:left;}
.profileSetting.changePw .login-cont{padding:0;}
.update-btn button{padding:10px 37px;border:1px solid var(--blue);border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:var(--blue);color:#fff;margin:0;}
.update-btn{float:left;width:100%;text-align:end;}
.profileSetting.changePw .input-wrap input{margin-bottom:22px;}
.profile-pic{width:120px;max-height:120px;display:inline-block;}
.circle img{max-width:100%;height:auto;object-fit:cover;}
.file-upload{display:none;}
.circle{border-radius:10px;width:120px;height:120px;background:#F9F9FB;}
.p-image{font-size:14px;font-weight:600;line-height:16px;text-align:left;color:var(--blue);font-style:initial;margin-top:20px;}
.profileBox{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.profilePicWrap{display:flex;justify-content:center;}
.upload-button{font-style:normal;cursor:pointer;}
.oneColumn{display:flex;justify-content:space-between;gap:22px;margin-top:25px;}
.oneColumn .input-wrap{width:50%;}
.profilBtn{display:flex;width:100%;justify-content:space-between;}
.profilBtn .cancelBtn{padding:10px 54px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#1E293B;margin:0;}
.profilBtn .addBtn{padding:10px 37px;border:1px solid var(--blue);border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:var(--blue);color:#fff;margin:0;}
.modal-body.deleteTopicTitle{text-align:center;}
.modal-body.deleteTopicTitle h3{font-size:17px;font-weight:700;line-height:24.82px;text-align:center;margin-bottom:0;}
.logout-modal .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:370px;}
.logout-modal .modal-header{background:#F9F9FB;border-bottom:0;padding:25px;justify-content:center;}
.logout-modal .modal-body{padding:25px;}
.logout-modal .modal-content{border:1px solid #a7a7a7a6;overflow:hidden;border-radius:15px;background-color:var(--purple);}
.logout-modal .modal-header span{display:flex;align-items:center;}
.logout-modal .modal-header span h5{padding-left:0px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#1E293B;}
.logout-modal .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px;}
.logout-modal .modal-footer .cancelBtn{padding:10px 54px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#1E293B;margin:0;}
/* .logout-modal .modal-footer .addBtn{padding:10px 37px;border:1px solid #EF382633;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#EF382633;color:#EF3826;margin:0;} */
.logout-modal .modal-body input#search{margin-bottom:0;}
.sureText{font-size:16px;font-weight:400;line-height:18.8px;text-align:left;}
.input1 .dark-input-vl{background:var(--purple);border:1px solid #43434361;color:#fff;width:100%;margin-bottom:20px;border-radius:5px;text-overflow:ellipsis;font-style:normal;display:flex;height:40px;padding:10px 11px 10px 11px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);font-size:14px;font-weight:400;line-height:16.45px;text-align:left;}
.input1 .dark-input-vl::placeholder{color:#94A3B8;}
.distributorCircle.active:before{background-image:url(../images/tick.svg);content:' ';left:50%;top:50%;height:20px;position:absolute;width:20px;background-repeat:no-repeat;transform:translate(-50%,-50%);}
.distributorCircle.active{position:relative;}
.distributorWrap .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:624px;}
.distributorWrap .modal-body{padding:20px;}
.distributorWrap .modal-content{border:1px solid #a7a7a7a6;overflow:hidden;border-radius:15px;background-color:var(--purple);}
.distributorWrap .modal-header{background:var(--purple);padding:20px;justify-content:center;border-bottom:1px solid #a7a7a7a6;}
.distributorWrap .modal-header span{display:flex;align-items:center;}
.distributorWrap .modal-header span h5{padding-left:0px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#1E293B;}
.distributorWrap .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px;}
.distributorWrap .modal-footer .cancelBtn{padding:10px 54px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#1E293B;margin:0;}
.distributorWrap .modal-footer .addBtn{padding:10px 37px;border:1px solid #EF382633;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#EF382633;color:#EF3826;margin:0;}
.distributorWrap .modal-body input#search{margin-bottom:0;}
.openBtn button{background:#d3efd2;border:0;font-size:12px;font-weight:700;line-height:16.37px;color:#1FAD12;padding:5px 15px;border-radius:7px;width:93px;text-align:center;}
.closeBtn button{background:#fcd7d4;border:0;font-size:12px;font-weight:700;line-height:16.37px;color:#EF3826;padding:5px 15px;border-radius:7px;width:93px;text-align:center;}
.holdBtn button{background:#fce8ce;border:0;font-size:12px;font-weight:700;line-height:16.37px;color:#F09000;padding:5px 15px;border-radius:7px;width:93px;text-align:center;}
.ticket-search{display:flex;gap:10px;}
.ticket-search .header-search{width:505px;}
.subjectBox textarea{border:1px solid #D5D5D5;width:100%;resize:none;padding:15px;height:241px;border-radius:8px;background:#F9F9FB;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;color:#1E293B;}
.subjectBox p{margin-bottom:0;}
.subjectBox{position:relative;}
.subjectBoxWrap{position:relative;}
.subjectBoxWrap p{margin-bottom:0;position:absolute;bottom:15px;right:15px;font-size:12px;font-weight:400;line-height:16.37px;text-align:right;color:#1E293B;}
.subjectBox textarea:focus{outline:none;}
.subjectBox textarea::placeholder{color:#1E293B;}
.raisedNewTicket .modal-body label{font-size:12px;font-weight:600;line-height:16.37px;text-align:left;color:#1E293B;}
.roleHeadRight{display:flex;gap:20px;}
.innerUser{width:488px;padding:45px 0;}
.userProfile{width:100%;display:flex;justify-content:center;align-items:center;border:0.3px solid #E0E0E0;border-radius:10px;}
.administratorWrap{display:flex;width:100%;justify-content:space-around;margin-bottom:30px;margin-top:40px;}
.adminContainer{display:block;position:relative;padding-left:30px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:18px;font-weight:600;line-height:24.55px;letter-spacing:-0.06428570300340652px;text-align:left;}
.adminContainer input{position:absolute;opacity:0;cursor:pointer;}
.adminContainer .checkmark{position:absolute;top:2px;left:0;height:20px;width:20px;background-color:#fff;border-radius:50%;border:1px solid #D5D5D5;}
.adminContainer input:checked ~ .checkmark{background-color:#ffffff;border-color:var(--blue);}
.checkmark:after{content:"";position:absolute;display:none;}
.adminContainer input:checked ~ .checkmark:after{display:block;}
.adminContainer .checkmark:after{top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:#437dea;}
.user-cont .circle{width:80px;height:80px;border-radius:50%;}
.user-cont .circle img{border-radius:50%;}
.user-cont .p-image{margin-top:15px;}
.user-cont .profile-pic{width:80px;max-height:80px;}
.add-services form .input-wrap select{width:100%;margin-bottom:15px;border-radius:8px;background:#F9F9FB;text-overflow:ellipsis;font-style:normal;display:flex;height:39px;padding:9px 10px 9px 10px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);appearance:none;background:#FFFFFF;font-size:14px;font-weight:500;line-height:16.45px;text-align:left;box-shadow:0px 4px 24px 0px #E4F1F933;border:1px solid #434343}
form .input-wrap select {
width: 100%;
margin-bottom: 10px;
border-radius: 4px;
background: transparent;
overflow: hidden;
text-overflow: ellipsis;
font-style: normal;
display: flex
;
height: 39px;
padding: 7px 20px;
align-items: center;
gap: var(--gap-and-padding-positive-gap-padding-12, 12px);
font-size: 14px;
text-align: left;
appearance: none;
font-weight: 400;
border: 1px solid #43434361;
}input::placeholder { color: #A6A6A6 !important; }
label.musicRadiolable { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 400; }
.musicRadio { display: flex; align-items: center; }
label.musicRadiolable input[type="radio"] { display: none; }
a.playAudiobtn.takedown-btn { color: #fff !important; }
a.playAudiobtn.takedown-btn:hover { color: #fff !important; }
table#datatable-responsive td:last-child { gap: 15px; }
button.action-btn.approve-btn { width: auto; }
button.action-btn.reject-btn { width: auto; color: #EF4444; }
button.uploadsubmitBtn { background: #5173FF; width: 100%; border: none; border-radius: 8px; padding: 10px; color: #DBDDDF !important; font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 10px; }
input::placeholder, select { color: #A6A6A6 !important; }
.musicRadio { display: flex; align-items: center; gap: 20px; }
.musicRadiolable input[type="radio"]:checked+.checkmark::before { content: ""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 50%; background-color: #5173FF; }
.musicRadiolable input[type="radio"] { display: none; }
.musicRadiolable .checkmark { position: relative; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #DBDDDF; transition: background-color 0.3s ease, border 0.3s ease; cursor: pointer; }
.musicRadiolable input[type="radio"]:checked+.checkmark { border: 1px solid #000; background-color: #000; height: 20px; width: 20px; }
form .input-wrap select:focus{outline:none;}
.serviceBox{background:var(--purple);float:left;padding:10px;border-radius:5px;margin-top:8px;height:358px;overflow:auto;}
.serviceBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F500;}
.serviceBox::-webkit-scrollbar{width:4px;background-color:#BBC3CF00;}
.serviceBox::-webkit-scrollbar-thumb{background-color:#BBC3CF;}
.navigation-column > ul{float:left;width:100%;}
.navigation-column > ul > li.active a{color:#fff;background:var(--blue);}
.navigation-column > ul > li.active a span.text{color:#fff;}
.navigation-column ul li{position:relative;float:right;width:100%;border-bottom:0;padding-left:0px;padding-right:0px;margin-bottom:10px;}
.navigation-column ul li a:hover{text-decoration:none;}
.navigation-column ul li .logout-btn{position:relative;display:flex;float:left;width:100%;padding:7px 10px;color:#242424;background:transparent;align-items:center;border-radius:15px;margin-bottom:5px;}
.navigation-column ul li .logout-btn span:first-child{display:inline-block;width:24px;text-align:center;vertical-align:middle;}
.navigation-column ul li .logout-btn span.text{display:inline-block;width:calc(100% - 24px);padding-top:0;padding-left:6px;font-size:18px;font-weight:500;line-height:20px;vertical-align:middle;text-transform:capitalize;}
.navigation-column ul li .logout-btn span.text button{padding-left:0;display:inline-block;padding-top:0;vertical-align:middle;text-transform:capitalize;color:#fff;margin-bottom:0;font-size:14px;font-weight:400;line-height:16.45px;text-align:left;}
.navigation-column ul li .logout-btn span.text button{border:0;background:transparent;}
.navigation-column ul li a{position:relative;align-items:center;display:flex;float:left;width:100%;padding:7px 10px;color:#242424;background:transparent;border-radius:6px;margin-bottom:0px;overflow:hidden; /* Add this to hide overflow */z-index:1; /* Set higher z-index for content */}
.navigation-column ul li a::before{content:'';position:absolute;top:0;left:-100%; /* Start background off-screen to the left */width:100%;height:100%;background-color:var(--blue); /* Change this to your desired background color */transition:left 0.3s ease; /* Transition effect */z-index:-1; /* Put the background behind the content */}
.navigation-column ul li a:hover::before{left:0; /* Move background into view on hover */}
.navigation-column ul li a span:first-child{display:inline-block;width:24px;text-align:center;vertical-align:middle;}
.navigation-column ul li a span.text{display:inline-block;width:calc(100% - 24px);padding-top:0;vertical-align:middle;text-transform:capitalize;color:#fff;padding-left:6px;font-size:14px;font-weight:400;line-height:16.45px;text-align:left;}
.navigation-column ul li a:hover span.text{color:#fff;}
.navigation-column ul li a:hover span.dashboard_icon svg path{fill:#fff;}
.navigation-column ul li.active{border-radius:0;}
.navigation-column ul li.active a span.dashboard_icon svg path{fill:#fff;}
.dashboard_top_row{display:flex;justify-content:space-between;padding:20px 0;align-items:center;}
.dashboard_top_row button{background:var(--blue);border:0;color:#fff;border-radius:8px;padding:10px 40px;font-size:14px;font-weight:700;line-height:27px;text-align:left;}
button.generate-report,.bulk-delete{background:var(--blue);border:0;color:#fff;border-radius:8px;padding:10px 40px;font-size:13px;font-weight:400;line-height:27px;text-align:left;}
.bulk-delete{background:#EF4444;}
.revenueHeadercstm {
display: flex;
align-items: center;
gap: 16px;
}
.dashboard_top_row a { background: var(--blue); border: 0; color: #fff; border-radius: 8px; padding: 10px 20px; font-size: 14px; font-weight: 700; line-height: 27px; text-align: left; text-decoration: none; display: flex; justify-content: center; align-items: center; }
.serviceBox .input-wrap{display:flex;gap:20px;}
.add-services .login-head{padding:60px 40px 52px 40px;}
.add-services .registerLink{padding-top:52px;}
.topicRightsBtn{display:flex;justify-content:space-between;margin-top:25px;}
.topicRightsBtn button.cancelBtn{padding:10px 54px;border:1px solid #D5D5D5;border-radius:8px;background:#F9F9FB;color:#1E293B;margin:0;font-size:14px;font-weight:700;line-height:24.55px;text-align:center;height:50px;width:170px;}
.topicRightsBtn .submitBtn{padding:10px 37px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;margin:0;font-size:14px;font-weight:700;line-height:24.55px;text-align:center;height:50px;width:170px;}
.logout-modal .modal-body h3{text-align:center;}
.input1 .errormsg{position:absolute;bottom:0px;color:red;font-size:12px;width:100%;}
.adminForm-rightBar label.error{margin-bottom:0;color:red;position:absolute;width:100%;left:0;bottom:0;}
.accointBox2.addAccount{background:#F9F9FB;border-color:var(--blue);}
.accountLeftHead{position:relative;}
.planBackBtn{position:absolute;bottom:22px;}
.planBackBtn a{font-size:16px;font-weight:600;line-height:0.82px;text-align:left;color:#797A7C;display:flex;justify-content:center;align-items:center;gap:5px;background:#F9F9FB;padding:5px 20px;border-radius:51px;height:32px;}
.allTopic ul{max-height:340px;overflow:auto;padding-right:10px;}
.allTopic ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.allTopic ul::-webkit-scrollbar{width:4px;background-color:#F5F5F5;}
.allTopic ul::-webkit-scrollbar-thumb{background-color:var(--blue);}
.admin-name-column-sec .dropdown-wrap-sec{top:calc(100% + 39px)!important;left:-60px!important;z-index:9;width:98px!important;min-width:98px;padding:0;margin:0;overflow:hidden;transform:translate(0)!important;border-radius:11px;border:0.5px solid #D8D8D8;box-shadow:0px 3px 11px -3px #00000040;height:auto!important;}
.admin-name-column-sec .dropdown-wrap-sec ul{float:left;width:100%;}
.admin-name-column-sec .dropdown-wrap-sec ul li:first-child{border:0;}
.admin-name-column-sec .dropdown-wrap-sec ul li{float:left;width:100%;border-top:0.5px solid #D8D8D8}
.admin-name-column-sec .dropdown-wrap-sec ul li a{float:left;width:100%;padding:9px 10px 10px;font-size:12px;line-height:normal;text-transform:capitalize;color:#000;text-decoration:none!important;text-align:center;display:flex;justify-content:flex-start;align-items:center;gap:5px;}
.admin-name-column-sec .dropdown-wrap-sec ul li a svg{width:15px;height:14px;}
.admin-name-column-sec .dropdown-wrap-sec a.blockbtn{color:red;}
.admin-btn-sec.dropdown-toggle-sec{width:29px;height:27px;float:left;background:#F9F9FB;display:flex;justify-content:center;align-items:center;border-radius:5px;}
.dropdown.show a.admin-btn-sec.dropdown-toggle-sec svg path{fill:#fff;stroke:#fff;}
.dropdown.show a.admin-btn-sec.dropdown-toggle-sec{background:var(--blue);}
.input1.dectextarea textarea{width:100%;margin-bottom:30px;border-radius:8px;background:#F9F9FB;overflow:hidden;text-overflow:ellipsis;font-style:normal;display:flex;height:109px;padding:18px 20px 18px 20px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);font-size:18px;font-weight:600;line-height:24.55px;text-align:left;border:1px solid #D5D5D5;resize:none;}
.input1.dectextarea textarea:focus{outline:none;}
.actionBtnWrap{display:flex;gap:10px;}
.shareTaskBtn{padding:5px 9px 5px 9px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;line-height:16.37px;text-align:left;white-space:nowrap;border-radius:5px;display:flex;align-items:center;gap:5px;border:0;}
.viewBtn{padding:5px 16px 5px 16px;background:#F9F9FB;color:#1E293B;font-size:12px;font-weight:700;line-height:16.37px;text-align:left;white-space:nowrap;border-radius:5px;display:flex;align-items:center;gap:5px;}
.shareTaskBtn:hover{color:#fff;}
.viewBtn:hover{color:#1E293B;}
.report-inner-list{padding-left:20px;}
.navigation-column .report-inner-list li{padding:10px 10px 5px 5px;margin-bottom:10px;display:flex;align-items:center;}
.navigation-column .report-inner-list li a{background:transparent!important;color:#000!important;padding:0;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;cursor:pointer;align-items:center;gap:16px;}
.navigation-column .report-inner-list li a::before{content:none;}
.navigation-column > .report-inner-list > li.active:before{content:none!important;}
.headerTab .tabBtn{width:100%;padding-left:30px;}
.headerTab{display:flex;align-items:center;}
.headerTab .tabBtnInner{width:100%;border-radius:5px;max-width:586px;overflow:auto;}
.headerTab .tabBtnInner::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.headerTab .tabBtnInner::-webkit-scrollbar{width:4px;height:3px;background-color:#F5F5F5;}
.headerTab .tabBtnInner::-webkit-scrollbar-thumb{background-color:var(--blue);}
.headerTab .tabBtnInner button{font-size:14px;font-weight:700;line-height:27px;text-align:left;height:38px;display:flex;justify-content:center;align-items:center;}
.select2-container{margin-bottom:30px!important;}
.select2-container--default .select2-selection--multiple{height:56px!important;}
.select2-container--default .select2-selection--multiple{cursor:text!important;width:100%!important;margin-bottom:0!important;border-radius:8px!important;background:#F9F9FB!important;overflow:hidden!important;text-overflow:ellipsis!important;font-style:normal!important;display:flex!important;height:56px!important;padding:6px 20px 6px 20px!important;align-items:center!important;gap:var(--gap-and-padding-positive-gap-padding-12,12px)!important;font-size:18px!important;font-weight:600!important;line-height:24.55px!important;text-align:left!important;border:1px solid #D5D5D5!important;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box!important;list-style:none!important;margin:0!important;padding:0!important;width:100%!important;display:flex!important;align-items:center!important;height:100%!important;flex-direction:row-reverse!important;justify-content:flex-end!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top:0!important;}
.select2-container .select2-search--inline .select2-search__field{font-size:18px!important;font-weight:600!important;line-height:24.55px!important;font-style:normal!important;font-weight:400!important;font-weight:600!important;line-height:24.55px!important;font-family:Nunito Sans!important;z-index:2;position:relative;}
.select2-container--default .select2-search--inline .select2-search__field{margin-bottom:0!important;}
.select-type:before{position:absolute;right:21px;bottom:53px;background-image:url(../images/dropArrow.png);width:11px;height:8px;content:' ';background-repeat:no-repeat;background-size:cover;z-index:1;}
.errormsg label{margin-bottom:0;color:red;font-size:14px;}
.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box;transform:translate(-50%,-50%);}
.lds-roller{position:absolute;width:80px;height:80px;left:50%;top:50%;z-index:2;}
.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:40px 40px;color:var(--blue);}
.lds-roller div:after{content:" ";display:block;position:absolute;width:7.2px;height:7.2px;border-radius:50%;background:currentColor;margin:-3.6px 0 0 -3.6px;}
.lds-roller div:nth-child(1){animation-delay:-0.036s;}
.lds-roller div:nth-child(1):after{top:62.62742px;left:62.62742px;}
.lds-roller div:nth-child(2){animation-delay:-0.072s;}
.lds-roller div:nth-child(2):after{top:67.71281px;left:56px;}
.lds-roller div:nth-child(3){animation-delay:-0.108s;}
.lds-roller div:nth-child(3):after{top:70.90963px;left:48.28221px;}
.lds-roller div:nth-child(4){animation-delay:-0.144s;}
.lds-roller div:nth-child(4):after{top:72px;left:40px;}
.lds-roller div:nth-child(5){animation-delay:-0.18s;}
.lds-roller div:nth-child(5):after{top:70.90963px;left:31.71779px;}
.lds-roller div:nth-child(6){animation-delay:-0.216s;}
.lds-roller div:nth-child(6):after{top:67.71281px;left:24px;}
.lds-roller div:nth-child(7){animation-delay:-0.252s;}
.lds-roller div:nth-child(7):after{top:62.62742px;left:17.37258px;}
.lds-roller div:nth-child(8){animation-delay:-0.288s;}
.lds-roller div:nth-child(8):after{top:56px;left:12.28719px;}
.loader-wraper{background:#00000030;height:100%;width:100%;position:absolute;z-index:9999999;}
.postHeadRight button{display:flex;align-items:center;height:40px;padding:10px;background:#fff;border-radius:8px;border:0;margin-bottom:0;padding-left:5px;font-size:14px;font-weight:400;line-height:19.6px;text-align:left;gap:5px;}
.shareTaskWrap .modal-header span h5{padding-left:0!important;}
.allTopic ul li span a{cursor:pointer;}
.addnewTopic .header-search input{padding:18px 15px 18px 15px;}
.taskfield .tasklabel{margin-bottom:15px;color:#1E293B;font-style:normal;font-size:18px;font-weight:600;line-height:24.55px;letter-spacing:-0.06428570300340652px;text-align:left;width:100%;}
.taskInput{width:100%;margin-bottom:30px;border-radius:8px;background:#F9F9FB;overflow:hidden;text-overflow:ellipsis;font-style:normal;display:flex;height:56px;padding:18px 20px 18px 20px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);border:1px solid #D5D5D5;font-size:16px;font-weight:400;line-height:18px;text-align:left;}
.tasktextarea{width:100%;margin-bottom:30px;border-radius:8px;background:#F9F9FB;overflow:hidden;text-overflow:ellipsis;font-style:normal;display:flex;height:130px;padding:18px 20px 18px 20px;gap:var(--gap-and-padding-positive-gap-padding-12,12px);border:1px solid #D5D5D5;font-size:16px;font-weight:400;line-height:18px;text-align:left;align-items:self-start;}
.taskViewLeft{border:0.3px solid #B9B9B9;padding:30px;border-radius:20px;width:50%;}
.taskViewLeftHead{display:flex;justify-content:space-between;}
.taskViewLeftHead h4{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:30px;}
.taskViewRight h4{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:30px;}
.order-track-text{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #D5D5D5;padding:30px;border-radius:10px;margin-bottom:15px;float:left;height:100%;}
@keyframes lds-roller{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.attachmentsImgs{display:flex;gap:10px;overflow:auto;padding-bottom:10px;}
.attachmentsImgs img{height:176px;width:176px;border-radius:10px;}
.customChange{width:210px;margin-bottom:15px;}
.dataTables_wrapper .dataTables_paginate{float:right!important;text-align:right!important;padding:20px!important;display:flex!important;align-items:center;gap:8px!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#F5F8FF!important;height:32px!important;width:32px!important;!importantdisplay:flex!important;justify-content:center!important;align-items:center!important;border-radius:5px!important;border:1px solid #F5F8FF!important}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;background:transparent!important;box-shadow:none!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center;border-radius:5px;font-size:14px;font-weight:400;line-height:19.1px;letter-spacing:0.10000000149011612px;text-align:left;gap:10px;padding: 5px;}
.bottom{width:100%;float:left;padding:20px;border-top:0;display:flex;align-items:center;justify-content:space-between;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled svg path{fill:#fff!important;}
#features-sorting{color:#fff;}
.table td:first-child, .bordered th:first-child { border-left: medium none; }
table.dataTable.no-footer{border-bottom:0!important;box-shadow:none;width:100%!important;margin:0;overflow:auto;}
table.dataTable thead .sorting_asc{background-image:initial!important;}
table.dataTable thead th,table.dataTable thead td{border-bottom:0!important;white-space:nowrap;background:var(--dark);;font-size:14px;font-weight:400!important;line-height:16.45px;letter-spacing:0.10000000149011612px;text-align:left;color:#fff;border-top:1px solid #dee2e61a;}
/* table.dataTable thead th,table.dataTable thead td{padding:15px 6px!important;} */
.dataTables_wrapper .dataTables_info{padding-top:0!important;font-size:14px;font-weight:400;line-height:19.1px;letter-spacing:0.10000000149011612px;text-align:left;color:#fff!important;}
.login-chek-container .errormsg{position:absolute;left:0;bottom:-19px;color:red;font-size:14px;font-weight:normal;letter-spacing:normal;}
.table{margin-bottom:0;}
.customChange .form-row:before{left:14px!important;bottom:15px!important;}
.viewTaskWrap{width:100%;display:flex;flex-direction:row-reverse;gap:30px;align-items:baseline;}
.viewTaskWrap2{width:100%;display:flex;flex-direction:row-reverse;gap:30px;align-items:baseline;justify-content:center;}
.attachmentsImgs::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.attachmentsImgs::-webkit-scrollbar{width:6px;height:4px;background-color:#F5F5F5;}
.attachmentsImgs::-webkit-scrollbar-thumb{background-color:#000000;}
.tableWrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.tableWrap::-webkit-scrollbar{width:4px;height:4px;background-color:#F5F5F5;}
.tableWrap::-webkit-scrollbar-thumb{background-color:var(--blue);}
.header-search .errormsg{position:absolute;font-size:14px;letter-spacing:normal;color:red;}
.only-administrator .errormsg{position:absolute;width:100%;left:0;}
form .input-wrap input.color-input-at{border-color:var(--blue);}
.monitoringAdd{display:flex;}
.createboxinner{width:602px;}
.createLinkWrap{display:flex;justify-content:center;border:0.3px solid #B9B9B9;border-radius:20px;padding:60px;}
.createLinkWrap2{display:flex;justify-content:center;border:0.3px solid #B9B9B9;border-radius:20px;padding:60px;width:100%}
.socialiconList ul{display:flex;justify-content:space-between;padding-bottom:25px;position:relative;}
.socialiconList ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #E0E0E0;width:119px;height:100px;border-radius:10px;background:#fff;}
.socialiconList ul li img{height:40px;width:40px;}
.socialiconList ul li p{font-size:12px;font-weight:600;line-height:16.37px;text-align:left;margin-top:10px;}
.social-head h4{font-size:18px;font-weight:700;line-height:24.55px;text-align:center;margin-bottom:0;color:#fff;}
.social-head{background:var(--blue);padding:25px;}
.linkWrap{border:1px solid #D5D5D5;border-radius:15px;overflow:hidden;}
.socialiconList{padding:25px;position:relative;}
.socialiconList::before{content:' ';width:100%;height:100%;left:0;top:0;position:absolute;background-image:url(../images/linkbg.png);}
.taskfield textarea{width:100%;margin-bottom:20px;border-radius:8px;background:#F9F9FB;overflow:hidden;text-overflow:ellipsis;font-style:normal;display:flex;height:109px;padding:15px 15px 15px 15px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);border:1px solid #D5D5D5;resize:none;font-size:18px;font-weight:600;line-height:24.55px;letter-spacing:-0.06428570300340652px;text-align:left;}
.taskfield textarea:placeholder{color:#A6A6A6;}
.taskfieldBtn{display:flex;justify-content:space-between;margin-bottom:40px;}
.taskfieldBtn .updateBtn{padding:10px 37px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;margin:0;width:147px;display:flex;justify-content:center;font-size:14px;font-weight:700;line-height:27px;text-align:left;}
.taskfieldBtn .editBtn{padding:10px 37px;border-radius:8px;background:#F9F9FB;color:#1E293B;margin:0;width:147px;display:flex;justify-content:center;font-size:14px;font-weight:700;line-height:27px;border:1px solid #D5D5D5;}
.copy-link-input{background:#F5F8FF;width:calc(100% - 100px);border:0;font-size:18px;font-weight:600;line-height:24.55px;text-align:left;color:var(--blue);}
.copyLink{position:relative;background:#F5F8FF;width:100%;height:56px;padding:15px;border:1px solid #D5D5D5;border-radius:55px;text-align:left;color:var(--blue);}
.copyLink button{position:absolute;right:-35px;top:50%;transform:translate(-50%,-50%);padding:8px 15px;border:0;font-size:14px;font-weight:600;line-height:19.6px;text-align:left;border-radius:34px;background:var(--blue);color:#fff;}
.copy-link-input:focus{outline:none;}
.reporter-view-wrap{display:flex;justify-content:space-between;width:100%;gap:30px;}
.reporter-left{width:50%;border:1px solid #E0E0E0;box-shadow:0px 6px 40px 0px #00000005;padding:25px;border-radius:12px;}
.reporter-right{width:50%;border:1px solid #E0E0E0;box-shadow:0px 6px 40px 0px #00000005;padding:25px;border-radius:12px;}
.viewProfile{width:100%;margin-bottom:22px;border-radius:8px;background:#F9F9FB;overflow:hidden;text-overflow:ellipsis;font-style:normal;display:flex;height:56px;padding:15px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);font-size:18px;font-weight:600;line-height:24.55px;text-align:left;border:1px solid #D5D5D5;}
.oneLine{display:flex;width:100%;gap:22px;}
.oneLine .input-wrap{width:50%;}
.reporter-left h4{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:24px;}
.reporter-right h4{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:24px;}
.profilePic{float:left;width:100%;margin-bottom:25px;}
.profilePic img{height:120px;width:120px;border-radius:10px;float:left;overflow:hidden;}
.copyLink2{position:relative;}
.copyLink2 button{position:absolute;top:9px;right:15px;border:0;font-size:14px;font-weight:600;line-height:19.6px;text-align:left;padding:10px 15px;background:var(--blue);color:#fff;border-radius:34px;}
.copy-link-input2{width:100%;margin-bottom:22px;border-radius:8px;background:#F9F9FB;text-overflow:ellipsis;font-style:normal;display:flex;height:56px;padding:15px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);font-size:18px;font-weight:600;line-height:24.55px;text-align:left;border:1px solid #D5D5D5;}
.raisedNewTicket .modal-body .errormsg{position:absolute;bottom:0;font-size:14px;color:red;}
.taskViewRight{width:50%;border:0.3px solid #B9B9B9;padding:30px;border-radius:20px;}
.dashboardtable .dataTables_wrapper .dataTables_paginate .paginate_button.current,.dashboardtable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:var(--blue)!important;padding:0;display:flex;justify-content:center;align-items:center;margin:0;}
.approveWrap{gap:8px;align-items:center;}
.approveWrap label{margin-bottom:0;}
.accointBox2 a{display:flex;align-items:center;}
.whr-drop-hide .header-search>img{top:17px;}
div#error-append-div{width:auto;position:absolute;right:15px;top:15px;z-index:9;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:0!important;}
ul.second-head-cont img{height:45px;width:45px;border-radius:60px;object-fit:cover;}
.completionDateinput input[type="date"]{position:relative;}
.completionDateinput input[type="date"]::-webkit-calendar-picker-indicator{color:rgba(0,0,0,0);opacity:1;display:block;background:url(../images/date.png) no-repeat;width:25px;height:25px;border-width:thin;position:absolute;right:10px;bottom:6px;}
.loginValid{position:absolute;top:10px;right:10px;z-index:2;}
.dataTables_wrapper .dataTables_paginate span{display:flex;align-items:center;gap:8px;}
.dataTables_wrapper .dataTables_paginate span .paginate_button{color:#fff!important;padding:0;display:flex;justify-content:center;align-items:center;margin:0;background:transparent!important;height:32px!important;width:32px!important;justify-content:center!important;align-items:center!important;border-radius:5px!important;border:1px solid #434343!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next,.dataTables_wrapper .dataTables_paginate .paginate_button.previous{background:transparent!important;box-shadow:none!important;border:1px solid #434343!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center;border-radius:5px;font-size:14px;font-weight:400;line-height:19.1px;letter-spacing:0.10000000149011612px;text-align:left;gap:10px;padding: 5px;color: #DBDDDF !important;}
/* .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{color:#1E293B!important;} */
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover{color:#fff!important;}
a.paginate_button.next svg path{stroke: #fff !important;}
/* .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{color:#1E293B!important;} */
.dropdownwrapper{position:relative;}
.dropdownwrapper .errormsg{position:absolute;bottom:6px;font-size:14px;color:red;}
/*custom-Checkbox*/
.verifyMainBox{border:1px solid #D8D8D8;background:#FCFDFD;border-radius:8px;width:147px;height:48px;display:flex;align-items:center;justify-content:center;}
.verifyBox{display:block;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:0;font-size:14px;font-weight:700;line-height:20px;text-align:left;margin-bottom:0;}
.verifyBox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.verifycheckmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:transparent;border:2px solid #D5D5D5;border-radius:3px;}
.verifyBox input:checked ~ .verifycheckmark{background-color:var(--blue);border-color:var(--blue);}
.verifycheckmark:after{content:"";position:absolute;display:none;}
.verifyBox input:checked ~ .verifycheckmark:after{display:block;}
.verifyBox .verifycheckmark:after{left:6px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.taskfield{position:relative;}
.taskfield span.errormsg{position:absolute;bottom:-20px;color:red;font-size:14px;}
span.terms-span{width:100%;margin-top:15px;float:left;font-size:15px;font-style:italic;font-weight:400;line-height:17.63px;letter-spacing:0.20000000298023224px;text-align:left;color:#64748B;}
span.terms-span a{font-size:15px;font-style:italic;font-weight:400;line-height:17.63px;letter-spacing:0.20000000298023224px;text-align:left;color:#64748B;border-bottom:1px solid;}
.avatar-upload{position:relative;max-width:113px;}
.avatar-upload .avatar-edit{position:absolute;right:0px;z-index:1;bottom:0;}
.avatar-upload .avatar-edit input{display:none;}
.avatar-upload .avatar-edit input + label{display:flex;width:34px;height:34px;margin-bottom:0;border-radius:10px;background:#FFFFFF;cursor:pointer;font-weight:normal;transition:all 0.2s ease-in-out;align-items:center;justify-content:center;}
.avatar-upload .avatar-preview{width:113px;height:113px;position:relative;border-radius:10px;}
.avatar-upload .avatar-preview > div{width:100%;height:100%;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.myAccountr-wrap{width:100%;background:var(--purple);border-radius:6px;}
.account-head{display:flex;align-items:center;gap:23px;margin-bottom:40px;padding:20px;}
.account-head h2{font-size:18px;font-weight:500;line-height:21.15px;letter-spacing:0.10000000149011612px;text-align:left;color:#fff;margin-bottom:0;}
.oneline{display:flex;width:100%;justify-content:space-between;gap:20px;align-items:end;}
.input-wrap{width:100%;position:relative;}
.oneline .input-wrap label{font-size:14px;font-weight:400;line-height:16.45px;gap:10px;text-align:left;color:#fff;margin-bottom:10px;}
.oneline .input-wrap input{background:var(--purple);border:1px solid #43434361;color:#fff;width:100%;margin-bottom:20px;border-radius:5px;text-overflow:ellipsis;font-style:normal;display:flex;height:40px;padding:10px 11px 10px 11px;align-items:center;gap:var(--gap-and-padding-positive-gap-padding-12,12px);font-size:14px;font-weight:400;line-height:16.45px;text-align:left;}
.oneline .input-wrap select { border: 1px solid #43434361; background: #262628 !important; height: 39px; color: #fff; font-size: 14px; font-weight: 500; line-height: 16.45px; text-align: left; padding: 7px 20px 7px 20px; margin-bottom: 10px; border-radius: 5px; }
.accountBtn{display:flex;justify-content:end;padding-top:10px;gap:5px;width:100%;}
.accountBtn button{font-size:13px;font-weight:500;line-height:initial;text-align:left;padding:11px 17px;border-radius:5px;background:transparent;border:0;height:38px;display: flex;align-items:center;margin: 0;}
.accountBtn a{font-size:13px;font-weight:500;line-height:initial;text-align:left;padding:11px 17px;border-radius:5px;height:38px;display:flex;justify-content:center;align-items:center;}
.updateBtn{background:var(--blue)!important;color:#fff;}
.cancelBtn{color:#EF4444;}
.addServiceWrap{width:128px;float:left;min-width:128px;}
.addServiceWrap a.addBtn{font-size:13px;font-weight:500;line-height:15.28px;text-align:left;display:flex;align-items:center;width:100%;padding:11px 17px;border-radius:5px;white-space:nowrap;background:var(--blue);gap:10px;color:#fff;margin-bottom:10px;}
.tableHeadercstm { display: flex; align-items: center; justify-content: space-between; padding: 20px; z-index: 2; position: relative; border-bottom: 1px solid #343434 !important; }
a.back-btn svg { fill: #fff; }
.accountBtn.distaccountBtn a{
padding: 0;
}
.accountBtn.distaccountBtn button {
padding: 11px 12px;
}
.modal-content.Register-Distributor {
border: none;
border-radius: 6px;
}
.modal-content.submitmodalcont.updatemodalcont {
width: 301px;
padding: 0;
}
.tableHeadercstm a{color:var(--blue);background:#fff;padding:11px;height:38px;display:flex;align-items:center;border-radius:8px;gap:10px;}
.registerprofile{display:flex;justify-content:center;margin-bottom:20px;}
.distributorColor{display:flex;align-items:end;width:100%;}
.distributorColorlist{gap:10px;display:flex;}
.distributorCircle{height:40px;width:40px;float:left;border-radius:50px;}
.blueCircle{background:#5173FF;}
.greenCircle{background:#1FA846;}
.perpleCircle{background:#651BAF;}
.orangeCircle{background:#CA8027;}
.pinkCircle{background:#D95E60;}
.adminForm{display:flex;justify-content:space-between;width:100%;gap:17px;}
.adminForm-leftBar{padding:20px;background:var(--purple);border-radius:6px;width:50%;}
.adminForm-leftBar .registerprofile{justify-content:start;}
.adminForm-leftBar h5{margin-bottom:20px;color:#fff;font-size:15px;font-weight:500;line-height:17.63px;text-align:left;}
.adminForm-leftBar label{color:#fff;}
.adminForm-leftBar form .input-wrap input{background:var(--purple);border:1px solid #43434361;color:#fff;}
.adminForm-leftBar form .input1 .dark-input-vl{background:var(--purple);border:1px solid #43434361;}
.adminForm-leftBar .oneline .input-wrap label{color:#fff;}
.adminForm-rightBar{width:50%;padding:20px;background:var(--purple);border-radius:6px;}
.adminForm-rightBar h5{margin-bottom:20px;color:#fff;font-size:15px;font-weight:500;line-height:17.63px;text-align:left;}
.adminForm-rightBar label{color:#fff;font-size: 14px;font-weight: 400;}
.adminForm-rightBar form .input-wrap input{background:var(--purple);border:1px solid #43434361;color:#fff;}
.adminForm-rightBar form .input1 .dark-input-vl{background:var(--purple);border:1px solid #43434361;}
.adminForm-rightBar .oneline .input-wrap label{color:#fff;}
.viewadmin { background: var(--purple); border: 1px solid #43434361; color: #fff; width: 100%; margin-bottom: 20px; border-radius: 5px; text-overflow: ellipsis; font-style: normal; display: flex; height: 40px; padding: 10px 11px 10px 11px; align-items: self-start; gap: var(--gap-and-padding-positive-gap-padding-12, 12px); font-size: 14px; font-weight: 400; line-height: 16.45px; text-align: left; overflow-y: auto; overflow-x: hidden; word-break: break-all; }
.viewadmin::-webkit-scrollbar { width: 4px; background-color: transparent; }
.viewadmin::-webkit-scrollbar-thumb { background-color: #1b4e9d; border-radius: 3px; }
.viewadmin::-webkit-scrollbar-track { background-color: #F5F5F5; border-radius: 3px; }
.tableWrap .bottom { justify-content: end; }
.otherBtns{position:relative;}
.viewDwnl{position:absolute;top:50%;right:0;transform:translate(-5px,-50%);display:flex;align-items:center;gap:10px;}
.viewDwnl button{background:transparent;border:0;font-size:14px;font-weight:500;line-height:16.45px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:5px;}
.audioFile{display:flex;width:100%;align-items:center;gap:20px;}
.audioFile .otherBtns{width:80%;}
.audioFile audio{width:50%;height:39px;}
.audioFile .viewadmin{margin-bottom:0;}
.playAudiobtn{border:0;background:#313133;padding:5px 24px;display:flex;align-items:center;gap:6px;border-radius:6px;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;}
.action-btn{background:#313133;border:0;width:27px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding: 10px;}
.notificationList{max-height:500px;overflow:auto;height: 600px;}
.notificationList::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F500;}
.notificationList::-webkit-scrollbar{width:4px;background-color:#BBC3CF00;}
.notificationList::-webkit-scrollbar-thumb{background-color:#BBC3CF;}
.notificationList li{display:flex;justify-content:space-between;border-radius:6px;padding:15px;margin-bottom:20px;background:var(--dark);;align-items:center;}
.noti-left{display:flex;align-items:center;}
.noti-left-inner{padding-left:10px;}
.noti-right{text-align:right;}
.noti-right span{display:flex;align-items:center;}
.noti-right span h4{font-size:14px;font-weight:400;line-height:16.45px;text-align:left;margin-bottom:0;padding-left:10px;}
.noti-left-inner h5{margin-bottom:0;font-size:18px;font-weight:500;line-height:21.15px;letter-spacing:0.10000000149011612px;text-align:left;}
.noti-left-inner p{font-size:14px;font-weight:500;line-height:16.45px;text-align:left;color:#c2c2c2;margin-bottom:10px;}
.noti-right p{margin-bottom:10px;}
table.dataTable thead .sorting{background-image:none!important;}
.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0;display:flex;align-items:center;gap:8px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#F5F8FF;height:32px;width:32px;display:flex;justify-content:center;align-items:center;border-radius:5px;border:0;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{border:1px solid #878787!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled svg path{stroke:#fff!important;}
.dataTables_wrapper .dataTables_filter{position:relative;}
.dataTables_wrapper .dataTables_filter input{height:39px;width:251px;padding:11px 11px 11px 34px;border-radius:6px;border:1px solid #a7a7a7a6;background:transparent;font-size:14px;font-weight:400;line-height:16.45px;text-align:left;margin-left:0!important;}
#datatable-responsive_filter:before{position:absolute;background-image:url('../images/search.svg');content:' ';left:11px;top:11px;height:14px;width:14px;background-repeat:no-repeat;}
.musicButtons { display: block; position: relative; padding-left: 23px; margin-bottom: 0; cursor: pointer; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; font-weight: 400; line-height: 17.45px; text-align: left; }
label.file-input__label.audio-file { background: #5173FF; width: 100%; border: none; border-radius: 8px; padding: 10px; color: #DBDDDF !important; font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; }
.head-btn a svg { fill: #fff; }
.head-btn { display: flex; align-items: center; gap: 20px; }
input#audio-input { display: none; }
.file-input { width: 100%; }
.musicButtons input{position:absolute;opacity:0;cursor:pointer;}
.musicButtons .checkmark{position:absolute;top:0;left:0;height:17px;width:17px;background-color:transparent;border-radius:50%;border:1px solid #d3d3d3;}
.musicButtons input:checked ~ .checkmark{background-color:#fff;}
.musicButtons .checkmark:after{content:"";position:absolute;display:none;}
.musicButtons input:checked ~ .checkmark:after{display:block;}
.musicButtons .checkmark:after{top: 2px;
left: 2px;
width: 11px;
height: 11px;
border-radius: 50%;
background: var(--blue);}
.radio-rightbar{display:flex;
/* margin-right:270px; */
gap:20px;align-items:center;height:38px;}
.twoline{display:flex;width:100%;justify-content:space-between;gap:20px;align-items:end;}
.viewDwnl{position:absolute;top:50%;right:0;transform:translate(-5px,-50%);display:flex;align-items:center;gap:10px;}
.otherBtns{position:relative;}
.viewDwnl button{background:transparent;border:0;font-size:14px;font-weight:500;line-height:16.45px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:5px;}
.audioFile{display:flex;width:100%;align-items:center;gap:20px;}
.audioFile .viewadmin{margin-bottom:0;}
.audioFile .otherBtns{width:80%;}
.audioFile audio{width:50%;height:39px;}
.formBtn{display:flex;justify-content:space-between;}
.formBtn button{border:0;font-size:13px;font-weight:500;line-height:15.28px;text-align:left;height:38px;padding:0 17px;border-radius:5px;}
.firstBtn .cancelBtn{background:transparent;}
.rejectionInformation .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:624px;}
.rejectionInformation .modal-body{padding: 15px 20px;}
.rejectionInformation.updateModal{background-color:var(--purple)}
/* .rejectionInformation.updateModal button {
background: var(--purple);
} */
.rejectionInformation.updateModal .modal-body {
background: var(--purple);
}
.rejectionInformation .modal-content{border:1px solid #D5D5D5;overflow:hidden;border-radius:5px;background-color:var(--purple);}
.rejectionInformation .modal-header{ background: var(--purple);
padding: 20px;
justify-content: center;
border-bottom: 1px solid #64748B;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
vertical-align: baseline !important;
}
.rejectionInformation .modal-header span{display:flex;align-items:center;}
.rejectionInformation .modal-header span h5{padding-left:0px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#1E293B;}
.rejectionInformation .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px;}
.rejectionInformation .modal-footer .cancelBtn{padding:10px 54px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#1E293B;margin:0;}
.rejectionInformation .modal-footer .addBtn{padding:10px 37px;border:1px solid #EF382633;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#EF382633;color:#EF3826;margin:0;}
.rejectionInformation .modal-body input#search{margin-bottom:0;}
.rejection-input label {
font-size: 14px;
font-weight: 400;
line-height: 16.45px;
text-align: left;
width: 100%;
margin-bottom: 10px;
}
.rejection-input textarea{ background: #171717;
color: #fff;
width: 100%;
margin-bottom: 20px;
border-radius: 5px;
text-overflow: ellipsis;
font-style: normal;
display: flex
;
height: 161px;
padding: 10px 11px 10px 11px;
align-items: center;
gap: var(--gap-and-padding-positive-gap-padding-12, 12px);
font-size: 14px;
font-weight: 400;
line-height: 16.45px;
text-align: left;
resize: none;
border: 1px solid #64748B;
}
.rejection-input textarea::placeholder{
color:#94A3B8;
}
.rejectionBtn{display:flex;justify-content:end;}
.rejectionBtn button{font-size:13px;font-weight:500;line-height:initial;text-align:left;padding:11px 17px;border-radius:5px;border:0;}
.rejectionBtn button.cancelBtn{background:transparent;}
.logout-modal .modal-footer.logoutBtn button{font-size:13px;font-weight:500;line-height:initial;text-align:left;padding:11px 17px;border-radius:5px;border:0;}
.logout-modal .modal-footer.logoutBtn a{font-size:13px;font-weight:500;line-height:initial;padding:11px 17px;border-radius:5px;border:0;}
.logout-modal .modal-footer.logoutBtn button.cancelBtn {
background: #171717;
color: #fff;
border: none;
text-align: center;
}.playAudiobtn,a.submit-song-btn{border:0;background:var(--dark);;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;display:flex;align-items:center;gap:6px;padding:4px 16px;border-radius:4.5px;}
.uploadedAudio .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:407px;}
.uploadedAudio .modal-body{display:flex;justify-content:center;align-items:center;padding:48px 0;}
.uploadedAudio .modal-content{overflow:hidden;border-radius:8px;background-color:var(--dark);;border:1px solid #434343;}
.uploadedAudio .modal-header{background:var(--purple);padding:12px;justify-content:center;border-bottom:0;}
.uploadedAudio .modal-header span{display:flex;align-items:center;}
.uploadedAudio .modal-header span h5{padding-left:0px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#1E293B;}
.uploadedAudio .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px;}
.uploadedAudio .modal-footer .cancelBtn{padding:10px 54px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#1E293B;margin:0;}
.uploadedAudio .modal-footer .addBtn{padding:10px 37px;border:1px solid #EF382633;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#EF382633;color:#EF3826;margin:0;}
.uploadedAudio .modal-body input#search{margin-bottom:0;}
.uploadedAudio form .input-wrap input{font-size:14px;font-weight:600;line-height:19.1px;text-align:left;margin-bottom:15px;height:49px;}
.uploadedAudio form .input-wrap label{font-size:12px;font-weight:600;line-height:16.37px;text-align:left;}
.uploadedAudio .modal-header h5{font-size:14px;font-weight:700;line-height:19.1px;text-align:center;}
.uploadedAudio .modal-content .innerform{padding:15px;}
.main-action-btn{display:flex;align-items:center;gap:10px;}
.action-btn-wrap{display:flex;align-items:center;gap:10px;justify-content:start;}
.action-btn-wrap a,a.submit-song-btn{height:27px;width:27px;background:var(--dark);;border-radius:5px;display:flex;justify-content:center;align-items:center;}
.action-btn-wrap .action-btn{border:0;background:var(--dark);;border-radius:10px;height:27px;width:27px;padding:0;}
.select-dropdown{display:flex;align-items:center;gap:20px;}
#dynamic-dropdown{display:block;background:transparent;border:1px solid;padding:5px 10px;font-size:12px;border-radius:5px;height:38px;border:1px solid #a7a7a7a6;}
table.dataTable tbody tr{background-color:transparent!important;}
.input-wrap .passwordwrap{position:relative;}
.distributorWrap form::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.distributorWrap form::-webkit-scrollbar{width:4px;background-color:#F5F5F5;}
.distributorWrap form::-webkit-scrollbar-thumb{background-color:var(--blue);}
.adminForm-leftBar .oneline .input-wrap label.error{margin-bottom:0;color:red;position:absolute;bottom:0;}
.input-wrap label.error{position:absolute;bottom:-22px;font-size:14px;color:red;margin-bottom:0;}
.info-icon{margin-left:0;cursor:pointer;color:#007BFF;position:absolute;bottom:-6px;right:16px;width:auto;}
.info-icon::after{content:attr(data-tooltip);position:absolute;bottom:auto;right:20px;background-color:#333;color:#fff;padding:5px;border-radius:5px;width:310px;z-index:10;font-size:12px;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}
.info-icon:hover::after{opacity:1;visibility:visible;}
.passwordwrap span.info-icon{bottom:-27px;}
.updateBtn:hover{color:#fff;}
.cancelBtn:hover{color:#EF4444;}
.Dashboard-wrap{height:calc(100vh - 351px);width:100%;display:flex;justify-content:center;align-items:center;}
.Dashboard-wrap h2{margin-bottom:0;border:1px solid #a2a2a2;padding:60px;border-radius:10px;}
.select-dropdown button{color:var(--blue);background:#fff;padding:11px;height:38px;display:flex;align-items:center;border-radius:8px;gap:10px;border:0;font-size:13px;font-weight:400;line-height:15.28px;text-align:left;border:0;}
button.download-btn.approve-btn{border:0;background:var(--dark);;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;display:flex;align-items:center;gap:6px;padding:4px 16px;border-radius:4.5px;}
.tabs span.errormsg{bottom:23px;}
.rejection-input .error-msg{position:absolute;font-size:14px;bottom:-20px;color:red;border:0;padding:0;}
.rejection-input{position:relative;}
button.rejectionInformation{background:#EF4444;}
.rejection-input .reason-ajax{width:100%;float:left;padding:15px;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;border-radius:5px;background:var(--purple);border:1px solid #43434361;}
.rejection-input span{width:100%;float:left;padding:15px;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;border-radius:5px;background:var(--purple);border:1px solid #43434361;}
.navigation-closed .dataTables_scrollHeadInner{width:100%!important;}
.musicDownload{display:flex;align-items:center;gap:15px;}
.action-btn-wrap a.playAudiobtn,a.submit-song-btn{width:auto;white-space:nowrap;color:#fff;}
label.file-input__label.cover_image { background: #5173FF; width: 100%; border: none; border-radius: 8px; padding: 10px; color: #DBDDDF !important; font-size: 18px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 10px; }
form#SongEditForm { width: 100%; }
input#file-input { display: none; }
span.error-message { font-size: 13px; color: red; position: absolute; top: 71px; }
th span { color: #000 !important; }
.ui-datepicker .ui-datepicker-header { background: var(--purple) !important; }
select option { background: #262628 !important; color: #fff !important; }
.input-wrap label span.mandetory { color: red; margin-left: 5px; }
.input-wrap-pass label span.mandetory { color: red; margin-left: 5px; }
.Analytics-wrap { width: 100%; padding: 0px 17px; }
.expand-wrap { display: flex; align-items: center; gap: 3.5px; }
.tabs { display: flex; gap: 10px; margin-bottom: 20px; padding-bottom: 10px; }
.tabs { width: 100%; padding: 20px 20px 0px 20px; border-radius: 8px; display: flex; align-items: center; gap: 15px; background: var(--purple); border: 1px solid #343434; }
.tab-btn { padding: 0px 20px; border: none; background: transparent; cursor: pointer; font-weight: 600; color: #fff; height: 39px; display: flex; }
.tab-btn.active, .tab-btn:hover { border-bottom: 2px solid #4880FF; color: #4880FF; }
.tab-content { margin-top: 20px; }
.tab-pane { display: none; }
.tab-pane.active { display: block; }
.calendar-input, .dropdown-display { padding: 10px 10px 10px 44px; font-size: 14px; background:#1B4BA0; font-weight: 700; border: 1px solid #1B4BA0; border-radius: 6px; cursor: pointer; color: #fff; }
.analytics-filter { position: relative; display: flex; gap: 20px; }
.calendar-input::placeholder { color: #fff !important; }
.calander-input-wrapper { position: relative; width: 141px; }
.calander-input-wrapper::before { content: ""; display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg%20width='18'%20height='20'%20viewBox='0%200%2018%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5.10535%2011.8C4.85185%2011.8%204.6376%2011.7143%204.4626%2011.5428C4.2876%2011.3713%204.2001%2011.1588%204.2001%2010.9053C4.2001%2010.6518%204.28585%2010.4375%204.45735%2010.2625C4.62885%2010.0875%204.84135%2010%205.09485%2010C5.34835%2010%205.5626%2010.0858%205.7376%2010.2573C5.9126%2010.4288%206.0001%2010.6413%206.0001%2010.8948C6.0001%2011.1483%205.91435%2011.3625%205.74285%2011.5375C5.57135%2011.7125%205.35885%2011.8%205.10535%2011.8ZM9.00535%2011.8C8.75185%2011.8%208.5376%2011.7143%208.3626%2011.5428C8.1876%2011.3713%208.1001%2011.1588%208.1001%2010.9053C8.1001%2010.6518%208.18585%2010.4375%208.35735%2010.2625C8.52885%2010.0875%208.74135%2010%208.99485%2010C9.24835%2010%209.4626%2010.0858%209.6376%2010.2573C9.8126%2010.4288%209.9001%2010.6413%209.9001%2010.8948C9.9001%2011.1483%209.81435%2011.3625%209.64285%2011.5375C9.47135%2011.7125%209.25885%2011.8%209.00535%2011.8ZM12.9053%2011.8C12.6518%2011.8%2012.4376%2011.7143%2012.2626%2011.5428C12.0876%2011.3713%2012.0001%2011.1588%2012.0001%2010.9053C12.0001%2010.6518%2012.0858%2010.4375%2012.2573%2010.2625C12.4288%2010.0875%2012.6413%2010%2012.8948%2010C13.1483%2010%2013.3626%2010.0858%2013.5376%2010.2573C13.7126%2010.4288%2013.8001%2010.6413%2013.8001%2010.8948C13.8001%2011.1483%2013.7143%2011.3625%2013.5428%2011.5375C13.3713%2011.7125%2013.1588%2011.8%2012.9053%2011.8ZM2.4001%2019.6C1.9051%2019.6%201.48135%2019.4209%201.12885%2019.0625C0.776347%2018.7042%200.600098%2018.2834%200.600098%2017.8L0.600098%204.60002C0.600098%204.11669%200.776347%203.69586%201.12885%203.33752C1.48135%202.97919%201.9051%202.80002%202.4001%202.80002H4.2001V1.30002C4.2001%201.04502%204.28585%200.831274%204.45735%200.658774C4.62885%200.486274%204.84135%200.400024%205.09485%200.400024C5.34835%200.400024%205.5626%200.486274%205.7376%200.658774C5.9126%200.831274%206.0001%201.04502%206.0001%201.30002V2.80002L12.0001%202.80002V1.30002C12.0001%201.04502%2012.0858%200.831274%2012.2573%200.658774C12.4288%200.486274%2012.6413%200.400024%2012.8948%200.400024C13.1483%200.400024%2013.3626%200.486274%2013.5376%200.658774C13.7126%200.831274%2013.8001%201.04502%2013.8001%201.30002V2.80002H15.6001C16.0951%202.80002%2016.5188%202.97919%2016.8713%203.33752C17.2238%203.69586%2017.4001%204.11669%2017.4001%204.60002L17.4001%2017.8C17.4001%2018.2834%2017.2238%2018.7042%2016.8713%2019.0625C16.5188%2019.4209%2016.0951%2019.6%2015.6001%2019.6L2.4001%2019.6ZM2.4001%2017.8L15.6001%2017.8L15.6001%208.80002L2.4001%208.80002L2.4001%2017.8ZM2.4001%207.00002L15.6001%207.00002L15.6001%204.60002L2.4001%204.60002V7.00002Z'%20fill='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; position: absolute; top: 20px; left: 15px; transform: translateY(-50%); }
.calendar { display: none; position: absolute; top: 54px; left: 0px; background: var(--purple); z-index: 1000; box-shadow: 0px 8px 16px 0px #00000026; border-radius: 8px; border: 1px solid #5173FF; }
.calendar-header { display: flex; justify-content: space-between; align-items: center; background: var(--dark); padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.calendar-header button { background: none; border: none; font-size: 20px; cursor: pointer; }
.calendar-days { display: grid; grid-template-columns: repeat(7, 1fr); padding: 0px 10px; text-align: center; }
.day.today { color: #4880FF; position: relative; }
.day.today::before { content: ""; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; background-image: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='-0.00585938' width='4' height='4' rx='2' fill='%234880FF'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; }
.calendar-days div { padding: 5px 0; }
.day { cursor: pointer; font-size: 14px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #fff; }
.day:hover { background-color: #4880FF; color: white; }
div.monthYear { font-weight: 700; font-size: 14px; color: #fff; }
.calander-button-wrap { display: flex; justify-content: space-between; background: var(--dark); padding: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.calander-button-wrap a { font-size: 11px !important; font-weight: 700; padding: 3px; width: 88px; background: var(--dark); border-radius: 3.63px; border: 0.6px solid #D5D5D5; line-height: normal; }
a.Apply-btn { border: none; background: #4880FF; border: 0.6px solid #4880FF; }
.previous-month { color: #A0A5B6; }
.calendar-weekdays { background: var(--dark); margin: 10px; font-size: 14px; font-weight: 500; padding: 0; border-radius: 7px; }
.calendar-days.calendar-weekdays div { color: #fff; }
.range-start, .range-end { background-color: #4880FF; color: white; }
.range-middle { background-color: var(--dark); color: white; }
.calendar-header button { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }
.app-layout { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px; }
.box { color: #fff; padding: 15px; text-align: center; background-color: var(--purple); border-radius: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
.icon-social-wrap { background: #FFFFFF; padding: 16.5px 6px; width: 70px; height: 70px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.top-box-wrap { display: flex; align-items: center; gap: 15px; font-size: 18px; font-weight: 700; }
.bottom-box-wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 700; }
a.expand-btn.service-exapnd-btn { font-size: 12px !important; padding: 5px 10px !important; }
.expand-wrapper { display: flex; align-items: center; gap: 10px; }
.icon-social-wrap img { width: 100%; height: 100%; object-fit: contain; }
.top-box-wrap.flag-box-wrap.overview-box-wrap { background: var(--purple); width: 100%; padding: 15px; display: flex; align-items: center; justify-content: center; border-radius: 10px; }
.custom-dropdown { position: relative; font-family: Arial; }
.dropdown-display { padding: 10px 40px 10px 10px;}
.dropdown-list { position: absolute; top: 54px; left: 0;border: 1px solid #1B4BA0; background: var(--purple); z-index: 1000; border-radius: 8px; width: 230px; }
.dropdown-options input[type="checkbox"] { width: 16px; height: 16px; vertical-align: middle; border: 1px solid #fff; appearance: none; -webkit-appearance: none; background-color: transparent; border-radius: 3px; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; margin: 0; }
input.js-search-input::placeholder { color: #1E293B !important; }
.dropdown-options input[type="checkbox"]:checked { border: 1px solid #fff; }
.dropdown-options input[type="checkbox"]:checked::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #5173FF; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNzMzMjcgMC45MzMzNUwzLjU5OTk0IDYuMDY2NjhMMi4yNjY2IDMuNzMzMzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center; background-size: 10px 7px; display: block; }
.input-wrapper { position: relative; display: inline-block; width: calc(100% - 20px); margin: 10px; }
.input-wrapper input[type="text"] { width: 100%; padding: 8px 8px 8px 35px; box-sizing: border-box; border: 1px solid #434343; border-radius: 8px; margin: 0; background: var(--purple); }
.input-wrapper::before { content: ""; position: absolute; left: 12px; top: 20px; transform: translateY(-50%); width: 14px; height: 14px; background: url('data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.477197%208.53983C-0.812567%205.50502%200.602073%201.99926%203.63688%200.709497C6.67169%20-0.580267%2010.1775%200.834373%2011.4672%203.86918C12.757%206.90399%2011.3423%2010.4098%208.30753%2011.6995C5.27272%2012.9893%201.76696%2011.5746%200.477197%208.53983ZM4.10624%201.8139C1.68138%202.84444%200.551055%205.6456%201.5816%208.07047C2.61214%2010.4953%205.4133%2011.6257%207.83817%2010.5951C10.263%209.56457%2011.3934%206.76341%2010.3628%204.33854C9.33227%201.91368%206.53111%200.783355%204.10624%201.8139Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.34529%209.57747C9.57962%209.34317%209.95952%209.34319%2010.1938%209.57753L14.3591%2013.7435C14.5934%2013.9778%2014.5934%2014.3577%2014.3591%2014.592C14.1248%2014.8263%2013.7449%2014.8263%2013.5106%2014.5919L9.34522%2010.426C9.11093%2010.1917%209.11095%209.81176%209.34529%209.57747Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E') no-repeat center center; background-size: contain; }
.custom-dropdown::before { content: ""; position: absolute; right:15px; top: 25px; transform: translateY(-50%); width: 14px; height: 14px; background: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.99995%204.60005L9.89995%200.700049C10.0833%200.516715%2010.3166%200.425049%2010.6%200.425049C10.8833%200.425049%2011.1166%200.516715%2011.3%200.700049C11.4833%200.883382%2011.575%201.11672%2011.575%201.40005C11.575%201.68338%2011.4833%201.91672%2011.3%202.10005L6.69995%206.70005C6.59995%206.80005%206.49162%206.87088%206.37495%206.91255C6.25828%206.95422%206.13328%206.97505%205.99995%206.97505C5.86662%206.97505%205.74162%206.95422%205.62495%206.91255C5.50828%206.87088%205.39995%206.80005%205.29995%206.70005L0.699951%202.10005C0.516618%201.91672%200.424951%201.68338%200.424951%201.40005C0.424951%201.11672%200.516618%200.883382%200.699951%200.700048C0.883285%200.516715%201.11662%200.425048%201.39995%200.425048C1.68328%200.425048%201.91662%200.516715%202.09995%200.700048L5.99995%204.60005Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E) no-repeat center center; background-size: contain; }
.dropdown-options { max-height: 225px; overflow-y: auto; }
.dropdown-options::-webkit-scrollbar { width: 4px; }
.dropdown-options::-webkit-scrollbar-thumb { background-color: var(--blue); }
/* Remove up/down arrows */
.dropdown-options::-webkit-scrollbar-button { display: none; height: 0; }
.dropdown-options label { display: block; padding: 8px 10px; cursor: pointer; display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; line-height: normal; margin: 0; }
.dropdown-options label:hover { background: rgb(30, 30, 32); }
.selected-tag { display: inline-block; background: #04AA6D; color: white; padding: 2px 6px; margin: 2px 2px 2px 0; border-radius: 4px; font-size: 12px; }
select { display: none; }
.dropdown-list input[type="text"]::placeholder { color: #fff !important; opacity: 0.5; }
.dropdown-list.js-dropdown-list { right: 0; left: auto; }
.analytics-filter input, select { margin: 0; }
.card { border-bottom: 1px solid #343434 !important; border: none; padding:20px 30px; display: flex; align-items: center; justify-content: space-between; flex-direction: row; background: none; }
.card-img { width: 70px; height: 70px; border-radius: 10px; }
.card-img.flag-img { width: 105px; height: 70px; }
.card-img img { width: 100%; height: 100%;font-size: 0;object-fit: contain;border-radius:10px; }
.card-cont { color:#1E293B !important; display: flex; gap: 30px; align-items: center; }
.card span { color: #fff; font-size: 14px; font-weight: 400; min-width: 100px; }
.relase-img-left-cont { display: flex; align-items: center; gap: 20px; }
a.expand-btn { border: 1px solid #434343; padding: 15px 30px; color: #fff; font-size: 14px; font-weight: 400; border-radius: 8px; }
main { display: grid; grid-template-columns: repeat(1, 1fr); width: 100%; background-color: var(--purple); padding: 20px 0px; border-radius: 14px; border: 1px solid #343434; }
.card-img.relase-img { padding: 3px; background: #F0F4F8; display: flex; align-items: center; justify-content: center; }
img.overview-img { width: 28px; }
input.calendar-input:focus { border: 1px solid #5173FF !important; }
.calendar-header button { padding: 0 !important; }
.dropdown-list.js-dropdown-list.country-list { left: 0; }
.dropdown-options input[type="checkbox"]:checked { border-width: 1px; border-style: solid; border-color: rgb(81, 115, 255); border-image: initial; }
span.cardName {min-width: 185px;max-width: 185px;}
.card-img.service-img { background: #F0F4F8; display: flex; align-items: center; justify-content: center; }
/* Modal container */
.expand-modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100vh; overflow: auto; background-color: rgb(0 0 0 / 76%); }
/* Modal content box */
.expand-modal-content{
background-color: var(--purple);
padding: 0px;
width: 624px;
border-radius: 5px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #1E293B !important;
border: 1px solid #97939354;
/* box-shadow: rgba(255, 255, 255, 0.05) 0px 2px 5px 1px, rgba(255, 255, 255, 0.03) 0px 4px 8px 2px; */
min-height: 587.5px;
max-height: 587.5px;
}
span.file-error {
color: red;
position: absolute;
bottom: -3px;
}
span.close { min-width: 18px; cursor: pointer; }
span.close { color: #fff !important; }
.expand-tab button {
width: 33.33%;
text-align: center;
font-size: 12px;
display: flex
;
align-items: center;
justify-content: center;
border-bottom: 1px solid #97939354;
}
.expand-modal-header { padding: 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #97939354; }
.expand-modal-header span { font-size: 16px !important; }
.modal-tab-cont { padding: 20px; }
.expand-tab { background: transparent; border: none; justify-content: space-between; display: flex; }
.exp-tab-btn.active, .exp-tab-btn:hover { border-bottom: 1px solid #4880FF; color: #4880FF; }
.exp-tab-btn { border: none; background: transparent; padding: 0px 20px; cursor: pointer; font-weight: 600; height: 29px; display: flex; font-size: 16px; }
.expand-tabing { padding: 20px; display: flex; flex-direction: column; gap: 10px; }
.exp-tab-content { display: none; }
.exp-tab-content.active { display: block; }
.card-text-img { display: flex; gap: 30px; align-items: center; }
.modal-card { display: flex; align-items: center; justify-content: space-between; padding: 10px 0px; border-bottom: 1px solid #97939354; }
.tab-footer { padding: 20px; border-top: 1px solid #97939354; }
.tab-content-serveice .modal-card:last-child { border-bottom: none; }
.pagination-container { display: flex; align-items: center; justify-content: space-between; }
.pagination-info { font-size: 14px; font-weight: 400; }
.pagination { display: flex; align-items: center; gap: 8px;margin: 0;width: 100%;justify-content: center;}
.page-link { text-decoration: none; padding: 8px 12px; border-radius: 4px; font-size: 12px; transition: all 0.2s ease; background: transparent; border: 1px solid #97939354; display: flex; gap: 5px; align-items: center; color: #fff; }
.page-link.active, .page-link:hover, .nav-link:hover { background-color: transparent; border: 1px solid #4880FF; color: #4880FF; }
.page-link:hover { box-shadow: none !important; outline: none !important; }
img.next-arrow { width: 10px; height: 10px; }
.prev-btn::before { content: ''; display: inline-block; width: 6px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00024 9.0002L1.00004 5' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.00004 5.0002L5.00024 1' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; margin-right: 6px; vertical-align: middle; }
.page-link:focus { box-shadow: none; }
.next-btn::after { content: ''; display: inline-block; width: 6px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00024 9.0002L1.00004 5' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.00004 5.0002L5.00024 1' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; margin-left: 6px; vertical-align: middle; transform: rotate(180deg); }
.prev-btn:hover::before { background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00024 9.0002L1.00004 5' stroke='%234880FF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.00004 5.0002L5.00024 1' stroke='%234880FF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.next-btn:hover::after { background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00024 9.0002L1.00004 5' stroke='%234880FF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.00004 5.0002L5.00024 1' stroke='%234880FF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
/* .ui-datepicker-calendar {
display: none;
} */
.datepicker table tr td span {
color: #000 !important;
font-size: 13px;
margin: 0;
height: 40px;
line-height: normal;
display: flex
;
align-items: center;
justify-content: center;
width: 36px;
}
.dropdown-menu {
padding: 5px;
width: 168px;
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #5173FF !important;
color: #fff !important;
background-image: none !important;
}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
cursor: pointer;
color: #000;
font-size: 15px;
}
input.date-own.form-control {
background: #5173FF;
border-color: #5173FF;
padding: 10.5px 20px;
height: 48px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
width: 168px;
cursor: pointer;
color: #fff;
}
input.date-own.form-control::placeholder{
color: #fff !important;
}
/* Utility */
.hidden {
display: none;
}
.fake_input {
display:flex;
width: 100%;
background: #fff;
height: 2.8571em;
border: 1px solid #ccc;
border-radius: 12px;
padding: 0 0.2142em;
}
.fake_input p, .fake_input span {
display: inline-flex;
align-items: center;
height: 100%;
font-weight: 600;
line-height: 2.5;
padding: 0 1.1111em;
margin:0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.picker-arrow:after {
content: '';
display: block;
height: 0.2857em;
width: 0.2857em;
border: solid #000;
border-width: 0 2px 2px 0;
padding: 0.2857em;
transition: all 0.3s ease-in-out;
}
.date_pick-container{
display:inline-block;
}
.date_pick.active .picker-arrow:after, .select_box.active .picker-arrow:after {
top: 1.1428em;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.picker_line {
height: 5.71428em;
}
.date_selector {
display: none;
background: #fff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.date_selector.active {
display: block;
position:relative;
z-index: 1;
}
.selector_date_version{
float:right;
}
.box_selector {
position: absolute;
width: 100%;
background: #fff;
z-index: 10;
display: none;
border: 1px solid #ccc;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.box_selector.active {
display: block;
}
.box_selector a {
position: relative;
}
.box_selector a.active::before {
content: '';
display: block;
position: absolute;
top: 0.571428em;
left: 1.07142em;
width: 0.5714em;
height: 0.8571em;
border: solid #24d1d7;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.box_selector-list {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.box_selector-list a:hover {
text-decoration: none;
}
.box_selector-list a.active::before {
content: '';
}
.box_selector-element {
padding: 0.7142em 0 0.7142em 2.5em;
cursor: pointer;
line-height: 1;
}
.box_selector-element:last-child {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.date_pick.active .fake_input {
border: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 1px solid #9a9a9a;
}
.date_pick {
font-weight: 500;
width: 25.7142em;
width: 250px;
}
.date_pick.active {
-webkit-box-shadow: -0.14285em 0.21428em 2.57142em 0 rgba(102, 102, 102, 0.4);
-moz-box-shadow: -0.14285em 0.21428em 2.57142em 0 rgba(102, 102, 102, 0.4);
box-shadow: -0.14285em 0.21428em 2.57142em 0 rgba(102, 102, 102, 0.4);
border-radius: 16px;
}
.picker_date {
}
.date_pick .years {
position: relative;
text-align: center;
display: flex;
justify-content:space-between;
}
a.month:hover {
background: transparent;
color: #5173FF !important;
}
a.month {
border: 1px solid #4880FF;
border-radius: 4px;
background: #4880FF;
}
a.monthFooterBtn{
border-radius: 4px;
background: #4880FF;
}
.date_pick .years a {
width: 2em;
position: relative;
}
.date_pick .months {
display: flex;
flex-wrap: wrap;
padding:0px;
width: 100%;
gap:5px;
}
.date_pick .months a {
flex-grow: 1;
flex-basis: 20%;
margin: 0px;
text-align: center;
text-decoration: none;
}
.date_pick .months a:active, .date_pick .months a:focus, .date_pick .months a.active {
background: #FFF;
color: #5173FF;
}
a.picker-left.picker-select-arrow,a.picker-right.picker-select-arrow {
font-size: 0;
background-color: transparent;
padding: 0px 27px;
}
.picker-select-arrow:after{
content: '';
position: absolute;
top: 0.42857em;
border: solid #000;
border-width: 0 2px 2px 0;
padding: 0.2857em;
transition: all 0.3s ease-in-out;
font-size: 14px;
top: 38%;
left: 43%;
color: #fff !important;
}
.picker-left:after {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.picker-right:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
right: 50%;
}
.date_selector .months .month{
text-transform:capitalize;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fake_input::after{
content: '';
display: inline-flex;
width: 0.7100em;
height: 0.7100em;
transform-origin: center;
transform: rotate(45deg);
margin-left: auto;
margin-right: 1em;
margin-top: 0.7571em;
transition: all 0.3s ease-in;
border-right: 0.2142em solid #fff;
border-bottom: 0.2142em solid #fff;
position: absolute;
right: 0;
top: 4px;
}
.date_pick.active .fake_input::after{
transform: rotate(225deg);
margin-top: 1.1em;
}
.years .year-selected {
font-size:1em;
width:3.65em;
padding-left:0.66em;
}
/* Chrome, Safari, Edge, Opera */
.years input::-webkit-outer-spin-button,
.years input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.years input[type=number] {
-moz-appearance: textfield;
color: #000 !important;
border: 0;
font-size: 15px !important;
font-weight: 500;
}
.modal-card:last-child {
border-bottom: none;
}
a.monthFooterBtn {
margin-top: 10px;
}
span.page-link.prev-link {
padding-left: 27px;
position: relative;
}
span.page-link.prev-link::before {
content: '';
position: absolute;
top: 37%;
left: 10px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
width: 10px;
height: 10px;
}
a.page-link.next-link {
padding-right: 27px;
position: relative;
}
a.page-link.next-link::after {
content: '';
position: absolute;
top: 37%;
right: 7px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
width: 10px;
height: 10px;
}
a.page-link.prev-link::after {
content: '';
position: absolute;
top: 37%;
left: 10px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
width: 10px;
height: 10px;
}
.modal-content.distributorFormCont,.distributorWrap form {
height: auto !important;
}
.table td, .table th {
padding: 20px;
vertical-align: top;
border-top: 0 !important;
font-size: 14px;
font-weight: 600;
line-height: 19.1px;
text-align: left;
background: #1F2128;
color: #fff;
}
.modal-dialog.distributorFormdialog {
max-width: fit-content;
}
form.distributorformdetail {
max-height: 500px;
overflow: auto;
}
.fade {
opacity: 1 !important;
transition: none !important;
}
.btn-in_progress,.btn-in_progress:hover {
background: #FA832F;
color: #fff;
width: 90px;
height: 21.5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.btn-failed,.btn-failed:hover {
background: #EF4444;
color: #fff;
width: 90px;
height: 21.5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.btn-completed,.btn-completed:hover {
background: #249782;
color: #fff;
width: 90px;
height: 21.5px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.btn-draft, .btn-draft:hover {
background: #068FFF;
color: #fff;
width: 90px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.earningsBoxWrap {
display: flex
;
justify-content: space-between;
width: 100%;
gap: 20px;
margin-bottom: 20px;
}
.earningsBox {
background: #262628;
padding: 25px 30px;
border: 1px solid #434343;
border-radius: 14px;
width: 50%;
display: flex
;
align-items: center;
justify-content: space-between;
}
a.import-file,a.error-file {
background: #1B4BA0;
color: #fff;
border-radius: 4px;
height: 25px;
display: flex
;
align-items: center;
justify-content: center;
padding: 0px 15px;
font-size: 12px;
}
a.error-file{
background-color: #EF4444;
}
.earningsBoxRight.green{background:#5FDD9E21;}
.earningsBoxRight {
height: 60px;
width: 60px;
border-radius: 20px;
display: flex
;
justify-content: center;
align-items: center;
}
.earningsBoxRight.purple {
background: #8280FF21;
}
.earningsBoxRight.yellow {
background: #C8E30021;
}
.earningsBoxRight.blue {
background: #5173FF21;
}
.earningsBoxLeft p {
font-size: 16px;
font-weight: 600;
line-height: 21.82px;
text-align: left;
text-transform: capitalize;
margin-bottom: 16px;
}
.earningsBoxLeft h3 {
font-size: 28px;
font-weight: 700;
line-height: 38.19px;
text-align: left;
margin-bottom: 0;
}
a.paginate_button.previous.disabled,a.paginate_button.next.disabled {
opacity: 0.3;
}
.file-btn-wrap {
display: flex
;
gap: 10px;
}
button.btn.btn-warning.btn-sm {
width: 91.5px;
background: #fcdcd8;
border-color: #fcdcd8;
color: #F14D3E;
font-size: 12px;
font-weight: 500;
}
button.btn.btn-success.btn-sm {
width: 91.5px;
background: #23C41520;
border: #d3f3d0;
color: #23C415;
font-size: 12px;
font-weight: 500;
font-weight: 700;
font-size: 12px;
line-height: 100%;
text-align: center;
padding: 7px 23px;
border-radius: 5px;
border: none !important;
}
a.view-file,.delete-file,.details-file {
background: #F9F9FB;
border-radius: 3.5px;
width: 30px;
height: 30px;
display: flex
;
align-items: center;
justify-content: center;
}
.btn-primary.focus, .btn-primary:focus,.btn-primary.focus, .btn-primary:focus-visible,.btn-primary.focus, .btn-primary:hover {
color: #fff;
background-color:var(--blue) !important;
border-color: var(--blue) !important;
box-shadow:none !important;
outline: none !important;
}
.oneline.viewline select {
background: transparent !important;
margin-bottom: 20px;
padding: 11.5px 11px;
cursor: pointer;
color: #fff !important;
font-weight: 400;
}
.oneline.viewline select:focus{
box-shadow:none !important;
}
.selectContWrap{
position: relative;
}
.selectContWrap::before {
content: ' ';
position: absolute;
top: 50%;
right: 11px;
background-image: url("data:image/svg+xml;utf8,");
width: 13px;
height: 6px;
background-repeat: no-repeat;
transform: translateY(-7%);
}
.oneline.viewline {
display: flex
;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
}
.input-wrap.month-wrap {
width: calc(50% - 10px) !important;
}
form.revenueForm {
padding: 0 !important;
display: flex
;
flex-direction: column;
}
input.form-control.uploadFile {
background: #1B4BA0;
}
.modal-header {
display: flex
;
align-items: center;
justify-content: space-between !important;
width: 100% !important;
}
.modal-header::before,.modal-header::after{
content:none !important;
}
.modal.custom_popup_section.show .modal-header .close {
padding: 0 !important;
margin: 0 !important;
opacity: 1;
}
.custom-upload-btn {
display: flex
;
align-items: center;
justify-content: center;
width: 100%;
background: #1B4BA0;
color: #fff;
border-radius: 6px;
padding: 11.5px 0;
font-size: 20px;
font-weight: 500;
cursor: pointer;
border: none;
transition: background 0.2s;
margin-bottom:20px !important;
}
.custom-upload-btn:hover {
background:#1B4BA0;
}
.action-buttons {
display: flex
;
gap: 10px;
}
.fa-magnifying-glass:before, .fa-search:before {
content: "\f002";
opacity: 0.5;
font-size: 14px !important;
}
.custom-searchbar {
position: relative;
width: 250px;
}
.custom-search-icon {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: #bfc5d2;
font-size: 16px;
}
.custom-search-input {
padding-left: 32px;
width: 100%;
height: 41px;
border: 1px solid #343434 !important;
border-radius: 8px;
background: transparent;
color: #fff;
font-size: 16px;
outline: none;
}
.buttonTextWrapper {
display: flex
;
align-items: center;
/* height: 41px; */
justify-content: center;
gap: 20px;
}
.buttonTextWrapper label{
margin: 0 !important;
font-size: 16px;
font-weight: 500;
}
.monthYearWrap {
display: flex
;
gap: 10px;
}
.modal-content {
border: 1px solid #a7a7a7a6;
overflow: hidden;
border-radius: 15px;
background-color: var(--purple) !important;
}
.modal.show .modal-dialog {
height: 100vh;
display: flex
;
align-items: center;
justify-content: center;
margin: 0 auto !important;
WIDTH: 100%;
max-width: 100%;
}
.modal-content.distributorFormCont .Register-Distributor {
max-width: 500px !important;
width: 500px !important;
}
.modal-content {
max-width: 301px;
}
.view-Wrap-label {
width: calc(50% - 10px);
display: flex
;
flex-direction: column;
}
.viewWrap {
width: 100%;
display: flex
;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 20px;
}
.view-Wrap-label label {
font-size: 14px;
font-weight: 400;
opacity: 0.4;
}
.view-Wrap-label span {
font-size: 16px;
font-weight: 400;
line-height: normal;
}
#view-html{
padding: 20px;
}
button.updateBtn.deleteBtn {
background: #EF4444 !important;
}
.modal-header.view-header {
padding: 20px;
}
.modal-footer.accountBtn {
padding: 20px !important;
}
.deletecontent{
max-width: 300px !important;
}
.file-btn-wrap button{
display: flex
;
align-items: center;
gap: 7px;
}
.top-header-column.header_logo_column {height: 135px;}
.btn-reject-payment {
background: #F14F3D20;
color: #F14F3D;
font-weight: 700;
font-size: 12px;
line-height: 100%;
text-align: center;
padding: 7px 23px;
border-radius: 5px;
}
.pending{
color:#F9A137 !important;
font-weight: 700;
font-size: 12px;
line-height: 100%;
text-align: center;
background: #F9A13720 !important;
padding: 7px 23px;
border-radius: 5px;
border:none !important;
}
.action-btn-wrap-claim{
display: flex;
gap: 10px;
}
.action-btn-wrap-claim button {
padding: 7px 14px !important;
border-radius: 5px !important;
background: #313133 !important;
}
.modal-content.file-View-modal,.expand-modal-content{
max-width: 500px;
border: none;
border-radius: 6px;
}
.modal-content.submitmodalcont {
border: none;
padding: 20px;
border-radius:6px !important;
}
.modal-content.submitmodalcont .modal-body h3{
text-align: center;
font-size: 16px;
font-weight: 400;
margin: 0;
}
.modal-content.submitmodalcont .modal-footer {
border: none !important;
padding: 0;
}
.modal-content.submitmodalcont .modal-footer button,.modal-footer a{
width: 50%;
padding: 7.5px;
border-radius: 4px;
font-size: 12px;
}
.modalBtnWrap {
width: 100%;
display: flex;
gap: 30px;
}
.rejectionInformation .modal-content {
max-width: 500px;
border: none;
}
.modalBtnWrap button.btn.btn-secondary {
background: #171717;
border: none;
color:#fff;
text-align: center;
font-weight: 500;
}
.modalBtnWrap button.btn.btn-secondary:focus
{
background:#171717 !important;
border: none !important;
outline: none !important;
box-shadow:none !important;
}
.modalBtnWrap button.btn.btn-primary {
background: #007bff;
border: none;
}
.modalBtnWrap button.btn.btn-primary:focus {
background: #1B4BA0 !important;
box-shadow: none !important;
border: none !important;
outline: none !important;
}
.submit-body{
margin-bottom: 15px;
padding: 0 !important;
}
.modal-content.submitmodalcont .modal-body{
padding: 0 !important;
}
.btn-primary:hover {
color: #fff;
background-color: #007bff !important;
border-color: #007bff !important;
}
/* .barchartcontainer{
background:aqua;
width: 50%;
} */
.leftchartHeadWrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
.leftChart{
width: calc(50% - 15px);
padding: 20px;
background: var(--purple);
box-shadow: 0px 6px 40px 0px #00000005;
border-radius: 12px;
}
.leftChart .select-container {
display: flex;
gap: 10px;
}
.leftchartHeadWrap h3{
font-size: 16px;
font-weight: 500;
}
.select-container select {
background: #171717;
border-radius: 6px;
padding: 7px 28px 7px 12px;
appearance: none;
border: none;
font-size: 13px;
font-weight: 400;
color: #fff !important;
}
.mainchartWrap {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.leftselectcont {
position: relative;
}
.leftselectcont::before {
content: '';
position: absolute;
top: 50%;
right: 12px; /* adjust as needed */
width: 8px;
height: 5px;
transform: translateY(-50%);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
pointer-events: none;
}
.modal-body.play-audio-body {
padding: 20px 20px 30px;
}
.modal-body.play-audio-body audio, canvas, progress, video{
height: 50px;
}
.accountBtn button.cancelBtn,.accountBtn button.cancelBtn:hover {
background: #171717;
color: #fff;
}
.tab-container {padding: 0px 10px;}
.card-text-img span.cardName {
width: 170px;
min-width: 170px !important;
max-width: 170px;
}
/*********************************************Responsive*********************************************/
@media(max-width:1540px){
.navigation-column ul li a span.text {padding-left: 10px;font-size: 13.5px;line-height: 23px;font-weight: 500;}
.header-logo img {object-fit: contain;height: 95px;width: 95px;border-radius: 15px;object-position: center;}
.playAudiobtn{font-size:12px;}
.distributorColor .input-wrap label{font-size:14px;}
.oneline{gap:0;align-items:end;flex-wrap:wrap;}
.distributorWrap form{height:calc(100vh - 220px);overflow:auto;padding-right:20px;max-height: calc(100vh - 144px);}
.dropdownwrapper .errormsg{font-size:13px;bottom:0px;}
.navigation-column .report-inner-list li{padding:10px 10px 5px 0px;}
.postHeadRight button{height:34px;padding:10px 6px;}
.input1 .errormsg{bottom:-2px;}
.expand-tabing {
padding: 10px;
}
.modal-card span {
font-size: 12px;
}
.card-img img{
border-radius:7px;
}
.tab-container {
padding: 0px 5px;
}
.earningsBoxLeft span {
font-size: 18px;
}
.tableHeadercstm,.bottom{
padding: 15px !important;
}
.dashboardBox-inner {
margin-top: 12px;
}
.dashInner svg {
width: 50px;
height: 50px;
}
.left-navigation-column{max-width:259px;}
.navigation-column ul li a{padding:7px 10px;}
.right-body-column .top-header-column{width:calc(100% - 259px);}
.top-header-column{height:80px !important;padding:0;}
.body-content-section{height:calc(100vh - 80px);margin-top:80px;padding-bottom: 20px;}
.navigation-column ul li .logout-btn{padding:9px 12px;}
.navigation-column ul li .logout-btn span.text button{padding:0px;font-size:15px;line-height:23px;}
.dashboard_top_row{padding:13px 0;}
.socialTab ul{gap:8px;}
.socialTab ul li{gap:8px;padding:7px 10px;}
.socialTab ul li p{font-size:14px;line-height:normal;}
.allAccount{padding:20px;}
.allAccountTitle{margin-bottom:20px;}
.allAccountTitle h3{font-size:18px;line-height:normal;margin-bottom:0;}
.allAccountTitle p{font-size:14px;line-height:normal;}
.connect-account2{gap:10px;}
.accointBox2{padding:7px;}
.accointBox2 span img{height:30px;width:30px;}
.accointBox2 h5{font-size:14px;line-height:normal;}
.disconnectBtn2 a{padding:5px 10px;font-size:12px;line-height:normal;}
.accountMainWrapper{gap:20px;margin-top:20px;}
.primary-ac{padding:20px;}
.primary-ac h3{font-size:18px;margin-bottom:18px;}
.secondary-ac{padding:20px;}
.secondary-ac h3{font-size:18px;margin-bottom:18px;}
.accountBoxList{gap:14px;}
.accountBox{padding:10px;}
.accountBox img{height:120px;}
.accountBox h6{padding-top:6px;line-height:normal;font-size:16px;}
.connect-account2{gap:10px;}
.chooseTopicRight,.chooseTopicLeft{padding:20px;}
.dropdownwrapper{gap:10px;padding:20px 0;}
.custom-select{height:40px;}
.dropdownwrapper button{padding:5px 40px;}
.allTopic ul li span{gap:10px;}
.allTopic ul li p{font-size:14px;}
.radio-btn{width:148px;height:148px;}
.radio-btn .hobbies-icon img{width:50px;height:50px;margin-bottom:10px;}
.radio-btn > i{font-size:8px;}
.radio-btn .hobbies-icon h3{line-height:normal;font-size:14px;white-space:nowrap;}
.radio-buttons{gap:11px;}
.chooseTopicWrap{gap:20px;}
.loginWithHeadLeft p{margin:20px 0;font-size:16px;}
.leftChart {
padding: 15px;
width: calc(50% - 10px);
border-radius:9px;
}
.dashboardBoxWrap{
gap:12px;
}
.select-container select {
background: #171717;
border-radius: 5px;
padding: 4px 25px 4px 10px;
font-size: 12px;
}
.leftselectcont::before{
right: 9px;
}
.leftchartHeadWrap h3 {
font-size: 14px;
}
.mainchartWrap{
margin-top: 13px;
}
.dashboardBox{padding:12px;width:270px;}
.dashInner span p{margin-bottom:6px;line-height:13.82px;margin-bottom:0px;}
.dashInner span h1{font-size:26px;line-height:37.19px;}
.dashBottom p{font-size:16px;font-weight:600;line-height:19.82px;}
.dashInner img{height:50px;width:50px;}
.currentPlan{margin-top:20px;padding:15px;}
.currentPlanHead h3{font-size:20px;}
.currentPlanHead button{padding:4px 20px;font-size:14px;}
.dashPlanBox{padding:15px;border-radius:10px;height:79px;}
.currentPlanBody{gap:20px;flex-wrap:wrap;}
.dashboardtable{gap:20px;}
.currentPlanHead{padding-bottom:15px;}
.dashPlanBox{width:100%;}
.currentPlanBox1 h4{font-size:20px;line-height:22.74px;}
.currentPlanBox2 h3{font-size:20px!important;margin-bottom:0!important;}
.dashboardGraph{height:319px;}
.editiorWrapper{margin-bottom:20px;padding:20px;}
.editorBox{height:412px;padding:20px;}
.editorBoxBtn{padding-top:20px;}
.f2btn{padding:0 20px;gap:7px;}
.f3btn{gap:7px;}
.f2btn:after{left:10px;}
.f2btn:before{right:10px;}
.typeTextBtn button{padding:6px 8px;font-size:12px;height:35px;}
.typeTextBtn button span svg{height:15px;}
.typeTextBtn button svg{height:13px;}
.publishBtn{gap:10px;}
.publish,.schedule{width:113px;padding:9px;height:35px;font-size:11px;gap:6px;}
.typeTextBtn button span{padding-right:3px;}
.header-search input#search{height:35px;}
.ticket-search .header-search{width:365px;}
.header-search input#search{height:35px;padding:10px 15px 10px 39px;}
.whr-drop-hide .header-search>img{top:17px;}
.header-search>img{top:10px;}
.dashboard_top_row button,button.generate-report,.bulk-delete{padding:7px 20px;}
.circle{width:90px;height:90px;}
.profile-pic{width:90px;height:90px;}
.p-image{margin-top:10px;}
.profileSetting h3{font-size:20px;margin-bottom:20px;}
.accountRight .currentPlan h3{font-size:20px;margin-bottom:20px;}
.accountDetail .input-wrap input{margin-bottom:16px;}
.profileSetting.changePw .input-wrap input{margin-bottom:16px;}
.profilBtn .cancelBtn{padding:4px 44px;}
.profilBtn .addBtn{padding:4px 32px;}
.currentPlanBox2 p{margin-bottom:0px;}
.update-btn button{padding:4px 26px;}
.allTopic ul li{padding:10px 15px;margin-bottom:12px;}
.alltopicHead{margin-bottom:20px;}
.alltopicHead button{padding:4px 27px;}
.accointBox{padding:6px;}
.disconnectBtn a{padding:8px 10px;}
.myAccount{gap:20px;}
.accountRight .currentPlan{margin-bottom:20px;}
.profileSetting{margin-bottom:20px;padding:15px;}
.accountLeftHead h6{margin-bottom:6px;font-size:20px;}
.innerUser{width:358px;}
.adminContainer{font-size:14px;}
.administratorWrap{margin-bottom:20px;margin-top:30px;}
.logout-modal .modal-footer .cancelBtn{font-size:12px;padding:10px 34px;line-height:14px;}
.logout-modal .modal-footer .addBtn{font-size:12px;padding:10px 34px;line-height:14px;}
.logout-modal .modal-body h3{font-size:22px;}
.logout-modal .modal-body{padding:25px 25px 15px;}
.logout-modal .modal-dialog{max-width:300px;}
.dashboard_top_row a{padding:7px 14px;font-size:13px;}
.postContent p{font-size:14px;line-height:20.2px;}
.tabBtnInner button{font-size:14px;padding:11px 25px;line-height:13px;}
.postHeadRight span{height:34px;padding:10px 6px;}
.postHeadRight span button{font-size:12px;line-height:14.6px;}
.postDelete button{font-size:14px;}
.custom-control-input2 label:before{width:5px;height:10px;}
.custom-control-input2{width:20px;height:20px;}
.topicRightsBtn button.cancelBtn,.topicRightsBtn .submitBtn{height:40px;width:130px;padding:5px 14px;}
.topicRightsBtn{margin-top:20px;}
.rights_table_wrap{padding:20px;}
.rights_table_wrap h3{margin-bottom:20px;}
.rights_table_wrap h3{font-size:20px;margin-bottom:15px;}
.admin-name-column-sec .dropdown-wrap-sec{left:-50px!important;}
.select2-container{margin-bottom:20px!important;}
.select2-container--default .select2-selection--multiple{height:41px!important;padding:10px 15px 10px 15px!important;}
.select2-container .select2-search--inline .select2-search__field{font-size:14px!important;height:41px!important;margin-bottom:20px!important;}
.select2-container--default .select2-search--inline .select2-search__field{margin-bottom:0!important;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{font-size:14px!important;}
.select-type:before{right:20px;bottom:36px;}
.post-wrap{gap:13px;}
.post-inner{gap:13px;}
.postBox{padding:12px;}
.postHeadRight{gap:7px;}
.oneColumn{gap:9px;}
.ticket-search .header-search img{top:17px;}
.createLinkWrap{padding:40px;}
.createLinkWrap2{padding:40px;}
.taskfield .tasklabel{line-height:normal;font-size:14px;margin-bottom:6px;}
.taskfield textarea{font-size:14px;height:81px;padding:10px;}
.taskfieldBtn{margin-bottom:20px;}
.social-head{padding:18px;}
.social-head h4{font-size:16px}
.copy-link-input{font-size:15px;}
.taskfieldBtn .updateBtn,.taskfieldBtn .editBtn{width:117px;padding:5px 31px;line-height:26px;}
.createboxinner{width:572px;}
.profilePic img{height:100px;width:100px;}
.copyLink2 button{top:8px;right:7px;padding:3px 10px;font-size:12px;}
.viewProfile{font-size:14px;height:41px;padding:10px 15px 10px 15px;margin-bottom:16px;}
.copy-link-input2{font-size:14px;height:41px;padding:10px 15px 10px 15px;margin-bottom:16px;}
.completionDateinput input[type="date"]::-webkit-calendar-picker-indicator{right:0px;bottom:-1px;}
.taskViewRight{padding:20px;}
.order-track-step{height:104px;}
.order-track-text{padding:20px;font-size:22px;}
.order-track-text-sub{font-size:16px;}
.order-track-btn a{width:108px;}
.order-track-text-stat{font-size:22px;line-height:21.6px;}
.taskViewLeft{padding:20px;}
.taskViewLeftHead h4{font-size:20px;margin-bottom:20px;}
.taskViewRight h4{font-size:20px;margin-bottom:20px;}
.order-track-status-line{height:7.5rem;}
.order-track{padding:0 0 0 1rem;}
.viewTaskWrap{gap:20px;}
.navigation-column > ul > li.active:before{height:44px;}
.login-head{padding:30px;}
.registerLink{padding-top:40px;}
.login-form.sign-up-only .registerLink{padding-top:30px;}
.login-form.sign-up-only .login-head{padding:30px;}
.login-head img{margin-bottom:20px;}
.serviceBox{height:198px;}
.add-services .login-head{padding:30px;}
.add-services .registerLink{padding-top:30px;}
.login-head h2{margin-bottom:5px;}
.onlyOtp .login-head{padding:30px;}
/* Analytics page styling */
button.tab-link.tab-btn { font-size: 15px; padding: 0px 15px; }
.Analytics-wrap .tabs { padding: 15px 15px 0px 15px; }
/* .card-cont { padding: 10px; } */
a.view-btn { padding: 5px 8px; font-size: 11px; }
.card-cont h6 { font-size: 14px; font-weight: 600; line-height: 24.55px; }
.bottom-card-cont { font-size: 11px; }
a.expand-btn { font-size: 14px; padding: 10px 20px; border-radius: 3px; }
.app-layout { gap: 15px; }
.icon-social-wrap { width: 55px; height: 55px; border-radius: 6px; }
.top-box-wrap, .bottom-box-wrap { font-weight: 500; font-size: 14px; }
.top-box-wrap img { width: 35px; }
main {padding: 15px 0px; }
.top-box-wrap.flag-box-wrap.overview-box-wrap img { width: 28px; }
.top-box-wrap.flag-box-wrap.overview-box-wrap { border-radius: 5px; padding: 10px; }
.box { padding: 10PX 12PX; gap: 10PX; border-radius: 5px; }
.dropdown-options label, .calendar-input, .dropdown-display { font-weight: 500; }
.card-img { width: 55px; height: 55px; }
.card { padding: 15px 20px; }
.card-img.flag-img { width: 75px; height: 55px; }
.card-text-img .card-img {width: 45px;height: 45px;border-radius: 7px;}
.expand-modal-header .card-img {width: 40px;height: 40px;}
.card-text-img span.cardName {
font-size: 12px;
}
.expand-modal-header{padding: 13px;}
.expand-tabing {gap: 5px;}
.expand-modal-header span {font-size: 14px !important;opacity: 1 !important;}
.expand-modal-content{width: 500px;}
.exp-tab-btn {font-size: 14px;}
.earningsBoxWrap {
gap: 10px;
}
.earningsBoxLeft p {
font-size: 12.9px;
margin-bottom: 10px;
}
.earningsBoxLeft h3 {
font-size: 20px;
line-height: normal;
}
.earningsBox {
padding: 10px 15px;
}
.earningsBoxRight {
height: 40px;
width: 40px;
border-radius: 8px;
}
.earningsBox svg {
width: 20px;
height: 20px;
}
.avatar-upload .avatar-preview {
width: 95px;
height: 95px;
}
.account-head {
margin-bottom: 15px;
padding: 10px;
}
/* .distributorWrap .modal-header{
padding: 15px;
}
.distributorWrap .modal-body {
padding: 15px;
} */
.view-Wrap-label label {
font-size: 12px;
}
.view-Wrap-label span {
font-size: 14px;
}
.viewWrap {
gap: 5px;
}
.sureText {
font-size: 14px;
}
.modal-header.view-header,#view-html,.modal-footer.accountBtn {
padding: 10px !important;
}
/* button.close span svg {
width: 10px;
height: 10px;
} */
.accountBtn button{
height: 32px;
}
.file-btn-wrap button{
font-size: 13px;
}
}
/*ipad mini landscape*/
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
.dashboard_top_row h5{font-size:20px;}
.socialTab ul li{gap:8px;padding:7px 10px;}
.socialTab ul li p{font-size:12px;line-height:normal;}
.dashboard_top_row{flex-wrap:wrap;gap:10px;}
.editorBoxBtn{gap:10px;flex-wrap:wrap;}
.dashInner img{height:40px;width:40px;}
.dashInner span h1{font-size:22px}
.dashBottom p{font-size:14px;}
.dashInner{padding-bottom:7px;}
.currentPlanBox2 p{margin-bottom:0px;}
.post-wrap{gap:7px;}
.post-inner{gap:7px;}
.postBox{padding:15px;}
.postHead{flex-wrap:wrap;gap:8px;}
.postHeadRight{gap:6px;width:100%;justify-content:start;}
.radio-btn{width:143px;height:143px;}
.detail-list{gap:10px;}
.likeSection span{font-size:12px;padding:6px 10px;}
.likeSection{gap:6px;}
.tabBtnInner button{padding:11px 15px;}
.socialTab ul li span img{height:20px;}
.socialTab ul li{height:40px;}
.dashboard_top_row button,button.generate-report{font-size:12px;}
}
/*ipad air landscape*/
@media only screen and (min-device-width:820px) and (max-device-width:1180px) and (orientation:landscape){
.postHeadRight{width:100%;justify-content:start;}
.postHeadLeft{width:100%;}
.postHead{flex-wrap:wrap;gap:10px;}
.postHeadRight span p{font-size:12px;}
.taskViewLeft{width:100%;}
.detail-list{gap:10px;}
.likeSection span{font-size:12px;padding:6px 10px;}
.likeSection{gap:6px;}
.tabBtnInner button{padding:11px 15px;}
.dashboard_top_row{flex-wrap:wrap;gap:7px;}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1200px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
.post-wrap{flex-wrap:wrap;}
.post-inner{width:100%;}
.dashboard_top_row{flex-wrap:wrap;gap:10px;}
.chooseTopicWrap{flex-wrap:wrap;}
.chooseTopicLeft{width:100%}
.chooseTopicRight{width:100%}
.dashboardtable{flex-wrap:wrap;}
.roleRightsForm{width:100%!important;}
.dashboardRight{width:100%!important;}
.myAccount{flex-wrap:wrap;}
.accountLeft,.accountRight{width:100%;}
.dashboardBox{width:46%;}
.dashboardBoxWrap{flex-wrap:wrap;}
.navigation-column{flex-direction:row;}
.socialTab ul{flex-wrap:wrap;}
.socialTab ul li{flex-wrap:wrap;}
.editorBoxBtn{flex-wrap:wrap;gap:10px;}
.left-navigation-column{max-width:230px;}
.right-body-column{width:calc(100% - 230px);}
.right-body-column .top-header-column{width:calc(100% - 230px);}
.navigation-column ul li{padding-right:37px;padding-left:15px;}
.ticket-search{justify-content:space-between;width:100%;}
.typeTextBtn button{white-space:nowrap;}
.socialTab ul li p{font-size:11px;}
.radio-btn{width:143px;height:143px;}
.taskViewLeft{width:100%;}
.detail-list{gap:10px;}
.likeSection span{font-size:12px;padding:6px 10px;}
.likeSection{gap:6px;}
.tabBtnInner button{padding:11px 15px;}
.headerTab .tabBtn{padding-left:15px;}
.right-column-wrap h5{margin:0 4px;}
ul.second-head-cont img{height:35px;width:35px;}
}
@media(max-width:1200px){
.custom-upload-btn{
border-radius:5px;
}
}
@media(max-width:992px){
.post-wrap{flex-wrap:wrap;}
.post-inner{width:100%;}
.dashboard_top_row{flex-wrap:wrap;gap:10px;}
.chooseTopicWrap{flex-wrap:wrap;}
.chooseTopicLeft{width:100%}
.chooseTopicRight{width:100%}
.dashboardtable{flex-wrap:wrap;}
.roleRightsForm{width:100%!important;}
.dashboardRight{width:100%!important;}
.myAccount{flex-wrap:wrap;}
.accountLeft,.accountRight{width:100%;}
.dashboardBox{width:48%;}
.dashboardBoxWrap{flex-wrap:wrap;gap:10px;}
.navigation-column{flex-direction:row;}
.socialTab ul{flex-wrap:wrap;}
.socialTab ul li{flex-wrap:wrap;}
.editorBoxBtn{flex-wrap:wrap;gap:10px;}
.left-navigation-column{max-width:230px;}
.right-body-column{width:calc(100% - 230px);}
.right-body-column .top-header-column{width:calc(100% - 230px);}
.navigation-column ul li{padding-right:37px;padding-left:15px;}
.ticket-search{width:100%;justify-content:space-between;}
.typeTextBtn button{white-space:nowrap;}
.bottom_nav{padding:10px;}
.currentPlanBox2 p{margin-bottom:0px;}
.dashInner img{height:40px;width:40px;}
.dashInner span h1{font-size:22px}
.dashBottom p{font-size:14px;}
.dashInner{padding-bottom:5px;}
.ticket-search .header-search{width:315px;}
.planBox{padding:23px 15px;width:200px;}
.planBoxHeader h1{font-size:26px;line-height:normal;}
.planBoxBody li{font-size:14px;margin-bottom:10px;line-height:16.55px;}
.planBox hr{margin-bottom:15px;margin-top:15px;}
.planFoot button{line-height:18.82px;line-height:18.82px;}
.f2btn{padding:0 18px;gap:7px;}
.f2btn:before{right:8px;}
.f2btn:after{left:8px;}
.postHead{flex-wrap:wrap;gap:8px;}
.postHeadRight{gap:6px;width:100%;justify-content:start;}
.radio-btn{width:143px;height:143px;}
.taskViewLeft{width:100%;}
.typePostTab{gap:30px;}
.postSearch{width:100%;}
.postSearch .header-search{width:100%;}
.right-container-body{gap:6px;}
.postDetailModal .modal-body{padding:20px;}
.detail-list{gap:10px;}
.likeSection span{font-size:12px;padding:6px 10px;}
.likeSection{gap:6px;}
.createboxinner{width:100%;}
.createLinkWrap2{padding:20px;}
.socialiconList ul li{width:90px;height:90px;}
.socialiconList ul li img{height:30px;width:30px;}
.social-head h4{font-size:14px;}
.socialiconList{padding:20px;}
.socialiconList ul{padding-bottom:20px;}
.tabBtnInner button{padding:11px 15px;}
.headerTab .tabBtn{padding-left:15px;}
.right-column-wrap h5{margin:0 4px;}
ul.second-head-cont img{height:35px;width:35px;}
.viewTaskWrap{gap:20px;flex-wrap:wrap;flex-direction:column-reverse;}
.taskViewRight{padding:20px;width:100%;}
}