/**
 *
 * Apply Here your Custom CSS
 *
*/

body {
    overflow-x: hidden;
}

.buttons {
    display: flex;
    gap: 10px;
}

.buttons button {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.csv-btn {
    background: #e8e8e8;
}

.pdf-btn {
    background: #16a34a;
    color: #fff;
}

.filters {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.filters input,
.filters select {
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}

table th,
table td {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ddd !important;
    font-size: 16px;
    color: #000;
}

table th {
    background: #f9fafb;
    font-weight: bold;
}

.competition-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 12px;
    margin-right: 4px;
}

.badge-vfl {
    background: #e0f2fe;
    color: #0284c7;
}

.badge-aflw {
    background: #dcfce7;
    color: #16a34a;
}

.badge-afl {
    background: #fee2e2;
    color: #dc2626;
}

.view-link {
    color: #0284c7;
    text-decoration: none;
    font-weight: 500;
}

.pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination button {
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #f9fafb;
    cursor: pointer;
}

.pagination .pages {
    display: flex;
    gap: 6px;
}

.pagination .pages span {
    padding: 0px;
    border-radius: 6px;
    cursor: pointer;
}

.pagination .pages span a {
    color: #535862;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.pagination .pages .active {
    border: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #efefef;
    font-weight: 600;
}
.pagination .pages span:hover, .pagination .pages .active:hover, .pagination .pages .active {
    background: #e9e9e9;
    color: #252B37;
    font-weight: 600;
}



.date-range-box {
    position: relative;
}

/*
#daterange {
    width: 280px;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}
*/

/* Calendar popup container */
.calendar-popup {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 16px;
    position: absolute;
    top: 55px;
    left: 0;
    width: 320px;
    z-index: 9999;
    display: none;
}

.calendar-header {
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
}

.date-inputs {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.date-inputs input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 14px;
    text-align: center;
    background: #f9fafb;
}

.quick-selects {
    display: flex;
    justify-content: space-around;
    margin: 8px 0;
}

.quick-selects button {
    background: none;
    border: none;
    color: #008060;
    font-weight: 500;
    cursor: pointer;
    transition: 0.2s;
}

.quick-selects button:hover {
    text-decoration: underline;
}

.ui-datepicker {
    width: 100%;
    border: none;
    padding: 0;
}

.ui-datepicker-header {
    background: none;
    border: none;
    text-align: center;
    font-weight: 600;
    margin-bottom: 6px;
}

.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-calendar th {
    color: #666;
    font-weight: 500;
}

.ui-datepicker-calendar td a {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

/* Highlight whole selected range */
.ui-datepicker td.in-range a {
    background: #dbeafe;
    /* light blue */
    color: #000;
}

/* Start date */
.ui-datepicker td.range-start a {
    background: #2563eb;
    /* solid blue */
    color: #fff;
    border-radius: 50% 0 0 50%;
}

/* End date */
.ui-datepicker td.range-end a {
    background: #2563eb;
    color: #fff;
    border-radius: 0 50% 50% 0;
}

/* When start=end (single day) */
.ui-datepicker td.range-start.range-end a {
    border-radius: 50%;
}

.calendar-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

.btn {
    border: none;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 600;
    cursor: pointer;
}

.btn.cancel {
    background: #f1f1f1;
}

.btn.apply {
    background: #008060;
    color: white;
}

.all_contain_sec .switchs {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 50px;
}

.all_contain_sec .switchs input {
    display:none;
}

.all_contain_sec .sliders {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0px;
    top: 0;
    transition: .4s;
}
.all_contain_sec .sliders:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 16px;
}

.all_contain_sec input:checked + .sliders {
    background-color: #66bb6a;
}

.all_contain_sec input:checked + .sliders:before {
    transform: translateX(26px);
}

.all_contain_sec .sliders.round {
    border-radius: 34px;
}

.all_contain_sec .sliders.round:before {
    border-radius: 50%;
}

/*.all_contain_sec .switch {
    display: inline-block;
    height: 27px;
    position: relative;
    width: 60px;
    margin: 0;
}

.all_contain_sec .switch input {
    display: none;
}

.all_contain_sec .switch .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}

.all_contain_sec .switch .slider:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 26px;
}

.all_contain_sec .switch input:checked + .slider {
    background-color: #6eae3c;
}

.all_contain_sec .switch input:checked + .slider:before {
    transform: translateX(26px);
}

.all_contain_sec .switch .slider.round {
    border-radius: 34px;
}

.all_contain_sec .switch .slider.round:before {
    border-radius: 50%;
}

.all_contain_sec label.switch span.slider {
    height: 26px;
    width: 56px;
    margin: 0;
}

.all_contain_sec label.switch .slider:before {
    width: 21px;
    height: 20px;
    top: 3px;
}*/

.add_daily_basis_record_form_cls .form-data, 
.form_body_sec .form_content_section .form-data{
    padding-bottom: 16px;
}

.add_daily_basis_record_form_cls .form-data label.form-label, 
.form_body_sec .form_content_section .form-data label.form-label{
    font-size: 13px;
    color: #414651;
}


.add_daily_basis_record_form_cls .form-data .field_div span.select2, 
.form_body_sec .form_content_section .form-data .field_div span.select2 {
    width: 100% !important;
    display: block;
    max-width: 100%;
}

.add_daily_basis_record_form_cls .form-data .field_div span.select2 > span > span, 
.form_body_sec .form_content_section .form-data .field_div span.select2 > span > span {
    height: auto;
    border: 1px solid #ddd;
}

.add_daily_basis_record_form_cls .form-data .field_div span.select2 > span > span > span, 
.form_body_sec .form_content_section .form-data .field_div span.select2 > span > span > span{
    padding: 6px 10px;
    height: auto;
    font-size: 14px;
}

.add_daily_basis_record_form_cls .form-data .field_div span.select2 > span > span > span[role="presentation"], 
.form_body_sec .form_content_section .form-data .field_div span.select2 > span > span > span[role="presentation"]{
    top: 50%;
    transform: translateY(-50%);
}

.add_daily_basis_record_form_cls .form-data .field_div input,
.form_body_sec .form_content_section .form-data .field_div input,
.add_daily_basis_record_form_cls .form-data .field_div textarea {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    outline: 0 !important;
    height: auto;
    font-size: 14px;
}

.add_daily_basis_record_form_cls .form-data .field_div span.select2 > span > span > span > span, 
.form_body_sec .form_content_section .form-data .field_div span.select2 > span > span > span > span{
    font-size: 14px;
}

.add_daily_basis_record_form_cls .form-data .last_match_div, 
.form_body_sec .form_content_section .form-data .last_match_div{
    color: #000;
}

.main-content.main-add-daily-record hr {
    margin: 0;
}

.add_daily_basis_record_form_cls .form-data span.com_res, 
.form_body_sec .form_content_section .form-data span.com_res{
    color: #ff0000;
    display: inline-block;
    margin-top: 5px;
}

.all_contain_sec .form_heading_section .form_heading {
    font-size: 24px;
    font-weight: 700;
    color: #22262f;
    padding: 0 0 11px;
}

.page-container .main-content.main-add-daily-record, .page-container .main-content.form_body_sec {
    padding: 0;
    background: #f9f8fa;
}

.page-container .main-content.main-add-daily-record .all_contain_sec, .main-content.form_body_sec .all_contain_sec {
    /* max-width: 1200px; */
    margin: 60px auto;
    width: calc(100% - 100px) !important;
}
.full_wdth_bckgrnd .form_content_section, .form_body_sec .form_content_section {
    padding: 15px;
    background: #fff;
}
.view_details_box_container {
    padding: 0 !important;
    background: #fff;
}
.entry_date_cls .form-data.entry_date_cls {
    position: relative;
}

.add_daily_basis_record_form_cls .form-data.entry_date_cls a {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid #ddd;
    text-transform: uppercase;
    font-weight: 600;
}

.add_daily_basis_record_form_cls .form-data.entry_date_cls input {
    padding: 6px 12px;
    font-size: 15px;
}

.add_daily_basis_record_form_cls .entry_date_cls .field_div {
    position: relative;
}

.all_contain_sec .form_content_section button[type="submit"] {
    background: #6eae3c;
    border-color: #6eae3c;
    color: #fff !important;
    padding: 11px 37px;
    border: 1px solid #6eae3c;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/*------------Add Weekly Basis Record start  (bro) -----------*/



/*
.add_weekly_basis_record .form-data.entry_date_cls {
    padding-bottom: 16px;
}
*/

.add_weekly_basis_record .form-data.entry_date_cls label.form-label {
    font-size: 13px;
    color: #414651;
}

.add_weekly_basis_record .form-data.entry_date_cls .field_div {
    position: relative;
}

.add_weekly_basis_record .form-data.entry_date_cls .field_div input {
    background: #fbfbfb;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000;
    font-weight: 400;
    outline: 0 !important;
    height: auto;
    font-size: 14px;
}

.add_weekly_basis_record .form-data.entry_date_cls .field_div a {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid #ddd;
    text-transform: uppercase;
    font-weight: 600;
}

body.page-body {
    margin: 0;
}

.flatpickr-calendar {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 16px;
    position: absolute;
    left: 0;
    z-index: 9999;
    margin-top: 10px;
}

.flatpickr-calendar .flatpickr-months {
    padding-bottom: 30px;
    position: relative;
}

.flatpickr-calendar .flatpickr-months select:hover {
    background: transparent;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper:hover {
    background: transparent;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper span {
    border: none;
    height: 30%;
    line-height: 30%;
    padding-left: 6px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInputWrapper span:hover {
    background: transparent;
}

.flatpickr-calendar .flatpickr-innerContainer {
    outline: 1px solid #E9EAEB;
    border-radius: 10px;
    overflow: hidden;
    padding: 5px;
}



.flatpickr-weekdays .flatpickr-weekdaycontainer span {
    color: #000000;
    font-weight: 700;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 100%;
    background: #099250;
    border-color: #099250;
    box-shadow: none !important;
}

span.flatpickr-day.inRange {
    border-radius: 100%;
    box-shadow: none;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 100%;
    background: #099250;
    border-color: #099250;
    box-shadow: none !important;
}

.flatpickr-day.selected {
    background: #099250;
    border-color: #099250;
}

.flatpickr-day.today:hover {
    background: #099250;
}

.flatpickr-day.today {
    border-color: #099250;
}


.add_daily_basis_record_form_cls .form-data .field_div select {
    padding: 12px 10px;
    height: auto;
    border: 1px solid #ddd;
    width: 100%;
    color: #999;
    border-radius: 4px;
    font-size: 14px;
}



.add_weekly_basis_record_form_cls .day-item {
    background: #f9f8fa;
/*    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);*/
}

.add_weekly_basis_record_form_cls .day-item .day-content {
    padding: 20px;
    margin: 0;
}

.add_weekly_basis_record_form_cls .day-item .day-header {
    background: #ededed;
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 20px;
}
/*------------Add Weekly Basis Record end -----------*/
.add_bulk_record .form_content_section #csvForm {
    max-width: 540px;
    margin: 0 auto;
    padding: 38px;
    text-align: center;
    box-shadow: 0px 0px 20px #0000001c;
    background: #fff;
    border-radius: 10px;
    position: relative;
}

.add_bulk_record .form_content_section #csvForm h2 {
    margin: 0 0 14px;
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
}

.add_bulk_record .form_content_section #csvForm input[type="file"] {
    width: 100%;
    text-align: left;
    padding: 9px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    outline: 0 !important;
    margin: 0 00 20px;
}
.add_bulk_record .form_content_section #csvForm button[type="submit"] {
    margin-bottom: 18PX;
}

.add_bulk_record .form_content_section #csvForm>div {
    font-size: 16px;
    padding: 0 0 4px;
    color: #262626;
    text-transform: capitalize;
}

