/* Color Change */
.content-body {
    overflow: hidden !important;
}
body.skin-dark {
    background-color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    font-style: normal !important;
    font-weight: normal !important;
    visibility: visible !important;
    font-family: "Open Sans", sans-serif !important;
    color: #666666 !important;
    position: relative !important;
}
.header-right {
    color: #fff !important;
}
body.skin-dark:not([class*="header-top-"]) .header-notification-area > li > a .user .name {
    color: #fff !important;
}
body.skin-dark .login-register-wrap {
    /*  background-color: #ffffff !important;*/
    background-color: #fafafa !important;
}
    body.skin-dark .box {
        background-color: #fafafa !important;
    }
.box .box-head {
    border-bottom: 1px solid #f1f1f1 !important;
}
body.skin-dark .table thead tr th {
    border-color: #f1f1f1 !important;
}
body.skin-dark .table tbody tr th, body.skin-dark .table tbody tr td, body.skin-dark .table tfoot tr th, body.skin-dark .table tfoot tr td {
    border-color: #f1f1f1 !important;
}
h1, h2, h3, h4, h5, h6 {
    color: #343434 !important;
}
body.skin-dark h1, body.skin-dark h2, body.skin-dark h3, body.skin-dark h4, body.skin-dark h5, body.skin-dark h6, body.skin-dark .text-heading {
    color: #343434 !important;
}

body .content-body .text-white {
    color: #666666 !important;
}
i.text-white.text-white{
    color:white !important;
}

body .content-body input.form-control.input-bg:-webkit-autofill {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #dddddd;
}
body .content-body input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    -webkit-text-fill-color: #666666 !important;
}
.form-control, #toast-container .toast .toast-message input, .dataTables_wrapper .dataTables_length label input, .dataTables_wrapper .dataTables_filter label input, .dataTables_wrapper .dataTables_length label select, .dataTables_wrapper .dataTables_filter label select, .footable.table thead tr th .footable-filtering-search .input-group .form-control, .jsgrid-grid-header table tr th input, .jsgrid-grid-header table tr th select, .jsgrid-grid-header table tr td input, .jsgrid-grid-header table tr td select, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control, body.skin-dark .jsgrid-table tr th input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select, body.skin-dark .jsgrid-table tr td select {
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    border-radius: 4px !important;
    color: #666666 !important;

}
    .form-control:focus, #toast-container .toast .toast-message input:focus, .dataTables_wrapper .dataTables_length label input:focus, .dataTables_wrapper .dataTables_filter label input:focus, .dataTables_wrapper .dataTables_length label select:focus, .dataTables_wrapper .dataTables_filter label select:focus, .footable.table thead tr th .footable-filtering-search .input-group .form-control:focus, .jsgrid-grid-header table tr th input:focus, .jsgrid-grid-header table tr th select:focus, .jsgrid-grid-header table tr td input:focus, .jsgrid-grid-header table tr td select:focus, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .form-control:focus, body.skin-dark .jsgrid-table tr th input:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr td input:focus:not(.jsgrid-button), body.skin-dark .jsgrid-table tr th select:focus, body.skin-dark .jsgrid-table tr td select:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-color: #428bfa !important;
    }
    body.skin-dark .form-control.bSelect .btn, body.skin-dark #toast-container .toast .toast-message input.bSelect .btn, #toast-container .toast .toast-message body.skin-dark input.bSelect .btn, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .btn, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .btn, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .btn, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .btn, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .btn, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .btn, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .btn, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .btn, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .btn, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .btn, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .btn, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .btn, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .btn, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .btn, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .btn, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .btn, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .btn, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .btn, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .btn, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .btn, body.skin-dark .jsgrid-table tr th select.bSelect .btn, body.skin-dark .jsgrid-table tr td select.bSelect .btn {
        background-color: #ffffff !important;
        border-color: #dddddd !important;
        color: #666666 !important;
    }
    body.skin-dark .form-control.bSelect .dropdown-menu, body.skin-dark #toast-container .toast .toast-message input.bSelect .dropdown-menu, #toast-container .toast .toast-message body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .dataTables_wrapper .dataTables_length label input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_length label body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .dataTables_wrapper .dataTables_filter label input.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_filter label body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .dataTables_wrapper .dataTables_length label select.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_length label body.skin-dark select.bSelect .dropdown-menu, body.skin-dark .dataTables_wrapper .dataTables_filter label select.bSelect .dropdown-menu, .dataTables_wrapper .dataTables_filter label body.skin-dark select.bSelect .dropdown-menu, .footable.table thead tr th .footable-filtering-search .input-group body.skin-dark .bSelect.form-control .dropdown-menu, body.skin-dark .jsgrid-grid-header table tr th input.bSelect .dropdown-menu, .jsgrid-grid-header table tr th body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .jsgrid-grid-header table tr th select.bSelect .dropdown-menu, .jsgrid-grid-header table tr th body.skin-dark select.bSelect .dropdown-menu, body.skin-dark .jsgrid-grid-header table tr td input.bSelect .dropdown-menu, .jsgrid-grid-header table tr td body.skin-dark input.bSelect .dropdown-menu, body.skin-dark .jsgrid-grid-header table tr td select.bSelect .dropdown-menu, .jsgrid-grid-header table tr td body.skin-dark select.bSelect .dropdown-menu, body.skin-dark .footable.table thead tr th .footable-filtering-search .input-group .bSelect.form-control .dropdown-menu, body.skin-dark .jsgrid-table tr th input.bSelect:not(.jsgrid-button) .dropdown-menu, body.skin-dark .jsgrid-table tr td input.bSelect:not(.jsgrid-button) .dropdown-menu, body.skin-dark .jsgrid-table tr th select.bSelect .dropdown-menu, body.skin-dark .jsgrid-table tr td select.bSelect .dropdown-menu {
        border-color: #dddddd !important;
        background-color: #ffffff !important;
    }
