/* fonts */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Hide Css */
.ht-account-content .match-tabs { display: none; }

.ht-expert-menu .ht-menu li { justify-content: unset !important; }


/* Right Header */

/* Left */
.expert-submit-picks .ht-header { display: flex; justify-content: space-between; }
.expert-submit-picks .ht-header .ht-header-left h2{ font-family: "Oswald", sans-serif; font-weight: bold; letter-spacing: 1px; font-size: 28px; text-transform: uppercase; color: #fff; }
.expert-submit-picks .ht-header .ht-header-left p.ht-sub-title { font-family: "Work Sans", sans-serif; font-weight: 500; font-size: 12px; color: #fff; margin-bottom: 0;}

/* Right */
.expert-submit-picks .ht-header .ht-header-right button { background: linear-gradient(148deg, #D4AF37, #B8860B); padding: 15px 20px; border-radius: 5px; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 14px; color: #000; border: none; text-transform: uppercase;
    display: flex; align-items: center; gap: 5px; border: 1px solid #B8860B; height: fit-content; }
 .expert-submit-picks .ht-header .ht-header-right button:hover { color: #fff; border: 1px solid #fff; transition: all .3s; }
 .expert-submit-picks .ht-header .ht-header-right button:hover img { filter: invert(1); }
    

/* Cards total results */
.expert-submit-picks .ht-cards { margin: 48px 0px 0px 0px;}
.expert-submit-picks .ht-cards ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.expert-submit-picks .ht-cards ul li { padding: 20px 20px 10px; margin: 0px 0; background: #161616; border: 1px solid #262626; border-radius: 8px; width: 31%; position: relative; overflow: hidden;}
.expert-submit-picks .ht-cards ul li img { position: absolute; right: -1px; bottom: 0; filter: opacity(0.1);}
.expert-submit-picks .ht-cards ul li.total-picks span { font-family:'inter',sans-serif; font-size: 12px; letter-spacing: 1px; color: rgba(255,255,255,0.6); text-transform: uppercase; font-weight: bold; display: block; text-align: center;}
.expert-submit-picks .ht-cards ul li.total-picks h4 { font-family:'oswald',sans-serif; font-size: 36px; color: #C5A021; text-transform: uppercase; font-weight: 500; display: block; text-align: center;}
.expert-submit-picks .ht-cards ul li.match-wins span { font-family:'inter',sans-serif; font-size: 12px; letter-spacing: 1px; color: rgba(255,255,255,0.6); text-transform: uppercase; font-weight: bold; display: block; text-align: center;}
.expert-submit-picks .ht-cards ul li.match-wins h4 { font-family:'oswald',sans-serif; font-size: 36px; color: #22C55E; text-transform: uppercase; font-weight: 500; display: block; text-align: center;}
.expert-submit-picks .ht-cards ul li.match-losses span { font-family:'inter',sans-serif; font-size: 12px; letter-spacing: 1px; color: rgba(255,255,255,0.6); text-transform: uppercase; font-weight: bold; display: block; text-align: center;}
.expert-submit-picks .ht-cards ul li.match-losses h4 { font-family:'oswald',sans-serif; font-size: 36px; color: #EF4444; text-transform: uppercase; font-weight: 500; display: block; text-align: center;}

/* End Cards total results */

/* Tabs - Live & upcoming matches & compteted matches*/
.expert-submit-picks .ht-matches .ht-match-card ul li .action-btn button.delete:hover { opacity: 0.8; }
.expert-submit-picks .ht-tabs .tabs{ width:100%; margin:36px auto; display: flex; flex-direction: column; background: transparent; border: none; border-radius: 0; }
.expert-submit-picks .ht-tabs .tab-links { display: flex; flex-wrap: wrap; border: 1px solid #252525; padding: 5px; border-radius: 12px; position: relative;}
.expert-submit-picks .ht-tabs .tab-links a{ padding:10px 20px; background:#ddd; text-decoration:none; color:#000; margin-right:5px; display:inline-block; }
.expert-submit-picks .ht-tabs .tabs .tab-btn.live{ display: flex; align-items: center; justify-content: center; gap:5px; letter-spacing: 1.2px; background:rgba(246,173,85,0.2); color:#F6AD55; font-family: 'poppins', sans-serif;  font-weight: bold;  font-size: 12px; text-transform: uppercase; margin: 0; width: 50%; border-radius: 8px 0 0 8px;}
.expert-submit-picks .ht-tabs .tabs .tab-btn.live:hover { opacity: 0.8; }
.expert-submit-picks .ht-tabs .tabs .tab-btn.live span{ width: 8px; height: 8px; border-radius: 50px; background: #F6AD55; display: block;}
.expert-submit-picks .ht-tabs .tabs .tab-btn.completed{ display: flex; align-items: center; justify-content: center; gap:5px; letter-spacing: 1.2px; background:rgba(229,62,20,0.2); color:#E53E3E; font-family: 'poppins', sans-serif;  font-weight: bold;  font-size: 12px; text-transform: uppercase; margin: 0; width: 50%; border-radius: 0 8px 8px 0;}
.expert-submit-picks .ht-tabs .tabs .tab-btn.completed:hover { opacity: 0.9; }
.expert-submit-picks .ht-tabs .tabs .tab-btn.completed span{  width: 8px; height: 8px; border-radius: 50px; background: #E53E3E; display: block;}
.expert-submit-picks .ht-tabs .tabcontent{ display:none; border:0; padding:0px; margin-top:0px;}
.expert-submit-picks .ht-tabs .tabcontent.active{ display:block;}
.expert-submit-picks .ht-tabs input { position: absolute; right: 100%; } 
.expert-submit-picks .ht-tabs input:checked + .tabcontent { display: block; }
.expert-submit-picks .ht-tabs .tabcontent { display: none; }
.expert-submit-picks .ht-tabs .tabs input{ display:none; } 
.expert-submit-picks .ht-tabs .tabs .tab-btn{ padding:12px 20px; background:#f3f3f3; cursor:pointer; margin-right:5px; font-weight:600; }
.expert-submit-picks .ht-tabs .tabs .tab-panels{ border:none; padding:0px; margin-top:0px; }
.tab-panel{ display:none;}
#liveTab:checked ~ .tab-panels #live{ display:block;}
#completedTab:checked ~ .tab-panels #upcoming{ display:block;}
/* active tab */
#liveTab:checked ~ .tab-links label[for="liveTab"],
#completedTab:checked ~ .tab-links label[for="completedTab"]{ }


/* Search  */
.expert-submit-picks .ht-tabs .ht-search { margin: 36px 0; }
.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form { margin-bottom: 0px; display: flex; gap: 14px; flex-wrap: wrap; align-items: flex-end; border: 1px solid #2A2A2A; padding: 16px; border-radius: 10px; background: #161616; justify-content: space-between;}
/* .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms input:not([type="date"]){ background:#18181B; border:1px solid #1f242c; color:rgba(255,255,255,0.6); padding:10px 14px; border-radius:8px; width:100%; font-family:'poppins',sans-serif; font-size:14px; height:43px; display: block !important; position: relative !important; box-sizing:border-box; appearance:none; -webkit-appearance:none; right: 0%; left: 0%; top: 0%; bottom: 0%; } */
/* Chrome, Edge */
/*input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator { display: none !important; -webkit-appearance: none !important; } */

/* Firefox */
/*input[type="date"]::-moz-calendar-picker-indicator { display: none !important; }
.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms input[type="date"]::placeholder { color:rgba(255,255,255,0.6); }
.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms input[type="date"]{ background:#18181B; border:1px solid #1f242c; color:rgba(255,255,255,0.6); padding:10px 35px 10px 14px; border-radius:8px; width:100%; height:43px; box-sizing:border-box; appearance:auto; -webkit-appearance:auto; display: block !important; position: relative !important; right: 0%; left: 0%; top: 0%; bottom: 0%; }
.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms input[type="date"]::after { content: ''; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; pointer-events: none; background-image: url('./../../assets/icons/calendar_today_icon.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } */

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms input, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form input { background: #18181B; border: 1px solid #1f242c; color: rgba(255,255,255,60%); padding: 10px 14px; border-radius: 8px;  width: -webkit-fill-available; font-family: 'poppins', sans-serif; font-weight: normal; font-size: 14px; height: 43px; position: relative; display: block; right: 0;}

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms input:focus-visible, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form input:focus-visible{ outline: none;}

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms input::placeholder, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form input::placeholder{font-family: 'poppins', sans-serif;  font-weight: normal;  font-size: 14px; color: rgba(255,255,255,60%);} 

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(0.7); cursor: pointer; position: relative; display: block; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(0.7); cursor: pointer; position: relative; display: block; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field label, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field label { margin-bottom: 10px; font-size: 13px; font-weight: 600; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field  { width: 22%; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field  { width: 22%; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms button, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form button { border: 1px solid #B8860B; padding: inherit; background: linear-gradient(148deg, #D4AF37, #B8860B); border: none; width: 45px; height: 43px; border-radius: 8px; font-weight: 600; color: #fff; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms button:hover, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form button:hover { border: 1px solid #fff; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms button img, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form button img { width: 18px; filter: invert(1); }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.select_option, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.select_option {position: relative; width: 22%;}

.expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.select_option, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.select_option {position: relative; width: 22%;}

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.select_option::after { background: url(./../../assets/icons/option-arrow.svg) no-repeat;  
content:''; position: absolute; right: 5px; top: 13px; width: 24px; height: 24px; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.select_option::after { background: url(./../../assets/icons/option-arrow.svg) no-repeat;  
content:''; position: absolute; right: 5px; top: 13px; width: 24px; height: 24px; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.select_option select { background-color: #18181B; border: 1px solid #1f242c; color: rgba(255,255,255,60%); padding: 10px 30px 10px 14px; border-radius: 8px;
 -webkit-appearance: none; width: -webkit-fill-available; font-family: 'poppins', sans-serif; font-weight: normal; font-size: 14px; height: 43px;}

 .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.select_option select { background-color: #18181B; border: 1px solid #1f242c; color: rgba(255,255,255,60%); padding: 10px 30px 10px 14px; border-radius: 8px;
 -webkit-appearance: none; width: -webkit-fill-available; font-family: 'poppins', sans-serif; font-weight: normal; font-size: 14px; height: 43px;}


 .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.select_option select:focus-visible { outline: none;}

 .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.select_option select:focus-visible { outline: none;}

  .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.filter-btn  { width: 5%; padding: 0; border-radius: 0; background: transparent; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.filter-btn  { width: 5%; padding: 0; border-radius: 0; background: transparent; }

/* End Search  */


/* Matches */
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs div { padding: 5px; }
.expert-submit-picks .ht-matches { margin: 0;}
.expert-submit-picks .ht-matches .ht-matches-header-live { display: grid; align-items: center; margin-bottom: 20px; grid-template-columns: 3fr 2fr; gap: 20px; }
.expert-submit-picks .ht-matches .ht-matches-header-live h4 { margin: 0px; font-family: 'oswald', sans-serif; font-weight: 600; font-size: 20px; text-transform: uppercase; color:#fff; display: flex; align-items: center; gap: 10px; position: relative; padding-left: 20px; letter-spacing: 2px;}
.expert-submit-picks .ht-matches .ht-matches-header-live h4::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 25px; background: #EF4444;}
.expert-submit-picks .ht-matches .ht-matches-header-live h4 span { width: 8px; height: 8px; background: #EF4444; display: block; border-radius: 50px;}
.expert-submit-picks .ht-matches .ht-matches-header-live strong { font-family: 'inter', sans-serif; font-weight: bold; font-size: 12px; color: rgba(255,255,255,60%); text-align: right;}

.expert-submit-picks .ht-matches .ht-matches-header-upcoming { margin: 36px 0px 20px 0px; display: grid; margin-bottom: 30px; grid-template-columns: 3fr 2fr; gap: 20px; }
.expert-submit-picks .ht-matches .ht-matches-header-upcoming h4 { margin: 0px; font-family: 'oswald', sans-serif; font-weight: 600; font-size: 20px; text-transform: uppercase; color:#fff; display: flex; align-items: center; gap: 10px; position: relative; padding-left: 20px; letter-spacing: 2px;  }
.expert-submit-picks .ht-matches .ht-matches-header-upcoming h4::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 25px; background: #C5A021;}
.expert-submit-picks .ht-matches .ht-matches-header-upcoming strong { font-family: 'inter', sans-serif; font-weight: bold; font-size: 12px; color: rgba(255,255,255,60%); text-align: right;}

.expert-submit-picks .ht-matches .ht-matches-header-finished { display: grid;     grid-template-columns: 3fr 2fr; align-items: center; margin-bottom: 20px; gap: 20px; }
.expert-submit-picks .ht-matches .ht-matches-header-finished h4 {font-family: 'oswald', sans-serif; font-weight: 600; font-size: 20px; text-transform: uppercase; color:#fff; display: flex; align-items: center; gap: 10px; position: relative; padding-left: 20px; letter-spacing: 2px; margin-bottom: 0px !important;}
.expert-submit-picks .ht-matches .ht-matches-header-finished h4::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 25px; background: rgb(255 255 255 / 60%);}
.expert-submit-picks .ht-matches .ht-matches-header-finished strong { font-family: 'poppins', sans-serif; letter-spacing: 1px; font-weight: bold; font-size: 12px; text-transform: uppercase; color: rgba(255,255,255,60%); text-align: right; }

.expert-submit-picks .ht-matches .ht-match-card { margin: 0;}
.expert-submit-picks .ht-matches .ht-match-card ul { margin: 0; padding: 0; list-style: none;}
.expert-submit-picks .ht-matches .ht-match-card ul li { margin-bottom: 16px; padding: 20px; background: #161616; border: 1px solid #2A2A2A; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; word-break: break-word; white-space: normal; }
.expert-submit-picks .ht-matches .ht-match-card ul li .sport { display: inline-flex; flex-direction: column; align-items: center; width: 70px; gap: 5px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .sport img { width: 19px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .sport strong { text-align: center; font-family: 'poppins', sans-serif; font-weight: bold; font-size: 10px; color: rgba(255,255,255,60%);}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs { display: flex; width: 50%;}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-one { display: flex; flex-direction: column; align-items: center; width: 80%; gap: 5px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-one img { max-width: 40px; max-height: 48px; border-radius: 50px; }
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-one strong { text-align: center; font-family: 'poppins', sans-serif; font-weight: bold; font-size: 12px; color: #fff; text-transform: uppercase;}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-score { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-score h5 { font-family: 'oswald', sans-serif; font-weight: 500; font-size: 24px; text-transform: uppercase; color:#C5A021; margin: 0 0 5px; }
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-score strong { font-family: 'poppins', sans-serif; font-weight: bold; font-size: 10px; color: #C5A021; text-transform: uppercase;}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-upcoming-vs { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-upcoming-vs h5 { margin:0; font-family: 'oswald', sans-serif; font-weight: 500; font-size: 18px; text-transform: uppercase; color:#94A3B8;  }
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-upcoming-vs strong { font-family: 'inter', sans-serif; font-weight: bold; font-size: 10px; color: rgba(255,255,255,60%); text-transform: uppercase;}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-two { display: flex; flex-direction: column; align-items: center; width: 80%; gap: 5px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-two img { max-width: 40px; max-height: 48px; border-radius: 50px; }
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-two strong { text-align: center; font-family: 'poppins', sans-serif; font-weight: bold; font-size: 12px; color: #fff; text-transform: uppercase;}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-two strong.man-city { font-family: 'inter', sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase;}
.expert-submit-picks .ht-matches .ht-match-card ul li .match-one.winner strong,.expert-submit-picks .ht-matches .ht-match-card ul li .match-two.winner strong { color: #22C55E; }
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs.finished { display: flex; width: 45%; }
.expert-submit-picks .ht-matches .ht-match-card ul li .pick-status { display: flex; flex-direction: column; align-items: center; gap: 5px; flex: 0 0 90px; }
.expert-submit-picks .ht-matches .ht-match-card ul li .pick-status strong { text-align: center; font-family: 'poppins', sans-serif; font-weight: bold; font-size: 12px; color: rgba(255,255,255,60%); text-transform: uppercase; letter-spacing: 1px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .pick-status span.approved { background: rgba(34,197,94,10%); color: #22C55E; text-align: center; font-family: 'inter', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 8px 15px; border: 1px solid rgba(234,179,8,20%); border-radius: 50px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .pick-status span.pending { background: rgba(234,179,8,10%); color: #EAB308; text-align: center; font-family: 'inter', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 8px 15px; border: 1px solid rgba(234,179,8,20%); border-radius: 50px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .pick-status span.you-win { background: #22C55E; color: #000000; font-family: 'inter', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 8px 15px; border: 1px solid rgba(234,179,8,20%); border-radius: 50px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .pick-status span.you-loss { background: #EF4444; color: #000000; font-family: 'inter', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; padding: 8px 15px; border: 1px solid rgba(234,179,8,20%); border-radius: 50px;}

.expert-submit-picks .ht-matches .ht-match-card ul li .pick-status.finished { display: flex; flex-direction: column; align-items: center; gap: 5px;  min-width: 20%; }
.expert-submit-picks .ht-matches .ht-match-card ul li .no-pick-view { display: flex; flex-direction: column; align-items: center; gap: 5px; flex: 0 0 90px; }
.expert-submit-picks .ht-matches .ht-match-card ul li .no-pick-view strong { text-align: center; font-family: 'poppins', sans-serif; font-weight: bold; font-size: 12px; color: rgba(255,255,255,60%); text-transform: uppercase; letter-spacing: 1px;}
.expert-submit-picks .ht-matches .ht-match-card ul li .no-pick-view span { text-align: center; font-family: 'oswald', sans-serif; font-weight: bold; font-size: 20px; text-transform: uppercase; letter-spacing: 1px;   
background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.expert-submit-picks .ht-matches .ht-match-card ul li .no-pick-view.finished { display: flex; flex-direction: column; align-items: center; gap: 5px;  min-width: 22%; }
.expert-submit-picks .ht-matches .ht-match-card ul li .action-btn { margin: 0; display: flex; align-items: center; justify-content: end; gap: 10px; flex: 0 0 150px; }
.expert-submit-picks .ht-matches .ht-match-card ul li .action-btn button.update { transition: all .3s; border: 1px solid #B8860B; background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); border-radius: 4px; padding: 8px 15px; font-family: 'inter', sans-serif; font-weight: bold; font-size: 10px; color: #212121; text-transform: uppercase; }
.expert-submit-picks .ht-matches .ht-match-card ul li .action-btn button.update:hover { border: 1px solid #fff; color: #fff; }
.expert-submit-picks .ht-matches .ht-match-card ul li .action-btn button.submit { transition: all .3s; border: 1px solid #B8860B; background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); border-radius: 4px; padding: 8px 15px; font-family: 'inter', sans-serif; font-weight: bold; font-size: 10px; color: #212121; text-transform: uppercase; }
.expert-submit-picks .ht-matches .ht-match-card ul li .action-btn button.submit:hover { border: 1px solid #fff; color: #fff; }
.expert-submit-picks .ht-matches .ht-match-card ul li .action-btn button.delete{  background: rgba(239,68,68,10%); border-radius: 4px; padding:5px 10px; border: none;}

/* pagination */

.expert-submit-picks .ht-matches .pagination { display: flex; justify-content: center; margin: 35px auto 70px; color: #475569; font-family: 'inter', sans-serif; font-weight: bold; font-size: 16px;}
.expert-submit-picks .ht-matches .pagination .pages, #live-pagination, #upcoming-pagination { display: flex !important; gap: 10px; align-items: baseline; }
#live-pagination button, #upcoming-pagination button { border: 1px solid #262626; border-radius: 4px; padding: 7px 16px; color:rgba(255,255,255,60%); background-color: #161616; font-weight: bold; }
#live-pagination button:hover, #upcoming-pagination button:hover { background: #C5A021; border: 1px solid #C5A021; color: #000; font-weight: bold; }

.expert-submit-picks .ht-matches .pagination .pages button.left-nav,
.expert-submit-picks .ht-matches .pagination .pages button.right-nav { background: #161616; border: 1px solid #262626; border-radius: 4px; padding: 7px 16px;} 
.expert-submit-picks .ht-matches .pagination .pages button.left-nav img,
.expert-submit-picks .ht-matches .pagination .pages button.right-nav img { width: 8px;}
.expert-submit-picks .ht-matches .pagination .pages button.active, #live-pagination button.active, #upcoming-pagination button.active {  background: #C5A021; border: 1px solid #C5A021; border-radius: 4px; color: #000; font-family: 'inter', sans-serif; font-weight: bold; font-size: 16px; padding: 7px 17.6px;}
.expert-submit-picks .ht-matches .pagination .pages button { background: #161616; border: 1px solid #262626; border-radius: 4px; color: rgba(255,255,255,60%); font-family: 'inter', sans-serif; font-weight: normal; font-size: 16px; padding: 7px 16px;}
.expert-submit-picks .ht-matches .pagination .pages button:hover { background: #C5A021; border: 1px solid #C5A021; color: #000; border-radius: 4px; font-family: 'inter', sans-serif; font-weight: bold; font-size: 16px; padding: 7px 16px; }

/* End Matches  */

/* End Tabs */


 /* Modalbox */

.modalbox { display:none; z-index: 99999; position:fixed; bottom: 0; right: 0; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }

.modalbox .modal-content { background:#fff; width:892px; position: fixed; top: 0; bottom: 0; height: fit-content; left: 0; right: 0; margin:auto; padding:40px 30px; border-radius: 20px; }
.modalbox .modal-content .model-header { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px;}
.modalbox .modal-content h2 { font-family: 'oswald', sans-serif; font-weight: 600 !important; font-size: 40px !important; margin-bottom: 10px; text-transform: none !important; 
background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.modalbox .modal-content .close-modalbox { width: 16px;}
.modalbox .modal-content .m-logo { display: flex; align-items: center; width: 100%; justify-content: center;} 
.modalbox .modal-content hr { background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); width: 100%; height: 2px; border: none; }
.modalbox .modal-content .body-modal { margin-top: 30px; overflow-x: auto;
    max-height: 320px;
    padding-right: 10px;  }
.modalbox .modal-content .body-modal form .form-section { margin: 20px 0;}
.modalbox .modal-content .body-modal form label { font-family: 'poppins', sans-serif; font-weight: bold; font-size: 12px; color: #000; text-transform: uppercase; padding-bottom: 10px; }
.modalbox .modal-content .body-modal form select { background: #F5F5F5; border-radius: 8px; color: #000; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 14px; padding: 12px 10px; border: none; }
.modalbox .modal-content .body-modal form textarea { background: #F5F5F5; border-radius: 8px; color: #000; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 14px; padding: 12px 20px 12px 10px;  border: none; }
.modalbox .modal-content .body-modal form .textarea-input { position: relative; display: block;}
.modalbox .modal-content .body-modal form .textarea-input img { position: absolute; right: 7px; top: 7px; width: 15px; height: 15px;}
.modalbox .modal-content .body-modal form textarea::placeholder { color: #000; font-family: 'poppins', sans-serif; font-weight: 400; font-size: 14px; }
.modalbox .modal-content .body-modal form button.submit { width: 100%; border: 1px solid #B8860B; font-family: 'poppins', sans-serif; font-weight: bold; font-size: 16px; text-transform: uppercase; border-radius: 8px; background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); color: #000000; }
.modalbox .modal-content .body-modal form button.submit:focus,
.modalbox .modal-content .body-modal form button.submit:active,
.modalbox .modal-content .body-modal form button.submit:focus-visible { outline: none; border: none;}
.modalbox .modal-content .body-modal form button.submit:hover { border: 1px solid #B8860B; color: #fff; }
.modalbox .modal-content .body-modal .submit-pick-form-btn { margin: 30px 0 15px; display: flex; justify-content: center; gap: 18px;}
.modalbox .modal-content .body-modal form button.cancel { width: 100%; border-radius: 8px; border: 1px solid transparent; font-family: 'poppins', sans-serif; font-weight: bold; font-size: 16px; text-transform: uppercase; background: transparent; color: #000000; }
.modalbox .modal-content .body-modal form button.cancel:focus,
.modalbox .modal-content .body-modal form button.cancel:active,
.modalbox .modal-content .body-modal form button.cancel:focus-visible { outline: none; border: none;}
.modalbox .modal-content .body-modal form button.cancel:hover { border-radius: 8px; border: 1px solid #B8860B; background: linear-gradient(145deg, #D4AF37 0%, #B8860B 100%); color: #fff; }

.modalbox .close { position:relative; right: 5px; top: 8px; font-size:20px; cursor:pointer; }
.hidden { display:none; }

span.search-mobile-text { display: none; }
.empty-wrap-resp { display: none; }

.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms button:hover img, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form button:hover img {
    filter: unset;
}
.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms button:hover span.search-mobile-text { color: #fff; }
.expert-submit-picks .ht-tabs .ht-search form#ht-search-form button:hover span.search-mobile-text { color: #fff; }


/* Media Query */
@media screen and (max-width: 1292px) {
.expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.select_option, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.select_option { width: 21% !important; }
.expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field, .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field { width: 21% !important; }
.expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.filter-btn, .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.filter-btn { width: 5% !important; }
}
@media screen and (max-width: 1200px) {
    .expert-submit-picks button.button.button-primary { height: unset !important; }
    .expert-submit-picks span.search-mobile-text { display: block; color: #000; text-transform: uppercase; font-family: 'poppins', sans-serif !important; font-weight: 600 !important; }
    .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms button, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form button { width: fit-content; }
    .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms button, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form button { display: flex; align-items: center; padding: 12px 20px; gap: 10px; }
    .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.filter-btn, .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.filter-btn { width: 100% !important; grid-column: span 2; display: grid; justify-content: center; }
    .empty-wrap-resp { display: block; }
    .expert-submit-picks .ht-matches .ht-match-card ul li .sport img { width: 35px; }
    .expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-one { width: 100%; }
    .expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-two { width: 100%; }
    .expert-submit-picks .ht-matches .ht-match-card ul li .match-vs.finished { width: 100%; }
   .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.select_option, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.select_option { width: 100% !important; }
   
    .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field, .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field { width: 100% !important; }
   
   .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field { width: 100%; }

    .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field { width: 100%; }

   .expert-submit-picks .ht-matches .ht-match-card ul li { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
   .expert-submit-picks .ht-matches .ht-match-card ul li .sport { width: unset; grid-column: span 3; }
   .expert-submit-picks .ht-matches .ht-match-card ul li .action-btn { width: unset; }
   .expert-submit-picks .ht-matches .ht-match-card ul li .match-vs { display: flex; width: 100%; grid-column: span 3; gap: 10px; text-align: center; }
   .expert-submit-picks .ht-matches .ht-match-card ul li .action-btn { justify-content: center; display: flex; grid-column: span 3; }
   .expert-submit-picks .ht-cards ul li.total-picks h4 { font-size: 32px; }
   .modalbox .modal-content { width: 90%; padding: 40px 20px; }
   .modalbox .modal-content h2 { font-size: 35px !important; }
   .expert-submit-picks .ht-header .ht-header-left { width: 60%; display: flex; flex-direction: column; } 
   .expert-submit-picks .ht-header .ht-header-right { width: 40%; display: flex; justify-content: flex-end; }
}
@media screen and (max-width: 767px) {
    .modalbox .modal-content .body-modal .submit-pick-form-btn { flex-direction: column; }

    .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms, .expert-submit-picks .ht-tabs .ht-search form#ht-search-form {
        grid-template-columns: 1fr;
    }

  .expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-score h5 { text-align: center; }
  .expert-submit-picks .ht-matches .ht-matches-header-live { margin-bottom: 30px;  }
  .expert-submit-picks .ht-matches .ht-matches-header-upcoming { margin-bottom: 30px; margin-top: 40px; }
  .expert-submit-picks .ht-tabs .tabs .tab-btn.completed { width: 100%; border-radius: 8px; }
  .expert-submit-picks .ht-tabs .tabs .tab-btn.live { width: 100%; border-radius: 8px; }
  .expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-score { width: 100%; }
  .expert-submit-picks .ht-tabs .tab-links { gap: 5px; }
  .modalbox .modal-content { padding: 20px; }
  .modalbox .modal-content h2 { font-size: 25px !important; }
  .modalbox .close { top: 0px; }
  .expert-submit-picks .ht-tabs .ht-search form#ht-search-form .ht-filter-field.filter-btn, .expert-submit-picks .ht-tabs .ht-search form#ht-search-forms .ht-filter-field.filter-btn { grid-column: span 1; }
 .expert-submit-picks .ht-matches .ht-match-card ul li .match-vs .match-score h5 { font-size: 20px; }
}

@media screen and (max-width: 480px) {
.expert-submit-picks .ht-matches .ht-match-card ul li { grid-template-columns: repeat(2, 1fr); }
.expert-submit-picks .ht-matches .ht-match-card ul li .sport { grid-column: span 2; }
.expert-submit-picks .ht-matches .ht-match-card ul li .match-vs { grid-column: span 2; }
.expert-submit-picks .ht-matches .ht-match-card ul li .action-btn { grid-column: span 2; }
.empty-wrap-resp { display: none; }
}

 /* End Modalbox  */

/* End Right Header */