*,
body,
.form-control::placeholder {
	font-family: 'Rubik', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smooth: antialiased;
}

* {
	font-family: 'Rubik', sans-serif;
    scrollbar-width: thin;
}

body,
.dataTables_length label,
.dataTables_length label select,
input,
input.form-control {
    color: #000 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smooth: antialiased;
}

.page-inner {
    min-height: calc(100vh - 100px);
    padding-bottom: 38.4px;
}

.page-inner .page-footer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

.dropdown-menu.tabDrop.show {
    display: block !important;
    left: -48px !important;
}

.modal-content {
    border: 0 !important;
}


/* Footable start */

.footable-sort-indicator {
    display: none !important;
}

#foo-search {
    box-shadow: none!important;
    border: 1px solid #c1c7cd;
    color: #646464;
    border-radius: 4px;
    padding: 5px 12px;
    height: 32px;
}

#foo-filter-status {
    outline: 0 !important;
    margin: 0 3px;
    border: 1px solid #4444;
    background: white;
    border-radius: 3px;
}


/* Footable end */

input.noSpin::-webkit-outer-spin-button,
input.noSpin::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.noSpin {
    -moz-appearance: textfield;
}

.over-hide {
    overflow: hidden;
}

input::placeholder,
input.form-control::placeholder,
textarea.form-control::placeholder {
    color: rgb(72, 72, 72);
}

.justify-between {
    justify-content: space-between;
}

.page-sidebar-menu ul li a {
    color: #333;
}


/* .dataTables_wrapper table{
    width: 100%;
    overflow-x: auto;
    display: block;
} */


/* NAV TABS */

.nav.nav-tabs {
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-wrap: nowrap;
    border-bottom: 1px solid #e4e4e478;
}

.nav.nav-tabs::-webkit-scrollbar {
    display: none;
}

.nav-tabs .nav-link {
    border: 0;
    padding-right: 25px;
    padding-left: 25px;
    border-bottom: 3.2px solid transparent;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #5D78FF;
    background-color: #fff;
    /* transition: all linear .3s; */
    border-bottom: 3.2px solid #5D78FF;
}

.nav-tabs .nav-link:hover {
    border-color: #5d78ff2f;
}

.nav-tabs .nav-link.active:hover {
    border-color: #5D78FF;
}


/* Navtabs end */


/* Table dropdown start */

.tabDrop .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.3);
    min-width: 120px;
    transform: translate3d(-67px, 24px, 0px) !important;
}

.tabDrop .dropBtn {
    border-radius: 30px;
    padding: 2px 10px;
}

.tabDrop .table-action.pencil,
.tabDrop .table-action.trash,
.tabDrop .table-action.unlock,
.tabDrop .table-action.unlock.lock {
    border-radius: 0px;
    color: black;
    padding: 3px 10px;
    font-size: 14px;
    background: transparent;
}

.tabDrop .table-action.pencil i,
.tabDrop .table-action.trash i,
.tabDrop .table-action.unlock i,
.tabDrop .table-action.unlock.lock i {
    border-radius: 30px;
    font-size: 12px;
    color: white;
    padding: 6px 7px;
    margin-right: 7px;
}

.tabDrop .table-action.pencil i {
    background: #5D78FF;
}

.tabDrop .table-action.trash i {
    background: #FB9678;
}

.tabDrop .table-action.unlock i {
    background: #7E2EF4;
}

.tabDrop .table-action.unlock.lock i {
    background: #6A6C6D;
}


/* Table dropdown end */

.select2-selection {
    height: 38px !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    padding: 4px 5px;
    outline: 0 !important;
    transition: all linear .3s;
}

.select2-selection__placeholder {
    color: rgb(72, 72, 72) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 18px;
    margin-left: -10px;
}

.select2-search__field {
    outline: 0 !important;
}

.select2-selection:focus {
    border-color: #c7d0e0!important;
}

.was-validated .select2-selection {
    border-color: #dc3545!important;
}

.was-validated .validated .select2-selection {
    border-color: #23bf08!important;
}

.select2.select2-container {
    width: 100% !important;
    max-width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: -3px;
    height: 28px;
    font-size: 20px !important;
    margin-right: 26px;
}

.dataTables_scrollHeadInner {
    min-width: 100% !important;
}

table.table.hover.display.nowrap.border-0.dataTable.no-footer {
    width: 100% !important;
}

.sticky_col {
    position: relative;
}

.sticky_col th:first-child,
.sticky_col td:first-child {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 99;
    background: white;
}

.sticky_col th:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    top: 2px;
}

table.sticky_col tr td:first-child::before {
    content: counter(row-num);
    display: none;
}


/* Sidebar */

.sidebar-footer {
    display: flex;
    justify-content: center;
}

.logo a.logo-img img.small-logo {
    max-height: 34px !important;
}

.logo a.logo-img img {
    max-height: 46px;
}

.page-sidebar .logo {
    padding: 0 15px !important;
}

.page-sidebar-collapsed .page-sidebar .logo {
    padding: 0 13px !important;
}


/* sidebar end */


/* Sign in Page */

.toastSign {
    top: 10px !important;
}

.justify-between {
    justify-content: space-between;
}

.remMe.custom-control-label {
    color: #8392a5 !important;
}

.remMe.custom-control-label::before {
    background-color: #dee2e6 !important;
}

.custom-checkbox .custom-control-input:checked~.remMe.custom-control-label::before {
    background-color: #5d78ff !important;
}

.signin-wrapper {
    width: 100%;
    background: url(../images/signBanner.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.forgotPass {
    display: none;
}

.viewSign {
    background: transparent;
    border: 0;
    position: absolute;
    top: 5px;
    cursor: pointer;
    left: 3px;
}

.viewSign svg {
    width: 17px;
    color: #8392a5;
}


/* Sign in end */


/* Manage sports start */

.remTabDrop {
    display: inline-block;
    text-align: center;
}

.delSwal .swal2-image {
    border-radius: 66px;
    padding: 26px;
    width: 99px;
    min-width: 99px;
    backface-visibility: unset;
    background: rgba(255, 72, 90, .15) url(../images/trash.png) no-repeat center center;
    background-size: 48%;
    height: 99px;
}

table {
    width: 50%;
    counter-reset: 1;
}

table tr {
    counter-increment: row-num;
}

table tr td:first-child::before {
    content: counter(row-num);
}

.dataTables_empty::before {
    display: none;
}

.table-action.pencil,
.table-action.trash,
.table-action.unlock {
    border-radius: 30px;
    color: white;
    padding: 5px 8px;
}

.table-action.pencil {
    background: #5D78FF;
}

.table-action.trash {
    background: #FB9678;
}

.min-20 {
    width: 20px;
    min-width: 20px;
}

.min-60 {
    min-width: 60px;
    width: 60px;
}

.min-30 {
    min-width: 30px;
    width: 30px !important;
}


/* Manage sports end */


/* Manage region start */

.dataSelect {
    height: 32px;
    margin: auto;
    padding-left: 11px;
    margin-top: .5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: .5rem;
    min-width: 173px;
    width: max-content;
}

.table-action.unlock {
    background: #7E2EF4;
}

.table-action.unlock.lock {
    background: #6a6c6d;
}


/* Manage region end */


/* Manage officer start */

.dangBtn {
    z-index: 99;
    display: none;
}

.was-validated .fileValue1 {
    border-color: #23bf08!important;
}


/* Manage officer end */


/* Manage teams start */


/* #teamActiveTable_filter input[type='search']{
    width: unset;
} */

.w-md-25 {
    width: 23% !important;
}

#teamActiveTable_filter label {
    display: inline-block;
    margin-top: .5rem;
    color: #76818a;
}


/* Manage teams end */


/* Manage team member start */

.send_text,
.send_mail {
    height: 33.7px;
    width: 37px;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    font-weight: 400;
}

.justify-content-between {
    justify-content: space-between;
}

.checkTable .custom-control-label::before,
.checkTable .custom-control-label::after {
    top: -0.75rem;
}

.sticky_col2 th:first-child,
.sticky_col2 td:first-child,
.sticky_col2 th:nth-child(2),
.sticky_col2 td:nth-child(2) {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 99;
    background: white;
    width: max-content;
    max-width: max-content;
}


/* Manage team member end */


/* Manage coaches start */

.was-validated .fileValue1 {
    border-color: #dc3545!important;
}

.was-validated .fileValue1.validated {
    border-color: #23bf08!important;
}


/* Manage coaches end */


/* Manage association start */

.tabConBlue {
    font-size: 12px;
    font-weight: 400;
    min-width: 100px;
    text-align: center;
    padding: 2px 6px;
    background: #5D78FF;
    color: white;
    border-radius: 3px;
    display: inline-block;
}


/* Manage association end */


/* Manage jersey start */

.jerseyImg {
    max-width: 85px;
    max-height: 85px;
    border-radius: 3px;
    /* margin: auto;
    display: block; */
}

.bootstrap-tagsinput {
    height: 38px;
    display: flex;
    overflow-x: scroll;
    border: 1px solid rgba(0, 0, 0, 0.07);
    align-items: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-shadow: none;
}

.tag.label.label-info {
    background: #5D78FF;
    padding: 0px 5px 2.5px;
    border-radius: 5px;
    margin-right: 4px;
    transition: all linear .3s;
    min-width: max-content;
}

.was-validated .bootstrap-tagsinput.validated {
    border-color: #23bf08!important;
}

.bootstrap-tagsinput::-webkit-scrollbar {
    display: none;
}


/* Manage jersey end */


/* Scoreboard start */

.scoreCont {
    background: white;
    transition: all .3s;
    border-radius: 3px;
    /* padding: 15px 10px; */
    border: 1px solid rgba(230, 230, 230, 0.7);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
    position: relative;
    margin-bottom: 20px;
    border-right: 4px solid transparent !important;
}

.scoreCont:hover {
    border-right: 4px solid #5d78ff !important;
}

.teamIcon {
    max-width: 90px;
    max-height: 90px;
    margin-bottom: 8px;
}

.scoreBadge {
    font-size: 12px;
}

.scoreNum {
    font-size: 28px;
    font-weight: 600;
    color: #212529;
    letter-spacing: 2px;
}

.teamName {
    font-size: 14px;
    font-weight: 500;
    color: #212529;
}

.locName {
    font-size: 15px;
    font-weight: 500;
    color: #212529;
}

.locName i {
    margin-right: 4px;
}

.locTime {
    color: #212529;
}

.backBlue {
    background: rgba(93, 120, 255, .2);
    min-height: 139px;
    padding: 10px 0;
    /* padding: 45px 0; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.scoreCenter {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    padding: 10px 0;
}

.scoreModal h4.modal-title {
    text-transform: uppercase;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 2px 0;
}

.scoreModal .modal-header {
    background: #5d78ff;
    color: white;
}

.scoreModal .close {
    color: white !important;
    opacity: 1;
    font-weight: 400;
    margin-right: -38px;
}


/* Scoreboard end */


/* Roster start */

.footable>thead>tr>th {
    font-weight: bold;
}

.footable td,
.footable th {
    border-bottom: 1px solid #ebf2f7 !important;
    border: 0;
}

#foo-filter-me {
    margin: 0 5px;
}


/* Roster end */


/* Message center start */

.msgModal {
    z-index: 2000;
}

.modSend {
    position: absolute;
    right: 15px;
}

.modSend img {
    width: 22px;
}

.msgModal .modal-title {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

.msgModal .modal-content {
    border: 0 !important;
}

.msgModal .close {
    color: white !important;
    opacity: 1 !important;
    font-weight: 400;
}

.msgModal .modal-header {
    background: #5d78ff;
}

.msgModal .modal-body {
    max-height: 380px;
    overflow-y: auto;
}

.msgModal .modal-body::-webkit-scrollbar {
    width: 5px;
}

.msgModal .modal-body::-webkit-scrollbar-thumb {
    background: rgb(202, 202, 202);
}

.msgModal .modal-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.leftMsg,
.rightMsg {
    margin-bottom: 40px;
}

.proIcon {
    text-transform: uppercase;
    width: 38px;
    height: 38px;
    font-weight: 500;
    font-size: 14px;
    display: inline-flex;
    justify-content: center;
    border-radius: 30px;
    margin: 0;
    color: black;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    align-items: center;
    padding: 5px;
}

.proIcon::-webkit-scrollbar {
    display: none;
}

.proIconLeft {
    background: rgba(93, 120, 255, .1);
}

.proIconRight {
    background: #5d78ff;
    color: white;
}

.msgCont {
    position: relative;
}

.actMsg p {
    margin: 0;
    color: black;
}

.actMsg {
    width: 100%;
    padding: 7px 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

.actMsg.actMsgRight:after,
.actMsg.actMsgLeft:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    clear: both;
}

.actMsg.actMsgLeft:before {
    left: -10px;
    top: 8px;
    border-top: 7px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid rgba(93, 120, 255, .1);
}

.actMsg.actMsgRight:after {
    right: -8px;
    top: 6px;
    border-top: 8px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 11px solid #5d78ff;
}

.actMsgLeft {
    background: rgba(93, 120, 255, .1);
}

.actMsgRight p {
    color: white;
}

.actMsgRight {
    background: #5d78ff;
}

.adminMsg,
.dateMsg {
    position: absolute;
    bottom: -22px;
    margin: 0;
}

.adminMsg {
    font-weight: 500;
    color: black;
}

.adminMsgLeft {
    left: 0;
}

.adminMsgRight {
    right: 0;
}

.dateMsg {
    color: rgb(61, 61, 61);
}

.dateMsgLeft {
    right: 0;
}

.dateMsgRight {
    left: 0;
}

.msgInput {
    height: 47px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0;
    background: rgba(93, 120, 255, .05);
    padding-right: 50px;
    margin: 0 !important;
}

.chatIcon {
    cursor: pointer;
}

.chatIcon img {
    width: 21px;
}


/* Message center end */


/* Manage photos start */

.photosTable .custom-control-label::before,
.photosTable .custom-control-label::after {
    top: -0.75rem;
}

#image-preview .preview-image {
    max-width: 85px;
    max-height: 85px;
}

.imagePreRow {
    /* border: 0;
    box-shadow: 0 3px 15px rgba(0,0,0,.1);
    width: 100%;
    margin: 0;
    background: white;
    border-radius: 3px;
    margin-top: 15px;
    overflow: hidden; */
    background: white;
    transition: all .3s;
    border-radius: 0px;
    border: 1px solid rgba(230, 230, 230, 0.7);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .05);
    position: relative;
    margin-bottom: 0px;
    margin-top: 20px;
    border-right: 4px solid transparent !important;
}