body.skin-dark .form-control {
    border: 1px solid #dddddd !important;
    border-color: #dddddd !important;
}
body.skin-dark .select2-container--default.select2 {
    border: 1px solid #dddddd !important;
    background-color: #ffffff !important;
    border-radius: 4px;
}
body.skin-dark .select2-container--default .select2-dropdown {
    border-color: #dddddd !important;
    background-color: #ffffff !important;
}
.daterangepicker .calendar-table {
    border: 1px solid #fff !important;
    border-radius: 4px !important;
    background-color: #fff !important;
}
body.skin-dark .daterangepicker {
    background-color: #fff !important;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff !important;
    border-color: transparent !important;
    color: #999 !important;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee !important;
    border-color: transparent !important;
    color: inherit !important;
}
.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff !important;
    border-left: 6px solid transparent;
}
body.skin-dark .daterangepicker::before, body.skin-dark .daterangepicker::after {
    border-bottom-color: #eee !important;
}
::-webkit-scrollbar-track {
    background-color: #dfdfdf !important;
    border-radius: 20px;
}
body.skin-dark .select2-container--default .select2-search--dropdown .select2-search__field {
 /*   border-color: #dfdfdf !important;*/
    border: 1px solid #dcdee2;
    background-color: #fff !important;
    color: #8b8d9b !important;
}
.span.select2-search.select2-search--dropdown {
    background-color: #fff !important;
    
}
.select2-container--default .select2-search--dropdown {
    border-top: 1px solid #dcdee2 !important;
}
body.skin-dark .list-group li{
    background-color: #ffffff !important;
    border-top-color: #dddddd !important;
}
body.skin-dark .list-group .list-group-item {
    background-color: #ffffff !important;
    border-bottom: 3px solid #dddddd !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
body.skin-dark .list-group .list-group-item:last-child {
    border-bottom: 0px solid #dddddd !important;
}
    body.skin-dark .list-group .list-group-item:hover {
        border-bottom-color: #dddddd !important;
    }

.list-group-item-action {
    border-bottom: 1px solid #dddddd !important;
}
    .list-group-item-action:last-child {
        border-bottom: 0px solid #dddddd !important;
    }
/*.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0px solid #dddddd !important;
}*/
.Customborder {
    border: 1px solid #dddddd !important;
}
body.skin-dark .adomx-switch .lever {
    background-color: rgba(0, 0, 0, 0.15) !important;
}
body.skin-dark .adomx-switch input:checked + .lever {
    background-color: rgba(66, 139, 250, 0.3) !important;
}
.nav-pills .nav-item .nav-link{
    color: #666666 !important
}
.nav-pills .nav-item .nav-link.active {
    color: #fff !important
}
#coach-tabt {
    background-color:#fff !important;
}
body.skin-dark .dropify-wrapper {
    background-color: #fff !important;
    color: #777 !important;
    border: 1px solid #dddddd !important;
}
body.skin-dark .dropify-wrapper:hover {
    background-size: 30px 30px !important;
    background-image: -webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent) !important;
    background-image: -o-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent) !important;
    background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent) !important;
    -webkit-animation: stripes 2s linear infinite !important;
    animation: stripes 2s linear infinite !important;
}
/* Modal Popup Colors */
body.skin-dark .modal .modal-dialog .modal-content {
    background-color: #fff !important;
}
.modal-header {
    /*solid #dee2e6*/
    border-bottom: 0px  !important;
    background-color: #384967;
}
.modal-header .title {
    color:white !important;
    }.modal-header .modal-title {
    color:white !important;
    }