.add_bulk_record .form_content_section #csvForm>a {
    font-size: 16px;
    background: #6eae3c !important;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -19px;
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px;
    border-radius: 0 0 10px 10px;
}

.add_bulk_record .form_content_section #csvForm>div strong {
    font-weight: 500;
}
.all_contain_sec.add_bulk_record table {
    border: 1px solid #E9EAEB !important;
    margin-top: 45px;
    outline: 1px solid #E9EAEB;
    border-radius: 10px;
    overflow: hidden;
    outline-offset: -1px;
    background: #fff;
}

.all_contain_sec.add_bulk_record table tr th, .all_contain_sec.add_bulk_record table tr td {
    min-width: 90px;
}

.all_contain_sec.add_bulk_record table tr th:nth-child(2), .all_contain_sec.add_bulk_record table tr td:nth-child(2) {
    min-width: 212px;
}

.all_contain_sec.add_bulk_record table tr th {
    background: transparent;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}



.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline {
    height: 300px !important;
}


.select2-container--default .select2-selection--single .select2-selection__clear {

    margin-right: 8px;
}

.com_res.red_res {
    color: #ff0000;
    margin-top: 5px;
    display: inline-block;
}
.log_success {
    color: #6eae3c;
    margin-top: 5px;
    display: inline-block;
}