.preview-progress {
    height: 5px;
    background-color: rgba(255, 255, 255, 0.857);
}

.preview-progress .progress-bar {
    background-color: #00c292;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.preview-size {
    color: black;
}

.preview-name::placeholder {
    color: #868e96 !important;
}

.backPhotosBlue {
    min-height: 85px !important;
}

.suceesBtn {
    background-color: #00c292;
    border-color: #00c292;
    font-weight: 500;
}

.suceesBtn:hover {
    background-color: #009a73;
    border-color: #009a73;
}


/* Manage photos end */


/* Add annpuncement start */

.dropdown-toggle::after {
    display: none !important;
}

.note-editor.note-frame {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    transition-duration: .5s;
}

.was-validated .note-modal input.form-control {
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.note-editor .note-editing-area .note-editable,
.note-editor .note-editing-area .note-editable p {
    color: black;
}

.note-editor.note-frame .tooltip {
    margin-top: -25px;
    left: -6px !important;
    margin-left: -10px !important;
}

.note-editor.note-frame .tooltip-inner {
    font-size: 13px;
}

.was-validated .note-editor.note-frame {
    border-color: #dc3545!important;
}

.was-validated .note-editor.note-frame~.newsFeed {
    display: block;
}

.was-validated .note-editor.note-frame.valid {
    border-color: #23bf08!important;
}

.was-validated .note-editor.note-frame.valid~.newsFeed {
    display: none;
}

.note-modal .modal-header h4 {
    color: white;
    font-size: 17px;
    font-family: inherit;
    font-weight: 500;
}

.note-modal .close {
    color: white !important;
    opacity: 1 !important;
    font-weight: 400;
    padding: 7px 10px;
}

.note-modal .modal-header {
    padding: 14px 20px 5px;
    background: #5d78ff;
}

.note-modal .modal-body {
    padding-bottom: 10px;
}

.note-modal label {
    font-family: unset;
}

.note-modal .btn-primary {
    color: white !important;
}

.note-modal .modal-footer {
    border: 0;
    padding-top: 0;
}

.note-modal input[type='checkbox'] {
    position: relative;
    top: 2px;
    margin-right: 7px;
}

.note-modal input[type='file'] {
    background: white;
    height: 39px;
    padding: 6px 12px;
}


/* Add annpuncement end */


/* Organization start */

.change-ui .nav-tabs .nav-item.show .nav-link,
.change-ui .nav-tabs .nav-link.active {
    color: #5D78FF;
    background-color: transparent;
    /* transition: all linear .3s; */
    border-bottom: 3.2px solid #5D78FF;
}

.change-ui table,
.change-ui table.dateTable {
    border-collapse: separate;
    border-spacing: 0em 11px;
}

.change-ui .dataTables_scrollHead table {
    border-spacing: 0 0;
}

.change-ui .table.dataTable td {
    border-top: 3px solid white !important;
    border-bottom: 3px solid white !important;
}

.change-ui .table.dataTable td:first-child {
    border-left: 3px solid white !important;
    border-radius: 10px 0 0 10px;
}

.change-ui .table.dataTable td:last-child {
    border-right: 3px solid white !important;
    border-radius: 0 10px 10px 0;
}

.change-ui .table.dataTable th {
    border: 0 !important;
    /* color: #9797ac;
    font-weight: 600; */
    color: #333;
    font-weight: 300;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smooth: antialiased;
}

.change-ui .table.dataTable td,
.change-ui .table.dataTable th {
    padding: 5px 0.8rem !important;
}

.change-ui .table.dataTable td,
.change-ui .table.dataTable td p {
    font-weight: 500 !important;
    color: #333;
    margin-bottom: 3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smooth: antialiased;
}

.change-ui .dataTables_scrollBody {
    top: -10px;
}


/* .change-ui .dataTables_scrollBody thead{
    display: none;
} */

.change-ui .table.dataTable .greyPara {
    color: #9797ac;
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 20px;
}

.iccImg {
    height: 30px;
    min-width: 30px;
    width: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    color: white;
    font-size: 12px;
    overflow: hidden;
    font-weight: 600;
    border-radius: 50%;
    margin-right: 10px;
    text-transform: uppercase;
    border-radius: 50%;
    background: #56ccf2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iccImg.iccGreen {
    background: #6fcf97;
}

.iccImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -o-object-fit: cover;
    -o-object-position: center;
}

table.changeuitab tr td:first-child::before {
    content: counter(row-num);
    display: none;
}

.tabDrop .dropBtn {
    background: transparent;
}

.change-ui .custom-control-label::before,
.change-ui .custom-control-label::after {
    border-radius: 4px !important;
    width: 22px;
    height: 22px;
}

.change-ui .checkTable .custom-control-label::before,
.change-ui .checkTable .custom-control-label::after {
    top: -1.05rem;
}

.checkTr td {
    background-color: #F7F7FE;
}

.change-ui table.dataTable .lockTr td,
.change-ui .table.dataTable .lockTr td:first-child,
.change-ui .table.dataTable .lockTr td:last-child {
    background-color: #e2e2e260;
    border-color: #e2e2e230 !important;
}

.change-ui .btn {
    border-radius: 8px !important;
}

.downImg {
    width: 14px;
    margin-top: -2px;
}

.change-ui .form-control,
.change-ui .select2-selection {
    border: 1px solid transparent !important;
    font-weight: 500;
    border-radius: 7px !important;
}

.change-ui .select2-selection {
    background: white url(../images/dropdown.png) no-repeat;
    background-position: calc( 100% - 13px) center;
    background-size: 12px;
    min-width: 160px;
    max-width: 200px;
    padding-right: 15px;
}

.change-ui form .select2-selection {
    max-width: 100%;
}

.change-ui .searchForm {
    background: white url(../images/search.png) no-repeat;
    background-position: 12px center;
    /* background-size: 12px; */
    padding-left: 38px;
}

.change-ui .select2-selection__arrow {
    display: none;
}

.change-ui .form-control::placeholder {
    color: #9797ac;
}

.change-ui .dateSelectCont .select2-selection__rendered {
    background: url(../images/calendar.png) no-repeat;
    padding-left: 38px;
    background-position: 12px center;
}

.change-ui .nav-tabs .nav-link {
    color: #9797ac;
}

.change-ui .dataTables_length select {
    background: white url(../images/dropdown.png) no-repeat;
    border: 0;
    padding: 7px 10px;
    appearance: none;
    min-width: 55px;
    background-size: 12px;
    background-position: calc( 100% - 8px) center;
    width: max-content;
}

.change-ui .dataTables_wrapper .dataTables_paginate .fg-button {
    min-width: 30px;
    height: 28px;
    border-radius: 4px;
    opacity: 1;
    color: black;
    font-weight: 500;
    border: 0 !important;
    margin: 0 3px;
}

.change-ui .dataTables_wrapper .dataTables_paginate .fg-button.ui-state-disabled {
    background-color: #5d78ff;
    color: white;
}

.change-ui .dataTables_wrapper .dataTables_paginate .fg-button.previous,
.change-ui .dataTables_wrapper .dataTables_paginate .fg-button.next {
    background: transparent;
    color: #9797ac;
    font-weight: 600;
}

.change-ui .tabDrop img {
    width: 3px;
}

.change-ui .dropPdf .dropdown-item {
    font-size: 13.5px;
    padding: 3px 13px;
}