.modal-footer {
    border-top: 1px solid #dee2e6 !important;
}
/* Modal Popup Colors End */






/* Custom color for innerpages */
.showmarks {
    background: #fff !important;
}
.headerLine {
    background: #cccccc !important;
}
body.skin-dark .bg-bluehere {
    background-color: #fafafa !important;
}
.fw-bold {
    font-weight: 700 !important;
}
/* Video Dashboard Icons color */
.fa.fa-download.text-white,.fa.fa-play-circle.text-white,.fa.fa-info-circle.text-white{
    color:#fff !important;
}
/* Video Dashboard Icons color End*/
#group + .select2-container--default .select2-selection--single {
    border: 0px solid #ddd !important;
}

#group + .select2-container--default .select2-selection--single {
    background: #fff !important;
}
.head .name {
    color: #fff !important;
}
.skin-dark .content-body .box #pills-tab .nav-item .nav-link{
    color: #666666 !important
}
.skin-dark .content-body .box #pills-tab .nav-item .nav-link.active {
    color: #fff !important
}
/* Custom color for innerpages End*/
/* Color Change End */


























::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

.activelist {
    /*color: #428bfa !important;*/
    background-color: #428bfa !important;
    color: white !important;
}

.button.button-danger {
    color: #374A67 !important;
    /*background-color: #dc3545 !important;
    border-color: #dc3545 !important;*/
    background-color: #fff !important;
    border-color: #374A67 !important;
}

    .button.button-danger:hover {
        color: #374A67 !important;
        /*background-color: #c82333 !important;
        border-color: #bd2130 !important;*/
        background-color: #fff !important;
        border-color: #374A67 !important;
    }