.add_daily_basis_record_result_eror_ms.ump_err {
    text-align: center;
}
.center_button {
    text-align: center !important;
}

.all_contain_sec .form_content_section .row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
 
.add_weekly_basis_record_result_eror_ms.ump_err {
    text-align: center;
}

span.log_fail {
    margin-top: 5px;
    display: inline-block;
    color: #ff0000;
}

.table_distinct p {
    text-align: left;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 4px 0;
}

.table_distinct  p.csv_erone {
    font-weight: 500;
    font-size: 12px;
    color: #ff0000;
}
.spcl {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.imp_spcl {
    color: #008000;
}
.skip_cls {
    color: #ff0000;
}
.table_distinct {
    background: #fff;
    padding: 20px;
    margin-top: 50px;
    text-align: center;
}



/*-------View/Manage Match Records-------*/

.flag_tem img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.match_dtls {
    display: flex;
    column-gap: 6px;
    margin-bottom: 6px;
    width: 300px;
}

.match_dtls .flag_tem {
    width: 20px;
}

.match_dtls .flag_tem img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.match_dtls .cont_dtls {
    display: flex;
    column-gap: 7px;
    width: calc(100% - 30px);
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    color: #181D27;
}
.umpir_std ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 15px;
    font-size: 16px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}
.umpir_std ul li span a {
    color: #087443;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}
.umpire_filters {
    background: #FAFAFA;
    padding: 20px;
    border-radius: 8px;
}

.view_matches_admin .umpire_filters .filters {
    margin: 0;
}

.view_matches_admin .filters {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.view_matches_admin .umpire_filters .filters .first_sec {
    width: calc(100% - 1085px);
    position: relative;
}
.view_matches_admin .umpire_filters .filters label {
    line-height: normal;
    color: #414651;
    font-weight: 600;
    font-size: 16px;
    display: block;
    padding: 0 0 5px;
}


.view_matches_admin .umpire_filters .filters input, .view_matches_admin .umpire_filters .filters select {
    width: 100%;
    text-align: left;
    padding: 9px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    outline: 0 !important;
    line-height: normal;
}

.view_matches_admin .umpire_filters .filters .date-range-box {
    width: 220px;
    position: relative;
}

.view_matches_admin .umpire_filters .filters .third_sec {
    width: 230px;
}
.view_matches_admin .umpire_filters .filters .fourth_sec {
    width: 210px;
}
.admin_section_full_ump_table .umpire_filters .filters .fourth_sec {
    width: 120px;
}


.view_matches_admin .umpire_filters .filters .fifth_sec {
    width: 150px;
}

.admin_section_full_ump_table .umpire_filters .filters .fifth_sec {
    width: 110px;
}

.view_matches_admin .umpire_filters .filters .sixth_sec {
    width: 180px;
}


/*---frm start---*/

.view_matches_admin .ui-datepicker-header.ui-widget-header {
    position: absolute !important;
    top: 19px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}
.view_matches_admin .ui-datepicker-header {
    background: none;
    border: none;
    text-align: center;
    font-weight: 600;
    margin-bottom: 6px;
}
.view_matches_admin .calendar-popup {
    padding-top: 700px;
    padding-left: 0;
    padding-right: 0;
}
.view_matches_admin .calendar-popup {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 16px;
    position: absolute;
    top: 75px;
    left: 0;
    width: 320px;
    z-index: 9999;
    display: none;
}
.search_umpire_sec .umpire_filters .filters input, .search_umpire_sec .umpire_filters .filters select {
    width: 100%;
    text-align: left;
    padding: 9px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    outline: 0 !important;
}
.view_matches_admin .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    border: .0;
    padding: 0;
    width: auto;
}
.view_matches_admin .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    display: flex;
    align-items: center;
    column-gap: 13px;
    justify-content: center;
}
.view_matches_admin .ui-datepicker .ui-datepicker-header a.ui-corner-all {
    top: 50%;
    transform: translateY(-50%);
}
.view_matches_admin .calendar-popup {
    padding-top: 70px;
    padding-left: 0;
    padding-right: 0;
}
.view_matches_admin div#calendar {
    padding: 0 18px;
}