.change-ui .dropPdf .dropdown-menu {
    min-width: 8rem;
    border: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.dropPdf .fa {
    font-size: 11px;
    margin-left: 3px;
    position: relative;
    top: -1px;
    transition: all linear .3s;
}

.dropPdf.show .fa {
    transform: rotateX(180deg);
    top: 0;
}

.dropdown-menu {
    border: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.tabDrop .table-action.pencil i,
.tabDrop .table-action.trash i,
.tabDrop .table-action.unlock i,
.tabDrop .table-action.unlock.lock i {
    color: black;
    background: transparent !important;
    padding: 3px 4px;
    font-size: 17px;
}

.tabDrop .table-action.unlock.lock i {
    font-size: 18px;
    position: relative;
    top: 2.1px;
}

.dropdown-menu.dropdown-menu-right.tabDrop:before,
.dropdown-menu:before,
.dropdown-menu.dropdown-menu-right:before {
    /* content: '';
    position: absolute;
    right: 2px;
    top: -14px;
    border: 7px solid white;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-left: 8px solid transparent; */
    border-bottom: 9px solid rgba(0, 0, 0, 0.1);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 3%;
    position: absolute;
    top: -8px;
    left: unset;
}

.dropdown-menu.dropdown-menu-right.tabDrop::after,
.dropdown-menu:after,
.dropdown-menu.dropdown-menu-right::after {
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 3%;
    position: absolute;
    top: -7px;
    left: unset;
}

.dropdown-menu:before,
.dropdown-menu:after {
    left: 3%;
    right: unset;
}

.dropdown-menu.dropdown-menu-right.tabDrop,
.dropdown-menu {
    margin-top: 11px;
}


/* right side bar start */

.recTPCont .fa-pencil,
.recTPCont .fa-trash,
.recTPCont .fa {
    font-size: 16px;
    color: #869AFF;
    /* margin: 0 0px 0 10px; */
}

.highcharts-fixed {
    max-width: 100%;
}

.changeUiInner {
    padding-bottom: 0;
}

.overSta {
    font-size: 17px;
    line-height: 24px;
    color: #272727;
    font-weight: 500;
}

.billNum {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: black;
    margin-bottom: 2px;
}

.billNum.billGreen {
    color: #36a71c;
}

.billNum.billBlue {
    color: #5d78ff;
}

.billAmou {
    font-size: 13px;
    color: #9797ac;
    font-weight: 500;
    margin-bottom: 0;
}

.highcharts-scrolling::-webkit-scrollbar,
.overStatic::-webkit-scrollbar {
    display: none;
}

.highcharts-scrolling,
.recAdMain,
.overStatic {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.recPlus {
    width: 30px;
    height: 30px;
    border-radius: 18px;
    background-color: #5d78ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    cursor: pointer;
    color: white !important;
    font-weight: 300;
    padding-bottom: 4px;
}

.recNcont {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc( 100% - 40px);
}

.recName {
    font-size: 14px;
    line-height: 24px;
    color: #272727;
    font-weight: 400;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.recAdCont {
    display: flex;
    align-items: center;
    position: relative;
    padding: 12px 110px 17px 0;
    border-bottom: 1px solid #ebebf4;
}

.recAdCont .greyPara {
    margin-bottom: 0;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.recTPCont {
    position: absolute;
    display: flex;
    right: 0;
    align-items: center;
    justify-content: space-between;
    min-width: 98px;
    height: 100%;
    width: 88px;
}

.recAdMain {
    max-height: 280px;
    overflow-y: scroll;
    padding-right: 4px;
}

.recAdMain::-webkit-scrollbar-thumb,
.teamMemScroll::-webkit-scrollbar-thumb {
    background: #ddd;
}

.recAdMain::-webkit-scrollbar,
.teamMemScroll::-webkit-scrollbar {
    width: 3px;
}

.change-ui .dataTables_length label {
    margin-top: 0;
}

.recTPCont .table-action.trash {
    background: transparent;
    padding: 0;
}


/* Right bar end */

.proProImg {
    display: inline-flex;
    min-width: 75px;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: white;
}

.proProImg img {
    max-height: 80%;
    max-width: 80%;
    object-fit: cover;
    object-position: center;
}

.proAvatar {
    margin-top: 3px;
    font-size: 16px;
    color: #272727;
    font-weight: 400;
    /* font-weight: 600; */
    margin-bottom: 11px;
}

.btn-prime {
    background-color: white;
    color: #5d78ff;
    font-weight: 400;
    border-color: #fff;
}

.btn-prime-border {
    background-color: transparent;
    color: #5d78ff;
    font-weight: 400;
    border-color: #5d78ff;
}

.changeLabel {
    font-size: 12.5px;
    color: #333;
    font-weight: 400;
    margin-bottom: 5px;
}

.change-ui form .form-control::placeholder {
    color: #272727;
    font-weight: 500;
    font-size: 12.5px;
}

.genBilHead {
    font-size: 17px;
    color: #272727;
    /* font-weight: 600; */
}

.altImage {
    width: 30px !important;
}

.change-ui .was-validated .select2-selection {
    border-color: #dc3545!important;
}

.change-ui .was-validated .validated .select2-selection {
    border-color: #23bf08!important;
}


/* Organization end */


/* Association Start */

.headCheCon {
    padding-left: 27px;
}

.change-ui table.dataTable .fa-lock {
    top: 1px;
    font-size: 14px;
    margin-right: 7px;
    position: relative;
}

.woYearly .recTPCont {
    min-width: 50px;
    width: 50px;
}

.woYearly.recAdCont {
    padding: 12px 60px 17px 0;
}

.change-ui .whiteBox .fs-label-wrap {
    border: 1px solid transparent;
    background: #F7F7FE url(../images/dropdown.png) no-repeat;
    background-position: calc( 100% - 13px) center;
    background-size: 12px;
    border-radius: 7px;
}

.change-ui .fs-label-wrap .fs-label {
    padding: 6px 30px 6px 12px;
}

.change-ui .fs-arrow {
    display: none;
}

.whiteBox .proProImg {
    border: 3px solid #F7F7FE;
}

.overStatic .select2-selection__arrow {
    display: none;
}

.whiteBox .form-control,
.whiteBox .select2-selection,
.overStatic .form-control,
.overStatic .select2-selection,
.whiteBox .fs-label-wrap,
.overStatic .fs-label-wrap,
.whiteBox .bootstrap-tagsinput {
    border: 1px solid #F7F7FE !important;
    font-weight: 500;
    border-radius: 7px !important;
    background: #F7F7FE;
}

.whiteBox .select2-selection,
.overStatic .select2-selection {
    background: #F7F7FE url(../images/dropdown.png) no-repeat;
    background-position: calc( 100% - 13px) center;
    background-size: 12px;
    min-width: 160px;
}

.overStatic .select2-selection {
    min-width: unset;
}

.whiteBox .searchForm {
    background: white url(../images/search.png) no-repeat;
    background-position: 12px center;
    /* background-size: 12px; */
    padding-left: 38px;
}

.whiteBox.card {
    box-shadow: none;
}

.filterDrop.overStatic .filHead img,
.onlySlide.filterDrop .filHead img {
    width: 29px;
    top: 10px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 2px;
    background: #5D78FF;
    padding: 8px;
    border-radius: 30px;
    transform: rotate(179deg) translate(9px, 9px);
}

.recAdMain.max-height {
    max-height: 100%;
}

.recAdMain.max-height.maxScroll {
    max-height: calc( 100vh - 100px);
    height: calc( 100vh - 144px);
}

.searchRe {
    border: 0;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 500;
    background: #F7F7FE url(../images/search.png) no-repeat !important;
    background-position: calc( 100% - 14px) center !important;
    /* background-size: 12px; */
    padding-right: 40px;
}

.searchRe::placeholder {
    color: #9797ac !important;
}

.changeUiBody .dropdown-menu.tabDrop.show {
    left: 0 !important;
}


/* Association End */


/* Download start */

.btnFilBy {
    border-radius: 8px !important;
    height: 35px;
    padding: 2px 10px;
}

.btnFilBy i {
    font-size: 16px;
    margin-left: 2px;
    position: relative;
    top: 1px;
    right: -3px;
}

.change-ui .file-browser {
    background: transparent;
    position: absolute;
    /* z-index: 9999; */
    right: 0;
    color: #5b79fd;
    font-size: 20px;
    top: -3px;
}

.change-ui .fileValue1 {
    padding-right: 40px;
}

.checkDrop {
    font-size: 16px;
    font-weight: 400;
    top: -1px;
    position: relative;
    color: #9697ac !important;
    margin-right: 10px;
    margin-bottom: 0;
}

.checkDrpLab {
    width: 100%;
}

.checkDropBox:checked+.checkDrop,
.checkDropBox:checked~.checkDrpLab {
    color: #5e78ff !important;
}

.drppCheBox .dropdown-item {
    padding: 7px 10px 5px;
    font-weight: 400;
    font-size: 14px;
}

.lineChartCont {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.lineChartCont::-webkit-scrollbar {
    width: 10px;
    height: 4px;
}

.lineChartCont::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.lineChartCont::-webkit-scrollbar-thumb {
    background: #888;
}

.lineChartCont::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/* Download end */


/* Team member start */

.onlySlide.filterDrop {
    max-width: 320px;
    padding-right: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.overStatic.filterDrop .filHead,
.onlySlide.filterDrop .filHead {
    position: fixed;
    top: 0;
    z-index: 9999;
    /* height: 100px; */
    width: 100%;
    background: white;
    margin-left: -15px;
    padding: 10px 34px;
    cursor: pointer;
}

.overStatic.filterDrop .filHead img,
.onlySlide.filterDrop .filHead img {
    margin-left: 15px;
}

.change-ui .dataSelect {
    height: 38px;
    margin: 0;
}

.min-15 {
    min-width: 15px;
    width: 15px !important;
}

.change-ui table.dataTable td .playTeam {
    font-size: 12px;
    font-weight: 400 !important;
    color: #777;
}

.change-ui table.dataTable td .playTeam .fa {
    margin-right: 7px;
    width: 13px;
}

.iccImg.iccTMimg {
    height: 40px;
    min-width: 40px;
    width: 30px;
}

.filterDrop.overStatic.maxTMScroll {
    overflow-y: unset !important;
}

.teamMemScroll {
    overflow-y: scroll;
    height: calc(100vh - 173px);
}

.playName.lukeMember {
    cursor: pointer;
}

.genBilHead.borderGreen,
.genBilHead.borderOrange,
.genBilHead.borderBlue {
    padding-bottom: 8px;
}

.genBilHead.borderGreen {
    border-bottom: 2px solid #00a244;
}

.genBilHead.borderOrange {
    border-bottom: 2px solid #F4991A;
}

.genBilHead.borderBlue {
    border-bottom: 2px solid #007BFF;
}

.genBorder {
    display: flex;
    align-items: center;
}

.genBorder span {
    display: inline-flex;
    width: 25px;
    height: 25px;
    background: #007bff36;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin: 0 10px 0 0;
}

.genBorder span img {
    width: 65%;
    max-height: 75%;
}

.genBilHead.borderGreen span {
    background: #00a2441f;
}

.genBilHead.borderBlue span {
    background: #007bff24;
}

.genBilHead.borderOrange span {
    background: #f4991a2e;
}

.iccImg.iccOrange {
    background: #ffdf00;
}

.iccImg.iccDgreen {
    background: #5aca72;
}

.filterDrop.change-ui .nav.nav-tabs {
    display: inline-flex;
    flex-direction: row;
    width: max-content;
    float: left;
    margin-right: 0;
    height: max-content;
    max-width: 100%;
    background: white;
}

.filterDrop.change-ui .nav-tabs .nav-item.show .nav-link,
.filterDrop.change-ui .nav-tabs .nav-link.active {
    color: #5D78FF;
    background-color: transparent;
    /* transition: all linear .3s; */
    border-bottom: 3.2px solid #5D78FF;
}

.filterDrop.change-ui .nav-tabs .nav-link {
    border: 0;
    padding-right: 15px;
    padding-left: 15px;
}

.filterDrop.change-ui .tab-pane {
    height: unset;
    overflow: unset;
}

.dirNameCont .fa {
    width: 15px;
    text-align: center;
}

.dirNcont.locked {
    background: #e2e2e260;
    border-color: #e2e2e230 !important;
}

.dirNcont.locked .dirPenCont {
    background: transparent;
}

.dirNcont.locked .fa-lock {
    color: black;
}

.closeSearch {
    font-size: 15px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    display: none;
    right: 10px;
}

.closeShow .closeSearch {
    display: block;
}

.closeShow .searchForm {
    padding-right: 30px;
}

.dropMdi {
    font-size: 15px;
}

.dropMdi i.fa {
    transform: unset !important;
    font-size: 15px;
    margin-right: 6px;
}

.checkBoxCont {
    position: absolute;
    top: -19px;
    padding: 0 !important;
    left: 27px;
}

.dirNcont .custom-checkbox {
    padding: 0 !important;
}

.change-ui .dirNcont .custom-control-label::before,
.change-ui .dirNcont .custom-control-label::after {
    width: 19px;
    height: 19px;
}

.edInTm {
    position: absolute;
    top: 0px;
    right: 0px;
}

.edInTm .mdi {
    font-size: 20px;
}

.edInTm .dropdown-menu {
    min-width: 7rem;
}

.edInTm .dropdown-menu a {
    font-size: 14px;
    padding: .25rem 1rem;
}

.falockTm {
    font-size: 17px;
    top: -1.8px;
    margin: -13px 0 8px 7px;
    display: inline-block;
    color: #444;
    position: relative;
}

.dropMdi .mdi {
    font-size: 17px;
    margin-right: 3px;
}

.mt-me-1 {
    margin-top: 3px;
}


/* Team member end */


/* Location start */

.mapIframe {
    border-radius: 8px;
}

.change-ui .card .card-header .card-header-btn .btn {
    padding: 0;
    font-size: 15px;
    width: 27px;
}

.txMap {
    color: #333;
    font-weight: 500;
    padding: 0 0px 0 15px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'Rubik', sans-serif;
    text-align: left;
}

.txRepub {
    font-size: 13.5px;
    margin-top: 2px;
    color: #333;
    font-weight: 600;
}


/* Location end */


/* Director start */

.iccImg.dirIcc {
    min-width: 40px;
    height: 40px;
    width: 40px;
    align-self: flex-start;
    font-size: 13px;
    margin-top: 5px;
}

.dirNcont {
    padding: 17px 15px;
    background: white;
    border-radius: 4px;
    display: flex;
    position: relative;
    align-items: center;
    margin-top: 18px;
    min-height: 95px;
    border: 2px solid #fff;
    transition: all linear .3s;
}

.iccImg.dirIccImg {
    height: 57px;
    min-width: 57px;
    width: 57px;
    font-size: 24px;
}

.iccImg.dirIccImg.bg-white {
    border: 1px solid #ddd;
}

.iccImg.dirIccImg img,
.iccImg.addDirIcc img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: top;
    /* width: unset;
    height: unset; */
}

.dirPenCont {
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 27px;
    color: #4363ff;
    font-size: 14px;
    background: white;
}

.dirNcont.editing {
    border: 2px solid #4363ff;
}

.dirNcont.editing .dirPenCont .fa-pencil {
    color: black;
}

.dirPenCont span .fa {
    cursor: pointer;
}

.dirPenCont .fa-trash {
    margin-top: 22px;
}

.dirNameCont {
    width: 100%;
    padding-right: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dirName,
.dirInfo {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dirName {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}

.dirInfo {
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 3px;
}

.iccImg.addDirIcc {
    height: 80px;
    min-width: 80px;
    width: 80px;
    font-size: 29px;
    margin-bottom: 20px;
    /* border: 2px solid #ddd; */
}

.btnBordis .btn {
    border-radius: 8px !important;
}

.iccImg.iccViolet {
    background: #9886f6;
}

.iccImg.iccRose {
    background: #df85f6;
}


/* Director end */


/* Message center start */

.fs-wrap .btn {
    border-radius: 0 !important;
}

.woMessage .recTPCont {
    min-width: 20px;
    height: 100%;
    width: 25px;
}

.woMessage.recAdCont {
    padding: 12px 35px 17px 0;
}

.woMessage .recNcont {
    width: calc( 100% - 4px);
}

.dateChanPic {
    background: white url(../images/calendar.png) no-repeat;
    padding-left: 38px;
    background-position: 12px center;
}

.mesCenTd {
    width: 240px;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.plCoImg {
    width: 15px;
    max-width: 15px;
    margin-right: 8px;
}

.min-40 {
    width: 40px !important;
    max-width: 40px;
}

.change-ui .maxSel160 .select2-selection {
    max-width: 160px !important;
}


/* Message center end */


/* Roster page start */

.maxSel100 .select2-selection {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
}

.rostOnlySlide .teamMemScroll {
    overflow-y: scroll;
    height: calc(100vh - 100px) !important;
}

.rosterBody .select2-container,
.rosterBody .datepickers-container {
    z-index: 9999999999;
}

.rosTitCont {
    background: white;
    border: 1.4px solid #dee2e6;
    border-radius: 5px;
}

.rostTeam {
    color: #333;
    font-size: 13.5px;
    /* font-weight: 500; */
}

.rostTeam2 {
    font-size: 12.5px;
    color: #333;
    line-height: 24px;
}

.rostIcc img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: top;
    width: 80%;
    height: unset;
}

.rostEvent {
    font-size: 17px;
}

.rodColor {
    margin-top: 13px;
    margin-bottom: 2px;
    /* border: 3px solid rgba(255,24,134,.3); */
    border-radius: 3px;
    height: 4px;
    background: rgba(255, 24, 134, .3);
}

.rodColor.rodGreen {
    background: rgb(0 169 15 / 40%);
}

.rodColor.rodBlue {
    background: rgb(0 161 255 / 40%);
}

.rodColor.rodOrange {
    background: rgba(255, 174, 0, 0.4);
}

.rostVs::after {
    content: 'VS';
    position: absolute;
    right: -7px;
    font-size: 12px;
    top: 0;
    /* bottom: 0; */
    /* margin: auto; */
    height: 100%;
    display: flex;
    align-items: center;
}


/* Roster page end */


/* Staff page start */

.dirNameCont img {
    width: 12.5px;
    margin-right: 9px;
    margin-left: 1px;
}


/* Staff page end */


/* Scoreboard start */

.scoreNum2 {
    font-size: 22px;
    font-weight: 600;
    color: #212529;
    letter-spacing: 2px;
}

.scoreBadge2 {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
}

.borderInput.form-control {
    border: 1px solid #ddd !important;
}

.scoreTeam {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* Scoreboard end */


/* Photos start */

.inlineAn {
    display: flex;
    background: #eee;
    align-items: center;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    justify-content: center;
    /* height: 160px; */
}

.inlineAn img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
}

.photoTrash .delTrash {
    font-size: 14px;
    color: #333;
}

.photoUIPre {
    border: 1px solid rgba(230, 230, 230, 0.7) !important;
}

.photoUIPre:hover {
    border-right: 1px solid rgba(230, 230, 230, 0.7) !important;
}

.photoEvent {
    font-size: 14px;
    font-weight: 500;
}

.photoRow {
    display: block;
    line-height: 0;
    -webkit-column-count: 5;
    -webkit-column-gap: 0px;
    -moz-column-count: 5;
    -moz-column-gap: 0px;
    column-count: 5;
    column-gap: 0px;
}

.pRowCont {
    width: 100%;
    will-change: transform;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-top: 0 !important;
    overflow: hidden;
}

.uk-lightbox.uk-open {
    z-index: 9999999999 !important;
}


/* Photos end */


/* Videos page start */

.videosPage video,
.videosPage iframe,
.videosPage img {
    height: 170px !important;
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    margin-bottom: 0 !important;
}

.vidTitle {
    font-size: 15px;
    margin: 7px 0 0;
    font-weight: 500;
    color: #333;
}

.vidPlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    display: flex;
    color: white !important;
    height: 100%;
    font-size: 43px;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.vidTrash {
    transition: all linear .1s;
    position: absolute;
    color: white;
    right: 0;
    width: 100%;
    text-align: right;
    padding: 5px 8px;
    background: rgba(0, 0, 0, .5);
    top: -29px;
    /* display: none; */
}

.vidTrash i {
    cursor: pointer;
}

.overHid {
    overflow: hidden;
    border-radius: 5px;
}

.hoverVid:hover .vidTrash {
    top: 0;
}

.btnPlus {
    width: 30px;
    font-size: 21px;
    height: 30px;
    border-radius: 30px;
    padding: 0 0 2px 0!important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.removeRow {
    font-size: 17px;
    position: absolute;
    right: 15px;
    color: #dc3545!important;
    cursor: pointer;
    z-index: 99;
}

.AddRow {
    background: #5d78f725;
    padding: 10px 0 14px;
    position: relative;
    margin-top: 15px;
}

.vidLikes {
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 7px;
    font-size: 11px;
}

.myMb-4 {
    margin-bottom: 35px;
}


/* Videos page end */


/* Seasons page start */

#menu-item-124 {
    position: relative;
    width: 100%;
    display: block;
}

ul.sub-menuMe {
    padding-left: 0;
    list-style: none;
    transition: all .1s ease-out;
    display: flex;
    left: 0;
    /* right: 0; */
    justify-content: center;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute;
    top: 55px;
    background: rgba(0, 0, 255, 0.1);
    border-radius: 5px;
    z-index: -10;
    opacity: 0;
    overflow: hidden;
}

.menu-item-124.active .sub-menuMe {
    opacity: 1;
    z-index: 99999;
    top: 40px;
}

ul.sub-menuMe .menu-item a {
    display: block;
    padding: 14px;
    color: #333 !important;
    /* font-size: 15px; */
}

ul.sub-menuMe .menu-item a:hover {
    background: rgba(0, 0, 255, 0.1);
}

ul.sub-menuMe .menu-item img {
    display: block;
    margin-bottom: 5px;
    max-width: 65px;
    max-height: 65px;
}

.ourDoc {
    display: block;
    padding: 9px;
    background: #F7F7FE url(../images/dropdown.png) no-repeat;
    background-position: calc( 100% - 13px) center;
    height: 38px;
    background-size: 12px;
    border-radius: 5px;
    font-size: 14px !important;
    color: #333 !important;
}

ul.sub-menuMe .menu-item.border-right {
    border-right: 1px solid rgba(0, 0, 0, .15)!important;
}


/* Seasons page end */


/* Teams page start */

.teamsCard {
    border-radius: 5px;
    filter: drop-shadow(0px 3px 0px #dfdff5);
    background-color: #ffffff;
    border: 1px solid #dfdff5;
    /* margin-top: 20px; */
    overflow: hidden;
}

.cardImage {
    width: 17px;
    margin-right: 8px;
}

.teamsCard .row {
    padding: 9px 14px;
}

.tmcardAsso,
.tmcardName,
.tmcardreg,
.tmcardReg2 {
    margin-bottom: 0px;
}

.tmcardName {
    font-size: 13px;
    line-height: 20px;
    color: #272727;
    font-weight: 600;
}

.tmcardAsso {
    font-size: 12px;
    line-height: 20px;
    color: #272727;
    font-weight: 500;
}

.tmcardreg {
    line-height: 22px;
    color: #9797ac;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.tmcardReg2 {
    line-height: 22px;
    color: #272727;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 12.5px;
}

.tmBgBlue {
    background: #e7f6ff !important;
}

.tmBgRose {
    background: #f4ebff !important;
}

.teamsCard .row:nth-child(odd) {
    background: #f6f6ff;
}

.tmcardDd {
    position: absolute;
    right: 6px;
    top: 8px;
}

.was-validated .whiteBox .select2-selection,
.overStatic .was-validated .select2-selection,
.was-validated .fs-label-wrap {
    border-color: #dc3545!important;
}

.was-validated .validated .whiteBox .select2-selection,
.overStatic .was-validated .validated .select2-selection,
.was-validated .validated .fs-label-wrap {
    border-color: #23bf08!important;
}

.was-validated .fileValue1 {
    border-color: #dc3545!important;
}

.was-validated .validated .fileValue1 {
    border-color: #23bf08!important;
}

.tmcardReg2 i {
    font-size: 11px;
}

label.switchMe {
    margin-bottom: 0;
    border: 1px solid #5d78ff;
    border-radius: 7px;
    position: relative;
    z-index: 197 !important;
    overflow: hidden;
    cursor: pointer;
}

.sliderRight,
.sliderLeft {
    padding: 7px 16px;
    display: inline-block;
    color: #333;
    width: 48%;
    transition: .1s ease-out all;
}

.switchSpan {
    color: #151515;
    background-color: #5d78ff;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    transition: .1s ease-out all;
}

.switchSpan~.active-case {
    color: white;
    transition: .1s ease-out all;
}

.switchSpan.active {
    left: 50%;
}

.tmScroll.teamMemScroll {
    overflow-x: hidden;
}

.maxSel130 .select2-selection {
    max-width: 100px !important;
    min-width: 130px;
}

.tmCardPara {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tmCardMore,
.cancelFilter {
    color: #5d78ff;
    font-weight: 400;
    margin-left: 5px;
    cursor: pointer;
    min-width: max-content;
}

.tmCardMore img {
    width: 10px;
    margin-left: 1px;
}

.pos-unset {
    position: unset;
}

.tmCardOrg {
    position: absolute;
    left: 0;
    overflow-y: scroll;
    max-height: 100%;
    background: white;
    text-align: left;
    bottom: -130%;
    border-radius: 3px;
    padding: 10px;
    transition: all linear .3s;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
}

.tmCardOrg.active {
    bottom: 0;
}

.filterDropdown {
    width: 300px;
    max-width: 300px;
    position: absolute;
    background: white;
    /* position: relative; */
    z-index: -20;
    opacity: 0;
    top: 80px;
    right: 10px;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    transition: all linear .2s;
}

.filterDropdown .select2-selection {
    max-width: 100% !important;
    min-width: 100% !important;
}

.filterLabel {
    font-size: 12.5px;
    line-height: 24px;
    color: #9797ac;
    font-weight: 600;
    margin-bottom: 3px;
}

.filterDropdown.active {
    opacity: 1;
    top: 58px;
    z-index: 999999999999;
}

.filterMore svg {
    width: 15px;
    top: -1px;
    position: relative;
}

.filterMore {
    color: #333 !important;
}

.filter-fade {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 99999999999;
}

.filterMoreCont:hover .filterMore {
    border-color: #5d78ff;
}

.tmScroll.teamMemScroll {
    overflow-y: scroll;
    height: calc(100vh - 129px);
}


/* Teams page end */


/* Region page start */

.withLock .recTPCont {
    min-width: 75px;
    width: 75px;
}

.withLock.recAdCont {
    padding: 12px 82px 17px 0;
}


/* Region page end */


/* News page start */

.newsCardd {
    top: -4px;
}

.newsTag {
    padding: 1px 8px 3px;
    background: #5D78FF;
    margin: 0 0 4px;
    color: white;
    border-radius: 4px;
    margin-left: 5px;
    font-size: 11px;
}

.change-ui .bootstrap-tagsinput {
    padding: 6px 12px;
}

.change-ui .bootstrap-tagsinput input {
    background: transparent;
    outline: 0 !important;
    border: 0 !important;
}

.change-ui .bootstrap-tagsinput .tag.label {
    color: white !important;
}

.overStatic .modal-dialog {
    margin: 4.75rem auto;
}

.change-ui .whiteBox .note-editor {
    background: #F7F7FE;
    border: 1px solid transparent;
}

.change-ui .note-toolbar .btn {
    border-radius: 0 !important;
}

.change-ui .whiteBox .note-toolbar {
    border-bottom: 1px solid #ddd;
}

.was-validated .bootstrap-tagsinput {
    border-color: #dc3545!important;
}

.change-ui .bootstrap-tagsinput input::placeholder {
    font-weight: 500;
}

.newsModal .modal-header {
    background: #5d78ff;
}

.newsModal .modal-title {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

.newsModal .close {
    color: white !important;
    opacity: 1 !important;
    font-weight: 400;
}

.newsModalImg {
    min-width: 90px;
    max-width: 100%;
    max-height: 200px;
    border-radius: 2px;
    margin-bottom: 0;
}

.newsPra {
    margin: 10px 0 0;
    color: #333;
    font-weight: 500;
    line-height: 22px;
}

.newsModal .modal-body.scroll {
    max-height: 420px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.newsModal .modal-body.scroll::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

.newsModal .modal-body.scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.newsModal .modal-body.scroll::-webkit-scrollbar-thumb {
    background: #888;
}

.newsModal .modal-body.scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.overflowScroll {
    overflow-x: scroll;
    height: 21px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    white-space: nowrap;
    margin: 0;
}

.overflowScroll::-webkit-scrollbar {
    display: none;
}


/* News page end */


/* Sport page start */

#menu-item-124 {
    outline: 0 !important;
}

.sptChLab {
    display: inline-flex;
    background: #5d78ff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    color: white !important;
    align-items: center;
    justify-content: center;
    position: relative;
    /* font-weight: 600; */
    flex-direction: column;
    font-size: 10px;
}

.sptChLab i.fa {
    font-size: 17px;
    margin-bottom: 3px;
}

.sptChLab .opaPar {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    transition: all linear .3s;
    font-size: 11px;
    padding: 5px;
}

.sptChLab:hover .opaPar {
    opacity: 1;
}

.sptChLab img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    outline: 0 !important;
}

.subMenuSpt {
    width: 450px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 157%;
    border-radius: 4px;
    overflow: hidden;
    max-height: 380px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    opacity: 0;
    transition: all linear .3s;
    z-index: -10;
    overflow-y: scroll;
}

.subMenuSpt.active {
    top: 107%;
    z-index: 9999999999;
    opacity: 1;
}

.subMenuSpt li.menu-item {
    width: 16.61%;
    margin: 7px;
}

.subMenuSpt .menu-item img {
    width: 100%;
    height: 100%;
    outline: 0 !important;
}


/* Sport page end */


/* Jersey page start */

.colorpicker-default__spectrum-container,
canvas.colorpicker-default__hue,
.colorpicker-default__hue-container-canvas,
.colorpicker-default__spectrum-canvas,
.colorpicker-default__hue-container,
.colorpicker-default__hue-canvas {
    height: 190px !important;
    max-width: unset !important;
}

.colorpicker {
    width: 240px !important;
}

.colorpicker-default__spectrum-container,
.colorpicker-default__spectrum-canvas,
.colorpicker-default__body {
    width: 190px !important;
}

.jerseyImgUi {
    max-width: 60px;
    border-radius: 4px;
    max-height: 40px;
}

.jersTag {
    padding: 1px 5px 1px;
    margin-left: 1px;
    font-size: 10px;
}

.jerUIimgCont {
    position: relative;
    height: 200px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}

.jerUIimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top;
    -o-object-position: top;
}

.jerRoyFil {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 6px;
}

.jerDesUI {
    position: absolute;
    bottom: 0;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .55);
    transition: all linear .2s;
    bottom: -100%;
    max-height: 109px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.jerDesUI::-webkit-scrollbar {
    display: none;
}

.jerUIimgCont:hover .jerDesUI {
    bottom: 0;
}

.jerDesUI p {
    color: white;
    margin: 0;
    font-size: 13px;
    display: flex;
    font-weight: 500;
}

.jerDesUI p i {
    font-size: 16px;
    line-height: 0;
    margin-right: 7px;
    margin-top: 10px;
    /* color: #00ffe7; */
    color: #00ffffd1;
}

.jerDesUI p i.mdi-palette {
    color: #ffb683;
}

.jerUiAnc {
    position: absolute;
    height: 100%;
    width: 100%;
}

.jerAction {
    width: 30px;
    height: 30px;
    display: inline-flex;
    background: white;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 14px;
    margin: 10px 0 0 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, .1);
    cursor: pointer;
}

.jerActionCont {
    position: absolute;
    top: 0;
    right: 10px;
    transition: all linear .1s;
}

.iccSquare {
    border-radius: 0 !important;
    height: 32px;
    min-width: 32px;
    width: 32px;
}


/* Jersey page end */


/* Officer page start */

.dirInfo .mdi {
    font-size: 14px;
    line-height: 17px;
}


/* Officer page emd */


/* Membership payment start */

.max-200 {
    min-width: 300px !important;
    max-width: 500px !important;
}

.wrapPre {
    white-space: pre-wrap !important;
}

.min200Ser {
    min-width: 250px;
}


/* Membership payment end */


/*  Admin page start */

.was-validated input:disabled {
    border-color: #23bf08!important;
}


/*  Admin page end */


/*  Playoff page start */

.uk-lightbox-iframe {
    width: 100% !important;
    height: calc( 100% - 50px) !important;
    margin-top: 50px;
}

.playUiCont .uk-transition-slide-top {
    transform: translateY(0) !important;
}

.playIcc {
    position: relative;
    border: 0 !important;
}

.playUk {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.playHover {
    border-radius: 50%;
    font-size: 20px;
    position: absolute;
    height: 103%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
    color: white;
    opacity: 0;
    z-index: 1;
    transition: all linear .3s;
}

.playIcc:hover .playHover {
    opacity: 1;
}

.playUiCont .dirInfo {
    margin-top: 0;
}

.downPlayoff {
    font-size: 12px;
    margin-bottom: 3px;
    margin-top: 0;
}

.downPlayoff i {
    position: relative;
    top: 1.2px;
    margin-right: 7px;
}

.dirPlayCont .dirNcont {
    padding: 25px 15px 15px;
}


/*  Playoff page end */


/* Message box start */

.chatBoxCont {
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    height: 0;
    z-index: 9999999;
}

.msgBoxCont {
    position: relative;
    z-index: 9999999;
    bottom: 0;
    margin: 0 20px 0 0;
    background: white;
    right: 15px;
    width: 400px;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.07));
    transition: all linear .3s;
    animation: boxUp .3s;
}

@keyframes boxUp {
    0% {
        bottom: -150vh;
    }
    100% {
        bottom: 0;
    }
}

.msgBoxCont.expandView {
    width: 550px;
}

.msgBoxCont.expandView .msgContentCont {
    height: 360px;
}

.msgLeftPad {
    padding-left: 38px !important;
}

.msgRightPad {
    padding-right: 38px !important;
}

.msgBoxCont.expandView .msgLeftPad {
    padding-left: 23px !important;
}

.msgBoxCont.expandView .msgRightPad {
    padding-right: 23px !important;
}

.msgBoxCont.expandView .proIconRight {
    margin-left: 0;
}

.msgBoxCont.slideMsgBottom {
    bottom: -150vh;
}

.msgBoxCont.slideMsgUp {
    bottom: 0;
}

.msgBoxCont .form-row {
    margin-right: 0;
    margin-left: 0;
}

.msgBoxCont .iccImg {
    height: 37px;
    min-width: 37px;
    width: 37px;
    font-size: 16px !important;
    font-weight: 500;
}

.bg-Blue {
    background: #5d78ff;
    padding-right: 135px !important;
}

.msgName {
    font-size: 14px;
    color: white;
    margin-bottom: 0px;
    /* font-weight: 500; */
}

.msgPdesi {
    font-size: 12px;
    color: white;
    margin: 0;
}

.msgContentCont {
    padding: 20px 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 310px;
}

.msgExpCont,
.msgsendCont {
    position: absolute;
    right: 20px;
    height: 100%;
    top: 0;
    width: 100px;
    display: flex;
    justify-content: space-between;
}

.msgExpCont span {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.msgsendCont span {
    height: 100%;
    align-items: flex-start;
    padding-top: 13px;
    cursor: pointer;
}

.msgExpCont img {
    width: 19px;
}

.msgsendCont {
    width: 60px;
}

.msgsendCont img {
    width: 17px;
}

.closeMsg img {
    width: 15px;
}

.msgTextarea {
    padding: 15px 90px 15px 15px;
    width: 100%;
    height: 45px;
    box-shadow: 0 -7px 10px rgba(0, 0, 0, 0.05);
    border: 0;
    outline: 0 !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.msgBoxCont.expandView .msgTextarea {
    height: 80px;
}

.msgTextarea::-webkit-scrollbar,
.msgContentCont::-webkit-scrollbar {
    display: none;
}


/* .msgContentCont::-webkit-scrollbar {
    width: 5px;
}

.msgContentCont::-webkit-scrollbar-track {
    background: #ffff; 
}

.msgContentCont::-webkit-scrollbar-thumb {
    background: #999; 
} */

.msgBoxCont .actMsgLeft {
    background: #f7f7fe;
}

.msgBoxCont .actMsg p {
    margin: 0;
    color: #424253;
}

.msgBoxCont .actMsgRight {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #ebebf4;
}

.msgBoxCont .actMsgRight p {
    color: #272727;
}

.msgBoxCont .adminMsgLeft,
.msgBoxCont .dateMsgLeft {
    position: unset;
    display: inline-block;
    margin-top: 5px;
}

.msgBoxCont .adminMsgLeft {
    color: #5d78ff;
    font-size: 12px;
}

.msgBoxCont .dateMsgLeft {
    color: #999;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 500;
}

.msgBoxCont .proIconRight {
    margin-left: -15px;
}

.msgBoxCont .leftMsg,
.msgBoxCont .rightMsg {
    margin-bottom: 18px;
}

.msgBoxCont .proIcon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-size: 13px;
    margin-bottom: 22px;
}

.msgBoxCont .proIcon.proGreen {
    background: #6fcf97;
    color: white;
}

.msgBoxCont .proIcon.proViolet {
    background: #df85f6;
}

.msgBoxCont .proIcon.proBlue {
    background: #5d78ff;
}

.msgBoxCont .actMsg.actMsgLeft:before {
    left: -14px;
    top: unset;
    border-top: 18px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 26px solid #f7f7fe;
    bottom: -10px;
    transform: rotate(88deg);
}

.msgBoxCont .actMsg.actMsgRight:after {
    display: none;
}

.msgBoxCont .actMsg {
    position: relative;
}

.afterRight {
    /* background: red; */
    transform: rotateY(181deg);
    position: absolute;
    right: -20px;
    bottom: -1px;
}

.todayMsg {
    text-align: center;
    color: #9797ac;
    display: inline-block;
    background: white;
    z-index: 9999;
    position: relative;
    padding: 0 10px;
}

.lineSpan {
    position: absolute;
    display: block;
    border-top: 1px solid #ebebf4;
    width: 99%;
    top: 10px;
    z-index: 99;
}


/* Message box end */


/* New schedule page 08-MAR-2021 by Muthukumar */

.gameTable #calendar .fc-view-container {
    background: white;
    border-radius: 5px;
    overflow: hidden;
}

.gameTable table tr td:first-child::before,
.bootstrap-timepicker-widget table td:first-child::before {
    content: none;
}

.gameTable table,
.bootstrap-timepicker-widget table {
    border-spacing: unset;
    border-collapse: unset;
}

.fc th,
.fc-row .fc-content-skeleton td {
    padding: 8px 14px;
    text-align: left;
}

.fc th,
.fc-head-container {
    border: 0;
    background: #ebebf5;
}

.fc-widget-content {
    border: 0;
}

.fc th span {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}

.fc-day-grid-event {
    margin: 5px 0;
    padding: 5px 7px !important;
    font-weight: 500;
    border-radius: 4px !important;
    font-size: 10px;
}

.fc-content-skeleton:first-child td,
.fc-row:first-child .fc-bg td {
    border-top-width: 0;
}

.fc-right .fc-month-button {
    border-radius: 8px 0 0 8px;
}

.fc-right .fc-agendaDay-button {
    border-radius: 0 8px 8px 0;
}

.fc-right .fc-month-button,
.fc-right .fc-agendaWeek-button,
.fc-right .fc-agendaDay-button {
    /* padding: 10px 20px; */
    border-color: #6076ff;
    height: 3em;
    width: 5.5em;
    font-weight: 500;
    line-height: 2em;
    font-size: 12px;
    transition: all linear .3s;
    text-transform: capitalize;
}

.fc-right .fc-month-button:hover,
.fc-right .fc-agendaWeek-button:hover,
.fc-right .fc-agendaDay-button:hover {
    border-color: #6076ff;
}

.fc-right .fc-month-button.fc-state-active,
.fc-right .fc-agendaWeek-button.fc-state-active,
.fc-right .fc-agendaDay-button.fc-state-active {
    border-color: #6076ff;
    background-color: #6076ff;
    color: white;
}

.fc-left button {
    background: white;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none;
    font-size: 12px;
    text-transform: capitalize !important;
    font-weight: 500;
    height: 2.8em;
    width: 3em;
    line-height: 2em;
}

.fc-left .fc-button-group button {
    font-size: 12px !important;
    height: 2.9em;
    width: 2.9em;
    border-radius: 6px !important;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.fc-content-skeleton td,
.fc-row .fc-bg td {
    border-right: 0;
    border-top: 0;
}

.fc-content-skeleton td,
.fc-row .fc-bg td:first-child {
    border-left: 0;
}

.fc-button-group .filterMore {
    text-transform: capitalize;
}

.fc-left div {
    display: flex;
    align-items: center;
}

.fc-left h2 {
    font-size: 13px;
    text-transform: capitalize;
    margin: 0 15px;
    font-weight: 600;
}

.fc .fc-toolbar>*>* {
    text-transform: unset;
}

#my-event .custom-checkbox .custom-control-label::before {
    border-radius: 4px !important;
}

td.fc-highlight {
    border: 2px solid #5f77ff !important;
    background: #edf0ff !important;
    opacity: 1;
}

.fc-event {
    padding-right: 20px !important;
}

.fc-event::after {
    content: "\f040";
    font-family: FontAwesome;
    position: absolute;
    width: 18px;
    top: 0;
    right: 0;
    z-index: 9;
    cursor: pointer;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brown-outline {
    border: 1px solid #7a7a7a;
    background: transparent !important;
    color: #616161 !important;
    font-weight: 500;
    border-radius: 7px;
}

.btn-primary-outline {
    color: #5d77ff;
    border: 1px solid #5d77ff !important;
    border-radius: 7px;
    background: transparent;
}

.overStatic.evenOver {
    height: 100vh;
}

.borRadius {
    border-radius: 7px;
}

.select2-container {
    text-align: left;
}

#calendar .filterDropdown.active {
    opacity: 1;
    top: 40px;
}

.fc-more {
    font-weight: 600;
    color: #5d77ff !important;
}

.evenOver.change-ui .custom-control-label::before,
.evenOver.change-ui .custom-control-label::after {
    width: 18px;
    height: 18px;
}


/* New schedule page end */


/* Generate schedule page 15-MAR-2021 by Muthukumar */

.matSchImg {
    display: flex;
    align-items: center;
}

.matSchImg .teamImg {
    width: 25px;
    max-height: 30px;
}

.matSchImg .teamHome {
    width: 14px;
    position: relative;
    top: -1px;
}

.change-ui .matSchTable table {
    border-collapse: unset;
    border-spacing: unset;
}

.change-ui .matSchTable .dataTables_scrollBody {
    top: 0;
}

.matSchTable .dataTables_scrollHeadInner .table.dataTable thead th {
    background: #ebebf4;
    padding: 12px 0.8rem 7px !important;
    font-weight: 600;
    color: #9797ac;
}

.matSchTable .dataTables_scrollBody .table.dataTable thead th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.change-ui .matSchTable .table.dataTable td {
    border-radius: 0 !important;
    padding: 9px 0.8rem !important;
    border-bottom: 1px solid #eee !important;
}

.matSchTable .table.dataTable .matchLoc .select2-container {
    border: 1px solid #eee !important;
    height: 40px;
    border-radius: 5px;
    background: url(../images/matchLoc.png) no-repeat 10px center;
    padding-left: 24px;
    background-size: 11px;
    min-width: 170px;
}

.dateTab.form-control,
.timeTab.form-control {
    min-width: 130px;
    border: 1px solid #eee !important;
    height: 40px;
    border-radius: 5px;
    background: url(../images/calendar-gray.png) no-repeat 10px center;
    padding-left: 33px !important;
}

.dateCal {
    background: #F7F7FE url(../images/calendar.png) no-repeat right 10px center !important;
}

.timeTab.form-control {
    background: url(../images/clock-circular-outline.png) no-repeat 10px center;
    background-size: 14px;
}

.matSchTable .table.dataTable .matchLoc .select2-selection__rendered {
    padding-left: 0;
}

.matSchTable .table.dataTable .matchLoc .select2-selection {
    padding-top: 3px;
}

.roundPara {
    color: black;
    font-weight: 600;
    margin-top: 11px;
    margin-bottom: 13px;
    font-size: 14px;
}

.bootstrap-timepicker-widget table td input {
    border-color: transparent !important;
    background: transparent !important;
}

.doubLabel {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 2px solid #d5d9ef;
    border-radius: 5px;
    min-height: 62.4px;
    transition: all linear .2s;
    cursor: pointer;
    /* line-break: anywhere; */
}

.doubInput {
    display: none;
}

.doubLabel::before {
    content: '';
    position: relative;
    display: inline-block;
    min-width: 14px;
    width: 14px;
    height: 14px;
    background: transparent;
    border-radius: 30px;
    border: 3px solid #d6daef;
    transition: all linear .2s;
    margin-right: 10px;
}

input[type=radio]:checked~.doubLabel {
    background: #5d77ff;
    border-color: #5d77ff;
    color: white;
}

input[type=radio]:checked~.doubLabel:before {
    border-color: white;
    background-image: radial-gradient(white 25%, transparent 36%);
    background-position: center center;
}

.calcPlay {
    position: relative;
}

.calcPlay button {
    outline: 0 !important;
    border: 0;
    background: transparent;
    font-size: 26px;
    position: absolute;
    top: -6%;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%;
}

.calcPlay .decrePlay {
    left: 10px;
}

.calcPlay .increPlay {
    right: 10px;
}

.onRoRob {
    font-size: 12px;
    margin: 5px 0 0;
    color: #9797ac;
}

.calcPlay img {
    width: 12px;
    margin-top: 3px;
}

.calcPlay input {
    padding: 8px 35px;
}

.evenOver.change-ui .custom-control-label.playCheck::before,
.evenOver.change-ui .custom-control-label.playCheck::after {
    width: 16px;
    height: 16px;
}

.playCheck {
    font-size: 12px;
}

.matPosAb {
    position: absolute;
    top: 0;
    right: 0;
}

.matNav {
    position: relative;
}

.normalMatch {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
    flex-direction: column;
}

.normalMatch p {
    font-size: 25px;
    font-weight: 500;
    color: #cccccc;
    text-align: center;
    margin-top: 20px;
}

.tmScroll.teamMemScroll {
    overscroll-behavior: contain;
    scrollbar-width: thin;
}


/* Generate schedule page end */


/* Schedule FOrm page start */

.schFromInner .dateChanPic {
    background: #F7F7FE url(../images/calendar.png) no-repeat !important;
    background-position: 12px center !important;
}

.btnBig {
    padding: 6px 40px;
    font-weight: 500;
}


/* 
.sheTab .nav-link i {
    width: 40px;
    background: white;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    margin: 0 auto 10px !important;
} */

.sheTab .nav-link i {
    width: 67px;
    background: #f7f7fe;
    display: flex;
    font-size: 27px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    margin: 0 auto 10px !important;
}

.sheTab .nav-link.active i {
    /* background: #5d78ff; */
    color: #5d78ff;
}

.sheTab .nav-link {
    text-align: center;
    border: 0 !important;
    z-index: 999;
    position: relative;
    /* pointer-events: none; */
}

.sheTab .nav-item {
    position: relative;
}

.sheTab .nav-item::after {
    content: '';
    width: 100%;
    right: 74px;
    top: 28px;
    z-index: 0;
    position: absolute;
    border-top: 2px solid #d4d4d4;
}

.sheTab .nav-item:first-child::after {
    display: none;
}

.sheTab .nav-item.active::after {
    border-color: #5d78ff;
}

.sheTab .nav-item.active .nav-link {
    color: #5D78FF;
}

.disableForm input.form-control {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: 200px;
    font-size: 14px;
}

.change-ui .borColTab {
    margin: 10px 0 0;
    border-collapse: collapse;
    border-spacing: 0em 0px;
}

.inRow {
    background: #ebebf4;
    margin: 0;
}

.disableSelect .select2-selection {
    background: transparent !important;
    border: 0 !important;
    padding: 4px 0 !important;
}

.borColTab td {
    border-bottom: 1px solid #ebf2f7;
    border-top: 0;
}

.borColTab {
    border-left: 1px solid #ebf2f7 !important;
    border-right: 1px solid #ebf2f7 !important;
}

.table.borColTab thead th {
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 20px;
}

.dropShare {
    font-size: 13px;
    padding: .375rem .75rem;
    display: flex;
    align-items: center;
}

.dropMdi.dropShare .mdi {
    font-size: 14px;
    margin-right: 8px;
}

.matSchTable2 .dataTables_scrollHeadInner table {
    margin-bottom: 0 !important;
}

.sheTab .nav-item.active .nav-link i {
    /* background: #5d78ff; */
    color: #5d78ff;
}

.timeSlot {
    position: fixed;
    width: 300px;
    top: 0;
    right: -100%;
    background: white;
    bottom: 0;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* padding: 0 15px; */
    z-index: 999999999;
    box-shadow: 0 -10px 10px rgb(0 0 0 / 5%);
    transition: all linear .1s;
}

.timeSlot::-webkit-scrollbar {
    display: none;
}

.next-tab,
.previous-tab {
    padding: 0 !important;
    font-size: 14px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px;
}

.nextPrevPos {
    position: absolute;
    top: 38px;
    left: 0;
    padding: 0 30px;
}

.timeSlot .fixedTop {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 15px 15px 0 15px;
    border-bottom: 1px solid #eee;
    background: white;
    z-index: 99999999;
}

.timePar {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin: 0;
}

.previous-tab i,
.next-tab i {
    /* position: absolute;
    top: 10px; */
    font-size: 18px;
}

.previous-tab i {
    /* left: 15px; */
    font-size: 19px;
}

.tmRed {
    border: 1px solid #ffa5a5 !important;
}

.next-tab i {
    /* right: 15px; */
}


/* .previous-tab {
    padding: 9px 59px 9px 70px !important;
} */

.tmRed .row {
    background: #ff00000d !important;
}

.tmRed .tmBgRose2 {
    background: #ffe1e1 !important;
}


/* .next-tab {
    padding: 9px 70px 9px 59px !important;
} */

.sheTab .nav-link {
    padding-right: 55px;
    padding-left: 55px;
}

.timePlus {
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    background: blue;
    border-radius: 30px;
    color: white;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

.timeCont {
    display: flex;
    margin-top: 10px;
    padding: 14px 10px;
    border-radius: 5px;
    background: #5d78ff0f;
}

.timeCont input {
    height: 33px !important;
    background: white !important;
}

.timepicker-orient-right:after,
.timepicker-orient-right:before {
    left: unset !important;
}

.timeCont2 {
    padding: 27px 10px 10px;
    position: relative;
}

.closeTime {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}

.timeSlot .filHead img {
    width: 29px;
    top: 10px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 2px;
    background: #5D78FF;
    padding: 8px;
    cursor: pointer;
    border-radius: 30px;
    transform: rotate( 179deg) translate(9px, 9px);
}

.timeSlot .filHead {
    padding: 10px 34px;
}

.timeSlot.active {
    right: 0;
}

.allDayCheck .custom-control-label::before,
.allDayCheck .custom-control-label::after {
    width: 16px;
    height: 16px;
}

.allDayCheck .custom-control {
    width: 43.33%;
}

.inRow .select2-container {
    max-width: 250px!important;
}

.inRow .select2-selection {
    font-size: 15px;
}

.disableSelect .inRow .select2-selection {
    text-align: right;
}

.inRow.matchData {
    background: #d9343429;
}

.showDecoration input.form-control,
.showDecoration .select2-selection {
    text-decoration: underline;
}

.schFromInner {
    overflow-x: hidden;
}

.previewForm .teamsCard .row {
    padding: 9px 14px !important;
}


/* Schedule form page end */


/* Tournament List page start */

.cupBlue {
    font-size: 18px;
    color: #0069d99e;
}

.cupTeam {
    color: #fcbeab;
    font-size: 17px;
}


/* Filter dropdown start */

.filterDrop .card-header {
    background: #5d78ff;
}

.filterDrop .filHead {
    font-size: 15px;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
}

.filterDrop .filHead img {
    width: 14px;
    margin-right: 10px;
    margin-bottom: 2px;
}

.filterDrop .nav.nav-tabs {
    display: inline-flex;
    flex-direction: column;
    width: max-content;
    float: left;
    margin-right: 21px;
    max-width: 150px;
    height: 100vh;
    background: rgba(93, 120, 255, .1);
}

.filterDrop .nav-tabs .nav-link.active {
    border-color: transparent;
}

.filterDrop .tab-pane {
    overflow-y: scroll;
    height: 100vh;
}

.filterDrop {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999999;
    height: 100vh;
    right: -100%;
    opacity: 0;
    transition: all linear .2s;
}

.filterDrop.show {
    opacity: 1;
    right: 0%;
}

.filterDrop .card-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: white;
}

.mt-11px {
    margin-top: 11px;
}

.mt-2px {
    margin-top: 2px;
}

.sticky_col2 tbody tr td:first-child {
    padding: 10px 18px !important;
}

.page-footer {
    /* z-index: 99999999999999; */
    position: relative;
}

.page-content-slide .page-footer {
    position: unset;
}

.btn-scroll-top {
    z-index: 99999999999;
}

.onlyTopBtn.btn-scroll-top {
    z-index: 9999;
}

.filHead {
    display: none;
}

.swal2-container {
    z-index: 9999999991 !important;
}

.chanUIPagi {
    justify-content: flex-end;
}

.chanUIPagi a {
    min-width: 30px;
    height: 28px;
    display: inline-block;
    background: transparent;
    border-radius: 6px;
    padding: .3em .6em;
    text-align: center;
    text-decoration: none !important;
    opacity: 1;
    color: black;
    font-weight: 500;
    border: 0 !important;
    color: #333;
    margin: 0 3px;
    /* box-shadow: 0 0 10px rgba(0,0,0,.05); */
}

.chanUIPagi .lasts a {
    color: #7a798a;
}

.chanUIPagi .active a {
    background-color: #5d78ff;
    color: white;
}

.dateChanPic {
    min-width: 210px;
}

.resednBtn {
    padding: 8.2px 13px;
}

.overDirScroll {
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.overDirScroll::-webkit-scrollbar {
    display: none;
}

.overStatic .closeShow .searchForm {
    padding-right: 60px;
}

.overStatic .closeSearch {
    right: 40px;
}


/* Filter dropdown end */

@media (min-height:800px) {
    .recAdMain {
        height: calc( 100vh - 590px) !important;
        max-height: unset !important;
    }
    .recAdMain.dirMaxScroll {
        height: max-content !important;
        max-height: unset !important;
    }
}

@media (min-width:768px) and (max-width:1600px) {
    ul.sub-menuMe {
        right: 0;
    }
    ul.sub-menuMe .menu-item a {
        font-size: 15px;
    }
    ul.sub-menuMe .menu-item {
        width: 25%;
    }
    ul.sub-menuMe .menu-item img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
}

@media (min-width:1200px) and (max-width:1330px) {
    ul.sub-menuMe .menu-item a {
        font-size: 13px;
    }
    .doubLabel {
        padding: 10px 4px;
        font-size: 12px;
    }
    .doubLabel::before {
        margin-right: 6px;
    }
}

@media (min-width:1400px) {
    .flex-nowrap-12 {
        flex-wrap: nowrap;
    }
}

@media (min-width:1200px) and (max-width:1570px) {
    .w-mlg-100 {
        width: 80%;
    }
    .page-sidebar-collapsed .w-mlg-100 {
        width: unset;
    }
    .searchTm {
        width: 80%;
    }
}

@media (min-width:1200px) and (max-width:1330px) {
    .w-xlg-100 {
        width: 100%;
    }
}

@media (min-width:1200px) and (max-width: 1380px) {
    .w-xg-100 {
        width: 100%;
    }
    .page-sidebar-collapsed .w-xg-100 {
        width: max-content;
    }
    .change-ui .btnRes .btn {
        padding: 6px;
        border-radius: 8px !important;
    }
    .btnBordis .btn {
        margin-right: 4px !important;
        padding-right: 7px;
        padding-left: 7px;
    }
    .btnBordis .btn:last-child {
        margin-right: 0px !important;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .w-xg-100 {
        width: 100%;
    }
    .teamMemScroll {
        overflow-y: scroll;
        height: calc(100vh - 235px);
    }
    .filterDrop.onlySlide .teamMemScroll {
        height: calc(100vh - 160px);
    }
    .w-mlg-100 {
        width: 100%;
    }
    .tmScroll.teamMemScroll {
        overflow-y: scroll;
        height: calc(100vh - 131px);
    }
    .sheTab .nav-link {
        padding-right: 25px;
        padding-left: 25px;
    }
}

@media (min-width:300px) and (max-width:767px) {
    .w-sm-100 {
        width: 100% !important;
    }
    .hideSelMd {
        display: none;
    }
    .change-ui .select2-selection {
        max-width: 100%;
    }
    .teamMemScroll {
        overflow-y: scroll;
        height: calc(100vh - 235px);
    }
    .filterDrop.onlySlide .teamMemScroll {
        height: calc(100vh - 160px);
    }
    .dwndSerRe {
        width: calc( 100% - 97px);
    }
    .change-ui .maxSel160 .select2-selection {
        max-width: 100% !important;
    }
    .msgBoxCont {
        margin: 0 0px 0 0;
    }
    .uk-grid>* {
        padding-left: 15px;
    }
    .uk-grid {
        margin-left: -15px;
        padding-right: 10px;
    }
    .photoRow {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .tmScroll.teamMemScroll {
        overflow-y: scroll;
        height: calc(100vh - 131px);
    }
    .fc-left,
    .fc-right {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .fc-today-button {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .fc-left div {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between;
        margin: 0 !important;
    }
    .fc-right .filterMoreCont {
        border-right: 0 !important;
        margin-bottom: 10px !important;
        margin-top: 4px;
    }
    .fc-right .fc-button-group {
        width: 100%;
    }
    .fc-row .fc-content-skeleton td {
        padding: 0px 5px;
    }
    .fc th {
        padding: 8px 5px;
    }
    .fc-scroller {
        height: max-content !important;
    }
    .sheTab .nav-item {
        position: relative;
        width: 25%;
    }
    .sheTab .nav-link i {
        width: 40px;
        height: 32px;
        font-size: 24px;
    }
    .sheTab .nav-link {
        color: #9797ac;
        padding: 0px;
    }
    .sheTab .nav-link span {
        display: none;
    }
    .sheTab .nav-item::after {
        right: 30px;
        top: 15px;
    }
    /* .previous-tab {
        padding: 9px 9px 9px 22px !important;
    }
    .next-tab {
        padding: 9px 22px 9px 9px !important;
    } */
    .next-tab,
    .previous-tab {
        width: 30px !important;
        height: 30px;
    }
    .previous-tab i,
    .next-tab i {
        font-size: 16px;
    }
    .nextPrevPos {
        position: relative;
        top: 0;
        padding: 0;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .uk-grid>* {
        padding-left: 15px;
    }
    .uk-grid {
        margin-left: -20px;
        padding-right: 10px;
    }
    .photoRow {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
    .page-sidebar-collapsed ul.sub-menuMe .menu-item a {
        font-size: 15px;
    }
    ul.sub-menuMe .menu-item a {
        font-size: 12.5px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .dataTables_scrollHeadInner th[data-hide="phone"] {
        display: none;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .dataTables_scrollHeadInner th[data-hide="phone"] {
        display: inherit;
    }
}

@media (max-width:1200px) {
    .overStatic.evenOver {
        height: unset;
    }
    .filterDrop.overStatic {
        min-width: 320px;
        width: 320px;
        position: fixed;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 60px !important;
    }
    .filterDrop.overStatic.show {
        right: 15px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .filterDrop.overStatic.maxScroll {
        padding-top: 40px !important;
    }
    .recAdMain.max-height.maxScroll {
        max-height: 400px;
        height: 400px;
    }
    .recAdMain.max-height.maxScroll.rightMax {
        max-height: 100vh;
        height: calc( 100% - 150px);
    }
    .filHead {
        display: block;
    }
    .overDirScroll {
        height: 90vh;
    }
    .datepickers-container,
    .select2-dropdown {
        z-index: 99999999999;
    }
    .page-sidebar-visible .datepickers-container,
    .page-sidebar-visible .select2-dropdown {
        z-index: 99;
    }
}

@media (min-width:300px) and (max-width:576px) {
    #teamActiveTable_filter select,
    #teamActiveTable_filter label,
    #orderActiveTable_filter select,
    #orderActiveTable_filter label,
    #orderActiveTable_filter input {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0;
    }
    .dataTables_filter input[type='search'] {
        width: 100%;
    }
    .teamIcon {
        max-width: 60px;
        max-height: 60px;
    }
    .teamName {
        font-size: 13px;
    }
    .locName {
        font-size: 14px;
    }
    .locTime {
        font-size: 12px;
    }
    .scoreNum {
        font-size: 22px;
    }
    .scoreBadge {
        font-size: 11px;
    }
    .scoreCont {
        padding: 15px 5px 0;
        border-right: 1px solid rgba(230, 230, 230, 0.7) !important;
    }
    .backBlue {
        min-height: 119px;
        margin-top: 10px;
    }
    .scoreCont:hover {
        border: 1px solid #5d78ff !important;
    }
    .fooSearch {
        width: 100%;
    }
    .imagePreRow {
        padding: 15px 5px 0 !important;
    }
    .w-sm-50 {
        width: 47.77%;
    }
    .w-sm-100 {
        width: 100%;
    }
    .w-sm-48 {
        width: 47.27%;
    }
    .note-editor ul.note-dropdown-menu.dropdown-menu.show {
        transform: translate3d(-210px, -251px, 0px) !important;
    }
    .note-editor .note-toolbar .note-color-palette div .note-color-btn,
    .note-popover .popover-content .note-color-palette div .note-color-btn {
        width: 17px;
        height: 17px;
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {
        height: 17px;
    }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,
    .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
        width: 136px;
        margin: 0 9px !important;
    }
    .note-editor .note-toolbar .note-color-all .note-dropdown-menu,
    .note-popover .popover-content .note-color-all .note-dropdown-menu {
        min-width: 310px;
    }
    /* .sticky_col th:first-child, .sticky_col td:first-child {
        min-width: 100px !important;
        width: 102px !important;
        max-width: 150px !important;
        white-space: break-spaces;
    } */
    .proProImg {
        min-width: 60px;
        height: 60px;
        width: 50px;
    }
    .msgBoxCont {
        width: calc( 100vw - 30px);
    }
    .msgBoxCont.expandView {
        width: calc( 100vw - 30px);
    }
    .msgBoxCont.expandView .msgLeftPad {
        padding-left: 37px !important;
    }
    .msgBoxCont.expandView .msgRightPad {
        padding-right: 37px !important;
    }
    .msgBoxCont.expandView .proIconRight {
        margin-left: -15px;
    }
    .rostVs::after {
        font-size: 11px;
    }
    ul.sub-menuMe .menu-item img {
        display: block;
        margin-bottom: 5px;
        width: 30px;
        height: 30px;
        margin-right: 10px;
        margin-bottom: 0;
    }
    ul.sub-menuMe {
        background: #5d78ff;
        background: #5d78ff;
        flex-direction: column;
        width: 90%;
        padding: 5px 0;
    }
    ul.sub-menuMe .menu-item a {
        color: white !important;
        text-align: center;
        display: flex !important;
        align-items: center;
        padding: 7px 10px !important;
    }
    ul.sub-menuMe .menu-item.border-right {
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .15)!important;
    }
    .filterDropdown {
        width: 250px;
        max-width: 250px;
    }
    .maxSel130 .select2-selection {
        max-width: 100% !important;
        min-width: 100%;
    }
    .subMenuSpt {
        width: 272px;
        max-height: 300px;
    }
    .subMenuSpt li.menu-item {
        width: 19.4%;
    }
    .sptChLab {
        height: 55px;
        width: 55px;
    }
    .opaPar {
        font-size: 10px;
    }
    .matPosAb {
        position: absolute;
        top: 44px;
    }
}

@media (min-width:300px) and (max-width:360px) {
    .change-ui .btnRes .btn {
        padding: 5px;
        border-radius: 5px !important;
    }
}

@media (min-width:300px) and (max-width:1200px) {
    #teamActiveTable_filter {
        text-align: left;
    }
    #teamActiveTable_filter label input {
        margin-left: 0;
    }
    .chartNew {
        height: 250px !important;
    }
    .recAdMain {
        max-height: 420px;
    }
    .recAdMain.max-height {
        max-height: 100%;
    }
}

@media (min-width:1200px) {
    .dataTables_filter input[type='search'],
    #foo-search {
        width: 270px;
    }
    .col-xl-2-me {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .overStatic {
        max-height: 100vh;
        overflow-y: scroll;
        position: sticky;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        overflow-x: hidden;
    }
    .filterDrop.overStatic {
        max-height: 100vh;
        overflow-y: scroll;
        position: sticky;
        top: 0;
        right: unset;
        bottom: 0;
        opacity: 1;
        height: 100%;
        z-index: 999;
        margin-right: 0 !important;
        width: unset;
    }
    .border-xl-right {
        border-right: 1px solid #ddd;
    }
    .dwndSerRe {
        width: calc( 100% - 97px);
    }
    .overDirScroll {
        height: calc( 100vh - 240px);
        overflow-y: scroll;
        overflow-x: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .overStatic.noScroll {
        overflow-y: hidden !important;
    }
    .overStatic.noScroll .overDirScroll {
        height: calc( 100vh - 305px);
        overflow-y: scroll;
    }
    .tmMaxSelect .select2-selection {
        max-width: 160px;
    }
    .page-sidebar-collapsed .tmMaxSelect .select2-selection {
        max-width: 200px;
    }
    .uk-grid>* {
        padding-left: 15px;
    }
    .uk-grid {
        margin-left: -20px;
        padding-right: 10px;
    }
}

.overDirScroll::-webkit-scrollbar {
    display: none;
}

@media (min-width: 576px) {
    #msgModal .modal-dialog {
        max-width: 550px;
        margin: 1.75rem auto;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .dataSelect.offiSel {
        padding-left: 5px;
        min-width: 140px;
        width: max-content;
    }
    .teamIcon {
        max-width: 60px;
        max-height: 60px;
    }
    .teamName {
        font-size: 13px;
    }
    .locName {
        font-size: 14px;
    }
    .locTime {
        font-size: 12px;
    }
    .scoreNum {
        font-size: 22px;
    }
    .scoreBadge {
        font-size: 11px;
    }
    .backBlue {
        min-height: 110px;
    }
    .w-xg-100 {
        width: 100%;
    }
    .uk-grid>* {
        padding-left: 15px;
    }
    .uk-grid {
        margin-left: -20px;
        padding-right: 10px;
    }
    .photoRow {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    ul.sub-menuMe .menu-item a,
    .ourDoc {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .newsModal .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}




#scoreNew .modal-title{
    font-size: 1.4em;
    line-height: 1.2em;
    color: #272727;
    font-weight: 500;
}

#scoreNew .modal-header, #scoreNew .modal-body, #scoreNew .modal-footer{
    padding-left: 0;
    padding-right: 0;
}

#scoreNew .modal-content{
    padding: 0 1.8em;
}

#scoreNew .nav-tabs{
    border-radius: .3em;
    border: .1em solid #ececf6;
    padding: .3em .3em .4em;
    width: max-content;
    max-width: 100%;
}

#scoreNew  .nav-tabs .nav-link {
    padding: .8em 1em;
    border: 0 !important;
    border-radius: .3em !important;
    white-space: initial;
    height: 100%;
}

#scoreNew  .nav-tabs .nav-link p{
    margin-bottom: 0;
}

#scoreNew .nav-tabs .nav-item.show .nav-link, #scoreNew  .nav-tabs .nav-link.active{
    background: #5D78FF;
}

#scoreNew .nav-tabs .nav-item.show .nav-link p, #scoreNew  .nav-tabs .nav-link.active p{
    color: white !important;
}

#scoreNew .awayTeam i{
    margin-right: .5em;
    position: relative;
    font-size: 1.2em;
    top: .1em;
}

#scoreNew .awayTeam i.awayHome{
    top: 0;
}

.teamScore{
    font-size: 1.05em;
    font-weight: 400;
    color: #000;
    margin-bottom: .1em !important;
}

.awayTeam {
    line-height: 1.5em;
    color: #9797ac;
    font-size: 1em;
    font-weight: 600;
    display: flex; 
    align-items: center;
}

.scoreDate, .scorePlace{
    font-size: 1.05em;
    line-height: 1.3em;
    color: #9797ac;
    font-weight: 500;
    display: flex; 
    align-items: center;
}

.scoreDate img, .scorePlace img{
    width: .85em;
    margin-right: .5em;
    position: relative;
    top: -.05em;
}

.scoreDP{
    font-size: 1.05em;
    line-height: 1.3em;
    color: #272727;
    font-weight: 500;
    margin-left: .8em;
    min-width: 6em;
}

table.scoreBTable tr td:first-child::before {
    content: unset;
}

.scoreBTable th.sticPos, .sticPos{
    position: sticky;
    min-width: 18em;
    width: 18em;
    white-space: initial !important;
    left: 0;
    z-index: 9999;
    background: #545b62;
    color: white !important;
    font-size: 1.05em;
    border-top: 0px solid #747474 !important;
    text-align: left !important;
    vertical-align: unset !important;
    padding: 0 !important;
}

.scoreBTable th.sticPos p, .sticPos p{
    border-top: 1px solid #747474 !important;
    color: white !important;
    margin: 0;
    padding: 1.4em 1em .8em;
}

.scoreBTable th.sticPos p{
    border-top: 0px solid #747474 !important;
    border-bottom: 1px solid #747474 !important;
    padding: .75rem;
}

.table thead th.sticPos{
    border-bottom: 0px solid #747474 !important;
}

.table thead th i{
    margin-left: .3em;
    cursor: pointer;
}

.table thead th i:hover{
    color: #191919;
}

.scoreBTable th{
    background: #545b62;
    font-size: 1.05em;
    color: white !important;
    border-top: 0px solid #747474 !important;
    text-align: center !important;
    min-width: 7em;
}

.borRadTr{
    border-radius: 0.5em;
    border-right: 1px solid #ececf6 !important;
    border-bottom: 1px solid #ececf6 !important;
	overflow: auto;
    max-height: 400px;
}

.borRadTr::-webkit-scrollbar{
    height: .7em;
	width: .7em;
}

.borRadTr::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 1em;
}

.borRadTr::-webkit-scrollbar-thumb{
    border-radius: 1em;
    background: #e0e0e0;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}

.table.scoreBTable thead th {
    position: sticky;
    top: 0;
    z-index: 99999 !important;
}

.table.scoreBTable thead th.sticPos {
    z-index: 999999 !important;
}

.scoreTdInput{
    max-width: 4em;
    margin: 0 auto;
}

.borRad7{
    border-radius: 7px;
}

#scoreNew .nav-tabs .nav-item {
    margin-bottom: -1px;
    max-width: 17em;
}

.vsAfter:after{
    content: 'VS';
    font-size: .9em;
    margin: 0 1em;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 41%;
}

.vsAfter{
    position: relative;
    margin-right: .5em;
    padding-right: 3.5em;
}

#scoreNew {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#scoreNew::-webkit-scrollbar{
    display: none;
}

#scoreNew .close{
    font-size: 2.5em;
    position: absolute;
    right: 0;
    top: 18%;
    font-weight: 500;
    color: #c1c1c1;
    opacity: 1;
}

#scoreNew .modal-header{
    padding-right: 3em;
    border-bottom-color: #f4f4f4;
}

#scoreNew .modal-title {
    float: unset;
}

#scoreNew .modal-header{
	display: block;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 76%;
        margin: 1.75rem auto;
    }
}