.box-head {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.content-body {
    margin-top: 65px !important;
}

.sweet-alert.showSweetAlert h2 {
    color: black !important;
}
/* Track */
::-webkit-scrollbar-track {
    background: #161824;
    border-radius: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 20px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.logohere {
    width: 100%;
    height: 65px;
    /* max-width: 89%; */
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.navbar-collapse .navbar-nav .nav-item a {
    font-size: 12px !important;
    line-height: 1.5;
    font-weight: 500 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

@media screen and (m-width:1300px) {
    .navbar-collapse .navbar-nav .nav-item a {
        font-size: 9px !important;
    }
}

@media screen and (max-width:1300px) {
    .navbar-collapse .navbar-nav .nav-item a {
        font-size: 9px !important;
    }
}

@media screen and (min-width: 1900px) {
    .navbar-collapse .navbar-nav .nav-item a {
        font-size: 16px !important;
        line-height: 1.5;
        font-weight: 500 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

.textcapitalize {
    text-transform: uppercase !important;
}

.dropdown-menu.show {
    /*background: #202334 !important;*/
    background: #384967 !important;
}


.dropdown-menu a.dropdown-item {
    /*color: #757784 !important;*/
    color: #fff !important;
}

a.dropdownitem {
    /*color: #8b8d9b !important;*/
    color: white !important;
}

    a.dropdownitem:focus, a.dropdownitem:hover {
        text-decoration: none !important;
        background-color: #428bfa !important;
        color: white !important;
    }


.shirtnum img, .tembtn img {
    filter: invert(1)
}
.shirtnum.ClickDiv span, .tembtn.w-33px span {
    color: #000 !important
}
.scale-ruler div.scale::after {
    background-color: #666666 !important;
}
.scale-ruler div.scale.scaleMinute {
    color: #666666 !important;
}

.ss-main .ss-multi-selected .ss-values .ss-disabled {
    color: #8b8d9b !important;
}

.ss-main .ss-multi-selected {
    border: 0px !important;
}
body.skin-dark .note-editor.note-frame {
    background-color: #ffffff !important;
    border-color: #dddddd !important;
}
    body.skin-dark .note-editor.note-frame .note-statusbar {
        background-color: #ffffff !important;
        border-color: #dddddd !important;
    }
.dropzone:hover {
    background-image: linear-gradient(-45deg,#d4daf6 25%,transparent 25%,transparent 50%,#d7dbf0 50%,#d2d7f4 75%,transparent 75%,transparent);
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
    /*background-image: linear-gradient(-45deg,#4d5167 25%,transparent 25%,transparent 50%,#4d5167 50%,#4d5167 75%,transparent 75%,transparent);*/
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
}
body .content-body .dropzone .bg-info {
    color: white !important;
}
.btn-sm.btn-primary {
    background-color: transparent !important;
    border-color: #d0d0ee !important;
    color: #8b8d9b !important;
}

    .btn-sm.btn-primary:hover {
        background-color: transparent !important;
        border-color: #d0d0ee !important;
        color: #8b8d9b !important;
    }

.btn-sm.btn-danger {
    background-color: transparent !important;
    border-color: #000000 !important;
    color: #000000 !important
}

    .btn-sm.btn-danger:hover {
        background-color: transparent !important;
        border-color: #000000 !important;
        color: #000000 !important
    }

.btn-sm.btn-warning {
    background-color: transparent !important;
    border-color: #d0d0ee !important;
    color: #8b8d9b !important;
}

    .btn-sm.btn-warning i {
        color: #8b8d9b !important;
    }
    .btn-sm.btn-warning:hover {
        background-color: transparent !important;
        border-color: #d0d0ee !important;
        color: #8b8d9b !important;
    }

.btn-sm.btn-secondary {
    background-color: transparent !important;
    border-color: #d0d0ee !important;
    color: #8b8d9b !important;
}

    .btn-sm.btn-secondary:hover {
        background-color: transparent !important;
        border-color: #d0d0ee !important;
        color: #8b8d9b !important;
    }

.btn-sm.btn-success {
    background-color: transparent !important;
    border-color: #d0d0ee !important;
    color: #8b8d9b !important;
}

    .btn-sm.btn-success:hover {
        background-color: transparent !important;
        border-color: #d0d0ee !important;
        color: #8b8d9b !important;
    }
.btn-sm.delete {
    background-color: transparent !important;
    border-color: #d0d0ee !important;
    color: #8b8d9b !important;
}

    .btn-sm.delete:hover {
        background-color: transparent !important;
        border-color: #d0d0ee !important;
        color: #8b8d9b !important;
    }
.btn.button-success.btn-sm {
    background-color: transparent !important;
    border-color: #d0d0ee !important;
    color: #8b8d9b !important;
}

    .btn.button-success.btn-sm:hover {
        background-color: transparent !important;
        border-color: #d0d0ee !important;
        color: #8b8d9b !important;
    }






    .btn-sm.btn-primary:focus{
        box-shadow:none !important;
    }
    .btn-sm.btn-secondary:focus{
        box-shadow:none !important;
    }
    .btn-sm.btn-warning:focus{
        box-shadow:none !important;
    }
    .btn-sm.btn-success:focus{
        box-shadow:none !important;
    }
.btn-sm.btn-danger:focus {
    box-shadow: none !important;
}
/*.button.button-danger {
    color: #fff !important;
    background-color: #d22730  !important;
    border-color: #d22730  !important; 
}

    .button.button-danger:hover {
        color: #fff !important;
        background-color: #d22730 !important; 
        border-color: #d22730 !important; 
    }
*/
.button.button-danger {
    color: #374A67 !important;
    /*#ee1937*/
    /*background-color: #dc3545 !important;
    border-color: #dc3545 !important;*/
    background-color: #fff !important;
    border-color: #374A67 !important;
}

    .button.button-danger:hover {
        color: #374A67 !important;
        /*background-color: #c82333 !important;
        border-color: #bd2130 !important;*/
        background-color: #fff !important;
        border-color: #374A67 !important;
    }
.button.button-info {
    color: #fff !important;
    background-color: #0076ce !important;
    border-color: #0076ce !important;
}

    .button.button-info:hover {
        color: #fff !important;
        background-color: #0076ce !important;
        border-color: #0076ce !important;
    }

.button.button-primary {
    background-color: #384967 !important;
    border-color: #384967 !important;
    color: #ffffff !important;
}

    .button.button-primary:hover {
        background-color: #384967 !important;
        border-color: #384967 !important;
        color: #ffffff !important;
    }

.box{
    border:none !important;
}
.borderdiv{
    border: 1px solid #343232;
}

body.skin-dark hr {
    border-color: #c3c8e4 !important;
}
.borderdiv.pb-3{
    border:none!important;
}
.w-40.border.mt-2.mr-2{
    border:none !important;
}
.Settingtab.activelist .settingtext.dropdown-item {
    color: white !important;
}

.settingtext.dropdown-item {
    /*color: #dfd2d2 !important;*/
    color: white !important;
}
body.skin-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #dee2e6 !important;
}
body.skin-dark .nav-tabs .nav-item .nav-link {
    border-color: #dee2e6 !important;
}
.arrows li {
    border: 1px solid #dee2e6
}


element.style {
}

#clipSortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #f1f1f1 !important;
    background: transparent !important;
    outline: none !important;
    color: #131212 !important;
}

body.skin-dark .box .bg-body {
    background-color: #fff !important;
}

.owl-prev i, .owl-next i {
    color: #000 !important;
    font-size: 15px !important;
 
    font-weight: 700 !important;
   
}
.btnEditAnalysis, .btnDownloadAnalysis, .btnDeleteAnalysis, .btnDetailAnalysis {
    border-color: #8b8d9b !important;
    color: #8b8d9b !important;
}
.hasNote {
    border: 3px solid !important;
}
.dvPlayerEvents div, .dvPlayerNotes div {
    border: black;
    background: none;
    border: 1px solid;
}

#playerTimelineBar {
    background: none !important;
    border:1px solid;
}
.event-filter-panel {
    background: none !important;
    border: 1px solid;
    border-radius: 10px;
}