@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600&family=Noto+Kufi+Arabic:wght@400&family=Almarai:wght@700');

:root{
--theme-primary:#722fcf;
--theme-primary-hover:#5f22b5;
--page-bg:#f2f4f8;
--white:#fff;
--text:#212529;
--border:#e1e4eb;
}

*{box-sizing:border-box;line-height:normal;margin:0;padding:0;outline:none!important;}

html,body{min-height:100%;font-size:14px;}

body{margin:0;font-family:'Cairo',sans-serif;background:var(--page-bg);color:var(--text);}

button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.main-container{padding-bottom:35px;}
#matches_table_page.main-container{padding-bottom:calc(35px - 16px);}

.red_bg{background-color:#e20a2a !important;}
.rose_bg{background-color:#ff2d55 !important;}

.blue_bg{background-color:#1c7ed6 !important;}
.blue_bg2{background-color:#03a9f4 !important;}

.green_bg{background-color:#12a049 !important;}
.teal_bg{background-color:#009688 !important;}

.purple_bg{background-color:#5f17aa !important;}
.purple_bg2{background-color:#864bec !important;}

.orange_bg{background-color:#ff9800 !important;}
.orange_bg2{background-color:#f3bb13 !important;}

.white_bg{background-color:#fff !important;}
.black_bg{background-color:#000 !important;}
.gray_bg{background-color:#91a0ad !important;}
.gray_bg2{background-color:#d0d0d0 !important;}

.red_color{color:#e20a2a !important;}
.rose_color{color:#ff2d55 !important;}

.blue_color{color:#1c7ed6 !important;}
.blue_color2{color:#03a9f4 !important;}

.green_color{color:#12a049 !important;}
.teal_color{color:#009688 !important;}

.purple_color{color:#5f17aa !important;}
.purple_color2{color:#864bec !important;}

.orange_color{color:#ff9800 !important;}
.orange_color2{color:#f3bb13 !important;}

.white_color{color:#fff !important;}
.black_color{color:#000 !important;}
.gray_color{color:#91a0ad !important;}
.gray_color2{color:#d0d0d0 !important;}

.white_bg:hover{background-color:#dedede !important;}
.blue_bg:hover{background-color:#0b5ca7 !important;}
.green_bg:hover{background-color:#0e813a !important;}
.red_bg:hover{background-color:#af0e25 !important;}
.gray_bg:hover{background-color:#68737c !important;}
.gray_bg2:hover{background-color:#ababab !important;}
.orange_bg:hover{background-color:#de900d !important;}
.purple_bg:hover{background-color:#471181 !important;}
.rose_bg:hover{background-color:#dd284a !important;}

h1,h2,h3,h4,h5,h6,p,div,span,button,input[type='text']{font-family:'Noto Kufi Arabic';}

input[type='text'][name='inp_title'],input[type='text'][name='inp_message']{
text-align:start;unicode-bidi:plaintext;border-radius:3px!important;}

p,label.item-radio{color:#000;}

ul{list-style-type:none;padding:0px;margin:0px;}

.border-1{border-width:1px!important;}
.border-2{border-width:2px!important;}
.border-3{border-width:3px!important;}
.border-4{border-width:4px!important;}
.border-5{border-width:5px!important;}

.hidden{display:none!important;}

.white_shd{box-shadow:0 4px 15px rgba(0,0,0,.04);border:1px solid var(--border);
margin-top:0px;background:rgb(255, 255, 255);border-radius:5px;}

.full{width:100%;float:right;}

a,.btn{transition:0.3s ease-in-out;text-decoration:none !important;outline:none !important;}

.btn{display:inline-block;font-weight:500;text-align:center;vertical-align:middle;
font-size:14px;line-height:1.5;white-space:nowrap;border-width:1px;border-style:solid;
border-color:transparent;padding:0.375rem 0.75rem;border-radius:0.25rem;user-select:none;
transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

.font-weight-bold{font-weight:700 !important;}

p{font-size:14px;}

.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;
color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;
border-radius:.25rem;transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;}

label *{cursor:pointer;}

.popover{z-index:0;}

html::-webkit-scrollbar{width:13px;}
html::-webkit-scrollbar-track{background:#f2f4f8;}
html::-webkit-scrollbar-thumb{background:#888;border-radius:15px;border:2px solid #f2f4f8;}
html::-webkit-scrollbar-button:single-button{display:block;height:16px;
background-color:#f5f5f5;background-repeat:no-repeat;background-position:center;}
html::-webkit-scrollbar-button:single-button:vertical:decrement{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M1 7h8L5 2z' fill='%23888'/%3E%3C/svg%3E");}
html::-webkit-scrollbar-button:single-button:vertical:increment{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M1 3h8L5 8z' fill='%23777777'/%3E%3C/svg%3E");}
html::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-button:hover{cursor:pointer;}

.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){border-radius:3px 0px 0px 3px!important;}
.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-radius:0px 3px 3px 0px!important;}
.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-radius:0px 3px 3px 0px!important;}
.input-group>input.form-control+.input-group-prepend>.input-group-text{border-radius:3px 0px 0px 3px!important;}

.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;
-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;
font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;
background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem;}

.modal-title{font-size:18px;}
.modal-header{justify-content:space-between;padding-bottom:12px;}
.modal-footer button{font-size:15px;}
.modal-header .close{color:#e20a2a;font-size:40px;margin:-14px 0 -15px -7px;
background-color:transparent;border:none;width:40px;height:40px;line-height:1;font-weight:bold;}

@media (max-width:767px){
.has-sidebar-toggle .main-container{padding-top:60px!important;}
}

@media(min-width:768px){
.has-sidebar-toggle .container{
padding-right:calc(110px + 20px);padding-left:20px;margin:0;width:100%;min-width:100%;}
}

/*=============================================================================================*/
/*-----------------------------------------  Sidebar  -----------------------------------------*/
/*=============================================================================================*/

.sidebar{position:fixed;top:0;right:0;bottom:0;width:110px;background:#fff;border-right:1px solid #e5e7eb;
border-left:1px solid #e5e7eb;z-index:1050;display:flex;flex-direction:column;}

.sidebar-menu{width:100%;padding:8px 0;}

.sidebar-item{width:100%;min-height:72px;display:flex;flex-direction:column;align-items:center;
justify-content:center;gap:6px;padding:10px 3px;text-decoration:none!important;color:#333;
font-size:12px;font-weight:500;text-align:center;transition:background-color .15s,color .15s;}

.sidebar-item i{font-size:25px;line-height:1;}

.sidebar-item span{line-height:16px;}

.sidebar-item:hover{background:#f5f7f9;color:var(--theme-primary);}

.sidebar-item.active{background:#f5f7f9;color:var(--theme-primary);}

.sidebar-item:focus,.sidebar-item:active{color:var(--theme-primary);}

.sidebar-toggle{display:none;}

.sidebar-overlay{display:none;}

@media(max-width:767px){

.sidebar{width:97px;transform:translateX(100%);transition:transform .2s ease;z-index:1050;}

.sidebar.show{transform:translateX(0);}

.sidebar-item{font-size:14px;}

.sidebar-toggle{display:flex;position:absolute;top:11px;right:11px;width:38px;height:38px;
align-items:center;justify-content:center;border:0;border-radius:5px;background:var(--theme-primary);
color:#fff;font-size:30px;padding-top:3px;z-index:1040;}

.sidebar-toggle:hover{background:var(--theme-primary-hover);}

.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;
visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1045;}

.sidebar-overlay.show{opacity:1;visibility:visible;}

}

/*=============================================================================================*/
/*----------------------------------------  Login Page  ---------------------------------------*/
/*=============================================================================================*/

.login-page{min-height:100vh;display:flex;align-items:center;
justify-content:center;padding:30px 15px;background:var(--page-bg);}

.login-card{width:100%;max-width:360px;background:#fff;border:1px solid var(--border);
border-radius:17px;padding:27px 28px;box-shadow:0 5px 18px rgba(0,0,0,.05);}

.login-icon{width:80px;height:80px;margin:0 auto 10px;display:flex;position:relative;align-items:center;
justify-content:center;border-radius:8px;box-shadow:0 8px 18px rgba(18,191,163,.18);
background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-hover));}

.login-icon:before{content:'';position:absolute;top:-3px;left:-3px;width:12px;height:12px;
border:2px solid #fff;border-radius:50%;background:var(--theme-primary);}

.login-icon i{font-size:43px;color:#fff;}

.login-title{margin:0 0 17px;text-align:center;font-size:22px;font-weight:700;color:#111;}

.login-field{margin-bottom:17px;}

.login-label{display:block;margin-bottom:7px;font-size:15px;font-weight:700;color:#34343a;}

.login-input{height:50px;padding:10px 14px;border:1px solid #dfe2eb;border-radius:8px;
font-family:inherit;font-size:14px;direction:ltr;box-shadow:none!important;}

.login-input:focus{border-color:var(--theme-primary);}

.login-button{width:100%;height:49px;margin-top:1px;border:0;border-radius:8px;
background:var(--theme-primary);color:#fff;font-family:inherit;font-size:16px;
font-weight:700;box-shadow:0 5px 10px rgba(18,191,163,.18);transition:.2s;}

.login-button:hover{background:var(--theme-primary-hover);color:#fff;}

.login-alert{margin-bottom:17px;padding:10px 12px;border-radius:8px;font-size:13px;text-align:center;}

/*=============================================================================================*/
/*----------------------------------------  Home Page  ----------------------------------------*/
/*=============================================================================================*/

.home-container{max-width:1100px;}

.home-button{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;
text-decoration:none!important;border-radius:11px;border:1px solid var(--theme-primary)!important;
transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;}

.theme-button{color:#fff!important;border-color:var(--theme-primary)!important;
background-color:var(--theme-primary)!important;}

.theme-button:hover{background:var(--theme-primary-hover)!important;
border-color:var(--theme-primary-hover)!important;color:#fff!important;}

.theme-button:focus,.theme-button:focus-visible{
background:var(--theme-primary-hover)!important;border-color:var(--theme-primary-hover)!important;
color:#fff!important;box-shadow:none!important;outline:none!important;}

.theme-button:active{background:var(--theme-primary-hover)!important;
border-color:var(--theme-primary-hover)!important;color:#fff!important;box-shadow:none!important;}

.home-button i{font-size:46px;margin:-7px 0 -7px;}

.home-button span{font-size:19px;font-weight:700;letter-spacing:0.8px;}

@media(max-width:767px){

.home-container{max-width:420px;padding-left:15px;padding-right:15px;}

.home-button{
min-height:105px;border-radius:7px;justify-content:left;flex-direction:row;gap:23px;padding-left:27px;}

.home-button i{font-size:38px;margin:0;}

.home-button span{font-size:21px;}

}

@media(min-width:768px){
.home-container{max-width:1100px;}
}

/*=============================================================================================*/
/*------------------------------------  Matches Table Page  -----------------------------------*/
/*=============================================================================================*/

@media (min-width:768px){#p2-match-area{margin-top:26px !important;}}

.p2-top-card{background:#fff;padding-block:21px;max-width:600px;margin-top:28px;
box-shadow:0 4px 15px rgba(0,0,0,.04);border:1px solid var(--border);}

/* arrow buttons */
.p2_top_but_arrow{width:34px;height:34px;border:none;border-radius:4px;font-size:14px;
cursor:pointer;display:flex;align-items:center;justify-content:center;padding-top:1px;}

.p2_top_but_arrow i.fa-chevron-left{margin-right:2px;}
.p2_top_but_arrow i.fa-chevron-right{margin-left:2px;}

/* date inputs */
.p2-top-data-input{width:48px;height:34px;text-align:center;font-family:'Noto Kufi Arabic';font-size:14px;
border:1px solid #ced1d5;border-radius:4px;outline:none;text-align:left;padding-inline:7px;}

.p2-top-card input[name='p2_inp_year']{width:64px;}

.p2_emoji_popover{text-align:center;width:calc(100% + 20px);margin:-9px 0 -9px -9.5px;}
.p2_emoji_popover p{display:inline-flex;justify-content:center;align-items:center;background-color:#d0d0d0;
width:31px;height:31px;margin:3.5px 2.5px;border-radius:3px;cursor:pointer;font-size:16px;}

/* text buttons row 2 */
.p2-top-text-but{height:34px;padding:0 12px 1px;border:none;border-radius:4px;font-family:'Noto Kufi Arabic';
font-size:13px;font-weight:bold;cursor:pointer;white-space:nowrap;transition:opacity 0.15s;}

/* icon buttons row 2 */
.p2-top-icon-but{width:34px;height:34px;border:none;border-radius:4px;font-size:18px;transition:opacity 0.15s;
padding:2px 0.7px 0 0;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;align-items:center;}

#p2_top_but_sport_type{padding-top:0.7px;}

#p2_top_but_tv_only.checked{
color:#e20a2a!important;background-color:#fff !important;border:1px solid #e20a2a;box-sizing:border-box;}

/* search row */
.p2-top-search-input{width:217.5px;margin-right:-3px;max-width:calc(100% - 137.5px);height:34px;padding:0 8px;
font-family:'Noto Kufi Arabic';font-size:13px;border:1px solid #ced1d5;border-radius:4px;outline:none;direction:rtl;}

.p2-top-search-clear-but{width:34px;height:34px;border:none;border-radius:4px;font-size:16px;
font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;}

@media (max-width:767px){

.p2-top-card{margin-top:0;}

.p2-top-text-but{font-size:13px; padding:0 8px;}
.p2-top-data-input{width:36px;}

.p2-top-card input[name='p2_inp_year']{width:54px;}

.p2-top-search-input{margin-right:4px;}

.p2-top-icon-but{font-size:19px;}
#p2_top_but_sport_type{font-size:16px;}
#p2_top_but_tv_only{font-size:20px;}

.p2_top_but_arrow{font-size:14.5px;}

}

.p2-card{background:#fff;transition:border-color 0.2s;
box-shadow:0 4px 15px rgba(0,0,0,.04);border:1px solid var(--border);}

.p2-match-card{padding-inline:8px;margin-bottom:16px;}

/* ---- header ---- */
.p2-card-header{border-bottom:1px solid var(--border);direction:rtl;}

.p2-league-logo{width:21px;height:21px;object-fit:contain;flex-shrink:0;}

.p2-league-name{
font-size:11px;font-weight:bold;color:#000;font-family:'Noto Kufi Arabic';margin:0.7px 7px 1px;line-height:20px;}

/* ---- status icons ---- */
.p2-status-icons{display:flex;gap:4px;flex-shrink:0;margin-right:auto;margin-block:-1px;}

.p2-status-icon{width:22px;height:22px;display:flex;align-items:center;
justify-content:center;font-size:13px;color:#fff;border-radius:3px;}

.p2-status-icon i.fa-trash-o{font-size:14px;}
.p2-status-icon i.fa-television{font-size:12.5px;padding-top:2.5px;}
.p2-status-icon i.fa-floppy-o{font-size:13.5px;padding-top:1.5px;}

.p2-status-icon.red_bg:hover{background-color:#e20a2a !important;}
.p2-status-icon.blue_bg:hover{background-color:#1c7ed6 !important;}
.p2-status-icon.orange_bg:hover{background-color:#ff9800 !important;}
.p2-status-icon.green_bg:hover{background-color:#12a049 !important;}

.p2-status-icon-4.error{background-color:#ff2d55 !important;}
.p2-status-icon-4.error:hover{background-color:#ff2d55 !important;}

/* ---- teams ---- */
.p2-teams-row{direction:rtl;padding-inline:5px;}

.p2-team{width:50%;}

.p2-team-logo{min-width:29px;min-height:29px;width:29px;height:29px;object-fit:contain;}

.p2-team-name{font-size:11.5px;font-weight:bold;color:#000;line-height:1.2;
font-family:'Noto Kufi Arabic';width:-webkit-fill-available;}

.p2-home-team p{margin-inline:6px 3px;}
.p2-away-team p{margin-inline:3px 6px;}

/* ---- time col ---- */
.p2-time-col{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;width:60px;}

.p2-match-id{font-size:12.5px;color:#e20a2a;font-weight:bold;white-space:nowrap;line-height:1;margin-block:0px 1px;}

.p2-time{font-size:12.5px;font-weight:bold;color:#1c7ed6;white-space:nowrap;line-height:1;}

/* ---- channel area ---- */
.p2-channel-area,.p2-suggested-area{direction:rtl;column-gap:7px;row-gap:8px;}
.p2-channel-area:has(.p2-channel-item){margin-top:1rem;/* mt-3 */margin-bottom:0.25rem;/* mb-1 */}

.p2-suggested-area:has(.p2-channel-item){border-top:1px solid var(--border);padding:8px 7px 4.5px 5px;margin-bottom:0.25rem;/* mb-1 */}

.p2-suggested-area:not(:has(.p2-channel-item:not(.hidden))){display:none!important;}

.p2-channel-item{position:relative;display:inline-flex;align-items:stretch;
background:#e6f1fb;border-radius:0;padding:0;height:28px;border:1px solid #1c7ed6;}

.p2-channel-item-logo{width:30px;overflow:hidden;background-color:#fff;cursor:pointer;}

.p2-channel-item[channel_id='without_channel'] .p2-channel-item-logo,
.p2-channel-item[channel_id='disable'] .p2-channel-item-logo{background-color:transparent;}

.p2-channel-item[channel_id='without_channel'] .p2-channel-but,
.p2-channel-item[channel_id='disable'] .p2-channel-but{display:flex!important;}

.p2-channel-item img{display:block;width:34px;margin-right:-2.5px;margin-top:2.5px;height:21px;}

.p2-channel-item span{font-size:11.5px;font-weight:bold;color:#1c7ed6;font-family:'Noto Kufi Arabic';
white-space:nowrap;padding:2.7px 5.5px 2px;display:flex;align-items:center;cursor:default;position:relative;}

.p2-channel-item.fixed_url:after{content:'';position:absolute;top:-3.5px;left:-3.7px;
width:11px;height:11px;background-color:#e20a2a;border-radius:50%;}

.p2-channel-but{width:30px;height:-webkit-fill-available;background:#e20a2a;color:#fff;border:none;
font-size:15px;line-height:0;cursor:pointer;display:flex;align-items:center;justify-content:center;
padding:0;position:absolute;top:0px;right:0;}

@media (min-width:768px){.p2-channel-item span:hover + .p2-channel-but{display:none;}}

.p2-channel-but:hover{background:#af0e25;}

.p2-channel-area .p2-channel-but{font-weight:bold;}

.p2-suggested-area .p2-channel-but{background:#12a049;font-size:24px;}

.p2-suggested-area .p2-channel-but:hover{background:#0e813a;}

.p2-channel-item[channel_id="disable"]{background:#ffe2e2;border-color:#e20a2a;}
.p2-channel-item[channel_id="disable"] span{color:#e20a2a;}

/* ---- footer buttons ---- */
.p2-card-footer{gap:11px;padding-inline:8px;}

.p2-card-footer i.fa-plus{font-size:17px;}
.p2-card-footer i.fa-trash-o{font-size:19px;}
.p2-card-footer i.fa-clone{padding-right:0.7px;padding-top:1px;}
.p2-card-footer i.fa-television{padding-top:1px;}
.p2-card-footer i.fa-floppy-o{font-size:18.5px;padding-top:1px;padding-right:1px;}

.p2-card-but{flex:1;border:none;border-radius:3px;cursor:pointer;font-size:16.5px;
line-height:0;height:32px;margin-block:1px;color:#fff;transition:opacity 0.15s;}

.p2-card-but-1:hover::after{background-color:#de900d !important;}

.p2-card-but-1{position:relative;}

.p2-card-but-1::after{content:"\f02e";font-family:"FontAwesome";position:absolute;top:-5px;left:-5px;
width:17px;height:17px;border-radius:50%;background-color:#ff9800;color:#fff;font-size:9px;
padding-top:1px;display:flex;align-items:center;justify-content:center;}

.p2-match-card.bookmark .p2-card-but-1{background-color:#6325d0!important;}
.p2-match-card.bookmark .p2-card-but-1:after{background-color:#6325d0!important;}

#p2_channel_modal .modal-dialog{min-height:calc(100% - 80px) !important;
height:calc(100% - 80px) !important;max-width:990px;margin:40px auto;}
#p2_channel_modal .modal-content{min-height:100% !important;height:100% !important;}
#p2_channel_modal .modal-body{overflow:overlay;direction:ltr;padding:13px 0;}

.p2_ul_channel_modal{text-align:center;}

.p2_ul_channel_modal:nth-of-type(1){margin-top:3px;}

.p2_li_channel_modal{position:relative;background-color:#efefef;text-align:center;display:inline-grid;
justify-content:center;border-radius:5px;cursor:pointer;margin:5.5px 3.5px;width:105px;height:85px;}

.p2_li_channel_modal.selected:before{content:'✓';transform:scaleX(1.2);position:absolute;top:0;left:4px;
color:#fff;background-color:#1c7ed6;font-family:Arial, sans-serif;font-size:13px;font-weight:bold;
line-height:1;padding:3.2px 3px 3.2px 3.2px;border-radius:4px 0;}

.p2_li_channel_modal.selected:after{content:'';position:absolute;top:0;right:0;width:calc(100% - 1.5px);
height:calc(100% - 1.5px);border-radius:4px;border:2px solid #1c7ed6;}

.p2_li_channel_modal img{
height:40px;margin:8px auto -0.5px;border:1px solid #9e9c9c;border-radius:3px;}

.p2_li_channel_modal span{position:absolute;top:0;right:0;width:19.5px;height:18px;
background-color:#e20a2a;border-radius:0 4px;display:none;}

.p2_li_channel_modal.fixed_url span{display:block;}

.p2_li_channel_modal span i{display:block;color:#fff;font-size:11px;margin:4px 0 0 1px;}

.p2_li_channel_modal p{color:#000;width:100%;height:38px;padding:0 3px;overflow:hidden;line-height:15px;
display:inline-grid;align-items:center;font-size:11.5px;font-weight:bold;letter-spacing:0.2px;direction:rtl;}

.p2_li_channel_modal:hover{background-color:#d9d9d9;}

@media (max-width:767px){

.p2-match-card{padding-inline:15px;}
.p2-league-name{font-size:12px;}

.p2-team-name{font-size:13px;}
.p2-team-name p{margin-inline:0;}

.p2-teams-row{padding-inline:8px;}

.p2-team-logo{min-width:32px;min-height:32px;width:32px;height:32px;}

.p2-channel-item{height:30px;}
.p2-channel-item span{font-size:13px;padding-top:3px;}
.p2-channel-item img{margin-top:3px;}
	
.p2-card-footer{gap:13px;padding-inline:16px;}

.p2-card-but{font-size:18px;height:35px;}

.p2-card-footer i.fa-plus{font-size:18px;}
.p2-card-footer i.fa-trash-o{font-size:21px;}
.p2-card-footer i.fa-clone{padding-right:0;padding-top:0;}
.p2-card-footer i.fa-television{padding-top:0;padding-left:1px;}
.p2-card-footer i.fa-floppy-o{font-size:20px;padding:0;}

.p2_li_channel_modal{margin:3.5px 1.5px;}
#p2_channel_modal .modal-footer button{letter-spacing:0.5px;font-weight:bold;}
.p2_li_channel_modal:hover{background-color:#efefef;}

.p2-suggested-area .p2-channel-but{font-size:26px;padding-top:2px;}

.p2-status-icon i.fa-television{padding-top:1.5px;padding-left:1px;}
.p2-status-icon i.fa-floppy-o{font-size:14px;padding-top:1px;}

}

/*=============================================================================================*/
/*-----------------------------------  Onesignal Push Page  -----------------------------------*/
/*=============================================================================================*/

#onesignal_push_page input[type="text"]{height:34px;}

#push_row_1 button{letter-spacing:0.7px;}

#push_icon_radio_area{text-align:center;width:100%;margin:-47px 83px 10px 0;direction:ltr;}
#push_icon_radio_area label{background-color:#1c7ed6;height:54px;width:39px;text-align:-webkit-center;
border-radius:3px;margin:0 2.6px 0 0;padding-top:5px;cursor:pointer;}
#push_icon_radio_area label:hover{background-color:#0b5ca7 !important;}
#push_icon_radio_area label img{width:19.5px;margin:2px 0 2px -0.5px;display:block;}
#push_icon_radio_area input[type='radio']{
-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background-color:#fff;}
#push_icon_radio_area input[type='radio']:before{
content:'';display:block;width:8px;height:8px;margin:2px auto;border-radius:50%;}
#push_icon_radio_area input[type='radio']:checked:before{background-color:#f00;}

#emoji_popover_but_1,#emoji_popover_but_2{width:38px;height:34px;border-radius:4px;}
#emoji_popover_but_1 p,#emoji_popover_but_2 p{font-size:18px;margin:-0.5px auto 0;}

.emoji_popover{text-align:center;display:flex;justify-content:center;flex-wrap:wrap;}

.emoji_popover p{background-color:#d0d0d0;width:29px;height:29px;min-width:29px;
min-height:29px;margin:3.5px;border-radius:3px;cursor:pointer;font-size:16px;}

.popover-body:has(.emoji_popover){padding:10px!important;}

.popover:has(.emoji_popover){z-index:2000!important;}

label.item-radio{cursor:pointer !important;}

#push_row_3 input[type='radio'],#push_row_5 input[type='radio']{position:absolute;margin-top:7px;}

#push_row_6 input,#push_row_11 input[type='radio']{position:absolute;margin-top:6px;margin-left:-22px;}
#push_row_6 button{margin-top:-2px;position:absolute;right:50px;}
#push_row_6 button i{font-size:17px;margin:4.35px 5.5px 4.65px;}

#push_row_7 input[type='radio']{position:absolute;margin:6.7px -21px 0 0;}

#push_row_9 img{position:absolute;width:28px;margin:0 0 0 13px;border-radius:5px;}
#push_row_9 input[type='checkbox']{position:absolute;margin:7px 0 0 49px;}
#push_row_9 span{line-height:17px;height:28px;margin:0 0 0 70px;display:flex;align-items:center;}

#push_row_10 button,#login_page #login_but{padding:5px 12px 7px;transform:scale(1.15);letter-spacing:0.5px;}

input[name=inp_title]::placeholder,input[name=inp_message]::placeholder{
font-family:'Noto Kufi Arabic';color:#e20a2a!important;text-align:center!important;}

#match_modal .modal-dialog{min-height:calc(100% - 80px) !important;height:calc(100% - 80px) !important;margin:40px auto;}
#match_modal .modal-content{min-height:100% !important;height:100% !important;}
#match_modal .modal-body{overflow:overlay;background-color:#f8f8f8;border-radius:0 0 0.3rem 0.3rem;padding:21.2px 25px 5.8px;}

.match_modal_li:hover{background-color:#ddd;}
.match_modal_li{display:flex;position:relative;color:#000;background-color:#fff;
box-shadow:0 5px 20px rgb(0 0 0 / 5%);border-radius:5px;height:74px;margin-bottom:18px;cursor:pointer;}

.match_modal_li_team{text-align:center;width:calc(50% - 80px/2);justify-content:center;align-items:center;}
.match_modal_li_team img{height:32px;margin:10.2px 0 4.5px;}
.match_modal_li_team p{font-size:13px;}

.match_modal_li_info{text-align:center;width:80px;position:relative;}
.match_modal_li_info p{display:inline-grid;align-items:center;height:100%;color:#1c7ed6;
font-weight:bold;letter-spacing:1px;font-size:15px;}
.match_modal_li_info span{position:absolute;width:100%;text-align:-webkit-center;
top:15px;right:-1px;font-size:13px;font-weight:bold;letter-spacing:1px;color:#ff2d55;}

#gallery_modal .modal-dialog{min-height:calc(100% - 60px) !important;height:calc(100% - 60px) !important;
margin:20px auto;width:740px;max-width:100%;}

#gallery_modal .modal-content{min-height:104% !important;height:104% !important;}

#gallery_modal .modal-body{overflow:overlay;direction:ltr;padding-top:0;padding-inline:10px;}

#gallery_modal_bottom_area button{margin:0 11px 0 16px;padding:5px 13px 6.5px;background-color:#1c7ed6;}

#gallery_modal_bottom_area button.active{background-color:#0b5ca7;}

#gallery_modal_area_1{height:100%;}
#gallery_modal_area_1 iframe{height:100%;width:100%;}

#gallery_modal_area_2{overflow:hidden;direction:rtl;}

#gallery_modal_area_2 h6{font-size:14px;width:calc(100% - 34px);margin:15px 0 -9px;
white-space:pre-wrap;word-wrap:break-word;text-align:center;}

.gallery_modal_area_2_li{
height:180px;padding:0;margin:12px 13px;background-color:#e9ecef;border-radius:3px;overflow:hidden;
position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;}

.gallery_modal_area_2_li img{width:auto;max-width:100%;height:auto;max-height:100%;}

.gallery_modal_area_2_li span{position:absolute;bottom:0;right:0;color:#fff;background-color:#28a745;
border-top-left-radius:3px;font-size:11px;letter-spacing:0.7px;direction:rtl;padding:1px 5px 0.5px 6px;}

#news_modal .modal-dialog,#video_modal .modal-dialog,#facebook_posts_modal .modal-dialog{
min-height:calc(100% - 80px) !important;height:calc(100% - 80px) !important;max-width:720px;margin:40px auto;}

#news_modal .modal-content,#video_modal .modal-content,#facebook_posts_modal .modal-content{
min-height:100% !important;height:100% !important;}

#news_modal .modal-body,#video_modal .modal-body,#facebook_posts_modal .modal-body{
overflow:hidden overlay;direction:ltr;background-color:#e9ecef;padding-top:20px;padding-bottom:20px;}

#news_modal .modal-body .row,#video_modal .modal-body .row,#facebook_posts_modal .modal-body .row{overflow:hidden;direction:rtl;}

.news_modal_li.push,.news_modal_li.push span,.video_modal_li.push,.video_modal_li.push span{background-color:#12a049 !important;}

.news_modal_li.push p,.video_modal_li.push p{color:#fff !important;}

.news_modal_li,.video_modal_li,.facebook_posts_modal_li{
min-height:170px;height:auto;padding:0;margin:12px 13px;background-color:#fff;border-radius:3px;
overflow:hidden;position:relative;cursor:pointer;box-shadow:0 5px 20px rgb(0 0 0 / 5%);}

.news_modal_li img,.video_modal_li img,.facebook_posts_modal_li img{width:100%;height:155px;}

.news_modal_li p,.video_modal_li p,.facebook_posts_modal_li p{color:#000;padding:5px 9px 7px;
font-size:14px;line-height:20px;margin:0;text-align:start;unicode-bidi:plaintext;}

.news_modal_li span:nth-of-type(1),.video_modal_li span:nth-of-type(1),.facebook_posts_modal_li span:nth-of-type(1){
position:absolute;top:0;left:0;color:#fff;background-color:#1c7ed6;border-bottom-right-radius:4px;font-size:11.5px;padding:2px 6.5px 1px 6px;}

.news_modal_li span:nth-of-type(2),.video_modal_li span:nth-of-type(2){
position:absolute;top:0;right:0;color:#fff;background-color:#1c7ed6;border-bottom-left-radius:4px;font-size:11.5px;padding:2px 6px 1px 6.5px;letter-spacing:1px;}

.facebook_posts_modal_li > img{object-fit:contain!important;}
.facebook_posts_modal_li p{border-top:2px solid #e9ecef!important;margin-top:11px!important;padding:6.5px 8px 9px!important;}

.facebook_posts_modal_image_area{border-top:2px solid #e9ecef;margin:11px 0 -13px;padding:7px 4px 8px;}
.facebook_posts_modal_image_area img{width:calc(25% - 10px);height:60px;margin:5px;border:2px solid #fff;border-radius:4px;}
.facebook_posts_modal_image_area img.active{border-color:#ff2d55;}

@media only screen and (max-width:767px){

#onesignal_push_page.main-container{padding-inline:6px;overflow-x:hidden;}

#push_row_1 button,#push_row_4 button,#push_row_5 button{font-weight:bold;}

#push_icon_radio_area{margin:0;}

#push_icon_radio_area label{margin:0.8px 1px 0 0;transform:scale(0.95,0.9);}

#push_row_6 input,#push_row_7 input[type='radio'],#push_row_11 input[type='radio']{margin-top:5.3px;transform:scale(0.95);}

#push_row_3 input[type='radio'],#push_row_5 input[type='radio']{margin:3.5px -1px 0 0;}
#push_row_6 button{right:8px;}

#push_row_9 img{transform:scale(0.9);margin:0 0 0 6px;}
#push_row_9 input[type='checkbox']{transform:scale(0.82);margin:5px 0 0 37px;}
#push_row_9 span{letter-spacing:-0.5px;margin:0 0 0 58px;line-height:16px;}

#push_row_10 button,#login_page #login_but{padding:5.5px 12px;font-weight:bold;}

#match_modal .modal-body{padding:22px 18px 7px;}

}

/*=============================================================================================*/
/*-------------------------------------  Mail Center Page  ------------------------------------*/
/*=============================================================================================*/

/* ---- Mail Center ---- */

.mail_center_tabs{display:flex;justify-content:center;align-items:center;gap:13px;margin:28px 0 20px;}

.mail_center_tab{display:inline-flex;align-items:center;justify-content:center;gap:11px;color:#fff;
background:var(--theme-primary);border:2px solid var(--theme-primary);padding:6px 14px 6px 12px;
border-radius:5px;cursor:pointer;font-family:'Noto Kufi Arabic';font-size:15px;
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.mail_center_tab.active{background-color:#fff;color:var(--theme-primary);}

.mail_center_tab i{font-size:16px;padding-bottom:1px;}

.mail_center_content{display:none;}

.mail_center_content.active{display:block;}

/* ---- App Messages ---- */

.mail_messages_page{width:100%;}

.mail_messages_header{
display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px;}

.mail_messages_title{position:relative;display:block;padding-right:60px;}

.mail_messages_title h3{
margin:0;font-size:22px;font-weight:600;color:var(--text);line-height:1;margin-bottom:7px;}

.mail_messages_title h3 i{position:absolute;right:1px;top:5px;width:46px;height:46px;
align-items:center;justify-content:center;background:var(--theme-primary);color:#fff;
display:flex;border-radius:10px;font-size:20px;margin:0;}

.mail_messages_title span{display:block;margin-top:0;font-size:13px;color:#777;line-height:20px;}

.mail_messages_title strong{color:var(--text);font-weight:600;margin-right:3px;}

.mail_messages_filter form{margin:0;}

.mail_messages_filter select{min-width:250px;height:40px;padding:5px 10px 5px 12px;cursor:pointer;
border:1px solid var(--border);border-radius:5px;background:var(--white);color:var(--text);
font-family:inherit;font-size:13px;outline:none;}

.mail_messages_filter select:focus{border-color:var(--theme-primary);}

.mail_messages_table_wrap{
width:100%;overflow-x:auto;background:var(--white);border:1px solid var(--border);border-radius:7px;}

.mail_messages_table{width:100%;min-width:950px;border-collapse:collapse;background:var(--white);}

.mail_messages_table th,.mail_messages_table td{
border:1px solid var(--border);text-align:center;vertical-align:middle;}

.mail_messages_table th{background:var(--theme-primary);color:var(--white);
font-size:15px;font-weight:600;white-space:nowrap;padding:10px;}

.mail_messages_table tbody tr:nth-child(even){background:#fafafa;}

.mail_messages_table tbody tr:hover{background:#f5f7f9;}

.mail_messages_table td{font-size:15px;padding:2px 0;}

.mail_messages_table td:first-child{padding-inline:8.5px 8px;}

.mail_message p{font-size:15px;}

.mail_message{text-align:right!important;word-break:break-word;min-width:500px;width:500px;max-width:500px;}

.mail_message p{margin:7px 10px;}

.mail_message_date b{display:block;font-size:13.5px;font-weight:500;margin-top:2px;}

.mail_message_date span{display:block;font-size:12px;color:#777;margin-block:-2px 3px;}

.mail_messages_empty{padding:35px!important;color:#777;font-size:14px;}

.mail_messages_pagination{
display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;margin-top:15px;}

.mail_messages_pagination a,.mail_messages_pagination span{display:inline-flex;align-items:center;
justify-content:center;min-width:38px;height:38px;padding:6px 11px;border:1px solid var(--border);
border-radius:5px;background:var(--white);color:var(--text);text-decoration:none!important;
font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.mail_messages_pagination i.fa-chevron-left{margin:3px 8px 0 -1px;}

.mail_messages_pagination i.fa-chevron-right{margin:3px -1px 0 8px;}

.mail_messages_pagination a:hover{background:#f5f7f9;}

.mail_messages_pagination span.active{
background:var(--theme-primary);border-color:var(--theme-primary);color:var(--white);}


@media(max-width:767px){

.mail_center_tabs{margin-top:0;}

.mail_messages_header{align-items:flex-start;flex-direction:column;gap:15px;}

.mail_messages_title{padding-right:58px;}

.mail_messages_title h3{font-size:19px;line-height:1;margin-bottom:6px;}

.mail_messages_title h3 i{right:0px;top:1px;padding-bottom:2px;}

.mail_send_icon i{padding-right:3px;}

.mail_messages_title span{font-size:13px;margin-top:-1px;}

.mail_messages_filter{width:100%;}

.mail_messages_filter form{width:100%;}

.mail_messages_filter select{width:100%;min-width:0;}

.mail_messages_table{width:max-content;}

.mail_messages_table th{padding:9px;}

.mail_messages_table td{padding:4px 10px;}

.mail_message p{font-size:14px;margin:5px 2px;}

.mail_messages_pagination{margin-top:12px;}

.mail_message{min-width:calc(100vw - 24px);width:calc(100vw - 24px);max-width:calc(100vw - 24px);}

}

/* ---- Send Mail ---- */

.mail_send_page{width:100%;max-width:850px;margin:0 auto;}

.mail_send_header{margin:10px 0 18px;}

.mail_send_title{display:flex;align-items:center;gap:12px;}

.mail_send_icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;
background:var(--theme-primary);color:#fff;border-radius:10px;font-size:20px;}

.mail_send_title h3{margin:0;font-size:23px;font-weight:600;color:var(--text);}

.mail_send_title span{display:block;margin-top:2px;font-size:13px;color:#777;}

.mail_send_card{background:#fff;border:1px solid var(--border);border-radius:10px;
padding:22px 22px 28px;box-shadow:0 4px 15px rgba(0,0,0,.04);}

.mail_send_section{margin-bottom:20px;}

.mail_send_section:last-child{margin-bottom:0;}

.mail_send_section_title{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--text);}

.mail_send_section_title i{color:var(--theme-primary);font-size:15px;}

.mail_send_from_list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}

.mail_send_from_item{position:relative;display:flex;align-items:center;gap:10px;min-width:0;
padding:13px 14px;border:2px solid var(--border);border-radius:8px;background:#fff;
cursor:pointer;box-sizing:border-box;transition:.15s;}

.mail_send_from_item:hover{border-color:#b99ce8;background:#faf8ff;}

.mail_send_from_item.active{border-color:var(--theme-primary);background:#faf7ff;}

.mail_send_from_item input[type="radio"]{display:none;}

.mail_send_from_icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;
flex-shrink:0;border-radius:8px;background:#eee;color:#666;font-size:15px;}

.mail_send_from_item.active .mail_send_from_icon{background:var(--theme-primary);color:#fff;}

.mail_send_from_info{min-width:0;flex:1;}

.mail_send_from_info strong{display:block;font-size:14px;font-weight:600;color:var(--text);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:left;}

.mail_send_from_info span{display:block;margin-top:2px;font-size:11px;color:#888;}

.mail_send_from_check{
display:none;position:absolute;top:5px;left:5px;color:var(--theme-primary);font-size:14px;}

.mail_send_from_item.active .mail_send_from_check{display:block;}

.mail_send_from_custom .mail_send_from_info{display:flex;flex-direction:column;align-items:flex-start;}

.mail_send_from_custom .mail_send_from_info input[type="email"]{
width:100%;height:22px;padding:0;margin:0;border:0;outline:0;background:transparent;box-shadow:none;
font-family:inherit;font-size:14px;font-weight:600;color:var(--text);direction:ltr;text-align:left;}

.mail_send_from_custom .mail_send_from_info input[type="email"]::placeholder{color:#999;font-weight:400;}

.mail_send_from_custom .mail_send_from_info span{margin-top:2px;}

.mail_send_input_wrap,.mail_send_textarea_wrap{position:relative;}

.mail_send_input_wrap i,.mail_send_textarea_wrap i{position:absolute;right:13px;top:50%;
transform:translateY(-50%);color:#999;font-size:14px;pointer-events:none;}

.mail_send_textarea_wrap i{top:15px;transform:none;}

.mail_send_input_wrap input,.mail_send_textarea_wrap textarea{width:100%;border:1px solid var(--border);
border-radius:7px;background:#fff;padding:11px 40px 11px 12px;font-family:inherit;font-size:14px;
color:var(--text);box-sizing:border-box;outline:none;transition:border-color .15s,box-shadow .15s;}

.mail_send_input_wrap input{height:44px;}

.mail_send_textarea_wrap textarea{min-height:170px;resize:vertical;line-height:1.7;}

.mail_send_input_wrap input:focus,.mail_send_textarea_wrap textarea:focus{
border-color:var(--theme-primary);box-shadow:0 0 0 2px rgba(111,54,201,.08);}

.mail_send_result{
display:none;margin-bottom:15px;padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.7;}

.mail_send_result.success{display:block;background:#eef9f0;border:1px solid #b9dfbe;color:#257333;}

.mail_send_result.error{display:block;background:#fff0f0;border:1px solid #edbcbc;color:#c52f2f;}

.mail_send_footer{display:flex;justify-content:center;margin-top:8px;}

.mail_send_button{display:inline-flex;align-items:center;justify-content:center;gap:11px;color:#fff;
min-width:125px;height:42px;padding:0 18px;border:0;border-radius:7px;background:var(--theme-primary);
font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;
-moz-user-select:none;-ms-user-select:none;user-select:none;}

.mail_send_button:hover{filter:brightness(.95);}

.mail_send_button:disabled{opacity:.6;cursor:not-allowed;}

@media(max-width:767px){

.mail_send_page{max-width:none;}

.mail_send_card{padding:15px 15px 22px;}

.mail_send_title h3{font-size:19px;}

.mail_send_title span{font-size:13px;margin-top:1px;}

.mail_send_from_list{grid-template-columns:1fr;}

.mail_send_from_item{padding:12px;}

.mail_send_button{width:100%;}

}

/*=============================================================================================*/
/*---------------------------------  Run Custom PHP Url Page  ---------------------------------*/
/*=============================================================================================*/

.run_custom_php_url_list{width:100%;max-width:800px;margin:28px auto 0;}

.run_custom_php_url_item{display:flex;align-items:center;gap:18px;background:var(--white);
margin-bottom:15px;border:1px solid var(--border);border-radius:7px;padding:10px 14px 10px 16px;
box-shadow:0 4px 15px rgba(0,0,0,.04);}

.run_custom_php_url_item:last-child{margin-bottom:0!important;}

.run_custom_php_url_info{min-width:0;flex:1;}

.run_custom_php_url_title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:2px;
text-align:left;letter-spacing:0.5px;word-break:break-all;}

.run_custom_php_url_link{
font-size:15px;color:#777;direction:ltr;text-align:left;word-break:break-all;line-height:24px;}

.run_custom_php_url_button{display:inline-flex;align-items:center;justify-content:center;gap:10px;
flex-shrink:0;height:40px;min-width:80px;padding:0 14px;border:1px solid var(--theme-primary);
border-radius:5px;background:var(--theme-primary);color:#fff!important;font-family:'Noto Kufi Arabic';
font-size:13px;font-weight:600;text-decoration:none!important;cursor:pointer;-webkit-user-select:none;
-moz-user-select:none;-ms-user-select:none;user-select:none;}

.run_custom_php_url_button:hover{background:var(--theme-primary-hover);border-color:var(--theme-primary-hover);}

.run_custom_php_url_button i{font-size:14px;padding-top:2px;}

@media(max-width:767px){

.run_custom_php_url_list{margin-top:0;}

.run_custom_php_url_item{gap:12px;padding:11px 12px 11px 11px;}

.run_custom_php_url_title{font-size:14px;letter-spacing:0.3px;line-height:23px;margin-bottom:4px;}

.run_custom_php_url_link{font-size:13px;line-height:20px;}

.run_custom_php_url_button{height:36px;min-width:66px;padding:0 7px;font-size:12.5px;gap:8px;}

}

/*=============================================================================================*/
/*-------------------------------  Download Counter Stats Page  -------------------------------*/
/*=============================================================================================*/

/*=============================================================================================*/
/*--------------------------------  Download Counter Stats  -----------------------------------*/
/*=============================================================================================*/

.download_counter_stats_page{
width:100%;
}

.download_counter_stats_header{
margin:10px 0 18px;
}

.download_counter_stats_title{
display:flex;
align-items:center;
gap:12px;
}

.download_counter_stats_icon{
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
background:var(--theme-primary);
color:#fff;
border-radius:10px;
font-size:20px;
}

.download_counter_stats_title h3{
margin:0;
font-size:23px;
font-weight:600;
color:var(--text);
}

.download_counter_stats_title span{
display:block;
margin-top:2px;
font-size:13px;
color:#777;
}


.download_counter_stats_filters{
display:flex;
align-items:end;
gap:12px;
margin-bottom:15px;
}

.download_counter_stats_filter{
width:220px;
}

.download_counter_stats_filter label{
display:block;
margin-bottom:6px;
font-size:13px;
font-weight:600;
color:var(--text);
}

.download_counter_stats_filter select{
width:100%;
height:40px;
padding:5px 10px;
border:1px solid var(--border);
border-radius:5px;
background:var(--white);
color:var(--text);
font-family:inherit;
font-size:13px;
outline:none;
cursor:pointer;
}

.download_counter_stats_filter select:focus{
border-color:var(--theme-primary);
}


.download_counter_stats_cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}

.download_counter_stats_card{
display:flex;
align-items:center;
gap:13px;
background:var(--white);
border:1px solid var(--border);
border-radius:8px;
padding:18px;
box-shadow:0 4px 15px rgba(0,0,0,.04);
}

.download_counter_stats_card_icon{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:#f3edfb;
color:var(--theme-primary);
font-size:18px;
flex-shrink:0;
}

.download_counter_stats_card span{
display:block;
font-size:12px;
color:#777;
margin-bottom:3px;
}

.download_counter_stats_card strong{
display:block;
font-size:23px;
font-weight:600;
color:var(--text);
}


@media(max-width:767px){

.download_counter_stats_header{
margin-top:0;
}

.download_counter_stats_title h3{
font-size:19px;
}

.download_counter_stats_title span{
font-size:11px;
}

.download_counter_stats_icon{
width:40px;
height:40px;
font-size:18px;
border-radius:8px;
}

.download_counter_stats_filters{
flex-direction:column;
align-items:stretch;
}

.download_counter_stats_filter{
width:100%;
}

.download_counter_stats_cards{
grid-template-columns:1fr;
gap:10px;
}

}