.view_matches_admin .date-inputs {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    padding: 0 15px;
}

.view_matches_admin .quick-selects {
    display: flex;
    justify-content: space-around;
    margin: 8px 0;
}

.view_matches_admin  .quick-selects button {
    background: none;
    border: none;
    color: #008060;
    font-weight: 500;
    cursor: pointer;
    transition: 0.2s;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
.view_matches_admin .ui-widget.ui-widget-content {
    border: 0 !important;
}

.view_matches_admin .ui-datepicker-calendar {
    border: 0 !important;
}
.view_matches_admin .ui-datepicker {
    width: 100%;
    border: none;
    padding: 0;
}


.view_matches_admin .ui-datepicker-calendar td a {
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    width: 33px;
    height: 33px;
    line-height: 28px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
}

.view_matches_admin .ui-datepicker table tr td, .view_matches_admin .ui-datepicker table tr th {
    padding: 2px;
    width: auto;
    min-width: unset;
    line-height: normal;
}

.view_matches_admin .ui-datepicker td.in-range a {
    background: #f3f3f3;
    color: #000;
    position: relative;
    z-index: 1;
}

.view_matches_admin .ui-datepicker td.range-start a {
    background: #099250;
    color: #fff;
    border-radius: 100% !important;
}
.view_matches_admin .ui-datepicker td.range-end a {
    background: #099250;
    color: #fff;
    border-radius: 100% !important;
}


.view_matches_admin table {
    outline: 1px solid #E9EAEB;
    border-radius: 10px;
    overflow: hidden;
    border: 0;
    margin-top: 20px !important;
}
.view_matches_admin .ui-datepicker table tr th {
    padding: 10px;
}


.view_matches_admin .calendar-footer {
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    border-top: 1px solid #ddd;
    margin-top: 14px;
    padding-left: 15px;
    padding-right: 15px;
}

.view_matches_admin .btn.cancel {
    background: #f1f1f1;
}

.view_matches_admin .btn {
    border: none;
    border-radius: 6px;
    padding: 8px 14px;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
}
.view_matches_admin .calendar-footer button {
    width: 100%;
}

.view_matches_admin .btn.apply {
    background: #008060;
    color: white;
}

.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.view_matches_admin .ui-datepicker-calendar td a {
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 28px;
    border: 0;
    background: transparent;
    font-weight: 500;
    font-size: 16px;
}


td.action_section {
    max-width: 230px;
    align-items: center;
}

td.action_section a.view-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 10px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    transition: 0.3s ease;
    font-weight: 500;
    box-sizing: border-box;
    width: calc(50% - 11px);
    background-color: #3498db;
    margin: 4px;
}

td.action_section  form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 14px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    transition: 0.3s ease-in-out;
    box-sizing: border-box;
    width: calc(50% - 10px);
    background-color: #099250;
    margin: 3px;
}
td.action_section form:hover {
    background: #08723f;
}
td.action_section  form.duplicate_umpire_submit {

    width: auto;

}
td.action_section form button.view-link.duplicate_match, td.action_section form button.view-link.duplicate_umpire {
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    background: transparent;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    letter-spacing: 0;
}

/*
td.action_section a.view-link:hover {
    background-color: #2980b9;
}
*/


td.action_section button.view-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 10px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    transition: 0.3s ease;
    font-weight: 500;
    box-sizing: border-box;
    width: calc(50% - 11px);
    background-color: #3498db;
    margin: 4px;
}

td.action_section a.view-link:hover, td.action_section form.duplicate_match_submit:hover {
   background-color: #2980b9; 
}

td.action_section button.view-link:hover {
   background-color: #2980b9; 
}

td.action_section a.view_match {
    background-color: #3498db;
}

td.action_section a.view_match:hover {
    background-color: #2980b9;
}

td.action_section a.edit_match, td.action_section a.edit_umpire, td.action_section a.edit_team, td.action_section a.edit_ground, td.action_section a.edit_competition, td.action_section a.edit_competition_round, td.action_section a.edit_competition_season, td.action_section a.edit_shirt_colours {
    background-color: #f1c40f;
    color: #333;
}

td.action_section a.edit_match:hover, td.action_section a.edit_umpire:hover, td.action_section a.edit_team:hover, td.action_section a.edit_ground:hover, td.action_section a.edit_competition:hover, td.action_section a.edit_competition_round:hover, td.action_section a.edit_competition_season:hover, td.action_section a.edit_shirt_colours:hover {
    background-color: #d4ac0d;
}


td.action_section a.duplicate_match {
    background-color: #2ecc71;
}

td.action_section a.duplicate_match:hover {
    background-color: #27ae60;
}


