/**{font-family: 'Nunito Sans',sans-serif;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-Black.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-BlackItalic.woff') format('woff');font-weight:bold;font-style:normal;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-Bold.woff') format('woff');font-weight:normal;font-style:italic;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-BoldItalic.woff') format('woff');font-weight:bold;font-style:italic;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-ExtraBold.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-ExtraBoldItalic.woff') format('woff');font-weight:bold;font-style:normal;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-ExtraLight.woff') format('woff');font-weight:normal;font-style:italic;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-ExtraLightItalic.woff') format('woff');font-weight:bold;font-style:italic;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-Italic.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-Light.woff') format('woff');font-weight:bold;font-style:normal;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-LightItalic.woff') format('woff');font-weight:normal;font-style:italic;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-Medium.woff') format('woff');font-weight:bold;font-style:italic;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-MediumItalic.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-Regular.woff') format('woff');font-weight:bold;font-style:normal;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-SemiBold.woff') format('woff');font-weight:normal;font-style:italic;}
@font-face{font-family:'Nunito';src:url('../font/nunito-sans/Nunito-SemiBoldItalic.woff') format('woff');font-weight:bold;font-style:italic;}
body{font-family:'Nunito Sans',sans-serif !important;}*/
*{color:#FFF;font-family:Nunito Sans;}
:root{--blue:#5173FF;--purple:#10102B;--dark:#05051F;}
body{background-color:var(--dark);}
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;}
.alert{
    z-index: 999999999;
}
#error-append-div{
    z-index: 999999999 !important;

}
.modal{
    z-index: 9999 !important;
}
.table td:first-child,.bordered th:first-child{border-left:medium none;padding-left: 9px !important;}
/* dataTable css start */
/* .dataTables_wrapper .dataTables_scroll { clear: both; border: 1px solid #434343; border-radius: 9px; border-bottom: none; }
.dataTables_wrapper .dataTables_filter { float: right; text-align: right; margin-right: 125px; }
.dashboardtable { padding-top: 0; margin-top: -62px; } */
table.dataTable thead .sorting{background-image:none!important;}
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:1px solid #343434!important;white-space:nowrap;background:var(--purple);font-size:14px;line-height:19.1px;text-align:left;padding:15px 20px;border-top:0!important}
table.dataTable tbody tr td{font-size:14px!important;font-weight:600!important;line-height:19.1px!important;text-align:left!important;padding:9px 9px;}
table.dataTable tbody tr{background-color:var(--dark)!important;}
.table td,.table th{border-bottom:0.5px solid #434343!important;border-top:0!important;}
table.dataTable thead .sorting_desc{background-image:none!important;}
.tableWrap{overflow:hidden;border-radius:14px;width:100%;overflow-x:auto;}
.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/music-search.svg');content:' ';left:11px;top:11px;height:14px;width:14px;background-repeat:no-repeat;}
/* #datatable-responsive th{padding:0!important;} */
.bottom { width: 100%; float: left; background: var(--purple); padding: 18px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #343434; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.dataTables_wrapper .dataTables_paginate{float:right!important;text-align:right!important;padding-top:0!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;color:#FFF!important;background:transparent!important;box-shadow:none!important;border:1px solid #E2E8F0!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;}
.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:#DBDDDF!important;}
.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:#4379EE;}
/*dataTable css over*/
.top-header-column.header_logo_column .header-logo{height:105px;width:105px;object-fit:cover;border-radius:20px;}
.body-content-section::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.body-content-section::-webkit-scrollbar{width:4px;background-color:#F5F5F5;}
.body-content-section::-webkit-scrollbar-thumb{background-color:var(--blue);}
.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);}
.loginMain{position:relative;}
.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;background-color:var(--dark);}
.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:608px;border-radius:24px;background:var(--dark);z-index:1;border:1px solid #434343;}
.login-head{padding:60px 60px 40px 60px;}
.login-head p{font-size:18px;font-weight:600;line-height:24.55px;text-align:center;margin-bottom:0;}
.login-head h2{font-size:32px;font-weight:700;line-height:43.65px;text-align:center;color:#FFF;}
.login-cont{padding:0 60px 60px 60px;float:left;width:100%;position:relative;}
.login-form form .input-wrap{position:relative;float:left;width:100%;padding-top:0px;}
.input1{position:relative;float:left;width:100%;}
label.lable-name{margin-bottom:15px;color:#FFF;font-style:normal;letter-spacing:0.2px;font-size:18px;font-weight:600;line-height:24.55px;text-align:left;}
form .input-wrap input{width:100%;margin-bottom:30px;border-radius:8px;background:#10102B;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);font-size:18px;font-weight:800;line-height:24.55px;text-align:left;border:1px solid #373737;resize:none;}
form .input-wrap input:focus{outline:none;}
form .input-wrap input::placeholder{color:#A6A6A6;}
form .input-wrap textarea{width:100%;margin-bottom:30px;border-radius:8px;background:var(--purple);overflow:hidden;text-overflow:ellipsis;font-style:normal;display:flex;height:120px;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 #434343;}
form .input-wrap textarea:focus{outline:none;}
form .input-wrap textarea::placeholder{color:#A6A6A6;}
.forgot-pw{display:flex;width:100%;justify-content:space-between;align-items:center;position:relative;margin-bottom:40px;}
.forgot-pw p{margin-bottom:0;}
.login-chek-container{display:block;position:relative;padding-left:30px;margin-bottom:0px;cursor:pointer;user-select:none;color:#fff;font-style:normal;letter-spacing:0.2px;font-size:18px;font-weight:600;line-height:24.55px;text-align:left;}
.login-chek-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.login-chek-container input:checked ~ .checkmark{background-color:transparent;}
.login-chek-container .checkmark{position:absolute;top:0px;left:0;height:24px;width:24px;border-radius:6px;border:0.6px solid #A3A3A3;}
.login-chek-container input:checked ~ .checkmark:after{display:block;}
.login-chek-container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 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{color:#FFF;margin-bottom:0;font-size:18px;font-weight:600;line-height:24.55px;text-align:right;}
.sign_in_btn button{text-decoration:none;text-transform:none;border:0;position:relative;border-radius:8px;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:18px;font-weight:700;line-height:24.55px;text-align:center;}
.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:var(--dark);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;}
.planBox{border:1px solid #B9B9B9;padding:40px 30px;border-radius:24px;width:350px;position:relative;}
.planBox:before{position:absolute;left:0;top:0;background-image:url(../images/plan.svg);width:100%;height:100%;content:' ';background-repeat:no-repeat;background-size:cover;z-index:-1;}
.planWrapper{background-color:#fff;width:auto;display:flex;justify-content:center;align-items:center;float:left;padding:81px 60px;gap:40px;position:absolute;border-radius:24px;transform:translate(-50%,-50%);top:50%;left:50%;}
.planMainBox{position:relative;height:100vh;}
.planBox hr{border-color:#FFF2b;height:2px;margin-bottom:35px;margin-top:35px;}
.planBoxHeader{text-align:center;}
.planBoxHeader h3{font-size:22px;font-weight:700;line-height:30.01px;color:#FFF;margin-bottom:10px;}
.planBoxHeader h1{font-size:46px;font-weight:800;line-height:62.74px;color:var(--blue);}
.planBoxHeader p{font-size:16px;font-weight:400;line-height:21.82px;color:#FFF;margin-bottom:10px;}
.planBoxBody{padding:0;margin:0;list-style:none;text-align:center;}
.planBoxBody li{font-size:18px;font-weight:600;line-height:24.55px;text-align:center;margin-bottom:30px;color:#FFF;}
.planBoxBody li.disable{color:#FFF57;}
.planFoot button{color:var(--blue);border:2px solid var(--blue);background:transparent;padding:19px 46px;border-radius:70px;font-size:16px;font-weight:700;line-height:21.82px;text-align:left;}
.planFoot{text-align:center;}
.innerCenterForm .registerprofile{text-align:center;display:flex;justify-content:center;padding-bottom:31px;}

/*dashboard css*/
.left-navigation-column{float:left;width:100%;max-width:280px;background:var(--dark);border-right: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;height:165px;}
.top-header-column{float:left;width:100%;height:72px;box-shadow:none;}
.right-body-column{float:left;width:calc(100% - 280px);background:var(--dark);border-radius:0;}
.right-body-column .top-header-column{position:fixed;top:0;right:0;z-index:3;display:flex;width:calc(100% - 280px);align-items:center;background:var(--dark);border-bottom:1px solid #434343;}
.right-container-body{position:relative;display:flex;float:left;width:100%;padding:0 40px;align-items:center;flex-wrap:wrap;justify-content:space-between;}
span.navigation-toggle-btn{display:flex;float:left;width:40px;height:40px;font-size:24px;line-height:27px;cursor:pointer;border-radius:5px;align-items:center;justify-content:center;}
ul.second-head-cont{display:flex;margin-right:10px;}
.right-column-wrap-main{display:flex;align-items:center;}
.right-column-wrap{display:flex;flex-direction:column;}
.right-column-wrap .authName{margin-bottom:0;font-size:14px;font-weight:700;line-height:19.1px;text-align:left;}
.right-column-wrap .authhost{font-size:12px;font-weight:600;line-height:16.37px;text-align:left;}
.body-content-section{float:left;width:100%;height:calc(100vh - 72px);margin-top:72px;overflow-y:auto;padding-bottom:20px;background:var(--dark);}
.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{font-size:32px;font-weight:700;line-height:43.65px;text-align:left;color:#FFF;margin-bottom:0;}
.header-logo img{object-fit:cover;}
/* .navigation-column{display:flex;float:left;width:100%;height:calc(100vh - 173px);padding:0;overflow-y:auto;justify-content:space-between;flex-direction:column;} */
.navigation-column{display:flex;float:left;width:100%;padding:0;overflow-y:auto;justify-content:space-between;flex-direction:column;}
.navigation-column > ul{float:left;width:100%;margin-top:0px;}
.navigation-column > ul > li.active:before{content:' ';width:6px;height:50px;border-radius:0px 4px 4px 0px;background:var(--blue);left:0;right:0;top:0;position:absolute;}
.navigation-column > ul > li.active a{color:#ffffff;background:var(--blue);}
.navigation-column > ul > li.active a span.text{color:#fff;}
.navigation-column ul li a:hover{text-decoration:none;}
.navigation-column ul li .logout-btn{position:relative;display:flex;float:left;width:100%;padding:12px 18px;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:10px;font-size:18px;font-weight:500;line-height:20px;vertical-align:middle;text-transform:capitalize;}
.navigation-column ul li .logout-btn span.text button{display:inline-block;padding-top:0;padding-left:0;vertical-align:middle;text-transform:capitalize;color:#fff;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;margin-bottom:0;}
.navigation-column ul li .logout-btn span.text button{border:0;background:transparent;}
.navigation-column ul li{position:relative;float:right;width:100%;border-bottom:0;padding-left:20px;padding-right:20px;margin-bottom:5px;}
.navigation-column ul li a{position:relative;align-items:center;display:flex;float:left;width:100%;padding:13px 18px;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;padding-left:10px;vertical-align:middle;text-transform:capitalize;font-size:13px;font-weight:600;line-height:19.1px;text-align:left;color:#FFF;}
.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;}
.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);}
.notification-icon{margin-right:28px;position:relative;}
.notification-icon span{height:18px;width:18px;display:flex;font-size:12px;font-weight:700;line-height:16.37px;text-align:left;background:#F14D3E;position:absolute;top:-5px;right:-9px;border-radius:20px;justify-content:center;align-items:center;}
.dashboard_top_row{display:flex;justify-content:space-between;padding:15px 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;}
.support-btn{margin-right: 10px;}
.support-btn:hover{color: #fff !important;}
.dashboard_top_row a,.support-btn{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;z-index:9;}
.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:8px;margin-bottom:8px;border-top:0.6px solid #434343;}
.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:#FFF;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:#FFF;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:#FFF;}
.modal-backdrop{background-color:#FFF85!important;}
.accountSetupModal .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px;}
.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:#FFF;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:#FFF;}
.disconnectBtn a{background:#F9F9FB;font-size:12px;font-weight:400;line-height:16.8px;text-align:left;border-radius:47px;padding:10px;color:#FFF;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:#FFF;}
.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;}
.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;}
.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:#FFF;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:#FFF;font-size:18px;font-weight:600;line-height:24.55px;text-align:left;}
.disconnectBtn2 a{background:#F9F9FB;border-radius:47px;padding:10px;color:#FFF;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:#FFF;}
.primary-ac h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:25px;color:#FFF;}
.accountBox.dashed{border:2px dashed #D5D5D5;}
.loginWithHeadLeft{width:100%;float:left;position:relative;display:flex;justify-content:center;align-items:center;}
.loginWithHeadLeft p{font-size:18px;font-weight:600;line-height:24.55px;text-align:center;margin:40px 0;background:var(--dark);z-index:2;padding:0 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;}
.postBox{border:1px solid #E0E0E0;padding:20px;border-radius:10px;}
.postHead{display:flex;width:100%;justify-content:space-between;background:#F9F9FB;padding:10px;border-radius:8px;align-items:center;}
.postHeadRight span{display:flex;align-items:center;height:40px;padding:10px;background:#fff;border-radius:8px;}
.postHeadRight span p{margin-bottom:0;padding-left:5px;font-size:14px;font-weight:400;line-height:19.6px;text-align:left;}
.postContent{padding:25px 0 0;}
.postContent p{font-size:18px;font-weight:400;line-height:25.2px;text-align:left;margin-bottom:0;}
.postHeadRight{display:flex;width:50%;justify-content:end;gap:10px;}
.postHeadLeft{display:flex;gap:10px;}
.postHeadLeft img{height:40px;width:40px;border-radius:8px;}
.postHeadLeft span h6{font-size:14px;font-weight:700;line-height:19.6px;text-align:left;margin-bottom:0;}
.dateTime{font-size:12px;font-weight:400;line-height:16.8px;text-align:left;margin-bottom:0;}
.post-wrap{display:flex;gap:25px;width:100%;}
.postImg{padding-top:25px;display:flex;overflow:auto;gap:25px;padding-bottom:10px;}
.postImg::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.postImg::-webkit-scrollbar{width:6px;height:4px;background-color:#F5F5F5;}
.postImg::-webkit-scrollbar-thumb{background-color:#000000;}
.post-inner{width:50%;display:flex;flex-direction:column;gap:25px;}
.dashboardBoxWrap{display:flex;width:100%;gap:20px;}
.dashboardBox{width:33.33%;border:1px solid #D8D8D8;border-radius:14px;padding:20px;}
.dashInner{display:flex;width:100%;justify-content:space-between;align-items:flex-start;padding-bottom:30px;}
.dashInner span p{font-size:16px;font-weight:600;line-height:21.82px;text-align:left;margin-bottom:16px;}
.dashInner span h1{font-size:28px;font-weight:700;line-height:38.19px;text-align:left;margin-bottom:0;}
.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:#FFF;padding:5px 25px;border-radius:7px;width:93px;}
.dashboardtable{display:flex;width:100%;gap:25px;padding-top:0px;}
.dashboardGraph{padding:20px;border:1px solid #D8D8D8;border-radius:14px;height:419px;}
.currentPlan{padding:20px;border:1px solid #434343;border-radius:14px;margin-top:25px;}
.currentPlanHead h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:0;}
.currentPlanHead{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;}
.currentPlanHead button{font-size:14px;font-weight:700;line-height:27px;text-align:left;border:1px solid #D5D5D5;background:#F9F9FB;border-radius:6px;padding:10px 32px;color:#FFF;}
.currentPlanHead button:hover{background:#F9F9FB;color:#FFF;}
.dashPlanBox{border:1px solid #D5D5D5;padding:20px;border-radius:10px;height:101px;width:50%;}
.currentPlanBody{display:flex;align-items:center;justify-content:space-between;gap:25px;}
.currentPlanBox1{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;}
.currentPlanBox1:before{position:absolute;left:0;top:0;background-image:url(../images/plan2.svg);width:100%;height:100%;content:' ';background-repeat:no-repeat;background-size:cover;z-index:0;}
.currentPlanBox1 h4{font-size:24px;font-weight:700;line-height:32.74px;text-align:left;color:var(--blue);margin-bottom:0;position:relative;}
.currentPlanBox1 h4 span{font-size:18px;font-weight:600;line-height:24.55px;text-align:left;color:#FFF;}
.currentPlanBox2 h3{font-size:24px;font-weight:700;line-height:32.74px;text-align:left;}
.currentPlanBox2 p{font-size:14px;font-weight:400;line-height:19.6px;text-align:left;margin-bottom:20px;}
.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;width:280px;}
.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;}
.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:#FFF;font-size:14px;font-weight:700;line-height:27px;gap:10px;border:1px solid #FFF;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:#FFF;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;}
.postDetailModal .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:703px;}
.postDetailModal .modal-header{background:#F9F9FB;border-bottom:0;padding:25px;}
.postDetailModal .modal-body{padding:25px;}
.postDetailModal .modal-content{border:1px solid #D5D5D5;overflow:hidden;border-radius:15px;}
.postDetailModal .modal-header span{display:flex;align-items:center;}
.postDetailModal .modal-header span h5{padding-left:10px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#FFF;}
.modal-backdrop{backdrop-filter:blur(5px);background-color:var(--dark)60;opacity:1!important;}
.postDetailModal .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px;}
.postDetailModal .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:#FFF;margin:0;}
.postDetailModal .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;}
.postDetailModal .connect-account{flex-direction:column;}
.detail-list{display:flex;align-items:center;justify-content:space-between;}
.likeSection{display:flex;gap:10px;}
.likeSection span{background:#F9F9FB;padding:12px 10px;border-radius:34px;font-size:14px;font-weight:400;line-height:19.6px;text-align:left;display:flex;align-items:center;gap:5px;}
.likeSection .active{background:var(--blue);color:#fff;}
.likeSection .active svg path{fill:#fff;}
.postDetailModal .account-body hr{border:0;margin-top:0;}
.primaryTop{width:auto;display:flex;}
.primaryTop .disconnectBtn a{background:var(--blue);color:#fff;}
.typePostTab{display:flex;width:100%;padding-bottom:30px;}
.tabBtn{width:auto;}
.postSearch{width:80%;display:flex;justify-content:end;}
.postSearch .header-search{width:388px;}
.tabBtnInner{display:flex;border-radius:10px;overflow:hidden;width:auto;border:1px solid #D8D8D8;}
.tabBtnInner button:after{content:' ';position:absolute;right:0;top:0;border-left:1px solid #D8D8D8;height:100%;float:left;}
.tabBtnInner button:last-child:after{content:none;}
.tabBtnInner button{background:#F9F9FB;font-size:16px;font-weight:700;line-height:27px;text-align:left;padding:10px 25px;position:relative;border:0;}
.tabBtnInner button.active{background:var(--blue);color:#fff;}
.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;}
.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;padding:15px;background:var(--purple);border-radius:8px;margin-bottom:0;border:1px solid #434343;width:48%;flex-direction:column;}
.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;}
.allTopic ul li label{font-size:14px;font-weight:600;line-height:19.1px;text-align:left;color:#A6A6A6;}
.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{padding:20px;border:1px solid #434343;border-radius:14px;margin-bottom:30px;position:relative;}
.profileSetting h3{font-size:24px;font-weight:700;line-height:20px;text-align:left;margin-bottom:30px;}
.profileSetting.changePw{width:100%;float:left;}
.profileSetting.changePw .login-cont{padding:0;}
.profileSetting.changePw .input-wrap input{margin-bottom:22px;}
.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;}
.profile-pic{width:120px;max-height:120px;display:inline-block;}
.circle img{max-width:100%;height:100%;object-fit:cover;border-radius:10px;}
.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:#FFF;margin:0;}
.profilBtn .addBtn{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:27px;text-align:left;width:147px;height:48px;display:flex;justify-content:center;align-items:center;}
.profilBtn .edit{padding:10px 37px;border:1px solid #373737;border-radius:8px;background:var(--purple);color:#fff;margin:0;font-size:14px;font-weight:700;line-height:27px;text-align:left;width:147px;height:48px;display:flex;justify-content:center;align-items:center;}
.accountDetail .input-wrap input{margin-bottom:22px;}
.addnewTopic .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:292px;}
.addnewTopic .modal-header{background:#F9F9FB;border-bottom:0;padding:10px;justify-content:center;}
.addnewTopic .modal-body{padding:15px;}
.addnewTopic .modal-content{border:1px solid #D5D5D5;overflow:hidden;border-radius:8px;}
.addnewTopic .modal-header span{display:flex;align-items:center;}
.addnewTopic .modal-header span h5{padding-left:0px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#FFF;display:flex;gap:5px;}
.addnewTopic .modal-footer{border:0;justify-content:space-between;padding:10px 15px 10px 15px;background:#F9F9FB;}
.addnewTopic .modal-footer .cancelBtn{padding:5px 24px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#FFF;margin:0;width:88px;display:flex;justify-content:center;align-items:center;}
.addnewTopic .modal-footer .addBtn{border:1px solid var(--blue);border-radius:8px;font-size:12px;font-weight:700;line-height:27px;padding:5px 24px;text-align:left;background:var(--blue);color:#fff;margin:0;width:88px;display:flex;justify-content:center;align-items:center;}
.addnewTopic .modal-body input#search{margin-bottom:0;}
.deleteTopic .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:292px;}
.deleteTopic .modal-header{background:#F9F9FB;border-bottom:0;padding:10px;justify-content:center;}
.deleteTopic .modal-body{padding:15px;}
.deleteTopic .modal-content{border:1px solid #D5D5D5;overflow:hidden;border-radius:8px;}
.deleteTopic .modal-header span{display:flex;align-items:center;}
.deleteTopic .modal-header span h5{padding-left:0px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#FFF}
.deleteTopic .modal-footer{border:0;justify-content:space-between;padding:10px 15px 10px 15px;background:#F9F9FB;}
.deleteTopic .modal-footer .cancelBtn{padding:5px 24px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#FFF;margin:0;width:88px;display:flex;justify-content:center;align-items:center;}
.deleteTopic .modal-footer .addBtn{padding:5px 24px;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;}
.deleteTopic .modal-body input#search{margin-bottom: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-body h3{text-align:center;font-size:21px;}
.logout-modal .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:403px;}
.logout-modal .modal-header{background:#F9F9FB;border-bottom:0;padding:25px;justify-content:center;}
.logout-modal .modal-body{padding:25px;}
.logout-modal .modal-content{overflow:hidden;border-radius:15px;background-color:var(--purple);border:1px solid #373737;}
.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;}
.logout-modal .modal-footer.logoutBtn{display:flex;justify-content:center;gap:20px;}
.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;text-align:left;padding:11px 17px;border-radius:5px;border:0;}
.logout-modal .modal-footer.logoutBtn button.cancelBtn{background:transparent;color:red;}
.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;}
.raisedNewTicket .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:478px;}
.raisedNewTicket .modal-header{background:#F9F9FB;border-bottom:0;padding:15px;justify-content:center;}
.raisedNewTicket .modal-body{padding:15px;}
.raisedNewTicket .modal-content{border:1px solid #D5D5D5;overflow:hidden;border-radius:15px;}
.raisedNewTicket .modal-header span{display:flex;align-items:center;}
.raisedNewTicket .modal-header span h5{padding-left:0px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#FFF;}
.raisedNewTicket .modal-footer{border:0;justify-content:space-between;padding:0 15px 15px}
.raisedNewTicket .modal-footer .cancelBtn{border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;text-align:left;background:#F9F9FB;color:#FFF;margin:0;height:30px;width:88px;display:flex;justify-content:center;align-items:center;}
.raisedNewTicket .modal-footer .addBtn{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;height:30px;width:88px;display:flex;justify-content:center;align-items:center;}
.raisedNewTicket .modal-body input#search{margin-bottom:0;}
.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:#FFF;}
.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:#FFF;}
.subjectBox textarea:focus{outline:none;}
.subjectBox textarea::placeholder{color:#FFF;}
.raisedNewTicket .modal-body label{font-size:12px;font-weight:600;line-height:16.37px;text-align:left;color:#FFF;}
.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:var(--blue);}
.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;}
form .input-wrap select {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 8px;
    background: #10102B;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    display: flex;
    height: 56px;
    padding: 14px 20px 14px 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 #373737;
}
.musicRadio {
    display: flex;
    height: 41px;
    gap: 20px;
    display: flex;
    align-items: center;
}
span.error-message {
    font-size: 13px;
    color: red;
    position: absolute;
    top: 75px;
}
span.error-message.SearchMsg {
    top: 120px;
}
span.error-message.bottom-msg {
    top: 83px;
}
.file-input {
    width: 100%;
}
.file-input {
    width: 100%;
}
input#audio-input {
    display: none;
}
button.uploadsubmitBtn, label.file-input__label.cover_image,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;
}
.expand-tab button {
    width: 33.33%;
    text-align: center;
    font-size: 12px;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-bottom: 0.5px solid #434343;
}
input[type="date"]::-webkit-calendar-picker-indicator {
   visibility: hidden;/* Hide the calendar icon */
}
input#file-input {
    display: none;
}
label.musicRadiolable {
    display: flex;
align-items: center;
flex-direction: row-reverse;
gap: 10px;
}
input[type="radio"]{
margin: 0 !important;
}
/* Change the text color of the selected option */
.input-inner {
    color: #DBDDDF; /* text color for the entire select */
}
table.ui-datepicker-calendar span {
    color: #000 !important;
}
span.ui-icon.ui-icon-circle-triangle-w{
position: relative;
}
span.ui-icon.ui-icon-circle-triangle-w::before{
background-image: url("/public/images/arrow.png");
}
form .input-wrap select::placeholder{
color:#DBDDDF !important;
}
form .input-wrap select:focus{outline:none;}
.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:#FFF;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;}
.input1 .errormsg{position:absolute;bottom:5px;color:red;font-size:14px;width:100%;}
.input-wrap label.error{position:absolute;bottom:-30px;color:red;font-size:14px;}
.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:0;display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
.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:-30px!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;}
.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:center;}
.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:#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;}
.shareTaskBtn:hover{color:#fff;}
.viewBtn:hover{color:#FFF;}
.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.error{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:#FFF;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:600;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:600;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;}
.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:#FFF;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:14px;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;    /* gap: 30px; */}
.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;background:transparent!important;border-color:transparent!important;}
.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:1050}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:0!important;}
ul.second-head-cont img{height:47px;width:47px;border-radius:10px;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 #E2E8F0!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 #fff!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;    color: #ffffff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{color:#FFF!important;}
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover{color:#FFF!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{color:#FFF!important;}
.dropdownwrapper{position:relative;}
.dropdownwrapper .errormsg{position:absolute;bottom:6px;font-size:14px;color:red;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{color: #6e6e6e !important;border: 1px solid #6e6e6e !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled svg path{stroke: #6e6e6e !important;}
/*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;}
.order-track{padding:0 1rem;display:flex;flex-direction:column;}
.order-track-step{display:flex;height:124px;margin-bottom:15px;position:relative;}
.order-track-step:last-child .order-track-status span:last-of-type{display:none;}
.order-track-status{margin-right:1.5rem;position:relative;}
.order-track-status-dot{display:block;width:15px;height:15px;border-radius:50%;background:#FFF;top:50%;position:absolute;left:0;transform:translate(-50%,-50%);z-index:2;}
.order-track-step.active-step .order-track-status-dot{background:var(--blue);}
.order-track-status-line{display:block;margin:0 auto;width:1px;height:8.8rem;background:var(--blue);position:absolute;top:102%;left:50%;transform:translate(-50%,-50%);}
.order-track-text-stat{font-family:Poppins;font-size:24px;font-weight:600;line-height:33.6px;text-align:left;margin-bottom:0;}
.order-track-text-sub{font-family:Poppins;font-size:18px;font-weight:500;line-height:25.2px;text-align:left;}
.order-track-text{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #D5D5D5;padding:30px;border-radius:15px;margin-bottom:15px;position:relative;overflow:hidden;}
.order-track-text:before{position:absolute;right:0;bottom:0;background-image:url(../images/linkbg.png);width:100%;height:100%;content:' ';background-repeat:no-repeat;background-size:cover;z-index:1;}
.order-text-first{position:relative;z-index:2;}
.order-track-btn{position:relative;z-index:2;}
.order-track-btn a{width:148px;float:left;height:48px;display:flex;align-items:center;justify-content:center;background:#F9F9FB;font-size:14px;font-weight:700;line-height:27px;text-align:left;gap:10px;border-radius:8px;color:#FFF;}
.order-track-step.active-step .order-track-text:before{content:none;}
.order-track-step.active-step .order-track-btn a{background:var(--blue);color:white;}
.order-track-step.active-step .order-track-btn a svg path{fill:white;}
.order-track-step.active-step .order-track-text{border-color:var(--blue);}
.viewProfile.reportAddress{overflow:auto;align-items:start;}
.order-track-step:last-child{margin-bottom:0;}
.editorBox textarea{width:100%;height:100%;resize:none;border:0;}
.editorBox textarea::placeholder{font-size:24px;font-weight:700;line-height:20px;text-align:left;color:#FFF}
.publishBtn .flatpickr-input{background-color:var(--blue);padding:16px;border-radius:5px;height:48px;display:flex;align-items:center;color:#ffffff;font-size:14px;font-weight:700;line-height:27px;gap:10px;border:1px solid var(--blue);width:147px;text-align:center;justify-content:center;}
.publishBtn .flatpickr-input:focus{outline:none;box-shadow:none!important;}
.publishBtn .flatpickr-input::placeholder{color:#fff;}
.uploadFiles{display:flex;gap:20px;}
.loginpop .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:500px;}
.loginpop .modal-header{background:#F9F9FB;border-bottom:0;padding:25px;}
.loginpop .modal-body{padding:25px;}
.loginpop .modal-content{border:1px solid #D5D5D5;overflow:hidden;border-radius:15px;}
.loginpop .modal-header span{display:flex;align-items:center;height:16px;}
.loginpop .modal-header span h5{padding-left:10px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#FFF;}
.loginpop .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px;}
.loginpop .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:#FFF;margin:0;}
.loginpop .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;}
.notificationList{height:470px;overflow:auto;}
.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;align-items:center;border:1px solid #434343;}
.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;justify-content:end;}
.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:#fff;margin-bottom:10px;}
.noti-right p{margin-bottom:10px;}
.accountDetailModals .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:478px;}
.accountDetailModals .modal-body{padding:0;}
.accountDetailModals .modal-content{border:1px solid #a7a7a7a6;overflow:hidden;border-radius:8px;background-color:var(--dark);border:1px solid #434343;}
.accountDetailModals .modal-header{background:var(--purple);padding:10px;justify-content:center;border-bottom:1px solid #434343;}
.accountDetailModals .modal-header span{display:flex;align-items:center;}
.accountDetailModals .modal-header span h5{padding-left:0px;font-size:18px;font-weight:700;line-height:24.55px;text-align:left;color:#1E293B;}
.accountDetailModals .modal-footer{border:0;justify-content:space-between;padding:0 25px 20px 25px;}
.accountDetailModals .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;}
.accountDetailModals .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;}
.accountDetailModals .modal-body input#search{margin-bottom:0;}
.accountDetailModals form .input-wrap input{font-size:14px;font-weight:600;line-height:19.1px;text-align:left;margin-bottom:15px;height:49px;}
.accountDetailModals form .input-wrap label{font-size:12px;font-weight:600;line-height:16.37px;text-align:left;}
.accountDetailModals .modal-header h5{font-size:14px;font-weight:700;line-height:19.1px;text-align:center;}
.accountDetailModals .modal-content .innerform{padding:15px;}
.distributorColor{background:var(--purple);padding:10px;border-top:1px solid #434343;display:flex;justify-content:space-between;}
.account-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;}
.accountRight .currentPlan .account-header h3{margin-bottom:0;}
.account-header button{padding:10px 37px;border-radius:8px;background:var(--purple);color:#fff;font-size:14px;font-weight:700;line-height:27px;text-align:left;margin:0;height:48px;border:1px solid #373737;}
.accountBtn{display:flex;justify-content:space-between;width:100%;}
.accountBtn button{border:0;width:88px;height:29px;font-size:11px;font-weight:700;line-height:15px;text-align:center;border-radius:4px;background:var(--blue);}
.accountBtn button.cancelBtn{background:#1F2022;border:0.6px solid #373737;}
.editAccountBtn{display:flex;justify-content:space-between;width:100%;}
.editAccountBtn button{border:0;height:48px;border-radius:4px;background:var(--blue);width:147px;font-size:14px;font-weight:700;line-height:27px;}
.editAccountBtn button.cancelBtn{background:#F14D3E;border:0.6px solid #F14D3E;}
.adminForm{display:flex;justify-content:space-between;width:100%;gap:17px;align-items:self-start;}
.adminForm-leftBar{padding:20px;border:1px solid #434343;background:var(--dark);box-shadow:0px 6px 40px 0px #00000005;border-radius:12px;width:50%;}
.adminForm-leftBar .registerprofile{justify-content:start;width:100%;float:left;padding-bottom:25px;display:flex;}
.adminForm-leftBar h5{margin-bottom:20px;color:#fff;font-size:18px;font-weight:700;line-height:17.63px;text-align:left;}
.adminForm-leftBar label{color:#fff;}
.adminForm-leftBar form .input-wrap input{background:var(--dark);color:#fff;border:1px solid #373737;}
.adminForm-leftBar form .input1 .dark-input-vl{background:#1F2128;border:1px solid #e2e8f061;}
.adminForm-leftBar .oneline .input-wrap label{color:#fff;}
.adminForm-rightBar{width:50%;padding:20px;border-radius:12px;border:1px solid #434343;background:var(--dark);box-shadow:0px 6px 40px 0px #00000005;}
.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;}
.adminForm-rightBar form .input-wrap input{background:#1F2128;border:1px solid #e2e8f061;color:#fff;}
.adminForm-rightBar form .input1 .dark-input-vl{width:100%;margin-bottom:30px;border-radius:8px;background:var(--dark);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);font-size:18px;font-weight:600;line-height:24.55px;text-align:left;border:1px solid #434343;resize:none;}
.adminForm-rightBar .oneline .input-wrap label{color:#fff;}
.viewadmin{background:var(--purple);border:1px solid #434343;color:#fff;width:100%;margin-bottom:20px;border-radius:5px;text-overflow:ellipsis;font-style:normal;display:flex;height:56px;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{display:flex;width:100%;justify-content:space-between;gap:20px;}
.twoline{display:flex;width:100%;justify-content:space-between;gap:20px;align-items:end;}
.input-wrap{width:100%;position:relative;}
.action-btn-wrap{display:flex;align-items:center;gap:10px;justify-content:start;}
.action-btn-wrap a{height:27px;width:27px;background:var(--purple);border-radius:5px;display:flex;justify-content:center;align-items:center;}
.action-btn-wrap .action-btn, button.action-btn, span.action-btn { border: 0; background: var(--purple); border-radius: 4.5px; height: auto; width: auto; padding: 0; }
button.action-btn.rejected-btn { color: #EF4444; }
tbody.assignPadding button.action-btn, span.action-btn { padding: 9px; }
tbody.assignPadding td:last-child { display: flex; gap: 10px; }
h3.no-data-h3 { text-align: center; width: 100%; max-width: 100% !important; position: absolute; left: 0; height: calc(100vh - 160px); max-height: calc(100vh - 160px); display: flex; align-items: center; justify-content: center; margin: 0; }
a.cancle-rights-btn { background: #313133; font-size: 14px; font-weight: 700; padding: 7px 30px; border-radius: 6px; color: #DBDDDF; border: none; cursor: pointer; outline: none; }
span#digital_releaseError, span#original_releaseError { top: 39px; }
.admin-second-rightBar{box-shadow:0px 6px 40px 0px #00000005;width:50%;}
.admin-second-rightBar .adminForm-rightBar{width:100%;margin-bottom:20px;float:left;}
.boxHeading{font-size:24px;font-weight:700;line-height:20px;text-align:left;color:#DBDDDF;padding-bottom:25px;width:100%;float:left;}
.avatar-upload{position:relative;max-width:113px;}
.avatar-upload .avatar-edit{position:absolute;right:0px;z-index:1;bottom:-20px;left:0;}
.avatar-upload .avatar-edit input{display:none;}
.avatar-upload .avatar-edit input + label{display:flex;margin-bottom:0;border-radius:10px;cursor:pointer;transition:all 0.2s ease-in-out;align-items:center;justify-content:center;color:var(--blue);font-family:Nunito Sans;font-size:13px;font-weight:600;line-height:16px;letter-spacing:0.5384615063667297px;text-align:left;}
.avatar-upload .avatar-preview{width:113px;height:113px;position:relative;border-radius:10px;}
.avatar-upload .avatar-preview > div{width:100%;height:100%;border-radius:15px;background-size:cover;background-repeat:no-repeat;background-position:center;border:1px solid #373737;}
.adminForm-centerBar{padding:20px;border:1px solid #434343;background:var(--dark);box-shadow:0px 6px 40px 0px #00000005;border-radius:12px;width:100%;display:flex;justify-content:center;}
.registerprofile{padding-bottom:25px;}
.innerCenterForm{width:448px;}
.bank-details-only{width:100%;max-height:340px;overflow:auto;padding-right:0;display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
.bank-details-only li{display:flex;justify-content:space-between;padding:15px;background:var(--purple);border-radius:8px;margin-bottom:0;width:48%;flex-direction:column;border:1px solid #373737;}
.bank-details-only li label{font-size:14px;font-weight:600;line-height:19.1px;text-align:left;color:#A6A6A6;}
.innerCenterForm .accountBtn .add-form-submit{width:100%;font-size:18px;font-weight:700;line-height:24.55px;letter-spacing:-0.07142855226993561px;text-align:center;height:56px;border-radius:8px;}
.playAudiobtn{border:0;background:var(--purple);font-size:14px;font-weight:600;line-height:19.1px;text-align:left;display:flex;align-items:center;gap:6px;padding:4px 24px;border-radius:4.5px;}
.navigation-column .submenu li{padding:10px 10px 5px 5px;margin-bottom:10px;display:flex;align-items:center;}
.navigation-column .submenu li a{background:transparent!important;color:#fff!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 .submenu li a::before{content:none;}
.navigation-column .submenu li.current-active a{color:var(--blue)!important;}
.navigation-column .submenu li.current-active a svg circle{fill:var(--blue)!important;}
.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{border:1px solid #a7a7a7a6;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;}
.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;margin-bottom:20px;}
.audioFile .otherBtns{width:80%;}
.audioFile audio{width:50%;height:56px;}
.audioFile .viewadmin{margin-bottom:0;}
.distributorColor{display:flex;align-items:center;width:100%;}
.distributorColorlist{gap:10px;display:flex;}
.distributorCircle{height:40px;width:40px;float:left;border-radius:50px;position:relative;}
.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%);}
.blueCircle{background:var(--blue);}
.greenCircle{background:#1FA846;}
.perpleCircle{background:#651BAF;}
.orangeCircle{background:#CA8027;}
.pinkCircle{background:#D95E60;}
.tableHeadercstm{display:flex;align-items:center;justify-content:space-between;padding:0px;z-index:2;position:relative;}
.tableHeadercstm a{color:#1B4BA0;background:#fff;padding:11px;height:38px;display:flex;align-items:center;border-radius:8px;gap:10px;}
.profileSetting form .input-wrap textarea{background:var(--dark);resize:none;}
.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:16.45px;text-align:left;}
.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:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#1b4e9d;}
.radio-rightbar{display:flex;gap:20px;display: none;}
.rejectWrap button{font-size:14px;font-weight:700;line-height:27px;border:0;width:147px;text-align:center;border-radius:8px;padding:5px;height:48px;}
.rejectWrap{display:flex;align-items:center;gap:25px;justify-content: space-between;}
.rejectWrap .reject-btn{background:var(--purple)!important;color:#F14D3E;}
.rejectWrap .approve-btn{background:var(--blue)!important;}
.input1 .errormsg label{bottom:0;}
form#SongEditForm {width: 100%;}
/* Hide the default radio button */
.musicRadiolable input[type="radio"] {display: none;}
.head-btn { display: flex; align-items: center; gap: 20px; }
.back-btn svg { fill: #fff; }
.back-btn { padding: 7px 10px !important; display: flex; align-items: center; gap: 7px; }
.navbar { align-items: flex-start !important; }
a.viewrealasebtn { width: 110px; padding: 10px 10px; color: #FFFFFF; }
.input-wrap .viewadmin { width: 100%; overflow-y: auto; overflow-x: hidden; display: flex; align-items: baseline; }
.panding-btn { padding: 6px 8px 6px 8px !important; color: #E3B100 !important; width: 100%; background: #E3B10066; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; font-weight: 700; font-size: 12px; }
.status-wrap span { font-size: 12px; font-weight: 700; line-height: 16.37px; text-align: center; padding: 6px 24px; height: 27px; border-radius: 5px; display: flex; justify-content: center; align-items: center; }
span.status-pending { background: #4c4123; color: #E3B100; width: 93px; }
.dataTables_scrollHeadInner { width: 100% !important; }
span.status-rejected { background: #4f2e2c; color: #F14D3E; width: 93px; }
span.status-submitted { color: #18EAEA; background: #18EAEA20; width: 93px; }
span.status-approved { color: #23C415; background: rgba(35, 196, 21, 0.2); width: 93px; }
.main-wrp { width: 50%; background-color: #10102B; border: 1px solid #434343; box-shadow: 0px 6px 40px 0px #00000005; border-radius: 12px; padding: 15px; display: flex; flex-direction: column; gap: 15px; }
.placeholder { background-color: #fff; color: #000; }
.claim-form-wrap { display: flex; flex-direction: column; }
.input-select-wrap select { margin-bottom: 15px; }
.input-select-wrap .error-message { position: absolute; top: 38px; font-size: 13px; }
.input-select-wrap { position: relative; }
.claim-form-wrap select, input { border: 1px solid #434343; border-radius: 8px; padding: 8px; background-color: transparent; font-size: 18px; font-weight: 400; width: 100%; }
input.labelmarkpaid {
    width: 18px;
    height: 18px;
}


.claim-form-wrap label { font-weight: 400; font-size: 18px; }
option { background-color: #10102B; }
span.error-message.upload-msg { bottom: 0 !important; }
option:checked { background-color: #fff; color: #000; }
.submit-wrap { display: flex; justify-content: end; }
form#claimForm { width: 100%; }
.main-claim-wrap { display: flex; flex-direction: column; gap: 10px; }
span.status-pending { color: #E3B100 !important; }
.main-wrp button { background-color: #5173FF; padding: 10px 30px; border: none; border-radius: 6px; font-size: 14px; }
.twoline .input-wrap { width: 50%; }
.input-wrap .viewadmin::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.input-wrap .viewadmin::-webkit-scrollbar{width:4px;background-color:#F5F5F5;}
.input-wrap .viewadmin::-webkit-scrollbar-thumb{background-color:var(--blue);}
.input-wrap .viewadmin::-webkit-scrollbar {width: 3px;height: 6px;}
/* Create the custom radio button */
.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; }
.input-wrap.conductor-wrap span.viewadmin { justify-content: flex-start; align-items: flex-start; word-break: break-word; }
.musicRadiolable input[type="radio"]:checked + .checkmark { border: 1px solid #5173FF; background-color: #000; height: 20px; width: 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; }

.noti-right span svg{height:15px;width:22px;}
.rejectionInformation .modal-dialog{margin:0;left:50%;top:50%;transform:translate(-50%,-50%)!important;max-width:407px;}
.rejectionInformation .modal-body{padding:15px;}
.rejectionInformation .modal-content{border:1px solid #a7a7a7a6;overflow:hidden;border-radius:8px;background-color:var(--dark);border:1px solid #434343;}
.rejectionInformation .modal-header{background:var(--purple);padding:10px;justify-content:center;border-bottom:1px solid #434343;}
.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;}
.rejectionInformation .modal-footer .cancelBtn{height:40px;text-align:center;width:120px;border:1px solid #D5D5D5;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;background:#F9F9FB;color:#1E293B;margin:0;}
.rejectionInformation .modal-footer .addBtn{height:40px;text-align:center;width:120px;border:1px solid #EF382633;border-radius:8px;font-size:12px;font-weight:700;line-height:27px;background:#EF382633;color:#EF3826;margin:0;}
.rejectionInformation .modal-body input#search{margin-bottom:0;}
.rejectionInformation form .input-wrap input{font-size:14px;font-weight:600;line-height:19.1px;text-align:left;margin-bottom:15px;height:49px;}
.rejectionInformation form .input-wrap label{font-size:12px;font-weight:600;line-height:16.37px;text-align:left;}
.rejectionInformation .modal-header h5{font-size:14px;font-weight:700;line-height:19.1px;text-align:center;}
.rejectionInformation .modal-content .innerform{padding:15px;}
.rejection-input label{font-size:14px;font-weight:400;line-height:16.45px;text-align:left;width:100%;}
.rejection-input textarea{background:var(--purple);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 #373737;}
.rejectionBtn{display:flex;justify-content:space-between;width:100%;position:relative;}
.rejectionBtn .error-msg{position:absolute;bottom:0px;color:red;background:transparent;}
.rejectionBtn textarea{background:var(--purple);border:1px solid #434343;color:#fff;width:100%;margin-bottom:20px;border-radius:5px;text-overflow:ellipsis;font-style:normal;display:flex;height:116px;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;}
.rejectionBtn button{padding:11px 17px;border-radius:5px;border:0;height:29px;display:flex;justify-content:center;align-items:center;font-family:Nunito Sans;font-size:11px;font-weight:500;line-height:15px;text-align:left;}
.rejectionBtn button.cancelBtn{background:var(--purple);border:0.6px solid #373737;}
.rejectionBtn button.submit{background:var(--blue);}
.mergeBtn .reject-btn{font-family:Nunito Sans;font-size:12px;font-weight:700;line-height:16.37px;text-align:center;border:0;background:#341425;height:27px;width:93px;color:#F14D3E;border-radius:5px;}
.mergeBtn .approve-btn{font-family:Nunito Sans;font-size:12px;font-weight:700;line-height:16.37px;text-align:center;border:0;background:#0c2b1e;height:27px;width:93px;color:#23C415;border-radius:5px;}
.rejection-input .error-msg{position:absolute;font-size:14px;bottom:-20px;color:red;}
.rejection-input{position:relative;}
.rejection-input span{background:var(--purple);width:100%;float:left;padding:15px;font-family:Nunito Sans;font-size:14px;font-weight:600;line-height:19.1px;text-align:left;border:1px solid #373737;border-radius:5px;}
.login-cont .toggle-password{position:absolute;top:55%;right:10px;transform:translate(-50%,-50%);padding:0;background:transparent;border:0;}
.navigation-closed .dataTables_scrollHeadInner{width:100%!important;}
.action-btn-wrap a.playAudiobtn{width:auto;white-space:nowrap;color:#fff;}
.rejectWrap.disreject button.reject-btn{width:auto;padding:5px 20px;}
form#SongUploadForm { width: 100%; }
.music-radio-wrap { display: flex; justify-content: space-between; gap: 10px; background: #10102B; padding: 5px; border: 1px solid #343434; border-radius: 3px; }
.radio-btn { display: none; }
.radio-group label { display: flex; align-items: center; cursor: pointer; font-size: 14px; padding-left: 30px; position: relative; padding: 6px 15px 6px 35px; border-radius: 6px; font-weight: 700; line-height: 27px; margin: 0; }
.radio-group label::before { content: ''; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; transition: all 0.3s ease; border: 1px solid #FFFFFF; }
.radio-btn:checked + label::before { background-color: transparent; border-color: #fff; }
.radio-btn:checked + label::after { content: ''; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-color: #fff; border-radius: 50%; }
.radio-btn:checked ~ label { background-color: #5173FF; color: white; }
.radio-btn:checked + label { color: #fff; }
.button-wrap { display: flex; align-items: center; gap: 20px; }
.search-input { position: relative; }
.search-input input { height: 51px; border-radius: 8px; font-size: 14px; font-weight: 400; padding-left: 35px; background: #10102B; width: 100%; }
.search-input input::placeholder { color: #DBDDDF; }
.search-input img { position: absolute; top: 33%; left: 12px; width: 17px; }
.dataTables_filter { position: relative; }
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td { background-color: transparent !important; }
table.table.dt-responsive.role-table.dataTable.no-footer { width: 100% !important; }
span.select2-selection__placeholder, span.select2-selection__rendered { font-size: 18px !important; }
.uploadBtnWrap .uploadsubmitBtn { width: 30%; }
.uploadBtnWrap { display: flex; justify-content: space-between; }
.add-track-dropdown-wrap { display: flex; align-items: center; gap: 20px; }
.main-select { position: relative; display: inline-block; }
.track-select { width: 100% !important; font-weight: 500 !important; padding: 5px 40px 5px 20px !important; height: 47px !important; font-size: 14px !important; border: 1px solid #434343 !important; border-radius: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; margin: 0 !important; border-radius: 8px; }
.track-select option { max-height: 150px; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; }
.track-select::-webkit-scrollbar { display: none; }
.main-select::after { content: ""; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 12px; height: 15px; background: url(/images/select-dropdown-arrow.svg) no-repeat center; background-size: contain; pointer-events: none; transform: translateY(-50%); }
.tag-error { top: auto !important; bottom: -2px; }
.input-wrap label span.mandetory { color: red; margin-left: 5px; }
.claim-form-wrap label span.mandetory { color: red; margin-left: 5px; }
.input-wrap-pass label span.mandetory { color: red; margin-left: 5px; }
.card {position: relative;border: 1px solid #343434;text-align: center;display: flex;flex-direction: column;overflow: hidden;
box-shadow: 0px 15px 50px 0px #C327340D;border-radius: 10px;background: transparent;}
.card-img {position: relative;width: 100%;aspect-ratio: 1;height: fit-content;}
.card-img img {width: 100%;height: 100%;object-fit: contain;}
.card-cont {background: #10102B;display: flex;align-items: flex-start;justify-content: center;cursor: pointer;}
.card-cont h6 {font-size: 18px;font-weight: 700;line-height: 24.55px;margin: 0;text-align: left;}
.card-cont p,.card-cont span {font-size: 14px;font-weight: 500;line-height: 19.1px;text-align: left;}
.card-cont span {color: #5173FF;}
.bottom-card-cont {font-size: 14px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;width: 100%;}
a.expand-btn {padding: 5px 10px;background: #10102B;font-size: 12px;font-weight: 500;color: #fff;border-radius: 3px;    border: 1px solid #373737;}
.Analytics-wrap { width: 100%;} 
.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:#5173FF; font-weight: 700; border: 1px solid #5173FF; 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 #5173FF; 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: 22px; 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: #1F2126; }
.selected-tag { display: inline-block; background: #04AA6D; color: white; padding: 2px 6px; margin: 2px 2px 2px 0; border-radius: 4px; font-size: 12px; }
.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 !important;border-radius:10px; }
.modal-card .card-img img{border-radius:5px;}
.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:#10102B; 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 {width:185px;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:#10102B; padding: 0px; width: 624px; border-radius: 5px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #1E293B !important; border: 0.5px solid #434343; box-shadow: rgba(255, 255, 255, 0.05) 0px 2px 5px 1px, rgba(255, 255, 255, 0.03) 0px 4px 8px 2px;    height: 588.5px; }
span.close { min-width: 18px; cursor: pointer; }
span.close { color: #fff !important; }
.expand-modal-header { padding: 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 0.5px solid #434343; }
.expand-modal-header span { font-size: 16px !important; }
.modal-tab-cont { padding: 20px; }
.expand-tab { background: transparent; border: none; 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: 0.5px solid #434343; }
.tab-footer { padding: 20px;}
.tab-content-serveice .modal-card:last-child { border-bottom: none; }
.pagination-container { display: flex; align-items: center; justify-content: center; }
.pagination-info { font-size: 14px; font-weight: 400; }
.pagination {
    display: flex;
    align-items: center;
    gap: 8px;
    scrollbar-width: thin; /* Firefox: thin scrollbar */
    scrollbar-color: var(--blue) #f5f5f5; /* Firefox: thumb and track */
}
.page-link { text-decoration: none; padding: 8px 12px; border-radius: 4px; font-size: 12px; transition: all 0.2s ease; background: transparent; border: 0.5px solid #434343; display: flex; gap: 5px; align-items: center; color: #fff;margin: 0; }
.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"); }
.card-img.service-img.overview-img,.card-img.relase-img.overview-img {background: #05051F;}
  

/* 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 #5173FF;
    border-radius: 4px;
}
a.monthFooterBtn{
    border-radius: 4px;
}
.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;
}
a.monthFooterBtn.clearBtn {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
.month-footer a {
    width: calc(50% - 5px);
}
.month-footer {
    display: flex
;
    justify-content: space-between;
}
.earningsBoxWrap {
    display: flex
;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
    padding-bottom: 25px;
}
.earningsBox {
    padding: 25px 30px;
    border: 1px solid #434343;
    border-radius: 14px;
    width: 50%;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.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;
}
section.card.view-card {
    padding: 0;
}
section.card.view-card .card-cont {
    gap: 0;
    width: 100%;
}
main.album-list {
    padding: 15px;
}
td.dataTables_empty {
    position: absolute;
    width: -webkit-fill-available;
    text-align: center;
    display: flex
;
    align-items: center;
    justify-content: center;
    height: -webkit-fill-available;
}
.selected-artists.selected-tag {
    background: transparent;
}
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,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 9.0002L0.9998 5' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/><path d='M0.9998 5.0002L5 1' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    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,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 9.0002L5.0002 5' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/><path d='M5.0002 5.0002L1 1' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    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,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 9.0002L0.9998 5' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/><path d='M0.9998 5.0002L5 1' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}
.Analytics-wrap.earning-analytic-wrap {
    padding: 0;
}
.modal-dialog.financeModaldialog {
    height: 100vh;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
.modal-content.financeModalCOnt {
    background: #05051F;
    border: 1px solid #373737;
    box-shadow: 0px 8px 16px 0px #00000026;
    border-radius: 8px;
}
.withdrawalRequest .modal-header {
    background: #10102B;
    border: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.withdrawalRequest .modal-body{
    padding: 0 !important;
}
.withdrawalRequest .modal-body .input-wrap {
    width: 100%;
    position: relative;
    padding: 15px;
}
.withdrawalRequest .modal-body .input-wrap input{
    margin: 0 !important;
}
.accountBtn button.cancelBtn {
    background: transparent;
    border: 0.6px solid #373737;
}
.withdrawalRequest .distributorColor {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: none;
}
.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;
}
.paid{   
    color: #23C415;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    background: #23C41520;
    padding: 7px 23px;
    border-radius: 5px;}
    
    tbody#listOfData .paid {
        min-width: 91.58px;
        float: left;
    }
    /* .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;
    } */
    .earningsBoxLeft p {
        text-transform: capitalize;
    }
    #album-list .card:last-child {
        border: none !important;
    }
    .rejected{
        background: #F14F3D20;
        color: #F14F3D;
        font-weight: 700;
        font-size: 12px;
        line-height: 100%;
        text-align: center;
        padding: 7px 23px;
        border-radius: 5px;
    }
    input[type="checkbox"], input.markpaid {
        width: 18px;
        height: 18px;
        background: transparent;
        border-radius: 0;
        border: 1px solid #373737;
        margin: 0px;
    }
    input[type="checkbox"]:checked::after, input.markpaid:checked::after {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg%20width='20'%20height='21'%20viewBox='0%200%2020%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8.44444%2012.0556L6.05556%209.66667C5.85185%209.46296%205.59259%209.36111%205.27778%209.36111C4.96296%209.36111%204.7037%209.46296%204.5%209.66667C4.2963%209.87037%204.19444%2010.1296%204.19444%2010.4444C4.19444%2010.7593%204.2963%2011.0185%204.5%2011.2222L7.66667%2014.3889C7.88889%2014.6111%208.14815%2014.7222%208.44444%2014.7222C8.74074%2014.7222%209%2014.6111%209.22222%2014.3889L15.5%208.11111C15.7037%207.90741%2015.8056%207.64815%2015.8056%207.33333C15.8056%207.01852%2015.7037%206.75926%2015.5%206.55556C15.2963%206.35185%2015.037%206.25%2014.7222%206.25C14.4074%206.25%2014.1481%206.35185%2013.9444%206.55556L8.44444%2012.0556ZM2.22222%2020.5C1.61111%2020.5%201.08796%2020.2824%200.652778%2019.8472C0.217593%2019.412%200%2018.8889%200%2018.2778V2.72222C0%202.11111%200.217593%201.58796%200.652778%201.15278C1.08796%200.717593%201.61111%200.5%202.22222%200.5H17.7778C18.3889%200.5%2018.912%200.717593%2019.3472%201.15278C19.7824%201.58796%2020%202.11111%2020%202.72222V18.2778C20%2018.8889%2019.7824%2019.412%2019.3472%2019.8472C18.912%2020.2824%2018.3889%2020.5%2017.7778%2020.5H2.22222Z'%20fill='%235173FF'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .lighgtblue{
        background-color:#00A3F520;
    }
    button.exportBtn {
        background: #5173FF;
        border: 1px solid #5173FF;
        padding: 8px 12px !important;
        border-radius: 4px;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .country-dropdown-wrapper {
        display: flex;
        gap: 20px;
    }
    .leftchartHeadWrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .leftChart {
        width: calc(50% - 15px);
        padding: 20px;
        border-radius: 12px;
        border: 1px solid #424242;
        box-shadow: 0px 6px 40px 0px #00000005;
    }
    .leftChart.mainleftChartBig {
        width: 100%;
        margin-bottom: 30px;
    }
    
    
    .leftChart .select-container {
        display: flex;
        gap: 10px;
    }
    .leftchartHeadWrap h3{
        font-size: 20px;
        font-weight: 700;
    }
    .select-container select {
        background: #10102B;
        border-radius: 6px;
        padding: 7px 28px 7px 12px;
        appearance: none;
        border: none;
        font-size: 13px;
        font-weight: 400;
        color: #DBDDDF !important;
        border: 1px solid #373737;
    }
    
    .mainchartWrap {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .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,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4 3.15957L6.79821 0.301552C6.92975 0.1672 7.09716 0.100024 7.30045 0.100024C7.50374 0.100024 7.67115 0.1672 7.80269 0.301551C7.93423 0.435902 8 0.606895 8 0.814528C8 1.02216 7.93423 1.19315 7.80269 1.32751L4.50224 4.6985C4.43049 4.77178 4.35277 4.82369 4.26906 4.85422C4.18535 4.88476 4.09567 4.90002 4 4.90002C3.90434 4.90002 3.81465 4.88476 3.73094 4.85422C3.64723 4.82369 3.56951 4.77178 3.49776 4.6985L0.197309 1.32751C0.0657696 1.19315 0 1.02216 0 0.814528C0 0.606895 0.0657696 0.435903 0.197309 0.301552C0.328849 0.167201 0.496263 0.100025 0.699551 0.100025C0.90284 0.100025 1.07025 0.167201 1.20179 0.301552L4 3.15957Z' fill='white'/></svg>");
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none;
    }
    a.label-edit,a.label-delete {
        width: 23px;
        height: 23px;
        background: #10102b;
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    a.label-edit svg,a.label-delete svg{
        width: 10px;
        height: 10px;
    }
.media-audio-wrap {
    gap: 0;
    margin: 0;
}
/*********************************************Responsive*********************************************/
@media(max-width:1540px){
.card { border-radius: 7px; }
.track-select { height: 41px !important; }
span.select2-selection__placeholder, span.select2-selection__rendered { font-size: 13px !important; }
.navigation-column ul li { padding-left: 15px; padding-right: 15px; }
.right-body-column { width: calc(100% - 259px); }
.header-logo img { object-fit: cover; height: 95px; width: 95px; border-radius: 15px; object-position: center; }
.innerCenterForm .accountBtn .add-form-submit { height: 40px; font-size: 16px; }
.dataTables_wrapper .dataTables_scroll { border: 1px solid #343434; border-top-left-radius: 15px; border-top-right-radius: 15px; }
thead tr th:first-child { border-top-left-radius: 15px; }
thead tr th:last-child { border-top-right-radius: 15px; }
/* .dataTables_wrapper.no-footer .dataTables_scrollBody { max-height: calc(-306px + 100vh) !important; height: calc(-306px + 100vh) !important; } */
.claim-form-wrap label { font-weight: 400; font-size: 14px; margin-bottom: 4px; }
.claim-form-wrap select, input { font-weight: 400; font-size: 13px; }
.adminForm-leftBar .oneline .input-wrap label { font-size: 14px; line-height: 16px; }
.adminForm-leftBar h5 { font-size: 18px; margin-bottom: 10px; }
.avatar-upload .avatar-preview { width: 100px; height: 95px; position: relative; border-radius: 10px; }
.audioFile { flex-wrap: wrap; }
.audioFile .otherBtns { width: 100%; }
.audioFile audio { width: 99%; height: 41px; }
.viewadmin { height: 41px; }
.bank-details-only { gap: 15px; }
.oneline { gap: 15px; }
.top-header-column.header_logo_column { height: 135px; }
.top-header-column.header_logo_column .header-logo { object-fit: cover; height: 95px; width: 95px; border-radius: 15px; object-position: center; }
.twoline.threeWrapCont{flex-wrap:wrap;gap:0;}
.twoline.threeWrapCont .input-wrap{width:48%;}
.adminForm-rightBar form .input1 .dark-input-vl{font-size:14px;height:41px;padding:10px 15px 10px 15px;margin-bottom:20px;}
.boxHeading{font-size:20px;padding-bottom:15px;}
.editAccountBtn button{height:38px;width:107px;}
.menu-item.open .submenu{padding-left:14px;}
.dataTables_wrapper .dataTables_paginate span .paginate_button{font-size:14px;}
.profileSetting form .input-wrap textarea{font-size:14px;padding:10px 15px 10px 15px;}
.noti-left-inner h5{font-size:14px;}
.noti-left-inner{padding-left:0;}
.dataTables_scrollHeadInner {width: 100% !important;}
.noti-right span h4{font-size:12px;padding-left:0;}
.noti-right p{margin-bottom:10px;font-size:12px;margin-bottom:3px;}
.noti-right{width:50%;}
.editorBox textarea::placeholder{font-size:18px;font-weight:700;line-height:20px;text-align:left;color:#FFF}
.dropdownwrapper .errormsg{font-size:13px;bottom:0px;}
/* .navigation-column{height:calc(100vh - 170px);flex-direction:column;} */
.navigation-column ul li a {padding: 6.5px 10px;}
.navigation-column ul li a span.text{padding-left:7px;font-size:13.5px;line-height:23px;}
.navigation-column ul li .logout-btn{padding:0px 12px;}
.navigation-column ul li .logout-btn span.text button{padding:0px;font-size:13px;line-height:23px;}
.navigation-column .report-inner-list li{padding:10px 10px 5px 0px;}
.navigation-column > ul > li.active:before{height:37px;}
.postHeadRight button{height:34px;padding:10px 6px;font-size:12px;}
.dateTime{font-size:10px;}
.postHeadRight span p{font-size:12px;}
.postHeadLeft span h6{font-size:12px;}
.postHeadLeft img{height:30px;width:30px;}
.input1 .errormsg{bottom:-2px;}
.login-cont{padding:0 40px 30px 40px;}
.login-form{width:448px;border-radius:15px;zoom:0.9;}
.login-head{padding:30px 40px 20px 40px;}
.login-head h2{font-size:28px;line-height:normal;}
.login-head p{font-size:16px;}
label.lable-name{line-height:normal;font-size:14px;margin-bottom:6px;}
form .input-wrap input{font-size:14px;height:41px;padding:10px 15px 10px 15px;margin-bottom:20px;}
form .input-wrap select{font-size:14px;height:41px;padding:8px 15px 10px 15px;margin-bottom:20px;}
.errormsg label{margin-bottom:0;}
.input1.dectextarea textarea{font-size:14px;height:70px;padding:10px 15px 10px 15px;margin-bottom:15px;}
.login-chek-container .checkmark{height:20px;width:20px;}
.login-chek-container .checkmark:after{left:7px;top:3px;width:4px;height:10px;}
.login-chek-container{font-size:14px;line-height:normal;}
.forgot-pw p a{font-size:14px;line-height:normal;}
.forgot-pw{margin-bottom:20px;}
.login-chek-container .errormsg{bottom:-21px;}
.sign_in_btn p{font-size:16px;line-height:normal;margin-top:15px;}
.loginWithHead p{margin:15px 0;font-size:16px;font-weight:600;line-height:normal;}
.otherBtn{height:58px;}
.other-mothod{gap:15px;}
.sign_in_btn button{padding:var(--gap-and-padding-positive-gap-padding-16,10px) 54px;font-size:16px;line-height:normal;}
.planWrapper{padding:60px 30px;gap:30px;zoom:0.9;}
.planBackBtn{bottom:12px;}
.planBox{padding:30px 20px;width:290px;}
.planBoxHeader h3{font-size:20px;margin-bottom:5px;}
.planBoxHeader p{margin-bottom:5px;}
.planBoxHeader h1{font-size:36px;line-height:normal;}
.planBox hr{margin-bottom:20px;margin-top:20px;}
.planBoxBody li{font-size:16px;margin-bottom:20px;line-height:20.55px;}
.planFoot button{padding:12px 36px;}
.top-header-column{height:80px;padding:0;}
.left-navigation-column{max-width:259px;}
.right-body-column .top-header-column{width:calc(100% - 259px);}
.top-header-column{height:80px;padding:0;}
.right-container-body{padding:0 20px;}
.body-content-section{height:calc(100vh - 80px);margin-top:80px;padding-bottom: 20px;}
.dashboard_top_row{padding:16.5px 0;}
.dashboard_top_row h5{font-size:24px;line-height:normal;margin-bottom:0;font-weight: 500;}
.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;}
.dashboardBox{padding:15px;}
.dashInner{padding-bottom:15px;}
.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;padding-top:0px;}
.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{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,.support-btn{padding:7px 25px;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:7px 15px 7px 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;}

.publishBtn .flatpickr-input{width:113px;padding:9px;height:35px;font-size:11px;gap:6px;}
.custom-file-label{width:213px;padding:9px!important;height:35px!important;font-size:11px!important;gap:6px;}
.custom-file-label::after{height:34px!important;}
.f1btn,.typeTextBtn{width:auto!important;}
.uploadFiles{gap:10px;}
.custom-file-label svg{margin-right:0px!important;width:14px;}
.earningsBox {
    padding: 10px 15px;
}
.earningsBoxLeft p {
    font-size: 13px;
    margin-bottom: 10px;
}
.earningsBoxLeft h3 {
    font-size: 18px;
}
.earningsBoxRight {
    height: 40px;
    width: 40px;
    border-radius: 8px;
}
.earningsBox svg {
    width: 20px;
    height: 20px;
}
.earningsBoxWrap{
    padding-bottom: 15px;
    gap:12px;
}
/* Analytics page styling */
.Analytics-wrap .tabs {
    padding: 15px 15px 0px 15px;
    margin-bottom: 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; } 
.card-cont p, .card-cont span { font-size: 14px; } 
.bottom-card-cont { font-size: 11px; } 
a.expand-btn { font-size: 14px; padding: 10px 20px; border-radius: 5px; } 
.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;}
.expand-modal-header{padding: 13px;}
.expand-tabing {gap: 5px;padding: 10px;}
.expand-modal-header span {font-size: 14px !important;opacity: 1 !important;}
.expand-modal-content{width: 500px;}
.exp-tab-btn {font-size: 14px;}
.leftChart {
    padding: 15px;
    width: calc(50% - 10px);
    border-radius:9px;
}
.select-container select {
    border-radius: 5px;
    padding: 4px 25px 4px 10px;
    font-size: 12px;
}
.leftChart.mainleftChartBig {
    margin-bottom: 20px;
}
.leftselectcont::before{
    right: 9px;
}
.leftchartHeadWrap h3 {
    font-size: 18px;
    font-weight: 600;
}
.mainchartWrap{
    margin-top: 13px;
}
.modal-card span {
    font-size: 12px;
}
}
@media(max-width:1300px){
    .earningsBoxWrap{
        gap: 5px;
    }
    .earningsBox{
        padding: 7px;
    }
    .earningsBoxLeft p {
        font-size: 12px !important;
    }
    .music-radio-wrap{
        gap:5px;
    }

    .dashboard_top_row {
        flex-wrap: nowrap !important;
    }
    h5.head-title {
        font-size: 14px;
    }
    .radio-group label{
        font-size: 12px;
    }
    .radio-group label{
        padding: 6px 10px 6px 25px;
    }
    .radio-group label::before{
        width: 18px;
        height: 18px;
    }
    .radio-group label::before {
        width: 18px;
        height: 18px;
        left: 4px;
    }
    .radio-btn:checked + label::after{
        left: 9px;
        width: 9px;
        height: 9px;
    }
}
/*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{font-size:12px;}
.viewTaskWrap{flex-wrap:wrap;flex-direction:column-reverse;}
.taskViewRight{width:100%;}
}

/*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;}
.viewTaskWrap{flex-wrap:wrap;flex-direction:column-reverse;}
.taskViewRight{width:100%;}
}
@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;}
.navigation-column ul li{padding-right:37px;padding-left:15px;}
.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);}
.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;}
.viewTaskWrap{flex-wrap:wrap;flex-direction:column-reverse;}
.viewTaskWrap{flex-wrap:wrap;flex-direction:column-reverse;}
.taskViewRight{width:100%;}
.taskViewRight{width:100%;}
}
@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;}
.navigation-column ul li{padding-right:37px;padding-left:15px;}
.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);}
.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%;}
.order-track-text-stat{font-size:18px;}
.order-track-btn a{height:38px;width:88px;}
.order-track-step{height:84px;}
.order-track-status-line{height:5.5rem;top:106%;}
}