@media (min-width: 768px) and (max-width: 1200px){
    .scoreBTable th.sticPos, .sticPos{
        min-width: 11em;
        width: 11em;
    }
}

@media (max-width: 767px){
    .scoreBTable th.sticPos, .sticPos{
        min-width: 9em;
        width: 9em;
    }
    #scoreNew .nav-tabs .nav-item {
        width: 100%;
        max-width: max-content;
    }
    #scoreNew .nav-tabs{
        width: 100%;
    }
    .vsAfter {
        margin-right: .0em;
        padding-right: 3em;
    }
    .scoreDate, .scorePlace, .scoreDP{
        margin-bottom: 6px;
    }
    #scoreNew .modal-content {
        padding: 0 1em;
    }
}


/*New Css Added By Ram*/

.select2-dropdown {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    /* border: 1px solid #aaa; */
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    background-color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

.navbar .pageheader h1 {
    line-height: 28px;
}

.page-sidebar ul.accordion-menu li a span.flexBadge {
display: inline-flex !important;
}
.page-sidebar-collapsed .page-sidebar-menu ul li .sub-menu, .page-sidebar-collapsed .page-sidebar-menu ul li.active .sub-menu, .page-sidebar-collapsed .page-sidebar-menu ul li.open .sub-menu {
display: none!important;
width: 200px;
}







.page-header .navbar-collapse h6 {
    font-weight: 500 !important;
    color: black !important;
    font-size: 1rem !important;
    font-family: 'Rubik', sans-serif !important;
}