td.action_section a.delete_match, td.action_section a.delete_umpire, td.action_section a.delete_team, td.action_section a.delete_ground, td.action_section a.delete_competition_round, td.action_section a.delete_competition, td.action_section a.delete_competition_season, td.action_section a.delete_shirt_colours {
    background-color: #e74c3c;
}

td.action_section a.delete_match:hover, 
td.action_section a.delete_umpire:hover, td.action_section a.delete_team:hover, td.action_section a.delete_ground:hover, td.action_section a.delete_competition_round:hover, td.action_section a.delete_competition:hover, td.action_section a.delete_competition_season:hover, td.action_section a.delete_shirt_colours:hover {
    background-color: #c0392b;
}


.cont_dtls.active_black {
    color: #181D27;
    font-weight: 600;
}



table th {
    background: #f9fafb;
    font-weight: bold;
    color: #717680;
    font-size: 16px;
}

.umpir_std ul {
    padding-left: 0;
}


.view_matches_admin .pagination button a {
    padding: 6px 12px;
    border: 1px solid #535862;
    border-radius: 6px;
    background: #f9fafb;
    cursor: pointer;
    color: #414651;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    font-weight: 600;
}

.view_matches_admin .pagination button a {
    display: flex;
    align-items: center;
    color: #414651;
    text-decoration: none;
    column-gap: 5px;
    font-weight: 600;
}
.view_matches_admin .pagination button.next img, .view_matches_admin .pagination button a.next img {
    transform: rotate(180deg);
}
.container_box p {
    font-size: 16px;
    color: #000;
}
/*--*/

.result_filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 29px;
}

.result_filter .left_rusult_pre p {
    margin: 0;
    color: #181D27;
    font-weight: 600;
    font-size: 16px;
}
.result_filter .right_reset_but a, .result_filter .right_reset_but_matches a, .result_filter .right_reset_but_teams a, .result_filter .right_reset_but_grounds a, .result_filter .right_reset_but_comps a, .result_filter .right_reset_but_comp_round a, .result_filter .right_reset_but_comp_season a, .result_filter .right_reset_but_colour a {
    color: #087443;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-right: 19px;
}

.result_filter .right_reset_but a::after, .result_filter .right_reset_but_matches a::after, .result_filter .right_reset_but_teams a:after, .result_filter .right_reset_but_grounds a:after, .result_filter .right_reset_but_comps a:after, .result_filter .right_reset_but a::before, .result_filter .right_reset_but_matches a::before, .result_filter .right_reset_but_teams a:before, .result_filter .right_reset_but_grounds a:before, .result_filter .right_reset_but_comps a:before, .result_filter .right_reset_but_comp_round a:before, .result_filter .right_reset_but_comp_round a:after, .result_filter .right_reset_but_comp_season a:before, .result_filter .right_reset_but_comp_season a:after, .result_filter .right_reset_but_colour a:before, .result_filter .right_reset_but_colour a:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 2px;
    background: #087443;
    transform: rotate(45deg);
    top: 8px;
    right: 0;
}

.result_filter .right_reset_but a::before, .result_filter .right_reset_but_matches a::before, .result_filter .right_reset_but_teams a:before, .result_filter .right_reset_but_grounds a:before, .result_filter .right_reset_but_comps a:before, .result_filter .right_reset_but_comp_round a:before, .result_filter .right_reset_but_comp_season a:before, .result_filter .right_reset_but_colour a:before {
    transform: rotate(-45deg);
}



.view_matches_admin .result_filter a span.glyphicon.glyphicon-remove:before, .result_filter .right_reset_but_comps a span.glyphicon.glyphicon-remove:before {
    display: none;
}


th.md_cls {
    width: 120px;
}
.view_matches_admin .dataTables_wrapper {
    border: none;
}

.view_matches_admin .ui-datepicker-calendar tr td {
    border: none !important;
}


/*--------Add Umpires page start----*/

.form_heading_section {
    position: relative;
}

.mandatory_text {
    transform: translateY(-50%);
    color: #099250;
    font-size: 14px;
}

.tox .tox-edit-area::before {
    border: 1px solid #099250 !important;
}
.tox .tox-statusbar {
    background-color: #f3f3f3 !important;
}

.add_umpires_form_result_eror_ms.ump_err {
    text-align: center;
}




td.one_line_btn a.view-link {
    width: calc(23% - 11px);
}

td.one_line_btn button.view-link {
    width: calc(24% - 11px);
}




/*-----View Matche Details start----*/

.form_content_section.view_matches_admin .match_dtls, .view_details_box_container .match_dtls {
    width: 100%;
}
.form_content_section.view_matches_admin .match_dtls .flag_team_logo img {
    width: 80px;
}
.form_content_section.view_matches_admin .match_dtls, .view_details_box_container .match_dtls {
    font-size: 14px;
    color: #000;
}





/*-----View Matche Details end----*/



/*----Add Teams start----*/

.add_daily_basis_record_form_cls .form-data .field_div textarea#team_address {
    height: 100px;
}





/*----Add Teams end----*/





.full_wdth_bckgrndv .view_matches_admin .match_dtls {
    border-bottom: 1px solid #ddd;
}

.full_wdth_bckgrnd .view_matches_admin .match_dtls, .view_details_box_container .match_dtls {
    border-bottom: 1px solid #f1f1f1;
    margin: 0;
    padding: 0px 20px;
    line-height: normal;
    display: flex;
    align-items: center;
}

.full_wdth_bckgrnd td.team_vs .match_dtls {
    border: none;
    padding: 0;
    line-height: normal;
    margin-bottom: 6px;
}


.full_wdth_bckgrnd .view_matches_admin, .view_details_box_container {

    border: 1px solid rgb(221 221 221 / 47%);
    border-radius: 8px;
}
.page-container .main-content.main-add-daily-record .spcl_match_rec_view .view_matches_admin, .view_details_box_container {
    padding: 0;
}

.full_wdth_bckgrnd .view_matches_admin .home_section {
    border-bottom: 1px solid #f1f1f1;
}

.full_wdth_bckgrnd .view_matches_admin .away_section {
    border-bottom: 1px solid #f1f1f1;
}
.full_wdth_bckgrnd .view_matches_admin .match_dtls label, .view_details_box_container .match_dtls label {
    width: 163px;
    border-right: 1px solid #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
    margin-bottom: 0;
}
.full_wdth_bckgrnd .view_matches_admin .match_dtls .flag_team_logo {
    padding: 10px;
}
.full_wdth_bckgrnd .view_matches_admin .match_dtls .flag_team_logo img {
   height: 60px;
}

.full_wdth_bckgrnd .view_matches_admin .match_dtls:last-child {
    border-bottom: 0;
}
.full_wdth_bckgrnd .view_details_box_container, .view_details_box_container {
    display: flex;
    flex-wrap: wrap;
}

.full_wdth_bckgrnd .view_matches_admin .match_dtls, .view_details_box_container .match_dtls {
    width: 100%;
}

.full_wdth_bckgrnd .view_matches_admin .home_section {
    width: 50%;
    background: #f5f5f5;
    border-bottom: 0;
}
.full_wdth_bckgrnd .view_matches_admin .away_section {
    width: 50%;
    background: #f5f5f5;
    border-bottom: 0;
    border-left: 1px solid #cdcdcd;
}

.full_wdth_bckgrnd .view_matches_admin .home_section .match_dtls, .full_wdth_bckgrnd .view_matches_admin .away_section .match_dtls {
    border-bottom: 1px solid #cdcdcd;
}
.full_wdth_bckgrnd .view_matches_admin .away_section .match_dtls label, .full_wdth_bckgrnd .view_matches_admin .home_section .match_dtls label {
        border-right: 1px solid #cdcdcd;
}

.full_wdth_bckgrnd .view_matches_admin .match_dtls .flag_team_logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-container .main-content.main-add-daily-record .spcl_match_rec_view, .page-container .main-content.main-add-daily-record .all_view_sec {
    max-width: 730px;
    width: 100%;
    margin-left: 60px;
}
.page-container .main-content.admin_section_full_ump_table .all_contain_sec.add_umpire_record .view_matches_admin {
    padding: 15px;
}

.page-container .main-content.admin_section_full_ump_table .all_contain_sec.add_umpire_record .view_matches_admin .container_box {
    width: 100%;
}


/*-------View Umpire Details start------*/


.match_dtls.full_clmn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.grey_back {
    background: #f5f5f5;
}

.view_details_box_container .match_dtls label {
    width: 220px; 
}
.match_dtls.full_clmn .sub_box {
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}

.match_dtls.full_clmn .sub_box:last-child {
    border: none;
}

.border_hide {
    border: none;
}
.border_hide label {
    border-right: 0 !important;
}


.view_details_box_container .profile_img, .all_profile_img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
    border: 2px solid #f5f5f5;
    box-shadow: 0px 0px 6px #d1d1d159;
    margin: 20px 20px 20px 0;
    background: #fff;
}

.view_details_box_container .profile_img img, .all_profile_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.view_umpires_admin .team_dtls .profile_img img {
    height: 29px;
    width: auto;
    border-radius: 0;
    width: auto;
}

.view_umpires_admin .team_dtls .profile_img {
    width: auto;
    height: auto;
    border: 0;
    box-shadow: unset;
    margin: 0;
    border-radius: 0;
}
/*-------end View Umpire Details start------*/


.center_button_coments {
    text-align: center !important;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
/*    display: inline-block;*/
    top: 7px;
}



/*
.add_teams_form_result_eror_ms.team_err {
    text-align: center;
}
*/



/*------View Teams start-------*/

td.action_section form.duplicate_team_submit, td.action_section form.duplicate_ground_submit, td.action_section form.duplicate_comp_type_submit, td.action_section form.duplicate_comp_round_submit, td.action_section form.duplicate_comp_season_submit, td.action_section form.duplicate_shirt_colours_submit {
    width: calc(23% - 11px);
}

td.action_section form.duplicate_team_submit button.view-link.duplicate_team, td.action_section form.duplicate_ground_submit button.view-link.duplicate_ground, td.action_section form.duplicate_comp_type_submit button.view-link.duplicate_comp_type, td.action_section form.duplicate_comp_round_submit button.duplicate_competition_round, td.action_section form.duplicate_comp_season_submit button.duplicate_competition_season, td.action_section form.duplicate_shirt_colours_submit button.duplicate_shirt_colours {
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    background: transparent;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    letter-spacing: 0;
}

.right_reset_but span.glyphicon.glyphicon-remove::before {
    display: none !important;
}

.search_details_box input,  .search_details_box select {
    width: 300px;
    text-align: left;
    padding: 9px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    outline: 0 !important;
}
.search_details_box select {
    width: 200px;
}
td.small_with_box {
    max-width: 100px;
}
.view_umpires_admin .team_dtls .profile_img.team_img_spcl img {
    height: 120px;
    padding: 10px 0;
}

.view_umpires_admin .team_dtls .profile_img.team_img_spcl::after {
    content: "";
    position: absolute;
    left: -17px;
    top: 0;
    bottom: 0;
    width: 1px;
    border-left: 1px solid #f5f5f5;
}

.view_umpires_admin .team_dtls .profile_img.team_img_spcl {
    position: relative;
    z-index: 11;
    overflow: visible;
}
/*------View Teams end-------*/


/*-----Add Grounds start----------*/

/*
.small_textarea textarea {
    max-height: 42px !important;
}
*/

.center_button_text {
    text-align: center !important;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
/*    display: inline-block;*/
    top: 7px;
}


/*-----Add Grounds end----------*/




.preview.preview_logo.img img {
    width: 120px;
    padding: 10px 0;
}

.all_contain_sec form.edit_teams_form_cls .row.img_ed_r {
    align-items: end;
}


.preview_color_image img { 
    padding: 10px 0px;
}

.all_contain_sec form.duplicate_teams_form_cls .row.img_ed_r {
    align-items: end;
}


.all_contain_sec .form_content_section .field_div textarea {
    resize: vertical;
    height: 100px;
}

.tox.tox-tinymce .tox-statusbar {
    height: 30px;
}

.tox.tox-tinymce .tox-statusbar .tox-statusbar__text-container {
    height: auto;
}


/*----------------shirt_color start-------------*/

.shirt_color_clmn {
    display: flex;
    align-items: center;
    column-gap: 10px;
    max-width: 400px;
}

.shirt_color_clmn input#shirt_colour_picker {
    padding: 3px;
}

.shirt_color_clmn input#shirt_colour_code {
    background: #f3f3f3;
}





/*----------------shirt_color end-------------*/

.flatpickr-calendar {
    width: 350px;
}


/*-------------extra css-------------*/

.dashboard_all_content .view-link.view_match_records {
    margin-bottom: 10px;
    text-decoration: none;
    background: #6eae3c;
    border-color: #6eae3c;
    color: #fff !important;
    padding: 11px 37px;
    border: 1px solid #6eae3c;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}
.dashboard_all_content .view-link.view_match_records i {
    margin-right: 8px;
}


.ex_hd .row {
    margin: 0;
}


.match_dtls .cont_dtls {
    font-size: 14px;

}



.dashboard_tbale_row .panel.panel-primary {
    background: #fff;
    border-radius: 15px;
}

.dashboard_tbale_row .panel.panel-primary .panel-heading {
    background: #f7f7f7;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 0;
}


.dashboard_tbale_row .dashboard_table_all tbody tr td {
    font-size: 14px;
    color: #535862;
}

.dashboard_tbale_row .panel.panel-primary .dashboard_table_all thead tr th {
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #717680;
}

.profile-info.dropdown > a {
    color: #000000;

}
.dataTables_wrapper > table.dataTable tbody td.team_vs {
    min-width: 260px;
    width: 260px;
}

.dataTables_wrapper > table.dataTable tbody .umpir_std ul li {
    justify-content: space-between;
    font-size: 14px;
}

.preview.preview_color_image img {
    width: 41px;
    height: 41px;
    padding: 0;
    margin-bottom: 6px;
    border-radius: 5px;
}
.dataTables_wrapper > table.dataTable tbody .umpir_std {
    max-width: 400px;
}

.forget-password-content .form-group {
    margin: 0;
}

.forget-password-content .form-group .input-group {
    margin-bottom: 4px;
    position: relative;
}

.forget-password-content .form-group button.btn.otp_btn {
    border: 1px solid #099250;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 20px;
    font-size: 14px;
    background: #099250;
    transition: all 300ms ease-in-out;
    line-height: normal;
}
.forget-password-content .form-group button.btn.otp_btn:hover{
     background: #639d36;
    border-color: #639d36;
}
.forget-password-content .forget_error span {
    margin-top: 10px !important;
    display: block;
}

.forget-password-content .login-bottom-links a.link {
    margin: 0;
    color: #099250;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    text-transform: uppercase;
}
.forget-password-content .login-bottom-links a.link:hover {
    color: #6eae3c;
}


.forget-password-content .login-bottom-links {
    text-align: center;
    justify-content: center;
}

.forget-password-content .login-bottom-links a.link i {
    font-size: 16px;
}

.forget-password-content .form-group .input-group input {
    min-height: 44px;
    border: 1px solid #6eae3c7d;
    border-left: 0;
}

.forget-password-content .form-group .input-group .input-group-addon {
    border: 1px solid #6eae3c7d;
}
.forget-password-content .form-group .input-group span.toggle_password_forget1, .forget-password-content .form-group .input-group span.toggle_password_forget2 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 11;
}
.forget-password-content .form-group button.btn.otp_btn i {
    display: none;
}


.login-page .login-header.login-caret:after{
    background: #fff !important;
    border-color: #fff !important;
}
.forget-password-content .form-group .input-group .input-group-addon img {
    height: 18px;
    padding: 0;
    width: 18px;
    opacity: 0.7;
}

.all_contain_sec.dashboard_all_content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.all_contain_sec.dashboard_all_content .row.dashboard_boxs_row {
    width: 100%;
}

.all_contain_sec.dashboard_all_content .row.dashboard_tbale_row {
    width: 100%;
}


/*----------new--------------*/


.view_matches_admin .pagination button.prev:disabled, .view_matches_admin .pagination button.next:disabled {
    cursor: no-drop;
    opacity: 0.5;
    padding: 6px 12px;
    border: 1px solid #535862;
    border-radius: 6px;
    background: #f9fafb;
    color: #414651;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    font-weight: 600;
}

.view_matches_admin .pagination button {
    border: none;
    background: transparent;
    padding: 0;
}

.pagination_mobile span {
    padding: 0 5px;
    font-size: 16px;
}

.pagination_mobile span a {
    color: #535862;
    text-decoration: none;
}
.pagination_mobile span.active {
    color: #000;
    font-weight: 600;
}





/*------------Weekly Umpire Matches css start-----*/


.weekly_umpire_match span.select2.select2-container {
    width: 100% !important;
    display: block;
    max-width: 100%;
}

.weekly_umpire_match span.select2.select2-container span.select2-selection {
    height: auto;
    border: 1px solid #ddd;
}

.weekly_umpire_match span.select2.select2-container span.select2-selection span.select2-selection__rendered {
    padding: 6px 10px;
    height: auto;
    font-size: 14px;
}

.weekly_umpire_match span.select2.select2-container span.select2-selection span.select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.all_contain_sec .form_content_section .textarea_big textarea {
    height: 150px;
}
.main_umpire_repeater_section .repeater-wrapper .row.repeater-item {
    align-items: center;
    margin-bottom: 10px;
}
.main_umpire_repeater_section .center_button button.btn.delete-btn {
    width: 100%;
    background-color: #e74c3c;
}
.main_umpire_repeater_section .center_button button.btn.delete-btn:hover {
    background-color: #c0392b;
}
.main_umpire_repeater_section .center_button button.btn.delete-btn:focus {
    box-shadow: none !important;
}

.main_umpire_repeater_section .left_button button.btn.add-more {
    background-color: #099250;
}
.main_umpire_repeater_section .left_button button.btn.add-more:hover {
    background-color: #17643f;
}
.main_umpire_repeater_section .left_button button.btn.add-more:focus {
    box-shadow: none !important;
}
.main_umpire_repeater_section .left_button button.btn.add-more i.fa {
    margin-right: 3px;
}
/*------------Weekly Umpire Matches css end-----*/







.umpier_new_row .col-md-12.form-data.ump_form_n {
    display: flex;
    flex-wrap: wrap;
}

.row.umpier_new_row > .col-md-12.form-data > .lb_div.lb_div_on, div.row.umpier_new_row > .col-md-12.form-data > .lb_div.lb_div_to {
    width: 48%;
}

div.row.umpier_new_row > .col-md-12.form-data > .repeater {
    width: 100%;
}


.extra_form_class .umpier_new_row {
    margin-top: 20px;
}

.extra_form_class .lb_div {
    margin-bottom: 6px;
}

.extra_form_class .form-label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.extra_form_class .afl_mandatory {
    color: #e74c3c;
    margin-left: 3px;
}

.extra_form_class .field_div {
    margin-bottom: 0;
}

.extra_form_class .umpire_type_main {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.extra_form_class .umpire_sub_type_main {
    display: inline-block;
    width: 49%;
}

.extra_form_class .select2-container {
    width: 100% !important;
}
.extra_form_class .select2-selection--single {
    border: 1px solid #dcdcdc !important;
    align-items: center !important;
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border-radius: 4px;
    color: #000;
    font-weight: 400;
    outline: 0 !important;
    height: auto;
    font-size: 14px;
}
li.profile-info.dropdown span.img_spn {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 5px 10px 5px 0;
}
 
li.profile-info.dropdown span.img_spn img.img-circle {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.extra_form_class .repeater div[data-repeater-list] div[data-repeater-item] {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.extra_form_class .select2-selection__rendered {
    font-size: 14px;
    color: #555;
    line-height: normal !important;
    padding: 0 !important;
}

.extra_form_class .repeater {
    background: #fff;
}

.extra_form_class .repeater .field_div {

    border-radius: 10px;
    transition: 0.3s ease;
}

/*
.extra_form_class .repeater .field_div:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
*/

.extra_form_class .repeater button {
    border-radius: 8px;
    font-size: 13px;
    padding: 6px 12px;
    cursor: pointer;
}

.extra_form_class .repeater button[data-repeater-create] {
    margin-top: 10px;
    background: #6eae3c;
    border-color: #6eae3c;
    color: #fff !important;
    padding: 11px 37px;
    border: 1px solid #6eae3c;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.extra_form_class .repeater button[data-repeater-create]:hover {
    background: transparent;
    color: #6eae3c !important;
}

.extra_form_class .repeater button[data-repeater-delete] {
    background: transparent;
    color: #e74c3c;
    border: 1px solid #e74c3c;
}

.extra_form_class .repeater button[data-repeater-delete]:hover {
    background: #e74c3c;
    color: #fff;
}

.extra_form_class .data-repeater-item {
    display: flex;
    gap: 15px;
    align-items: center;
}
.extra_form_class .select2-results__option[aria-selected] {
    color: #000;
}

/*
@media (max-width:480px){
    .extra_form_class .repeater .field_div.umpire_sub_type_main::before,  .extra_form_class .repeater .field_div.umpire_type_main::before {
    content: "Umpire Type";
    font-size: 13px;
    color: #414651;
    font-weight: 600;
    display: block;
    margin: 0 0 6px;
}
.extra_form_class .repeater .field_div.umpire_sub_type_main::before{
    content: "Umpire Sub Type";
}
    #add_umpires_form > div.row.umpier_new_row > .col-md-12.form-data > .lb_div.lb_div_on, #add_umpires_form > div.row.umpier_new_row > .col-md-12.form-data > .lb_div.lb_div_to {
    display: none;
}
}
*/