body {
    overscroll-behavior: none !important;
}
.fontawesomeEmptyImageRoster {
    width: 75px !important;
    height: 75px !important;
    border: 4px dashed #e2e4e7;
    padding: 0px 0px;
    background-color: #f3f3f3;
    float: none;
    min-width: 75px;
    min-height: 75px;
    max-width: 75px;
    max-height: 75px;
    display: inline-block;
    border-radius: 50% !important;
}
.fontawesomeEmptyImageRoster i {
    color: #776f6f !important;
    font-size: 35px;
    padding: 21px 21px 21px 23px;
    display: block;
}
.noLink {
    color: #484848 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

    .noLink:hover, .noLink:active, .noLink:visited {
        color: #484848 !important;
        font-style: normal !important;
        text-decoration: none !important;
    }
.cardTitleMargin {
    margin-top: 4px;
}
.cardTitleTextMargin {
    margin-bottom: 4px;
}
.cardButtonMargin
{
    margin-top:-10px !important;
}

.dropdownMenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 12px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
    .dropdownMenu > li > a {
        display: block;
        padding: 3px 6px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        height:36px;
    }
.dropdown-menu > li > div > a:hover, .dropdownMenu > li > div > a:hover {
    background-color: #efefef !important;
    color: #484848 !important;
}

.dropdown-menu > li > div > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdownMenu > li > div > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    height: 36px;
}
@media screen and (max-width: 1510px) and (min-width: 0px) {
    .RadEditorMail.RadEditorPlayerSendMail {
        height: calc(100vh - 510px) !important;
    }

        .RadEditorMail.RadEditorPlayerSendMail .reContentArea {
            height: calc(100vh - 566px) !important;
        }

        .RadEditorMail.RadEditorPlayerSendMail .reLayoutWrapper {
            height: calc(100vh - 576px) !important;
        }
}

@media screen and (min-width: 1511px) {
    .RadEditorMail.RadEditorPlayerSendMail {
        height: calc(100vh - 510px) !important;
    }

        .RadEditorMail.RadEditorPlayerSendMail .reContentArea {
            height: calc(100vh - 545px) !important;
        }

        .RadEditorMail.RadEditorPlayerSendMail .reLayoutWrapper {
            height: calc(100vh - 566px) !important;
        }
}

@media screen and (max-width: 1510px) and (min-width: 0px) {
    .SendMailForTeamRosterArea .RadEditorMail.RadEditorPlayerSendMail {
        height: calc(100vh - 560px) !important;
    }

    .SendMailForTeamRosterArea .RadEditorMail.RadEditorPlayerSendMail .reContentArea {
        height: calc(100vh - 606px) !important;
    }

    .SendMailForTeamRosterArea .RadEditorMail.RadEditorPlayerSendMail .reLayoutWrapper {
        height: calc(100vh - 626px) !important;
    }
}

@media screen and (min-width: 1511px) {
    .SendMailForTeamRosterArea .RadEditorMail.RadEditorPlayerSendMail {
        height: calc(100vh - 560px) !important;
    }

    .SendMailForTeamRosterArea .RadEditorMail.RadEditorPlayerSendMail .reContentArea {
        height: calc(100vh - 595px) !important;
    }

    .SendMailForTeamRosterArea .RadEditorMail.RadEditorPlayerSendMail .reLayoutWrapper {
        height: calc(100vh - 606px) !important;
    }
}

.mailToggleSpan {
    background-color: #efefef !important;
    padding: 5px 4px 6px 4px !important;
}

    .mailToggleSpan:hover {
        background-color: #e6e6e6 !important;
    }

.txtEmailSubject::-webkit-input-placeholder, .txtEmailPreview::-webkit-input-placeholder, .txtFromDisplayName::-webkit-input-placeholder, .txtReplyToDisplayName::-webkit-input-placeholder {
    font-style: italic !important;
    color: #000000bf;
}

.RadAutoCompleteBoxMailForm .racInput.racEmptyMessage, .RadAutoCompleteBoxReplyTo .racInput.racEmptyMessage, .racCommon .racInput.racEmptyMessage, .RadAutoCompleteBoxReplyTo .racInput.racEmptyMessage {
    font-style: italic !important;
    color: black !important;
}
.fa.fa-filter.IFiltericonActive, .removeExcelFilter.rgHeader .fa.fa-filter {
    text-align: center;
    display: block;
}
.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 0 0px !important;
}
.RadGrid_Metro.grdCustomFixHeader.grdCommonStyle
{
    margin-top:11px;
}
.dhx_message-container.dhx_message-container--top-right.dhx_message-container--in-body {
    display: none !important;
}
label {
    margin-bottom: 0px !important;
}
.card:hover .cardUsersIcon i {
    color: #c7c7df !important;
}

.cardUsersIcon {
    margin-top: 3px;
    padding-left: 50px;
}

    .cardUsersIcon:hover i {
        color: #c7c7df !important;
    }

.cardBracketSize {
    position: relative;
    top: 7px;
    text-align: center;
}

.card .RepeaterLinkBtnPlaylevelName {
    font-family: Segoe UI Light, arial,sans-serif;
    font-size: 18px;
    color: #e5e5e5 !important;
}

    .card .RepeaterLinkBtnPlaylevelName:hover {
        text-decoration: none !important;
        font-family: Segoe UI Light, arial,sans-serif;
        font-size: 18px;
        color: #6264a7 !important;
    }

.button.All.is-checked {
    background-color: #6264a7 !important;
}

.cardMiddle {
    text-align: right;
    position: relative;
    top: -45%;
    padding: 5px;
}

    .cardMiddle a:hover {
        color: transparent !important;
    }

.card:hover {
    outline-color: #6264a7 !important;
}

.RepeaterLinkBtnTeamName {
    font-family: Segoe UI, arial,sans-serif;
    font-size: 14px;
    color: #000000 !important;
}

    .RepeaterLinkBtnTeamName:hover {
        text-decoration: none !important;
        font-family: Segoe UI, arial,sans-serif;
        font-size: 14px;
        color: #6264a7 !important;
    }

.cardBracketItem {
    float: none;
    display: inline-block;
    width: 100%;
    padding: 5px;
}

    .cardBracketItem:hover {
        background-color: #ecedf5 !important;
    }

        .cardBracketItem:hover .cardBracketIcon i {
            color: #6264a7 !important;
        }

.cardTop {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
    height: 100px;
    width: 100%;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.125);
    background-repeat: no-repeat;
    background-color: #6264a7;
    overflow: hidden;
}

.cardTitle {
    margin: 0px 0px 0px 0px;
    font-size: 1.5rem;
    padding: 5px 0 5px 5px;
    background-color: #333;
}

.cardBlock {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0px;
    height: 280px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    margin: 0px auto;
}


.cardBracketIcon {
    float: left;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    /*background-color: #e0e0e0;*/
}

.download-icon .fa-times:hover {
    background-color: #d2cdcd !important;
    color: #0070C0 !important;
}

.file-list {
    float: left;
    width: 100%;
}

.file-attachment {
    background-color: #ffffff;
    border: 1px solid #ccc8c8;
    width: 260px;
    height: 52px;
    margin-right: 15px;
    float: left;
}

    .file-attachment.download-hover {
        /*background-color: #efefef !important;*/
    }

    .file-attachment .file-icon {
        float: left;
        padding: 6px 10px;
        font-size: 29px;
        font-weight: 400;
    }

    .file-attachment .file-name-box {
        float: left;
        padding: 3px;
        font-size: 14px;
        /* padding: 9px 8px; */
        /* height: 20px; */
        width: calc(100% - 49px);
        /* width: 20px; */
        position: relative;
        color: #504d4d;
    }

    .file-attachment .file-name {
        float: left;
        width: 100%;
        overflow: hidden;
        padding: 5px 0px 0px 0px;
    }

    .file-attachment .file-details {
        float: left;
        width: 100%;
    }

    .file-attachment .file-icon .fal {
        background: white;
    }

    .file-attachment .file-icon .fa-file-excel {
        color: #217346 !important;
    }

    .file-attachment .file-icon .fa-file-word {
        color: #2b579a !important;
    }

    .file-attachment .file-icon .fa-file-powerpoint {
        color: #b7472a !important;
    }

    .file-attachment .file-icon .fa-file-pdf {
        color: #ff0000 !important;
    }

    .file-attachment .file-icon .fa-file-csv,
    .file-attachment .file-icon .fa-file-image,
    .file-attachment .file-icon .fa-file-alt {
        color: #d6d6d6 !important;
    }


    .file-attachment .attch-size {
        font-size: 9px;
        float: left;
        padding-top: 3px;
    }

    .file-attachment .download-icon {
        /*margin-top: 2px;*/
        font-size: 8px;
        right: -4px;
        position: absolute;
        display: block;
        padding: 4px 6px;
        cursor: pointer;
    }

        .file-attachment .download-icon .fa-times {
            color: gray;
            font-size: 14px;
        }

    .file-attachment:hover {
        background-color: #efefef;
    }


        .file-attachment:hover .download-icon {
            display: block;
        }

    .file-attachment .download-icon:hover {
        background-color: #d2cdcd;
    }

        .file-attachment .download-icon:hover ~ .file-attachment {
            background-color: #ffffff;
        }

.fab.fa-inactive, .fal.fa-inactive {
    color: #d6d6d6 !important;
}

.fa-active.fa-facebook-square {
    color: #4267b2 !important;
}

.fa-active.fa-twitter-square {
    color: #1da1f2 !important;
}

.socialBtnMargin {
    /*margin-right: 5px !important;*/
}

.socialBtnFont {
    font-size: 26px !important;
}
.treeListBudget .rtlDataDiv, .gantt_container .demo {
    overflow-y: auto;
}
.bc-btn:hover {
    cursor: pointer;
}
.webix_view.webix_window.webix_popup.webix_menu.webix_fmanager_actions {
    z-index: 9999 !important;
}
.RadMenu_Context.RadMenu_Metro_Context .rmActive.rmVertical.rmGroup.rmLevel1 {
    max-height: calc(100vh - 283px);
    overflow: auto;
}
.angleIcon {
    padding-top: 2px !important;
}
.iconForNavBar.fal {
    color: #9a9a9a !important;
    font-size: 16px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.orgListBreadCrumb:hover {
    color: #c9c9c9;
    cursor:pointer;
}
.playerTableDiv .table.dataTable tbody th, table.dataTable tbody td {
    /*padding-top: 3px !important;
    padding-bottom: 3px !important;*/
    padding-left: 7px !important;
    padding-right: 7px !important;
    height: 26px !important;
}
.playerTable.dataTable.no-footer{
    /*margin-top:4px;*/
}
.playerTableDiv table.dataTable thead .sorting,.playerTableDiv table.dataTable thead .sorting_desc,.playerTableDiv table.dataTable thead .sorting_asc
{
    background-image:none !important;
}
.playerTableDiv table.dataTable thead th{
    padding: 13px 0px 6px 7px !important;
}
table.dataTable thead td {
    padding: 6px 18px !important;
}

.grouptabcontent .RadTabStrip .rtsLink {
         padding: 0px 15px !important; 
    }
.Card_Title .btnEditViewInsideDropdown{
    font-size: 15px;
    position: relative;
    left: -40px;
}
.Card_Title .ddlCommonView{
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 15px;
    margin-top: -5px;
}
 .lbViewCreateUpdateArea {
        font-size: 24px;
        font-family: Segoe UI Light;
    }
 .ViewGroupingArea * {
    box-sizing: border-box;
}

.ViewGroupingArea {
    font-family: "Lato", sans-serif;
}

    /* Style the tab */
    .ViewGroupingArea .tab {
        float: left;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
        width: 25%;
        height: 320px;
    }

        /* Style the buttons inside the tab */
        .ViewGroupingArea .tab button {
            display: block;
            background-color: inherit;
            color: black;
            padding: 22px 16px;
            width: 100%;
            border: none;
            outline: none;
            text-align: left;
            cursor: pointer;
            transition: 0.3s;
            font-size: 17px;
        }

            /* Change background color of buttons on hover */
            .ViewGroupingArea .tab button:hover {
                background-color: #ddd;
            }

            /* Create an active/current "tab button" class */
            .ViewGroupingArea .tab button.active {
                background-color: #ccc;
            }

    /* Style the tab content */
    .ViewGroupingArea .grouptabcontent, .ViewGroupingArea .filtertabcontent {
        float: left;
        /*padding: 0px 12px;*/
        border: 1px solid #ccc;
        width: 75%;
        border-left: none;
        height: 320px;
    }

    .orgInfoLogo{
        /*max-width: 307px !important;*/
        width: 100px !important;
        height: 100px !important;
        border: 1px solid #e2e4e7;
        padding: 0px 0px;
        background-color: #f3f3f3;
        float: none; 
    }
.lblParentOrganization {
    color: #0072c6 !important;
    text-decoration: underline;
}

    .lblParentOrganization:hover {
        color: #0072c6 !important;
        text-decoration: underline;
    }
        .linkButton {
        color: #0072c6 !important;
        text-decoration: underline;
    }

        .linkButton:hover {
            color: #0072c6 !important;
            text-decoration: underline;
        }

    .PlayerNameLink:hover {
        cursor: pointer;
        color: #337ab7 !important;
    }
    .cardPlayerImg {
        height: 75px;
        width: 75px;
        border: 1px solid #e2e4e7;
        padding: 0px 0px;
        background-color: #f3f3f3;
        border-radius: 50% !important;
    }

    .chatList {
        height: 200px;
    }
   

    .playerChatBox:hover, .chatBox:hover {
        cursor: pointer;
    }

    .playerContactCardIcon.fal, .playerChatBoxIcon.fal, .playerChatBoxHeaderIcon.fal {
        color: #d5d5d5 !important;
    }

    .playerContactCardIcon:hover, .playerChatBoxIcon:hover, .playerChatBoxHeaderIcon:hover {
        cursor: pointer;
        color: #0070C0 !important;
    }

    .playerChatBox {
        display: inline-flex;
        float: right;
    }

        .playerChatBox i {
            color: #0070C0;
            font-size: 19px;
        }

    .external:hover {
        cursor: pointer;
    }

    .injuryList {
        height: 200px;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .playerTable .noBackgroundUrl {
        background-image: none !important;
    }

    .collapseable:hover {
        cursor: pointer !important;
    }

    .injurySection {
        margin-left: 23px;
        padding-right: 0px !important;
    }

.playerTableDiv table.dataTable thead th, table.dataTable thead td {
    /*border-bottom: 1px solid #e5e5e5 !important;*/
    border-left: 1px solid #e5e5e5;
    /*border: 1px solid #e5e5e5;*/
    /*border-top: 1px solid #e5e5e5 !important;*/
}

    .playerTableDiv table.dataTable.no-footer {
        border-bottom: 0px !important;
        border-style: none !important;
    }

    .playerTableDiv td {
        border-style: solid !important;
        border-width: 0 1px 1px 0 !important;
    }

    .playerTableDiv td {
        border-color: #e5e5e5 !important;
    }
.fa-puzzle-piece
{
    margin-right:5px;
}
.mailToggleSpan:hover
    {
        cursor:pointer;
    }
    .mailToggleSpan
    {
        width: 7px !important;
        font: normal normal normal 14px/1 'Font Awesome 5 Pro';
        padding-right: 4px;
        color: rgba(51, 51, 51, 0.59) !important;
    }
    .mailToggleSpan.expanded:before {
        content: "\f106";
    }
    .mailToggleSpan.notExpanded:before {
            content: "\f107";
    }
/*.slider-panel .btnInsideSliderExplorer {
    float: right;
    padding-right: 40px;
    padding-top: 8px;
}*/

.orgPlayerInfoImage {
    /*width: 115px !important;
    height: 121px !important;*/
    width: 100px !important;
    height: 100px !important;
    border: 1px solid #e2e4e7;
    padding: 0px 0px;
    background-color: #f3f3f3;
    float: none;
    /*min-width: 115px;
    min-height: 121px;
    max-width: 115px;
    max-height: 121px;*/
}
.fontawesomeEmptyPlayerImage {
    width: 115px !important;
    height: 121px !important;
    border: 4px dashed #e2e4e7;
    padding: 0px 0px;
    background-color: #f3f3f3;
    float: none;
    min-width: 115px;
    min-height: 121px;
    max-width: 115px;
    max-height: 121px;
    display: inline-block;
    text-align: center;
}
    .fontawesomeEmptyPlayerImage i {
        color: #776f6f !important;
        font-size: 50px;
        padding: 20px 20px 10px 20px;
        display: block;
    }


.redColorableLabel i {
    color: #ff0000 !important;
}
.yellowColorableLabel i {
    color: #ffb900 !important;
}
.nonColorableLabel i {
    color: #999 !important;
}
.iconPlusShort
{
    font-size: 12px;
    margin-left: 2px;
}
.iconPlus {
    font-size: 13px;
    margin-left: 3px;
}
/*Custom Scroll For PlayLevel And Bracket*/
.organswrapperPlayerDetails *::-webkit-scrollbar,.BodyPartsCategory::-webkit-scrollbar,.injuryList::-webkit-scrollbar,.playerTableDiv::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.organswrapperPlayerDetails *::-webkit-scrollbar-track,.BodyPartsCategory::-webkit-scrollbar-track,.injuryList::-webkit-scrollbar-track,.playerTableDiv::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.organswrapperPlayerDetails *::-webkit-scrollbar-thumb,.BodyPartsCategory::-webkit-scrollbar-thumb,.injuryList::-webkit-scrollbar-thumb,.playerTableDiv::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .organswrapperPlayerDetails *::-webkit-scrollbar-thumb:hover,.BodyPartsCategory::-webkit-scrollbar-thumb:hover,.injuryList::-webkit-scrollbar-thumb:hover,.playerTableDiv::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.DivPlayerMeasureChart::-webkit-scrollbar {
    width: 10px;
}
.DivPlayerMeasureChart::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.DivPlayerMeasureChart::-webkit-scrollbar-thumb {
    background: #888;
}
.DivPlayerMeasureChart::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.DivanthropometrixPlayerMeasureChart::-webkit-scrollbar {
    width: 10px;
}

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

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

    .DivanthropometrixPlayerMeasureChart::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
#left-sidebar-wrapper .fal.fa-file {
    color: #a5a3a3 !important;
}

.ActiveLeftMenu, .ActiveLeftMenuPlayLevelBracket, .ActiveOrgLeftMenu, .ActiveOrgSiteLeftMenu, .ActiveTournamentSiteLeftMenu {
    background-color: #c8c8c8 !important;
}

dropdown-menu > .ActiveLeftMenu, dropdown-menu > .ActiveLeftMenuPlayLevel {
    background-color: #c8c8c8 !important;
}

.RadWindow_Metro .rwControlButtons .rwReloadButton {
    display: none !important;
}

.RepeaterBracketArea.BracketMenuParent, .RepeaterPlayLevelArea.PlayLevelMenuParent, .RepeaterTeamArea.TeamMenuParent {
    max-height: calc(100vh - 451px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .RepeaterBracketArea.BracketMenuParent::-webkit-scrollbar, .RepeaterPlayLevelArea.PlayLevelMenuParent::-webkit-scrollbar, .RepeaterTeamArea.TeamMenuParent::-webkit-scrollbar, .RepeaterDashboardArea.DashboardMenuParent .DevExpDashboardItemFixedHeight::-webkit-scrollbar {
        width: 8px;
    }

    /* Track */
    .RepeaterBracketArea.BracketMenuParent::-webkit-scrollbar-track, .RepeaterPlayLevelArea.PlayLevelMenuParent::-webkit-scrollbar-track, .RepeaterTeamArea.TeamMenuParent::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    .RepeaterBracketArea.BracketMenuParent::-webkit-scrollbar-thumb {
        background: #115a04;
        border-radius: 10px;
    }

    .RepeaterPlayLevelArea.PlayLevelMenuParent::-webkit-scrollbar-thumb ,.RepeaterTeamArea.TeamMenuParent::-webkit-scrollbar-thumb{
        background: black !important;
        border-radius: 10px;
    }

    /* Handle on hover */
    .RepeaterBracketArea.BracketMenuParent::-webkit-scrollbar-thumb:hover {
    }

.pnlTournamentDetailsBtnArea {
    display: inline-block;
}

.divSelectedTabPadding {
    padding: 2px 11px 5px 10px !important;
}

.divSelectedTab:hover:before {
    border-left-color: #eaeaea !important;
}

.BracketNameArrowArea {
    padding-left: 5px;
    padding-right: 10px;
    height: 100%;
}
.TeamNameArrowArea {
    padding-left: 5px;
    padding-right: 10px;
    height: 100%;
}
.playLevelTeam .TeamMenuParent {
    background-color: #6264a7;
}
.playLevelTeam .RepeaterTeamArea.TeamMenuParent .dropdown-submenu.L2.DynamicItem:hover {
    background-color: #8889bc !important;
}
.TournamentBracketNameArrowArea {
    padding-left: 12px;
    padding-right: 15px;
    height: 100%;
}

    .BracketNameArrowArea:hover,.TournamentBracketNameArrowArea:hover {
        background-color: #115a04;
    }

.PlayLevelArrowArea {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
}
.TournamentPlayLevelArrowArea {
    display: inline-block;
    padding-left: 12px;
    padding-right: 15px;
    height: 100%;
}
.TournamentPlayLevelArrowAreaForCommandBar {
    display: inline-block;
    padding-left: 5px;
    padding-right: 10px;
    height: 100%;
}
    .TournamentPlayLevelArrowAreaForCommandBar:hover {
        background-color: #292929;
    }
.PlayLevelTextArea, .TournamentPlayLevelTextArea {
    display: inline-block;
    margin-right: 10px;
}

.PlayLevelArrowArea:hover,.TournamentPlayLevelArrowArea:hover {
    background-color: #292929 !important;
}

.RepeaterPlayLevelArea.PlayLevelMenuParent {
    left: 36px !important;
}
/*.RepeaterBracketArea.BracketMenuParent {
        left: 28.3% !important;
    }*/
.PlayLevelMenuParent > li > a:hover {
    background-color: black !important;
    cursor: pointer;
}

.BracketMenuParent > li > a:hover,.TeamMenuParent > li > a:hover {
    cursor: pointer;
}

.PlayLevelMenuParent {
    border-style: solid;
    border-color: rgba(146, 143, 143, 0.298039);
    border-width: 1px;
    background-clip: padding-box;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    font-family: "Segoe UI", arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: -1px !important;
    min-width: 160px;
    padding: 0px !important;
    position: absolute;
    /* left: 1.855%; */
    /* left: 87px; */
    /*top: 78%;*/
    z-index: 99999;
    text-align: left;
    text-size-adjust: 100%;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
    -webkit-margin-after: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
    -webkit-padding-start: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.BracketMenuParent,.TeamMenuParent {
    border-style: solid;
    border-color: rgba(146, 143, 143, 0.298039);
    border-width: 1px;
    background-clip: padding-box;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    font-family: "Segoe UI", arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 8px !important;
    min-width: 160px;
    padding: 0px !important;
    position: absolute;
    /* left: 1.855%; */
    /* left: 87px; */
    top: 78%;
    z-index: 99999;
    text-align: left;
    text-size-adjust: 100%;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
    -webkit-margin-after: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
    -webkit-padding-start: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.PlayLevelMenuParent {
    background-color: #151414;
}

.BracketMenuParent {
    background-color: #227246;
}
.TeamMenuParent
{
    background-color: #151414;
}

    .PlayLevelMenuParent li > a, .BracketMenuParent li > a,.TeamMenuParent li > a {
        background-color: transparent;
        border-left: 4px solid transparent;
        box-sizing: border-box;
        clear: both;
        color: white !important;
        cursor: auto;
        display: block;
        font-family: "Segoe UI", arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        height: 44px;
        line-height: 20px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0px !important;
        padding: 12px 0px 12px 10px !important;
        text-align: left;
        text-decoration-color: rgb(119, 116, 116);
        text-decoration-line: none;
        text-decoration-style: solid;
        text-size-adjust: 100%;
        white-space: nowrap;
        width: 227px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

.icon.PlayLevelNavMenuArea.EllipsisText, .icon.PlayLevelBracketNavMenuArea.EllipsisText {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.PlayLevelMenuParent li.DynamicItem, .BracketMenuParent li.DynamicItem, .TeamMenuParent li.DynamicItem{
    border-bottom-style: dashed;
    border-bottom: 1px solid rgba(146, 143, 143, 0.3);
}

.HoverEffectTab .rtsLI:hover {
    border-top-color: transparent !important;
    border-bottom-style: solid !important;
    border-bottom-color: #d6d6d6 !important;
    border-bottom-width: 4px;
    background-image: none !important;
}

.lblPreviewHeader, .lblPreviewFooter {
    display: block;
    text-align: center;
}

.iconLikeLink:hover {
    text-decoration: underline;
    color: #0072c6 !important;
    cursor: pointer;
}

.iconLikeLink {
    font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif;
    line-height: 16px;
    color: #0072c6 !important;
}


.rtsLink.BeforeBorder::before {
    border-style: none !important;
}

.DetailsTab {
    display: inline-block;
    height: 100%;
    width: 36px;
    float: left;
    border-right: 1px solid #d6d6d6;
}

    .DetailsTab:hover {
        background-color: #e6e6e6 !important;
        cursor: pointer;
    }

    .DetailsTab .fa-bars {
        padding-top: 15px;
    }

.inlineBlock {
    display: inline-block;
}

.DetailsTab > .btnRedirectDetails {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    text-align: center;
}

.PageSelectedTab {
    outline: transparent;
    position: absolute;
    font-family: "Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    background: 0 0;
    border: none;
    line-height: 40px;
    min-width: 20px;
    text-align: center;
    display: block;
    height: -webkit-fill-available;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}

    .PageSelectedTab:hover {
        color: #212121;
        background-color: #eaeaea;
    }

    .PageSelectedTab > .TabText {
        display: inline-block;
        margin-top: 2px;
        margin-left: 2px;
        margin-right: -2px;
        float: left;
        padding-right: 10px;
        padding-left: 2px;
    }

.RepeaterDashboardArea.DashboardMenuParent {
    left: -2px !important;
}

.DashboardSelectedTab {
    /*left: 365px !important;*/
    /*left: -webkit-calc(40% - 326px) !important;*/
    outline: transparent;
    position: relative;
    font-family: "Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    background: 0 0;
    border: none;
    line-height: 40px;
    min-width: 20px;
    text-align: center;
    display: block;
    height: 100%;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 11px;
}

    .DashboardSelectedTab:hover {
        color: #212121;
        background-color: #eaeaea;
    }

    .DashboardSelectedTab > .TabText {
        display: inline-block;
        margin-top: -2px;
        margin-left: 2px;
        margin-right: -2px;
        float: left;
        padding-right: 10px;
        padding-left: 2px;
    }

.DashboardSelectedTabIcon {
    display: inline-block;
    padding-left: 12px;
    padding-right: 10px;
    height: 100%;
}

    .DashboardSelectedTabIcon:hover {
        background-color: #ddd !important;
    }

.DashboardSelectedTab.DashboardTopBorder {
    content: "";
    color: #106ebe;
    border-width: 4px 0 0;
    border-style: solid;
    left: -2px;
    background-color: white;
    height: 100%;
}

    .DashboardSelectedTab.DashboardTopBorder:hover {
        color: #106ebe;
        background-color: #eaeaea;
    }

.icon.DashboardNavMenuArea.EllipsisText {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.EllipsisText {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block !important;
    overflow: hidden;
    width: 80% !important;
}

.DashboardMenuParent {
    border-style: solid;
    border-color: rgba(146, 143, 143, 0.298039);
    border-width: 1px;
    background-clip: padding-box;
    background-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    font-family: "Segoe UI", arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 8px !important;
    min-width: 160px;
    padding: 0px !important;
    position: relative;
    /*left: 1.855%;*/
    /*left: 87px;*/
    top: 78%;
    z-index: 99999;
    text-align: left;
    text-size-adjust: 100%;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
    -webkit-margin-after: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
    -webkit-padding-start: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .DashboardMenuParent li.DynamicItem {
        border-bottom: 1px solid rgba(146, 143, 143, 0.3);
    }

    /*.DashboardMenuParent li:nth-last-child(2) {
        border-bottom: 0px solid rgba(146, 143, 143, 0.3);
    }*/

    .DashboardMenuParent li.AddnewDasitem {
        border-top: 1px dashed #000;
    }

    .DashboardMenuParent li > a:hover {
        background-color: #efefef;
        color: red;
        cursor: pointer;
    }

    .DashboardMenuParent > li > a:hover {
        background-color: #efefef !important;
        color: #484848 !important;
    }

    .DashboardMenuParent li > a {
        background-color: transparent;
        border-left: 4px solid transparent;
        box-sizing: border-box;
        clear: both;
        color: rgb(119, 116, 116) !important;
        cursor: auto;
        display: block;
        font-family: "Segoe UI", arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        height: 44px;
        line-height: 20px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0px !important;
        padding: 12px 0px 12px 10px !important;
        text-align: left;
        text-decoration-color: rgb(119, 116, 116);
        text-decoration-line: none;
        text-decoration-style: solid;
        text-size-adjust: 100%;
        white-space: nowrap;
        width: 227px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }


#footer {
    display: none;
}

.footerbar {
    height: 27px;
    font-size: 11px;
    clear: both;
    bottom: 0px;
    position: fixed;
    width: 100%;
    text-align: right;
    background-color: black;
    opacity: .8;
    padding: 5px 0px;
    color: white;
    z-index: 999;
}

.autoheight {
    height: auto !important;
}

.bootstrap-tagsinput {
    box-shadow: none !important;
    border-radius: 0px !important;
    border: 1px solid #ececec !important;
}

    .bootstrap-tagsinput input[type="text"] {
        border: 0px !important;
    }

        .bootstrap-tagsinput input[type="text"]:hover {
            border: 0px !important;
        }

.OfficialWebsiteIcon {
    float: left;
    margin-right: 4px;
    background: white;
}

    .OfficialWebsiteIcon:hover {
        background-color: #e5e5e5;
    }

#container {
    min-width: 768px;
    width: 100%;
}

.accordion {
    width: 99% !important;
    margin-left: 3px;
}

.rightContentArea {
    height: auto;
    overflow: hidden;
    width: 100%;
    /*border-top: 1px solid #EEEEEE;*/
    padding-top: 10px;
    /*margin-top: 8px; off by eakram */
    /*margin-top: 15px;*/
}

.PageTitle,
#PageTitle,
.page-title {
    color: #262626;
    font-family: Segoe UI Light;
    font-size: 36px !important;
}

@media only screen and (max-width: 500px) {
    .PageTitle,
    #PageTitle,
    .page-title {
        color: #262626;
        font-family: Segoe UI Light;
        font-size: 30px !important;
    }
}
    .rightContent .Setuptile {
        float: left;
        /*height: 94px;*/
        margin: 10px 10px 10px 0;
        width: 265px;
        cursor: default;
    }

        .rightContent .Setuptile:hover {
            background-color: #DCE6F2 !important;
        }

    .setupOptionCls {
        background-color: rgba(0, 0, 0, 0);
        border: medium none;
        color: #666666;
        cursor: pointer;
        font-family: Segoe UI,arial,sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding: 2px 10px;
        text-align: left;
        width: 180px;
    }

        .setupOptionCls:hover {
            background-color: #DCE6F2 !important;
        }

    .mybgColor {
        background-color: #DCE6F2 !important;
    }

    #officeIcon {
        background-image: url("../../icons/TournamentOfficeIcon.png");
        background-repeat: no-repeat;
        border: 1px solid #FFFFFF;
        display: block;
        height: 80px;
    }

    #jobSchedulerIcon {
        background-image: url("/icons/jobSchedulerIcon.png");
        background-repeat: no-repeat;
        border: 1px solid #FFFFFF;
        display: block;
        height: 80px;
    }

    #ribbonBar {
        width: 100%;
        height: 30px;
        float: left;
    }

    .noDisplay {
        display: none;
    }

    .display {
        display: block;
    }

    .nodisplay {
        display: none;
    }


.mainGridButton {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    color: #0070C0 !important;
    cursor: pointer;
    padding: 2px 5px !important;
    float: left;
    font-weight: normal;
    font-size: 13px !important;
    margin-top: 4px;
}

    .mainGridButton:hover, .mainGridButton:focus {
        background-color: #E5E5E5;
        color: #0070C0 !important;
        text-decoration: none !important;
    }

    .mybgColor {
        background-color: #DCE6F2 !important;
        width: 93% !important;
    }

    input[type="text"], input[type="password"], select {
        border: 1px solid #ececec !important;
    }

    input[type="number"] {
        padding: 4px 5px;
        /*border: 1px solid #ececec !important;*/
        /* background-color: #FFFFFF;*/
    }

    .disabled {
        background-color: #fdfdfd !important;
    }

    textarea {
        border: 1px solid #ececec;
    }

    .RadDropDownTree_Default .rddtInner {
        /*  border: 1px solid #ececec !important;
    background:none !important;
    padding:4px !important;*/
    }

        .RadDropDownTree_Default .rddtInner input {
            padding: 4px !important;
        }

    .tileImage {
        height: 100%;
        width: 100px;
        float: left;
    }

    .tileText {
        float: right;
        height: 100%;
        padding-right: 12px;
        width: calc(100% - 114px);
        min-width: 124px;
    }

    .tablefieldTitle {
        color: #0070C0;
        font-size: 14px;
        text-align: left;
        width: 215px;
    }

    .subtablefieldTitle {
        color: #0070C0;
        font-size: 14px;
        text-align: left;
        width: 183px;
    }

    .buttonCls {
        background-color: transparent;
        border: none;
        border-style: none;
        color: #558ED5;
        padding: 0px;
        cursor: pointer;
    }

    .TournamentbuttonCls {
        background-color: transparent;
        border: none;
        border-style: none;
        color: #0070C0;
        font-family: Segoe UI,arial,sans-serif;
        font-size: 13px;
        font-weight: normal;
        padding: 0px;
        cursor: pointer;
        padding-top: 2px;
        margin-bottom: -4px;
    }

    #divpopup, #AssignPopup {
        background-color: #FFFFFF;
        /*border: 2px solid #0072C6;*/
        display: none;
        height: 195px;
        left: 300px;
        padding: 40px;
        position: absolute;
        top: 200px;
        width: 437px;
        z-index: 10000;
        box-shadow: 0px 0px 20px rgba(128,196,243,0.75);
    }


    .RadMenu_Default a.rmLink {
        background-color: White;
        border: none !important;
    }

    .RadMenu_Default .rmRootGroup {
        background-color: White !important;
        border: none !important;
        background-image: none !important;
    }

    .RadMenu_Default a.rmLink, .RadMenu_Default a.rmDisabled, .RadMenu_Default a.rmDisabled:hover {
        background-position: -4px -74px !important;
    }

        .RadMenu_Default a.rmLink:hover {
            background-color: #DCE6F2 !important;
        }

    RadMenu_Default, .RadMenu_Default a.rmLink {
        font: normal 13px/23px "Segoe UI",Arial,sans-serif !important;
    }

    .setupOptionCls {
        font-size: 13px !important;
        font-weight: normal !important;
        padding: 2px 10px;
        text-align: left;
        width: 180px;
    }

    td {
        text-align: left;
        vertical-align: middle !important;
    }

    RadRibbonBar_Default .rrbSelectedTab .rrbTabLabel {
        color: #000;
        border-color: #e8e8e8 !important;
    }

    .fullScreenIcon {
        height: 1px;
        margin-top: 8px;
        position: absolute;
        width: 99.90%;
        z-index: 10000;
    }

    .commonButton {
        background-color: #fff !important;
        border: 1px solid #ccc !important;
        color: black;
        height: 25px;
        margin-left: 15px; /*  padding: 7px 0;*/
        width: 63px;
    }

        .commonButton:hover {
            background-color: #CEE7F8 !important;
            border: 1px solid #80C4F3 !important;
        }

        .commonButton:active {
            background-color: #80C4F3 !important;
            border: 1px solid #80C4F3 !important;
        }


    #newdashboardtemplate {
        padding: 5px !important;
    }

        #newdashboardtemplate:hover {
            background-color: #E5E5E5;
        }

    .EditableHeader {
        background-color: White !important;
    }

    input[disabled] {
        background-color: #FBFBFB;
    }

    input[type="text"], input[type="password"], textarea {
        padding: 6px 3px;
    }

    .tableSets input[type="text"], textarea {
        padding: 2px !important;
    }

    .RadComboBox input[type="text"] {
        width: 100% !important;
        height: 24px !important;
    }

    .RadPicker_Metro input[type="text"] {
        height: 27px !important;
    }

    select {
        padding: 5px 1px;
    }

    table td {
        padding: 2px 0px;
    }

    .RadGrid_Metro select, .RadGrid_Metro input[type="text"] {
        padding: 3px 0px;
    }

    .RadGrid_Metro input[type="text"] {
        height: 18px;
        border: 1px solid #ececec !important;
    }

    .RadGrid_Metro.gridResponsive .rgEditRow > td {
        border-bottom: 1px solid #e5e5e5 !important;
    }

    .formBasicInfo {
        width: 100%;
        max-width: 625px;
        margin: 0px 20px 0px 25px;
    }

        .formBasicInfo .tableFieldLabel,
        .tableFieldLabel {
            color: #0070C0;
            font-size: 14px;
            text-align: left;
            padding: 8px 0px;
            width: 200px;
        }

        .formBasicInfo .tableFieldLabel, .tableFieldLabel {
            color: #0070C0;
            font-size: 14px;
            text-align: left;
            padding: 8px 0px;
            width: 200px;
        }

        .formBasicInfo .tableFieldInput {
            /*float: left;*/
        }

        .formBasicInfo input[type="text"],
        .formBasicInfo textarea, .customTextBox, .customTextarea {
            width: 400px;
            float: right;
        }

        .formBasicInfo select, .customSelectBox {
            width: 407px;
            padding: 5px 1px;
            border: 1px solid #ececec;
            float: right;
        }


    .imageUploader .RadUpload {
        width: 100% !important;
    }

        .imageUploader .RadUpload ul {
            width: auto;
        }

        .imageUploader .RadUpload .ruButton {
            width: 71px !important;
            background-color: #fff !important;
            border: 1px solid #ccc !important;
            color: black;
        }

        .imageUploader .RadUpload .ruButtonHover {
            background-color: #CEE7F8 !important;
            border: 1px solid #80C4F3 !important;
        }

        .imageUploader .RadUpload input[type="text"] {
            height: 20px;
            width: 323px;
            float: left;
            margin-right: 3px !important;
        }

    .imageUploader .btnImagEdtor {
        float: right;
        width: 72px;
    }

    .imageUploader img {
        max-width: 558px;
        float: right;
        border: 1px solid #e2e4e7;
        padding: 20px 30px;
        background-color: #f3f3f3;
    }


    .areaDivider {
        border-top: 1px solid #EEEEEE;
        width: 98%;
        max-width: 960px;
    }


    .saveButtonArea {
        max-width: 623px;
        overflow: hidden;
        text-align: right;
        margin: 18px 0px 30px 0px;
        float: left;
        width: 100%;
    }

        .saveButtonArea div:first-child {
            text-align: right !important;
        }
    /* Start Rad Dropdowntree*/
    .rddTreeDirectory {
        width: 174px !important;
        height: 30px;
        float: right;
    }

    .RadDropDownTree_Default .rddtInner {
        border-radius: 0px !important;
        border-radius: 3px;
        border-color: #ececec !important;
        color: #333;
        background-color: white !important;
        background-image: none !important;
    }

    .RadDropDownTree .rddtInner {
        padding-top: 4px !important;
    }

    .RadDropDownTree .rddtFakeInput {
        padding: 2px !important;
        height: auto !important;
    }

    .RadDropDownTree_Default .rddtIcon {
        background-position: -1px -17px !important;
    }
    /* End Rad Dropdowntree*/

    /* Start Responsive RadGrid*/
    .gridResponsiveArea {
        height: auto;
        width: 100%;
    }

    .gridResponsive {
        width: 100% !important;
        overflow-x: auto;
    }

    /* End Responsive RadGrid*/
    .RadGrid_Metro .rgHoveredRow td {
        border-color: #e6f3fb !important;
        background-color: #e6f3fb !important;
    }

    .RadGrid_Metro .rgActiveRow td, .RadGrid_Metro .rgSelectedRow td {
        border-color: #cee7f8 !important;
        background-color: #cee7f8 !important;
        color: #000;
    }

    .RadGrid_Metro .rgSelectedCell a, .RadGrid_Metro .rgSelectedRow a {
        color: #000 !important;
    }

    #LeftMenu .RadMenu {
        position: inherit !important;
    }

    .leftMenu,
    .pnlLeftMenu {
        float: left;
    }

    /*
.RadWindow .rwTitleRow, .RadWindow .rwTitleRow *,.RadWindow .rwBodyLeft, .RadWindow .rwBodyRight,.rwStatusbarRow, .rwFooterRow
{
    display:none !important;
}*/
    /*.rwWindowContent stop by eakram for custom view
{
    border: 2px solid #0072C6 !important;
}*/

    /*.RadGrid_Metro input[type="text"] {
    border: 1px solid #ececec !important;
}*/

    .RadListBox_Default .rlbGroup .rlbHovered {
        border-color: #e6f3fb !important;
        background-color: #e6f3fb !important;
    }

    .RadListBox_Default .rlbButtonBL {
        background: none !important;
    }

    .RadListBox_Default .rlbButton .rlbButtonTL, .RadListBox_Default .rlbButton .rlbButtonTR, .RadListBox_Default .rlbButton .rlbButtonBL, .RadListBox_Default .rlbButton .rlbButtonBR, .RadListBox_Default .rlbDisabled:hover .rlbButtonTL, .RadListBox_Default .rlbDisabled:hover .rlbButtonTR, .RadListBox_Default .rlbDisabled:hover .rlbButtonBL, .RadListBox_Default .rlbDisabled:hover .rlbButtonBR {
        background: none !important;
    }

    .RadListBox_Default .rlbButton:hover .rlbButtonText {
        color: Black !important;
    }

    .RadListBox_Default .rlbGroup .rlbSelected {
        background-color: #CEE7F8 !important;
        border-color: #CEE7F8 !important;
        color: #000000;
    }

    .RadListBox_Default .rlbButtonAreaLeft .rlbTransferAllTo:hover .rlbButtonText, .RadListBox_Default .rlbButtonAreaRight .rlbTransferAllFrom .rlbButtonText {
        background-position: 0 -125px !important;
    }

    .RadListBox_Default .rlbButtonAreaRight .rlbTransferAllTo .rlbButtonText, .RadListBox_Default .rlbButtonAreaLeft .rlbTransferAllFrom:hover .rlbButtonText {
        background-position: 0 -150px !important;
    }

    .RadListBox_Default .rlbButtonAreaLeft .rlbTransferTo .rlbButtonText, .RadListBox_Default .rlbButtonAreaRight .rlbTransferFrom .rlbButtonText {
        background-position: 0 -75px !important;
    }

    .RadListBox_Default .rlbButtonAreaRight .rlbTransferTo .rlbButtonText, .RadListBox_Default .rlbButtonAreaLeft .rlbTransferFrom .rlbButtonText {
        background-position: 0 -100px !important;
    }

    .RadListBox_Default .rlbMoveUp .rlbButtonText {
        background-position: 0 0 !important;
    }

    .RadListBox_Default .rlbMoveDown .rlbButtonText {
        background-position: 0 -25px !important;
    }

    .RadWindow .rwBodyLeft {
        display: none !important;
    }

    .RadWindow .rwBodyRight {
        display: none !important;
    }

    .RadWindow .rwTopResize {
        display: none !important;
    }

    .RadWindow .rwTopLeft {
        display: none !important;
    }

    .RadWindow .rwTopRight {
        display: none !important;
    }

    .RadWindow .rwIcon {
        display: none !important;
    }

    .RadWindow .rwFooterRow {
        display: none !important;
    }
    /*.RadWindow .rwTitleRow, .RadWindow .rwTitleRow * off for custom view
{
    background-color: #0072C6 !important;
}
.RadWindow .rwControlButtons a
{
    width:26px !important;
    border: 1px solid #0072C6 !important;
}
.RadWindow .rwControlButtons a:hover
{
    width:26px !important;
    background-color:#005594 !important;
}*/
    .RadWindow .rwStatusbar {
        display: none;
    }

    .rwPinButton, .rwMinimizeButton, .rwMaximizeButton {
        display: none !important;
    }
    /*.rwControlButtons (off for  custom view )
{
    width:30px !important;
}
.RadWindow .rwCloseButton 
{
    background-position: -94px 0 !important;
}
.RadWindow .rwCloseButton:hover
{
    background-position: -94px 0 !important;
}*/





    .RadRibbonBar .rrbButtonArea {
        overflow: inherit !important;
        height: auto !important;
        border: none !important;
        border-top: 0px;
    }

    .TabBrowse {
        height: 30px !important;
    }

    .RadRibbonBar_Default .rrbToggleHandle, .RadRibbonBar_Default .rrbResizeHandle, .RadRibbonBar_Default .rrbGroupLauncher, .RadRibbonBar_Default .rrbCollapsedGroup .rrbGroupToggleIcon, .RadRibbonBar_Default .rrbButtonOut .rrbIcon, .RadRibbonBar_Default .rrbComboBox .rrbIcon, .RadRibbonBar_Default .rrbDropDown .rrbIcon, .RadRibbonBar_Default .rrbNumericTextBox .rrbIcon, .RadRibbonBar_Default .rrbColorPicker .rrbIcon, .RadRibbonBar_Default .rrbGalleryAction .rrbIcon, .rrbPopup_Default .rrbMenuItem .rrbMIToggle .rrbIcon {
        background-image: none !important;
    }

    .click {
        background-color: rgba(0, 0, 0, 0);
        border: medium none;
        cursor: pointer;
        float: right;
        height: 14px;
        margin-right: 2px;
        width: 16px;
    }

    .pnlRibbonbar {
        float: left;
        height: 30px;
        width: 100%;
    }

    .ribbonbarexpand {
        height: auto;
    }

    .ribbonbarClopse {
        height: 30px;
    }

    .mainrbexpnad {
        height: 123px;
    }

    .mainrbclops {
        height: 30px;
    }

    .RadRibbonBar {
        height: auto !important;
    }


    /*.CssradSpliter off by Eakram
{
    float:left;
    width:930px !important;
   height:auto !important;    
}*/
    .CssradSpliter .RadSplitter {
        width: 100% !important;
    }

    .CssradSpliter {
        float: left;
        width: 100% !important;
        height: auto !important;
        /*height: auto;*/
    }

    .AutoHeightLeftPanel {
        margin: 0px !important;
        float: left;
        height: auto !important;
    }

    .AutoHeightRightPanel, .AutoHeightRightPanel {
        margin: 0px !important;
        float: left;
        vertical-align: top !important;
        /*height: auto !important;*/
        height: auto;
    }

    .AutoHeightRightPanelAccounts {
        margin: 0px !important;
        float: left;
        vertical-align: top !important;
        /*height: auto !important;*/
        height: auto;
    }

    .rspFirstItem {
        padding-right: 5px !important;
        vertical-align: top !important;
    }

    .rspLastItem {
        padding-left: 5px !important;
        vertical-align: top !important;
    }

    .pluginButton {
        background-color: #3b55a0;
        color: White !important;
        font-size: 12px;
        font-weight: normal;
        padding: 3px 20px;
        height: 25px;
    }
    /*.RadWindow_Metro .rwControlButtons a { off For custom view
    background-image: url('/img/hoverclose.png') !important;
}*/
    /*.RadWindow_Metro table.rwShadow em { off for custom view
    padding-left: 25px !important;
}*/

    /*html body .riSingle .riTextBox[type="text"]:hover {
    border: 1px solid #CCC !important;
}*/

    .riHover {
        border: 1px solid #CCC !important;
    }

    /*Image Uploader*/
    .RadUpload, .RadUpload .ruStyled .ruFileInput {
        width: 407px !important;
        float: right;
    }

    .RadAsyncUpload span.ruFileWrap {
        float: left;
    }

    .RadUpload ul {
        margin: 0 0 5px;
        float: right;
        width: 100%;
    }

    .RadUpload .ruInputs li {
        margin: 0 0 5px;
        float: left;
        width: 100%;
    }

    .RadUpload .ruFakeInput {
        margin-right: 0px !important;
    }

    .RadUpload input[type="text"] {
        width: 325px;
        float: left;
    }

    .RadUpload input[type="button"] {
        float: right;
    }


    .RadUpload .ruButton {
        padding: 0px 10px;
        background-color: #F9F9F9 !important;
        background-image: none !important;
    }

    .RadUpload .ruButtonHover {
        background-color: #E5E5E5 !important;
        color: #0070C0 !important;
    }

    .RadUpload .ruButton {
        height: 26px !important;
    }

    .RadUpload .ruFileWrap {
        height: 27px !important;
    }

    .btnImagEdtor {
        border: 1px solid #e5e5e5;
        background-color: #fff;
        width: 79px;
        height: 26px;
        padding-bottom: 2px;
        text-align: center;
    }

        .btnImagEdtor:hover {
            color: #000;
            background-color: #e5e5e5;
        }

    .input {
        font: normal 11px/10px "Segoe UI",Arial,sans-serif;
    }
    /*.RadWindow_Metro table.rwTitlebarControls em, .modalpopup table.rwTitlebarControls em { Off for custom view
    text-transform: none !important;
    font-size: 20px !important;
    font-weight: bolder !important;
    width: 426px !important;
    text-align: left;
    padding-left: 20px !important;
}
.modalpopup .rwTitleRow, .modalpopup .rwTitleRow *, .modalpopup .rwControlButtons a:hover, .radwindowfilterpopup .rwTitleRow, .radwindowfilterpopup .rwTitleRow *, .radwindowfilterpopup .rwControlButtons a:hover {
    background-color: #fff !important;
    color: black !important;
}*/
    .RadGrid_Metro .rgRow a, .RadGrid_Metro .rgAltRow a, .RadGrid_Metro tr.rgEditRow a, .RadGrid_Metro .rgFooter a, .RadGrid_Metro .rgEditForm a {
        color: #0072c6 !important;
    }

    .Statusbarinfolbl {
        float: left;
        margin-top: 7px;
        margin-left: 10px;
    }

    .infoicon {
        float: left;
        margin: 4px;
    }
    /*add new Sponsor from editor*/
    .Metro.RadEditor .reModule {
        border-top: 1px solid #fff;
        display: none;
    }

    .RadEditor.Metro.reWrapper.reItemContent {
        height: 460px !important;
        width: 95% !important;
    }

    .RadEditor .reContentCell {
        vertical-align: top !important;
    }
    /*add new Sponsor from editor*/

    .divViewLogo {
        float: left;
        margin-right: 5px;
        height: 16px;
        width: 16px;
        background-image: url("/icons/view.png");
    }

    .divFilterLogo {
        float: left;
        margin-right: 5px;
        height: 16px;
        width: 16px;
        background-image: url("/icons/filter.png");
    }

    .divGroupLogo {
        float: left;
        margin-right: 5px;
        height: 16px;
        width: 16px;
        background-image: url("/icons/Grouping.png");
    }

    .RadColorPicker .rcpMillionColorsPageView .rcpInputsWrapper li {
        width: 50px;
    }

    .RadColorPicker_Metro .rcpInput {
        border: 1px solid #e5e5e5 !important;
    }

    .RadColorPicker .rcpSlider {
        width: 200px !important;
        overflow: hidden !important;
    }

    .RadPanelBar_Metro .rpRootGroup {
        border-color: #efefef;
    }

    .RadPanelBar .rpItem, .RadPanelBar .rpSlide {
        overflow: inherit;
    }

    .RadPanelBar .rpItem, .RadPanelBar .rpSlide {
        overflow: inherit;
    }

    .RadPanelBar_Metro .rpLink {
        background-color: #efefef !important;
    }

    .RadPanelBar .rpItem {
        border-top: 1px solid white;
    }

    .RadPanelBar .rpFirst {
        border-top: none !important;
    }

    .RadPanelBar_Metro .rpRootLink.rpFocused {
        box-shadow: inset 0 0 5px transparent !important;
    }


    .RadPanelBar_Metro .rpRootGroup {
        border-color: #efefef;
    }

    .RadPanelBar .rpItem, .RadPanelBar .rpSlide {
        overflow: initial;
    }

    .RadPanelBar_Metro .rpLink {
        background-color: #efefef !important;
    }

    .RadPanelBar .rpItem {
        border-top: 1px solid white;
    }

    .RadPanelBar .rpFirst {
        border-top: none !important;
    }

    .RadPanelBar_Metro .rpFocused {
        box-shadow: inset 0 0 5px transparent !important;
    }

    .RadPanelBar .rpGroup {
        margin-left: 20px !important;
        width: 836px !important;
        border: 1px solid #efefef;
        overflow: initial;
        overflow-y: initial;
        overflow-x: initial;
    }

    .RadPanelBar .rpLevel1 .rpLast {
        padding-bottom: 0px !important;
    }

    .StatusbarinfolblInsidePan {
        float: left;
        margin-top: 4px;
        margin-left: 10px;
    }

    /* Start RadGrid Checkbox Column Css For all grid - eakram */


    .RadGrid .rgMasterTable input[type="checkbox"] {
        /*top: -2px;*/
        width: 10px;
        height: 10px;
        cursor: pointer;
        position: relative;
        border-radius: 0px;
    }

        .RadGrid .rgMasterTable input[type="checkbox"]:before {
            left: 0px;
            z-index: 1;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 0px;
            position: absolute;
            box-sizing: initial;
            border: 1px solid #AAAAAA;
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
        }

        .RadGrid .rgMasterTable input[type="checkbox"]:after {
            top: 0;
            left: 0;
            width: 10px;
            content: "";
            height: 10px;
            cursor: pointer;
            background: #fff;
            border-radius: 0px;
            position: absolute;
            box-sizing: initial;
            border: 1px solid #AAAAAA;
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
        }

        .RadGrid .rgMasterTable input[type="checkbox"]:checked:before {
            top: 3px;
            left: 2px;
            border: 0;
            width: 6px;
            height: 3px;
            border-radius: 0px;
            box-sizing: initial;
            transform: rotate(-45deg);
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            border-bottom: 2px solid #767676;
            border-left: 2px solid #767676;
        }


    .RadButton .rbIcon:before {
        font-size: 1.43333em !important;
    }

    .RightAlign {
        float: right;
    }
    /* End RadGrid Checkbox Column Css For all grid - eakram */

    /*Start Grid Css*/
    .extraColumnwidth {
        background-color: #EFEFEF;
        white-space: nowrap;
    }

    /*Start RadEditor*/
    .reWrapper_corner, .reWrapper_center, .reLeftVerticalSide, .reRightVerticalSide {
        display: none !important;
    }

    .RadEditor {
        /*height: auto !important;*/
        max-width: 840px !important;
        width: 100% !important;
    }
    /*End RadEditor*/
    /*Start Rad Editor in Html Module*/
    .EditorInHtmlMode .RadEditor_Metro {
        padding: 0px !important;
    }

        .EditorInHtmlMode .RadEditor_Metro .reTextArea {
            width: 100% !important;
        }

        .EditorInHtmlMode .RadEditor_Metro .reContent {
            height: 100px !important;
            border: 0px !important;
        }

        .EditorInHtmlMode .RadEditor_Metro .reToolBarWrapper {
            display: none !important;
        }
    /*End Rad Editor in Html Module*/

    /*Start RadWindow Popup With RadEditor*/
    .RadWindowWithEditor {
        width: 900px !important;
        height: 650px !important;
    }

        .RadWindowWithEditor.RadWindow .rwTable {
            height: 100% !important;
        }

    .SliderSettings .tableFieldLabel {
        width: 177px;
    }
    /*End RadWindow Popup With RadEditor*/


    .ModuleDateTimeRadCalendar {
        display: table !important;
    }

    .PageModuleDate,
    .PageModuleTime {
        float: right;
    }

    .tableSetTime .RadPicker_Metro input[type="text"] {
        height: 23px !important;
    }



    /*Player Search Details Start*/
    .pnlPlayerSearchDetails .formBasicInfo input[type="text"] {
        width: 100%;
        float: left;
    }


    .radWindowGroup {
        top: 90px !important;
    }

    .radPopupMailSetting {
        z-index: 999999 !important;
        top: 50px !important;
    }


    /*Player Search Details End*/

    .hidden {
        display: none;
    }

    .riTextBox.PlaydateCount {
        float: left !important;
        height: 29px !important;
    }
    /*.riContSpinButtons
{
    float: right !important;
}*/
    .customSelectBoxWithCount {
        width: 362px !important;
        padding: 0px !important;
        border: 1px solid #ececec !important;
        float: left !important;
        margin-right: 10px !important;
    }

    div.RadToolTip_Metro .rtWrapper .rtWrapperContent {
        font: normal 12px "Segoe UI",Arial,Sans-serif;
        height: 100%;
        background-color: white !important;
        /* padding: 7px!important; */
        color: white;
        position: relative !important;
    }


    /*Manage View Edit popup Css in WorkSpace*/
    .formEditManageView {
        width: 100%;
        max-width: 625px;
        margin: 0px 20px 0px 25px;
    }



        .formEditManageView .tableFieldLabelEditMngView, .tableFieldLabelEditMngView {
            color: #0070C0;
            font-size: 14px;
            text-align: left;
            padding: 8px 0px;
            width: 150px;
        }



        .formEditManageView input[type="text"],
        .formEditManageView textarea {
            width: 285px;
            float: left;
        }

        .formEditManageView select {
            width: 290px;
            padding: 5px 1px;
            border: 1px solid #ececec;
            float: left;
        }

    .RadGrid_Metro.grdFilterGroupEditPopup .rgRow > td {
        border-style: solid !important;
        border-width: 0 1px 1px 0 !important;
        border-color: #e5e5e5 #e5e5e5 !important;
    }

    .RadGrid_Metro.grdFilterGroupEditPopup .rgAltRow > td {
        border-color: #e5e5e5;
        border-style: solid !important;
        border-width: 0 1px 1px 0 !important;
    }
    /* end Manage View Edit popup Css in WorkSpace*/

    /*RadWindow  */
    td.rwWindowContent {
        padding: 0px !important;
    }
    /*RadWindow  */
    .ChkboxShowFilterBar {
        padding: 0px !important;
        font-family: "Segoe UI", Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
        font-size: 9pt;
    }

    .ChkboxDeletPlaylevel {
        padding: 0px !important;
    }
    /*dddddddddd*/

    /*Contact Info Start*/
    .ContactImageUpload {
        float: left !important;
    }

    .ContactImageDisplayContainer {
        clear: both;
    }

    .ContactImageDisplay {
        width: 68px;
        height: 68px;
        float: left;
    }
    /*Contact Info End*/



    /*Style for RadComboBox With Image Start*/


    .demo-container {
        text-align: center;
    }

    .rcbHeader ul,
    .rcbFooter ul,
    .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .button {
        vertical-align: middle;
        margin-left: 10px;
    }

    .selection-result {
        padding: 10px 0 10px 0;
        display: block;
    }

    div.bigModuleBottom {
        padding-top: 25px;
    }

    span.text {
        font: 13px 'Segoe UI', Arial, sans-serif;
        color: #4888a2;
        padding-right: 10px;
        vertical-align: middle;
        display: inline-block;
        display: inline;
        zoom: 1;
        width: 90px;
    }

    .module-row {
        margin: 10px 0;
    }

        .module-row .status-text {
            margin-left: 103px;
            display: block;
            font: 13px 'Segoe UI', Arial, sans-serif;
            color: #4888a2;
        }

    html.rfdButton a.rfdSkinnedButton {
        vertical-align: middle;
        margin: 0 0 0 5px;
    }

    * html div.RadComboBox {
        vertical-align: middle;
    }


    .rcbHeader {
        padding: 0 !important;
        text-align: center;
    }

        .rcbHeader h2 {
            font-size: 1.2em;
            margin: 0;
        }


    .rcbTemplate {
        padding: 20px 20px 20px 100px !important;
        border: 0 !important;
        border-bottom: 1px solid #cccccc !important;
        *zoom: 1;
    }

        .rcbTemplate:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }


        .rcbTemplate .imageWrap {
            /*margin: 0 0 0 -85px;
        float: left;*/
            margin: 0 40px 0 0;
            float: left;
        }

            .rcbTemplate .imageWrap img {
                width: 48px;
                height: 48px;
                border: 1px solid #ccc;
            }


        .rcbTemplate .personDetails {
            margin: 0;
            padding: 0;
            list-style: none;
        }


        .rcbTemplate .name {
            font-weight: bold;
        }

        .rcbTemplate .title {
            font-size: small;
        }

        .rcbTemplate .address {
            font-size: smaller;
        }

    /*Style for RadComboBox With Image End*/


    /* start Taggle switch button*/
    .tennisOfficeSwitch {
        position: relative;
        display: inline-block;
        width: 52px;
        height: 19px;
        margin: 10px 0px auto;
    }

        .tennisOfficeSwitch input {
            display: none;
        }

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

        .tennisOfficeSlider:before {
            position: absolute;
            content: "";
            height: 16px;
            width: 20px;
            left: 4px;
            bottom: 2px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .tennisOfficeSlider {
        background-color: #2196F3;
    }

    input:focus + .tennisOfficeSlider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .tennisOfficeSlider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }


    .tennisOfficeSlider.round, .tennisOfficeSlider {
        border-radius: 34px;
    }

        .tennisOfficeSlider:before, .tennisOfficeSlider.round:before {
            border-radius: 50%;
        }

    /* End Taggle switch button*/
    .rcbSlide {
        z-index: 10008 !important;
    }

    .RadComboBox_Default.RibbonbarRadComboBoxFont {
        height: 18px !important;
        display: inline-block !important;
        font-size: 12px !important;
        font-weight: normal !important;
        font-family: "Segoe UI", Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text" !important;
    }

    .rrbTemplateItem .RadComboBox.RadComboBox_Default.RibbonbarRadComboBoxFont {
        display: inline-block !important;
        margin-bottom: 2px;
    }

    .RadComboBox.RadComboBox_Default.RibbonbarRadComboBoxFont input[type="text"] {
        width: 100% !important;
        height: 16px !important;
    }

    .RadComboBox.RadComboBox_Default.RibbonbarRadComboBoxFont .rcbInput {
        padding: 0px;
    }

    .RadComboBox.RadComboBox_Default.RibbonbarRadComboBoxFont .rcbActionButton {
        padding: 0px 4px 4px 4px !important;
    }

    .RadComboBox_Default.ddlAxisOrientation, .RadComboBox_Default.ddlItemOrientation, .RadComboBox_Default.RadComboBoxDateFormat {
        height: 18px !important;
        display: inline-block !important;
    }

    .rrbTemplateItem .RadComboBox.RadComboBox_Default.ddlAxisOrientation, .rrbTemplateItem .RadComboBox.RadComboBox_Default.ddlItemOrientation, .rrbTemplateItem .RadComboBox.RadComboBox_Default.RadComboBoxDateFormat {
        display: inline-block !important;
        margin-bottom: 2px;
    }

    .RadComboBox.RadComboBox_Default.ddlAxisOrientation input[type="text"], .RadComboBox.RadComboBox_Default.ddlItemOrientation input[type="text"], .RadComboBox.RadComboBox_Default.RadComboBoxDateFormat input[type="text"] {
        width: 100% !important;
        height: 16px !important;
    }

    .RadComboBox.RadComboBox_Default.ddlAxisOrientation .rcbInput, .RadComboBox.RadComboBox_Default.ddlItemOrientation .rcbInput, .RadComboBox.RadComboBox_Default.RadComboBoxDateFormat .rcbInput {
        padding: 0px;
    }

    .RadComboBox.RadComboBox.RadComboBox_Default.ddlAxisOrientation .rcbActionButton, .RadComboBox.RadComboBox_Default.ddlItemOrientation .rcbActionButton, .RadComboBox.RadComboBox_Default.RadComboBoxDateFormat .rcbActionButton {
        padding: 0px 4px 4px 4px !important;
    }

    .TimeLineBtnarea {
        float: right;
        position: relative;
        right: 16px;
        font-size: 17px;
        text-align: right;
        z-index: 5000;
        top: 5px;
        display: inline-block;
        width: 100%;
    }

        .TimeLineBtnarea:hover {
            float: right;
            position: relative;
            right: 16px;
            font-size: 17px;
            text-align: right;
            z-index: 5000;
            top: 5px;
            display: inline-block;
            width: 100%;
        }

    .fa.TimelineZoomMovebtn {
        color: #e5e5e5 !important;
    }

        .fa.TimelineZoomMovebtn:hover {
            color: #80c4f3 !important;
        }

    .TimeLineDiv .TimeLineBtnarea {
        opacity: 0;
    }

    .TimeLineDiv:hover .TimeLineBtnarea {
        opacity: 1;
    }

    .visualization {
        position: relative;
        /* top: -24px; */
        bottom: 15px;
    }

    .TimelineItemSelect {
        font-size: 20px !important;
        /*position: absolute;
    width: 24px;
    height: 24px;
    top: -4px;
    right: -24px;
    cursor: pointer;*/
    }

    .vis-item.vis-range .TimelineItemSelect, .vis-item.vis-box .TimelineItemSelect {
        opacity: 0;
        font-size: 20px !important;
    }

    .vis-item.vis-range:hover .TimelineItemSelect, .vis-item.vis-box:hover .TimelineItemSelect {
        opacity: 1;
        color: #E5E5E5 !important;
        font-size: 20px !important;
    }

    .vis-item.vis-selected .TimelineItemSelect, .vis-item.vis-selected .TimelineItemSelect {
        opacity: 1;
        color: #0070C0 !important;
        font-size: 20px !important;
    }

    .vis-item.vis-selected:hover .TimelineItemSelect, .vis-item.vis-selected:hover .TimelineItemSelect {
        opacity: 1;
        color: #0070C0 !important;
        font-size: 20px !important;
    }

    .vis-item .vis-item-content .ContentStartEndDay, .vis-item.vis-range .vis-item-content .ContentStartEndDay {
        font-family: inherit;
    }

    .riSingle.riContSpinButtons.RadInput a {
        width: 8px !important;
        height: 100% !important;
        padding: 0 0px !important;
        text-align: left !important;
        vertical-align: bottom !important;
        text-indent: -4px !important;
    }

    .PlaydateCount {
        margin-right: 10px !important;
    }

    .txtCalendarItem {
        float: left !important;
    }
    /*new style for Tournament details page*/
    .formBasicInfoCompress {
        width: 100%;
        max-width: 625px;
        margin: 0px 20px 0px 25px;
    }

        .formBasicInfoCompress .tableFieldLabel,
        .tableFieldLabel {
            color: #0070C0;
            font-size: 14px;
            text-align: left;
            padding: 8px 0px;
            width: 200px;
        }



        .formBasicInfoCompress .tableFieldInput {
            float: left;
        }

        .formBasicInfoCompress input[type="text"],
        .formBasicInfoCompress textarea, .customTextBox, .customTextarea {
            width: 300px;
            float: left;
        }

        .formBasicInfoCompress select, .customSelectBox {
            width: 307px;
            padding: 5px 1px;
            border: 1px solid #ececec;
            float: left;
        }

    .divareaTourDilp {
        /*width:48%;*/ float: left;
    }

    .RadPanelBarQuick_Calendar span.rpText {
        font-size: 15px;
    }

    .RadButton_Metro .rbToggleCheckboxChecked {
        background-image: none !important;
    }

    .RadPanelBarQuick_Calendar {
        width: 100% !important;
        /*max-width: 625px;*/
        margin: 0px 20px 0px 0px;
    }

    .RadPanelBar_RevenueDescription span.rpText {
        font-size: 15px;
    }


    .RadPanelBar_RevenueDescription {
        width: 645px !important;
        /*max-width: 625px;*/
        margin: 0px !important;
    }

    .FormImageUpload {
        padding: 5px;
        background-color: #f3f3f3;
        width: 58px;
        height: 58px;
    }


    .save-button-container {
        overflow: hidden;
        text-align: center;
        margin: 18px 0px 10px 0px;
        float: left;
        width: 100%;
        max-width: 100%;
    }

        .save-button-container .message {
            width: 100%;
            font-size: 14px;
            color: maroon;
            text-align: center !important;
            min-height: 30px;
            margin-top: 15px;
        }

    .td-EmailTitle {
        font-size: 24px;
        padding: 7px 5px 5px 0px;
        font-family: Segoe UI Light, arial,sans-serif;
        float: left;
        width: 95%;
    }

    .td-EmailTitleCloseBtn {
        float: right;
        text-align: right;
        /*width: 5%;
    padding: 7px 5px 5px 0px;
    font-size: 20px;
    -webkit-text-stroke: 2px white !important;*/
        background-image: url('/img/hoverclose_hovereffect.png') !important;
        border: 1px solid white !important;
        width: 22px !important;
        height: 21px !important;
        background-color: transparent !important;
        margin-left: -4px !important;
        background-position: 0 !important;
        margin-top: 5px;
    }

        .td-EmailTitleCloseBtn:hover {
            float: right;
            text-align: right;
            /*width: 5%;
    padding: 7px 5px 5px 0px;
    font-size: 20px;
    -webkit-text-stroke: 2px white !important;*/
            background-image: url('/img/hoverclose_hovereffect.png') !important;
            border: 1px solid #80C4F3 !important;
            width: 22px !important;
            height: 21px !important;
            margin-left: -4px !important;
            background-position: 0 !important;
            background-color: #CEE7F8 !important;
            margin-top: 5px;
        }

    .ComOverflowHdn {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        min-height: 425px;
    }

    .ComOverflowHdnOnly {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

    .DayDropDown_Scheduler {
        color: #333 !important;
    }

    .CalendarContainer {
        padding: 0px 5px 5px 15px;
        margin-top: -4px;
    }

   
    /*.CalenderSlideCloseBtn {
    float: right;
    text-align: right;
    background-image: url(/img/hoverclose_hovereffect.png) !important;
    border: 1px solid #F4F4F4 !important;
    width: 40px !important;
    height: 40px !important;
    background-color: transparent !important;
    background-position: 9px 9px !important;
    background-repeat: no-repeat;
}*/

    /*.CalenderSlideCloseBtn:hover {
        float: right;
        text-align: right;
        background-image: url(/img/hoverclose_hovereffect.png) !important;
        border: 1px solid #F4F4F4 !important;
        width: 40px !important;
        height: 40px !important;
        background-color: #eaeaea !important;
        background-position: 9px 9px !important;
        background-repeat: no-repeat;
    }*/

    .CustomStyle input[type="checkbox"] {
        /* top: -2px; */
        width: 10px;
        height: 10px;
        cursor: pointer;
        position: relative;
        border-radius: 0px;
    }

        .CustomStyle input[type="checkbox"]:before {
            left: 0px;
            z-index: 1;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 0px;
            position: absolute;
            box-sizing: initial;
            border: 1px solid #AAAAAA;
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
        }

        .CustomStyle input[type="checkbox"]:checked:before {
            top: 3px;
            left: 2px;
            border: 0;
            width: 6px;
            height: 3px;
            border-radius: 0px;
            box-sizing: initial;
            transform: rotate(-45deg);
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            border-bottom: 2px solid #767676;
            border-left: 2px solid #767676;
        }

        .CustomStyle input[type="checkbox"]:after {
            top: 0;
            left: 0;
            width: 10px;
            content: "";
            height: 10px;
            cursor: pointer;
            background: #fff;
            border-radius: 0px;
            position: absolute;
            box-sizing: initial;
            border: 1px solid #AAAAAA;
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
        }
    /*temp class for make Form in Site background*/
    .accordion-section .well {
        float: left;
    }

    a:hover {
        color: #484848 !important;
    }

    .FormHightScroll {
        position: relative;
        margin: 0px auto;
        /* border: 2px solid rgb(0,176,80); */
        padding: 0px;
        width: 100%;
        height: auto;
        float: left;
    }

    .RadEditor.reCalendarDescription {
        width: 100% !important;
    }

    .CalendarItmViewllb {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif !important;
        font-size: 17px !important;
        -webkit-font-smoothing: antialiased !important;
        font-weight: normal !important;
        color: black !important;
        -webkit-tap-highlight-color: transparent;
        -webkit-font-smoothing: antialiased;
    }

    .CalendarItmViewValuellb {
        font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-font-smoothing: antialiased;
    }

    .toggleForSlideOutPan {
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .toggleForTimelineSlideOutPan {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .splitebarwidth.toggleForSlideOutPan {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

    .previewRevenueitmImg {
        width: 100px !important;
        height: 100px !important;
    }

    .revenueSettingsavebtn {
        text-align: right;
        padding-right: 20px;
        padding-bottom: 10px;
    }

    .td_RevItmSettingTitle {
        font-size: 17px;
        padding-top: 20px;
    }

    a:focus {
        outline: none !important;
    }

    .form-input-container legend {
        border-bottom: 0px !important;
        font-weight: normal;
        font-size: 24px;
        font-family: Segoe UI Light, arial,sans-serif;
    }

        .form-input-container legend span {
            padding-left: 15px;
        }

    .form-input-container .form-group .control-label,
    .form-input-container .form-group .control-label label {
        font-size: 14px !important;
        font-weight: normal;
        float: left;
        color: black;
        margin-right: 10px;
    }

        .form-input-container .form-group .control-label input {
            float: left;
            margin-right: 5px;
        }

    .RadTabStrip.CommandBar-TabStrip .rtsLevel, .RadTabStrip .rtsUL, .RadTabStrip .rtsLI {
        float: left !important;
        overflow: visible !important;
        border: none !important;
    }

    .RadTabStrip.CommandBar-TabStrip .rtsHorizontal .rtsLI {
        width: auto !important;
    }

    .RadTabStrip.CommandBar-TabStrip .rtsLI {
        padding-top: 5px;
        border-right: 1px solid #ddd7d7 !important;
    }

        .RadTabStrip.CommandBar-TabStrip .rtsLI.rtsSelected, .RadTabStrip.CommandBar-TabStrip .rtsLI.rtsHovered {
            padding-top: 0px;
        }

            .RadTabStrip.CommandBar-TabStrip .rtsLI.rtsSelected .rtsLink {
                height: 40px;
            }

        .RadTabStrip.CommandBar-TabStrip .rtsLI .rtsLink {
            height: 34px;
        }

    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .rtsLevel1 .rtsSelected .rtsLink, .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .rtsLevel1 .rtsSelected.rtsHovered .rtsLink {
        background-image: none !important;
        border: none !important;
        background: #fff !important;
        color: #484848 !important;
    }

    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .rtsLevel1 .rtsLink {
        background-image: none !important;
        border: none !important;
        background-color: #f4f4f4 !important;
    }

    .RadTabStrip.CommandBar-TabStrip .rtsLevel1 .rtsLI.rtsHovered .rtsLink {
        color: #212121;
        background-color: #eaeaea !important;
        height: 40px !important;
    }

    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .rtsSelected .rtsLink, .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .rtsHovered .rtsLink {
        font-size: 14px;
        padding: 12px 10px 15px 10px !important;
    }

    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .rtsLink {
        font-size: 14px;
        padding: 7px 10px 15px 10px !important;
    }

    .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink:before {
        color: #106ebe !important;
    }

    .RadTabStrip.CommandBar-TabStrip .rtsLevel1 .rtsLI .rtsLink .rtsTxt {
        text-align: center;
    }

    .RevenueItemContainer {
        padding: 0px 5px 5px 15px;
    }

    .StaffingEmailContainer {
        padding: 12px 5px 5px 15px;
    }

    .toggleshowhidePlayer {
        display: none !important;
    }

    .SponsorLogoCommon {
        background-color: #f3f3f3;
        width: 200px;
        border: 1px solid #e2e4e7;
        padding: 10px 10px;
        height: 200px;
    }

    .AssignSponsorLogo {
        background-color: #f3f3f3;
        width: 100px;
        border: 1px solid #e2e4e7;
        padding: 10px 10px;
    }

    .SponsorFormContainer {
        padding: 0px 5px 5px 2px;
    }

    .ContractValueTitle {
        color: black;
        font-size: 14px;
        padding-right: 5px;
        text-align: center;
        width: 15%;
        font-weight: normal;
    }

    .TableContractValues {
        width: 100%;
        margin: 10px 20px 0px 25px;
        table-layout: fixed;
    }

    .ContractValueTitleLastChild {
        color: black;
        font-size: 14px;
        padding-right: 5px;
        text-align: center;
        width: 60%;
        font-weight: normal;
    }

    .ContractValueTitle input[type="text"] {
        height: 27px !important;
    }

    .FormHightScroll {
        min-height: 375px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .ApplicantRevenueTitle {
        font-size: 24px;
        padding: 7px 5px 5px 0px;
        font-family: Segoe UI Light, arial,sans-serif;
        float: none;
    }

        .ApplicantRevenueTitle.ApplicantInfo {
            font-size: 24px;
            padding: 7px 5px 5px 0px;
            font-family: Segoe UI Light, arial,sans-serif;
            float: none;
            margin-left: 20px;
        }

    .ApplicantPlaylevelTab.nodisplay, .RadRibbonBar .rrbTabs > li.ApplicantPlaylevelTab.nodisplay {
        display: none !important;
    }

    .dropdown-menu-Common {
        background-clip: padding-box;
        background-color: rgb(0, 0, 0);
        border-bottom-color: rgb(255, 255, 255);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-image-outset: 0px;
        border-image-repeat: stretch;
        border-image-slice: 100%;
        border-image-source: none;
        border-image-width: 1;
        border-left-color: rgb(255, 255, 255);
        border-left-style: none;
        border-left-width: 0px;
        border-right-color: rgb(255, 255, 255);
        border-right-style: none;
        border-right-width: 0px;
        border-top-color: rgba(146, 143, 143, 0.298039);
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-top-style: solid;
        border-top-width: 1px;
        box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
        box-sizing: border-box;
        color: rgb(255, 255, 255);
        display: block;
        float: left;
        font-family: "Segoe UI", arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0px !important;
        min-width: 160px;
        padding: 0px !important;
        position: absolute;
        left: 0px;
        top: 78%;
        z-index: 99999;
        text-align: left;
        text-size-adjust: 100%;
        transition-delay: 0s;
        transition-duration: 0.5s;
        transition-property: all;
        transition-timing-function: ease;
        -webkit-margin-after: 0px;
        -webkit-margin-before: 0px;
        -webkit-margin-end: 0px;
        -webkit-margin-start: 0px;
        -webkit-padding-start: 0px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

        .dropdown-menu-Common li {
            border-bottom: 1px solid rgba(146, 143, 143, 0.3);
        }

            .dropdown-menu-Common li > a:hover {
                background-color: #efefef;
                color: red;
            }

    .dropdown-menu > li > a:hover, .dropdownMenu > li > a:hover {
        background-color: #efefef !important;
        color: #484848 !important;
        text-decoration:none !important;
    }

    .dropdown-menu-Common li > a {
        background-color: transparent;
        border-left: 4px solid transparent;
        box-sizing: border-box;
        clear: both;
        color: rgb(119, 116, 116) !important;
        cursor: auto;
        display: block;
        font-family: "Segoe UI", arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        height: 44px;
        line-height: 20px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0px !important;
        padding: 12px 0px 12px 28px !important;
        text-align: left;
        text-decoration-color: rgb(119, 116, 116);
        text-decoration-line: none;
        text-decoration-style: solid;
        text-size-adjust: 100%;
        white-space: nowrap;
        width: 227px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .dropdown-menu-Common li:nth-child(odd) a:hover {
        border-left: 4px solid red;
    }

    .dropdown-menu-Common li:nth-child(even) a:hover {
        border-left: 4px solid green;
    }

    .dropdown-menu-Common .dropdown-submenu a .icon {
        box-sizing: border-box;
        color: rgb(119, 116, 116) !important;
        cursor: auto;
        display: block;
        float: left;
        font-family: "Segoe UI", arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0px !important;
        padding: 0px 0px 0px 4px;
        text-align: left;
        text-size-adjust: 100%;
        white-space: nowrap;
        width: 20px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

        .dropdown-menu-Common .dropdown-submenu a .icon i {
            color: rgb(119, 116, 116) !important;
        }

    .dropdown-menu-Common .dropdown-submenu a .text i {
        color: rgb(119, 116, 116) !important;
        font-size: 20px !important;
        float: right;
    }

    .dropdown-menu-Common .dropdown-submenu a .text {
        box-sizing: border-box;
        color: rgb(119, 116, 116) !important;
        cursor: auto;
        display: block;
        font-family: "Segoe UI", arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0px 0px 0px 17px !important;
        opacity: 1;
        padding: 0px 10px 0px 10px;
        text-align: left;
        text-size-adjust: 100%;
        transition-delay: 0s, 0s;
        transition-duration: 0.2s, 0.5s;
        transition-property: visibility, opacity;
        transition-timing-function: ease, linear;
        visibility: visible;
        white-space: nowrap;
        width: 178px;
    }

    .dropdown-menu-Common .dropdown-submenu.L2.toggle > .dropdown-menu {
        display: block;
        position: static;
        width: 227px;
        background-color: black;
        border: 0px;
        padding: 0px;
        border-radius: 0px;
        color: white;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        margin-top: 0px;
        border-top: 1px solid rgba(146, 143, 143, 0.3);
    }


    .dropdown-menu-Common .dropdown-submenu.L2.toggle > a .fa-angle-right:before {
        right: 23px;
        content: "\f107" !important;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .noOverflow {
        overflow: hidden !important;
    }

    .CommandBarNavIcon {
        height: 43px;
        width: 30px;
        margin-right: 2px;
        margin-left: 3px;
        position: relative;
        bottom: 13px;
        display: inline-block;
    }

    .RadTabStrip.CommandBar-TabStrip .rtsLevel1 .rtsLI.rtsHovered .rtsLink .CommandBarNavIcon {
        height: 43px;
        width: 30px;
        background: #cecece;
        position: relative;
        bottom: 13px;
        display: inline-block;
    }

        .RadTabStrip.CommandBar-TabStrip .rtsLevel1 .rtsLI.rtsHovered .rtsLink .CommandBarNavIcon:hover {
            height: 43px;
            width: 30px;
            background: #c1c1c1 !important;
            position: relative;
            bottom: 13px;
            display: inline-block;
        }

    .PlaylevelBktTab .rtsTxt {
        margin-top: -2px;
    }

    .Tennis-CommandBarItem-closebuttonarea {
        width: 40px;
        position: absolute;
        right: 0px;
        top: 0;
        height: 40px;
        z-index: 10;
        text-align: center;
    }

    .CalenderSlideCloseBtn {
        background-image: url(/img/hoverclose_hovereffect.png) !important;
        border: 1px solid #F4F4F4 !important;
        width: 40px !important;
        height: 40px !important;
        background-color: transparent !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat;
        display: block;
    }

        .CalenderSlideCloseBtn:hover {
            background-color: #eaeaea !important;
        }

    ul.dropdown-menu-Common.BracketNavMenuArea {
        top: 100%;
        outline-style: solid;
        outline-color: #0A6332;
        outline-width: 3px;
        left: 3px;
        border-top-width: 0px;
    }

    .ContainTemplateFormContainer {
        padding: 12px 5px 5px 15px;
    }

    .form-input-container-Applicant.form-input-container {
        float: none;
    }

    .RadButton_Metro .rbToggleCheckbox, .RadButton_Metro .rbToggleCheckboxChecked, .RadButton_Metro .rbToggleCheckboxFilled, .RadButton_Metro .rbToggleRadio, .RadButton_Metro .rbToggleRadioChecked {
        background-image: none !important;
    }

    /*pan bar*/
    .RadPanelBarQuick_Common span.rpText {
        font-size: 20px;
        font-family: Segoe UI Light, arial,sans-serif;
        padding-left: 18px;
    }

    .RadPanelBarQuick_Common.RadPanelBarQuick_Common_LargeFont span.rpText {
        font-size: 24px;
        font-family: Segoe UI Light, arial,sans-serif;
    }

    .RadPanelBarQuick_Common.RadPanelBarQuick_Common_SmallFont span.rpText {
        font-size: 20px;
        font-family: Segoe UI Light, arial,sans-serif;
        padding-left: 18px;
    }

    .RadPanelBar_Metro .rpExpandable span.rpExpandHandle, .RadPanelBar_Metro .rpExpanded span.rpExpandHandle {
        background-image: none !important;
        display: inline-block;
        font: normal normal normal 14px/1 'Font Awesome 5 Pro';
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 20px;
        margin: 2px 10px 0px 0px;
        font-weight: 100;
        color: rgba(51, 51, 51, 0.59) !important;
    }

    .RadPanelBar_Metro.RadPanelBarQuick_Common_LargeFont .rpExpandable span.rpExpandHandle, .RadPanelBar_Metro.RadPanelBarQuick_Common_LargeFont .rpExpanded span.rpExpandHandle {
        background-image: none !important;
        display: inline-block;
        font: normal normal normal 14px/1 'Font Awesome 5 Pro';
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 24px;
        margin: 2px 12px 0px 0px;
        font-weight: 100;
        color: rgba(51, 51, 51, 0.59) !important;
    }

    .RadPanelBar_Metro .rpExpandable span.rpExpandHandle:before {
        content: "\f107";
    }

    .RadPanelBar_Metro .rpExpandable.rpExpanded span.rpExpandHandle:before, .RadPanelBar_Metro .rpExpanded span.rpExpandHandle:before {
        content: "\f106";
    }

    .CommonRadPanelBar .rpLink .rpOut {
        /*padding-left: 18px;*/
    }
    /*.RadPanelBarQuick_TInventoryAsset .rpOut .rpText
  {
      padding-bottom:12px;
  }*/
    .RadPanelBar_Metro {
        margin: 10px 20px 0px 0px !important;
    }

    .RadPanelBarQuick_Common_LargeFont {
        border-top: 1px dotted #d3d3d3;
        padding-top: 10px;
    }


    .RadPanelBar_Metro.RadPanelBarQuick_Common .rpRootGroup {
        border-color: #fff !important;
        margin-bottom: 1px !important;
    }

    .RadPanelBar_Metro.RadPanelBarQuick_Common .rpLink {
        background-color: #fff !important;
    }

    .RadPanelBar_Metro.RadPanelBarQuick_Common a.rpLink.rpExpandable.rpSelected.rpExpanded, .RadPanelBar_Metro.RadPanelBarQuick_Common a.rpLink.rpExpandable.rpExpanded {
        background-color: #fff !important;
    }

    .RadPanelBar_Metro.RadPanelBarQuick_Common .rpRootLink, .RadPanelBar_Metro.RadPanelBarQuick_Common .rpRootLink:hover {
        background-color: #fff !important;
        border-bottom: 0px solid #e6e6e6 !important;
    }
    /*.RadPanelBar_Metro.RadPanelBarQuick_Common .rpExpandable span.rpExpandHandle, .RadPanelBar_Metro.RadPanelBarQuick_Common a.rpExpandable:hover .rpNavigation .rpExpandHandle {
    background-position: -38px -17px !important;
}*/
    .RadPanelBar.RadPanelBar_Metro.RadPanelBarQuick_Common .rpExpandable .rpExpandHandle, .RadPanelBar.RadPanelBar_Metro.RadPanelBarQuick_Common .rpExpanded .rpExpandHandle {
        width: 7px !important;
    }

    .RadPanelBar_Metro.RadPanelBarQuick_Common .rpTemplate {
        padding: 0 0px !important;
    }

    .RadButton_Metro .rbToggleCheckboxChecked {
        background-image: none !important;
    }

    .RadPanelBarQuick_Common {
        width: 100% !important;
        /*max-width: 625px;*/
        margin: 0px 20px 0px 0px;
    }

    .IfPreviewDocx {
        border: none;
    }
    /*end pan bar*/
    .DefaultImageArea {
        width: 140px !important;
        height: 140px !important;
        border: 1px solid #e2e4e7;
        padding: 0px 0px;
        background-color: #f3f3f3;
        float: none;
        min-width: 140px;
        min-height: 140px;
        max-width: 140px;
        max-height: 140px;
    }

    .Card_Content_table {
        width: 100%;
    }

    .Card_Content_table_header td {
        font-family: OpenSans-Regular;
        font-size: 18px;
        color: #808080;
        line-height: 1.2;
        font-weight: unset;
    }

    .Card_Content_table td {
        min-width: 120px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .Card_Content_table .Card_Content_table_ItemTr {
        font-family: OpenSans-Regular;
        font-size: 15px;
        color: #808080;
        line-height: 1.2;
        font-weight: unset;
        height: 40px;
    }

        .Card_Content_table .Card_Content_table_ItemTr:nth-child(even) {
            background-color: #f5f5f5;
        }

    .Card_Content_table_header {
        height: 40px;
        background: #f5f5f5;
    }

    .RadToggleButton.BtnToggleTimeLineView {
        height: 40px;
        width: 100px;
        border: 0px solid #e5e5e5;
        background: none;
        border-radius: 0px !important;
        border-width: 0px !important;
        padding-bottom: 1px !important;
        padding-left: 0px !important;
        padding-right: 6px !important;
        padding-top: 1px !important;
    }

    .BtnToggleTimeLineView .rbText.rbPrimary {
        text-align: left;
    }

    .BtnToggleTimeLineView .rbIcon.rbPrimaryIcon {
        left: 20px !important;
        top: 12px !important;
    }

    .RadButton.BtnToggleTimeLineView .rbIcon:before {
        display: initial !important;
        line-height: initial !important;
        font-family: 'Font Awesome 5 Pro' !important;
        font-size: 1.43333em !important;
    }

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

    .RadButton.BtnToggleTimeLineView .rbIcon {
        display: block !important;
        width: 16px !important;
        height: 16px !important;
        font-size: 12px !important;
    }

        .RadButton.BtnToggleTimeLineView .rbIcon + span.rbText {
            display: inline-block !important;
            font-size: 14px !important;
        }

    .BtnToggleTimeLineView.rbHovered, .BtnToggleTimeLineView {
        background: none !important;
        border: none !important;
    }

        .BtnToggleTimeLineView:focus {
            box-shadow: none !important;
        }

    .TourDashboardLayoutContainer .RadDock.rdCollapsed {
        height: 33px !important;
    }

    .DashboardNavMenuArea .fa.DashboardIcnList_fa {
        color: #D6D6D6 !important;
        font-size: 16px !important;
    }

    ul.DashboardMenuParent.DashboardNavMenuArea {
        top: 100%;
        outline-style: solid;
        outline-color: #0A6332;
        outline-width: 3px;
        left: 3px;
        border-top-width: 0px;
    }

    .webix_treemap_header .webix_treemap_header_item, .webix_treemap_path_icon {
        font-size: 13px !important;
    }

        .webix_treemap_header .webix_treemap_header_item:hover {
            font-size: 13px !important;
            color: #0070C0 !important;
        }

        .webix_treemap_header .webix_treemap_header_item:last-child {
            font-size: 13px !important;
            color: #666666 !important;
        }

    .loadingDiv_DetailsPage > img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .DetailsEventArea {
        overflow: auto;
    }

    .notvisiable {
        visibility: hidden;
    }

    .demo-container .RadTabStrip.rtsBottom .rtsLevel1 {
        border-top-width: 0px !important;
    }

    .ActiveSiteTad_Selected .FormSubNotify.Noty_Inactive, .FormSubNotify.Noty_Inactive {
        /*display:none !important;*/
        background: #b9b9b9 !important;
    }

    .FormSubNotify {
        /*background: #ea4300 !important;
  margin-left: 10px;
    margin-bottom: 4px;*/
        /*Update*/
        background: #ea4300 !important;
        position: relative;
        top: 8px;
    }

    .ActiveSiteTad_Selected .FormSubNotify {
        /*background: #ea4300 !important;
  margin-left: 10px;
    margin-bottom: 4px;*/
        /*Update*/
        background: #ea4300 !important;
        position: relative;
        top: 5px;
    }

    .FormSubNotify_parentDiv {
        float: left;
        position: relative;
        height: 40px;
        top: 0px;
        width: 42px;
        /*margin-right: -10px;*/
        margin-left: 10px;
    }

        .FormSubNotify_parentDiv:hover {
            float: left;
            position: relative;
            height: 40px;
            top: 0px;
            width: 42px;
            background: #ddd !important;
            /*margin-right: -10px;*/
            margin-left: 10px;
        }

    .ActiveSiteTad_Selected .FormSubNotify_parentDiv {
        height: 36px;
        top: 4px;
        margin-left: 10px;
    }

    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .rtsLevel1 .ActiveSiteTad_Selected.rtsSelected.rtsHovered .rtsLink {
        background: #eaeaea !important;
    }

    .ActiveSiteTab_temp_parent {
        height: 40px;
        overflow: hidden;
    }

    tr.Item_Unread > td {
        font-weight: bold !important;
    }

    tr.Item_read > td {
        font-weight: normal !important;
    }

    .clrimgbtn {
        position: absolute;
        right: 51px;
        top: 5px;
        z-index: 100000;
    }

    .RadTabStrip.CommandBar-TabStrip .ActiveSiteTab.rtsLI {
        padding-top: 0px !important;
    }

    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .ActiveSiteTab.rtsLI.rtsSelected .rtsLink, .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .ActiveSiteTab.rtsLI.rtsHovered .rtsLink,
    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .ActiveSiteTab.rtsLI .rtsLink {
        padding: 0px 0px 0px 10px !important;
        height: 40px !important;
    }

    .ActiveSiteTab_temp_Txt {
        float: left;
        position: relative;
        top: 11px;
    }

    .RadTabStrip.CommandBar-TabStrip .ActiveSiteTad_Selected.rtsLI {
        padding-top: 0px !important;
    }

    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .ActiveSiteTad_Selected.rtsLI.rtsSelected .rtsLink, .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .ActiveSiteTad_Selected.rtsLI.rtsHovered .rtsLink,
    .RadTabStrip_Silk.RadTabStrip.CommandBar-TabStrip .ActiveSiteTad_Selected.rtsLI .rtsLink {
        padding: 0px 0px 0px 10px !important;
        height: 40px !important;
    }

    .ActiveSiteTad_Selected .ActiveSiteTab_temp_Txt {
        float: left;
        position: relative;
        top: 11px;
    }

    .Changecol6Tocol12 .row_flex, .Changelg4Tosm12 .row_flex {
        display: block;
    }

    .lblAssetSlidePanelTitle {
        font-size: 24px;
        font-family: Segoe UI Light;
    }

    .AssetAreaPhotoDisplayContainer .fontawesomeEmptyImage:hover, .AssetAreaPhotoExampleDisplayContainer .fontawesomeEmptyImage:hover {
        cursor: pointer;
        border: 4px dashed #776f6f;
    }

    .AssetAreaPhotoDisplayContainer .fontawesomeEmptyImage, .AssetAreaPhotoExampleDisplayContainer .fontawesomeEmptyImage {
        width: 350px !important;
        height: 200px !important;
        border: 4px dashed #e2e4e7;
        padding: 0px 0px;
        background-color: #f3f3f3;
        float: none;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        display: inline-block;
    }

        .AssetAreaPhotoDisplayContainer .fontawesomeEmptyImage i, .AssetAreaPhotoExampleDisplayContainer .fontawesomeEmptyImage i {
            padding: 55px 20px 10px 20px !important;
        }

    .fontawesomeEmptyImage {
        text-align: center;
    }

    .AssetAreaPhotoDisplayContainer img, .AssetAreaPhotoExampleDisplayContainer img {
        width: 90% !important;
    }

    .AssetAreaPhotoDisplayContainer img, .AssetAreaPhotoExampleDisplayContainer img {
        max-width: calc(100% - 50px) !important;
        min-height: 150px;
        float: none;
        border: 1px solid #e2e4e7;
    }

    .iconLikeLink:hover {
        text-decoration: underline;
    }

    .iconLikeLink {
        font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif;
        line-height: 16px;
    }

    .llbAssetDescription, .llbAssetNotes, .llbAssetSponsorMarkNotes, .llbAssetSponsorshipBenefitDescription {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        max-height: 74px;
        max-width: 90%;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 15px;
    }

    .RadButton_Default .rbToggleCheckbox, .RadButton_Default .rbToggleCheckboxChecked, .RadButton_Default .rbToggleCheckboxFilled, .RadButton_Default .rbToggleRadio, .RadButton_Default .rbToggleRadioChecked {
        background-image: none !important;
    }

    .Tennis-CommandBar .fal.fa-angle-down {
        font-size: 25px;
        vertical-align: middle;
        /*margin-top: 4px;*/
    }

    .pnlpublishcommands:hover {
        color: #212121;
        background-color: #eaeaea !important;
    }

    .RadTreeList input[type="checkbox"] {
        /*top: -2px;*/
        width: 10px;
        height: 10px;
        cursor: pointer;
        position: relative;
        border-radius: 0px;
    }

        .RadTreeList input[type="checkbox"]:before {
            left: 0px;
            z-index: 1;
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 0px;
            position: absolute;
            box-sizing: initial;
            border: 1px solid #AAAAAA;
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
        }

        .RadTreeList input[type="checkbox"]:after {
            top: 0;
            left: 0;
            width: 10px;
            content: "";
            height: 10px;
            cursor: pointer;
            background: #fff;
            border-radius: 0px;
            position: absolute;
            box-sizing: initial;
            border: 1px solid #AAAAAA;
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
        }

        .RadTreeList input[type="checkbox"]:checked:before {
            top: 3px;
            left: 2px;
            border: 0;
            width: 6px;
            height: 3px;
            border-radius: 0px;
            box-sizing: initial;
            transform: rotate(-45deg);
            -webkit-box-sizing: initial;
            -moz-box-sizing: border-box;
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            border-bottom: 2px solid #767676;
            border-left: 2px solid #767676;
        }

    /*.RadEditor .reContentArea {
    height: 100% !important;
}*/

    .rtsDisabled .FormSubNotify_parentDiv:hover {
        float: left;
        position: relative;
        height: 40px;
        top: 0px;
        width: 42px;
        background: none !important;
        /*margin-right: -10px;*/
        margin-left: 10px;
    }

    .noHovereffectforlinkbutton {
        text-decoration: none !important;
        background-color: transparent !important;
    }

        .noHovereffectforlinkbutton:hover {
            text-decoration: none !important;
            background-color: transparent !important;
        }

    .RadGrid_Metro.grdCommonStyle .rgRow a.noHovereffectforlinkbutton:hover, .RadGrid_Metro.grdCommonStyle .rgAltRow a.noHovereffectforlinkbutton:hover {
        text-decoration: none !important;
        background-color: transparent !important;
    }

    .RadButton_Default.RadButton.rbLinkButton.rtbCompaerResult {
        width: 26px !important;
        height: 16px !important;
        margin: 0px !important;
        padding: 0px !important;
        border: 0px !important;
        background: none !important;
    }

        .RadButton_Default.RadButton.rbLinkButton.rtbCompaerResult:focus {
            width: 26px !important;
            height: 16px !important;
            margin: 0px !important;
            padding: 0px !important;
            border: 0px !important;
            background: none !important;
            outline: none !important;
        }

        .RadButton_Default.RadButton.rbLinkButton.rtbCompaerResult.rtbCompaerResultOn i {
            color: #106ebe !important;
            font-size: 18px;
        }

        .RadButton_Default.RadButton.rbLinkButton.rtbCompaerResult.rtbCompaerResultOff i {
            color: #d6d6d6 !important;
            font-size: 18px;
        }

    .divSoccerresultParent {
        font-size: 18px;
        padding: 10px;
        margin: 10px;
        font-weight: bold;
        color: #3498db;
    }

    .divSoccerresultTeam1Name {
        text-align: right;
    }

    .divSoccerresultTeam2Name {
        text-align: left;
    }

    .divSoccerresultScore {
        text-align: center;
    }

    .DatePickerWrapper {
        font-weight: normal;
        font-size: 14px;
        width: 35%;
        float: right;
    }

    .DatePickerForScheduler {
        margin-left: 10px;
        cursor: pointer;
    }

    .RadCalendarMonthView #rcMView_PrevY a:before, .RadCalendarMonthView #rcMView_NextY a:before {
        display: none !important;
    }

    .demo-section p {
        margin: 3px 0 20px;
        line-height: 50px;
    }

    .demo-section .k-button {
        width: 250px;
    }


    /* Notifications */
    .k-notification h3 {
        padding: 20px 10px 5px 5px;
        font-size: 1em;
        line-height: normal;
        text-align: left;
    }


    .k-notification .fa-envelope {
        margin: 20px;
        float: left;
        color: #fff !important;
        font-size: 30px;
    }


    /* Info template */
    .new-mail {
        width: 300px;
        height: 100px;
        display: flex;
    }

    .k-notification p {
        margin-bottom: 20px;
    }



    div.RadComboBoxDropDown_Metro.rcbMatchLocation_rcbMatchLocation .rcbSeparator {
        background: none;
        font-weight: bold;
        border-bottom-style: dashed;
        font-size: 12px;
        padding-left: 6px !important;
    }

    div.RadComboBoxDropDown_Metro.rcbMatchLocation_rcbMatchLocation .rcbItem {
        padding-left: 20px;
        background: none;
        font-size: 12px;
    }

    div.RadComboBoxDropDown_Metro.rcbMatchLocation_rcbMatchLocation .rcbHovered {
        padding-left: 20px;
        font-size: 12px;
        background: #e8e8e8;
    }

    .RadWindow ul,
    .modalpopup .rwControlButtons a,
    .radwindowfilterpopup .rwControlButtons a {
        float: right !important;
    }


.DrawModuleGroupArea * {
    box-sizing: border-box;
}

.DrawModuleGroupArea {
    font-family: "Lato", sans-serif;
}

    /* Style the tab */
    .DrawModuleGroupArea .tab {
        float: left;
        border: 1px solid #ccc;
        background-color: #f1f1f1;
        width: 30%;
        height: 300px;
    }

        /* Style the buttons inside the tab */
        .DrawModuleGroupArea .tab button {
            display: block;
            background-color: inherit;
            color: black;
            padding: 22px 16px;
            width: 100%;
            border: none;
            outline: none;
            text-align: left;
            cursor: pointer;
            transition: 0.3s;
            font-size: 17px;
        }

            /* Change background color of buttons on hover */
            .DrawModuleGroupArea .tab button:hover {
                background-color: #ddd;
            }

            /* Create an active/current "tab button" class */
            .DrawModuleGroupArea .tab button.active {
                background-color: #ccc;
            }

    /* Style the tab content */
    .DrawModuleGroupArea .grouptabcontent_DrawModule, .DrawModuleGroupArea .filtertabcontent {
        float: left;
        padding: 0px 12px;
        border: 1px solid #ccc;
        width: 70%;
        border-left: none;
        height: 300px;
    }
.grouptabcontent_DrawModule .RadTabStrip .rtsLink {
    padding: 0px 15px !important;
}

.refundblocktitle {
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 15px;
}
.refundbtncontainer {
    margin-top: 17px;
    width: 80px;
    height: 35px;
    background: #efefef !important;
    display: inline-block;
    border: 1px solid #d6d6d6 !important;
    text-align: center;
    cursor: pointer;
}
.refundbtncontainer a{
    text-decoration:none !important;
}
    .refundbtncontainer:hover {
        background: #d8d8d8 !important;
        border: 1px solid #c2c2c2 !important;
    }

/*css for file manager*/
.fas.fa-folder.customrotatedfolder {
    transform: scaleX(-1) rotate(270deg) !important;
    color: #FFE9A2 !important;
    font-weight: 900 !important;
}

.filemanagergridicon {
    margin-right: 10px;
    font-size: 18px !important;
}

.fa-file-excel.filemanagergridicon {
    color: #217346 !important;
}

.fa-file-word.filemanagergridicon {
    color: #2b579a !important;
}

.fa-file-powerpoint.filemanagergridicon {
    color: #b7472a !important;
}

.fa-file-pdf.filemanagergridicon {
    color: #ff0000 !important;
}

.fa-file-csv.filemanagergridicon,
.fa-file-image.filemanagergridicon,
.fa-file.filemanagergridicon,
.fa-file-alt.filemanagergridicon,
.fa-file-code.filemanagergridicon {
    color: #005a9e !important;
}

.addedirRoombutton {
    float: right;
    height: 45px;
    width: 68px;
    margin-top: 24px;
    color: #005a9e !important;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
}

    .addedirRoombutton:hover {
        background: #edebe9 !important;
        cursor: pointer;
    }

.CustomAddNewFolder.topbarcustombutton {
}

.CustomUploadFile.topbarcustombutton {
    margin-left: 10px !important;
}

    .CustomAddNewFolder.topbarcustombutton .webix_el_box,
    .CustomUploadFile.topbarcustombutton .webix_el_box {
        height: 33px !important;
    }

    .CustomAddNewFolder.topbarcustombutton .webix_button i.fa-folder-plus.fal,
    .CustomUploadFile.topbarcustombutton .webix_button i.fa-arrow-to-top.fal {
        margin-top: 4px;
        font-size: 16px !important;
    }


.CustomAddNewDashboard.topbarcustombutton {
    margin-left: 10px !important;
}
    .CustomAddNewDashboard.topbarcustombutton .webix_el_box {
        height: 33px !important;
    }

    .CustomAddNewDashboard.topbarcustombutton .webix_button i.fal.fa-tachometer {
        margin-top: 4px;
        font-size: 16px !important;
    }
.webix_fmanager_cards .webix_dataview_item.tiles .webix_fmanager_folder_icon {
    margin-left: 69px !important;
    margin-top: -22px !important;
}
.webix_column > div.webix_row_select {
    color: rgb(102, 102, 102) !important;
}
.divBasicInfoCoverImageParent {
    width: 100%;
    height: 130px;
    background: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: end;
}
.divBasicInfoCoverImageContent {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 75px;
    margin-bottom: -75px;
}
.BasicInfoCoverImage {
    /* max-width: 307px !important; */
    width: 100px !important;
    height: 100px !important;
    border: 0px solid #e2e4e7;
    padding: 0px 0px;
    background-color: transparent;
    float: none;
    border-radius: 50% !important;
}
.divpnlParentEntity, .divpnlEntityStatus {
    width: 100%;
    height: 45px;
    margin-bottom: 50px;
   
}
    .divpnlParentEntity .pnlParentEntity, .divpnlEntityStatus .pnlEntityStatus, .pnlStatus, .pnlType {
        width: 80%;
        height: 45px;
        margin-bottom: 50px;
        border: 1px solid #0072c6 !important;
        border-radius: 25px;
        background: #fff;
        padding:1px;
    }
.pnlParentEntity:hover {
    background: #e6f3fb !important;
    border: 2px solid #0072c6 !important;
    padding: 0px;
}
        .pnlParentEntityIcon, .pnlEntityStatusIcon, .pnlStatusIcon {
    /* width: 45px;
    height: 45px;
    
    float: left;
    font-size: 20px;
     
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
    border-left: 4px solid #0070C0;*/
    width: 45px;
    height: 45px;
   
    float: left;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:-3px !important;
}
.pnlParentEntityText, .pnlEntityStatusText, .pnlStatusText, .pnlTypeText {
    width: calc(100% - 47px);
    float: left;
    padding-left: 10px;
    height: 40px;
}
.basiccardleftarea {
    width: calc(50% - 100px);
    float: left;
    margin-top: 10px;
}
.basiccardrightarea {
    width: calc(50% - 100px);
    float: right;
    margin-top: 10px;
}
.inputGroupContainer.StatusAnchor {
    display: inline-block;
}

.lblParentOrganization {
    font-weight: bold;
    text-decoration: none;
}
.divBasicInfoTitleContent {
    width: 100% !important;
    height: 50px;
    /* display: flex;
    justify-content: center;
    align-items: center;
    background: red;*/
    /* border-radius: 75px; */
    margin-bottom: -105px;
    position: absolute;
}
.pnlEntity {
    width: 150px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: red;*/
    /* border-radius: 75px; */
    margin-bottom: -125px;
    position: absolute;
}
.pnlParentEntity {
    cursor: pointer;
}
    .pnlParentEntity:hover .fal.fa-sitemap {
        font-weight: 900 !important;
    }

.divBasicInfoTitleContent .spanBasicInfomainTitle {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}
.divBasicInfoTitleContent .spanBasicInfosubTitle {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}
.lblWebSiteURL {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
    color: #0072c6 !important;
    text-decoration: none;
}
.lblWebSiteURL:hover {
    color: #0072c6 !important;
    text-decoration: underline;
}
.basiccardfirstChild
{
    height:70px;
}
.pnlPrimaryContact
{
    text-align:right;
}


.pnlOwningEntity, .pnlOwningEntityContact, .pnlEntityPhone, .pnlEntityEmail, .pnlGenderCategory, .pnlAgeGroup, .pnlEntityStatus {
    border-top: 1px solid #d5d5d5;
    padding-top: 5px;
    margin-top: 5px;
    font-size: 13px !important;
}
.pnlEntityAddress {
    font-size: 13px !important;
}
.divBasicInfoUrlContactTitle {
    width: calc(100% - 52px) !important;
    height: 50px;
    margin-bottom: 0px;
    position: absolute;
}
.basicinfoleftChild {
    width: calc(50% - 85px);
    float: left;
    height: 50px;
    padding-left: 15px
}
.basicinforightChild {
    width: calc(50% - 85px);
    float: right;
    height: 50px;
    padding-right: 15px
}
.basicleftcardfirstChild {
    height: 111px;
}
.basicrightcardfirstChild {
    height: 100px;
}

.ProgressAreamodale:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.ProgressAreaopened:before {
    display: block;
}

.ProgressAreaopened .ProgressAreamodal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 20%;
}

.ProgressAreamodal-dialog {
    background: #fefefe;
    border: #333333 solid 0px;
    border-radius: 5px;
    margin-left: -200px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: -100%;
    z-index: 11;
    width: 500px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.RadUploadProgressArea_Default .ruProgress {
    background-color: #0078D7 !important;

}
.Box {
    background-color: #F2F2F2;
    width: 400px;
    height: 300px;
    border: 1px solid #F2F2F2;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}

.emptyCompetitionIcon {
    font-size: 130px !important;
    margin-top: 50px !important;
    color: #B4C7E7 !important;
}

.NoCompetitionsParagraph {
    font-weight: 500;
    margin-top: 42px;
    padding: 0px 30px;
    font-size: 13px;

}

.CommandBar-nav-Common .visible-links li:hover,
.CommandBar-nav-Common .visible-links li:hover > ul,
.CommandBar-nav-Common .visible-links li > ul:hover,
.CommandBar-nav-Common .hidden-links li:hover,
.CommandBar-nav-Common .hidden-links li:hover > ul,
.CommandBar-nav-Common .hidden-links li > ul:hover {
    display: block;
    background-color: #eaeaea;
    z-index: 99999 !important;
}

    .CommandBar-nav-Common .Subvisible-links li:hover,
    .CommandBar-nav-Common .Subvisible-links li:hover > ul,
    .CommandBar-nav-Common .Subvisible-links li > ul:hover,
    .CommandBar-nav-Common .hidden-links li:hover,
    .CommandBar-nav-Common .hidden-links li:hover > ul,
    .CommandBar-nav-Common .hidden-links li > ul:hover {
        display: table-cell;
        background-color: #eaeaea;
        z-index: 99999 !important;
    }

.CommandBar-nav-Common ul li > a span:last-child .fadownarrow {
    margin-top: 13px;
    padding-left: 2px;
}

.CommandBar-nav-Common ul li ul li > a {
    padding: 8px 12px 8px 12px;
}

.CommandBar-nav-Common .visible-links li > ul li,
.CommandBar-nav-Common .hidden-links li > ul li {
    width: 100%;
    display: list-item;
}

.CommandBar-nav-Common .visible-links li > ul,
.CommandBar-nav-Common .hidden-links li > ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    min-width: 100px;
    border-radius: 0px;
    border: 0px;
    background-color: #eaeaea;
}

    .CommandBar-nav-Common .Subvisible-links li > ul li,
    .CommandBar-nav-Common .hidden-links li > ul li {
        width: 100%;
        display: list-item;
    }

.CommandBar-nav-Common .Subvisible-links li > ul,
.CommandBar-nav-Common .hidden-links li > ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    min-width: 100px;
    border-radius: 0px;
    border: 0px;
    background-color: #eaeaea;
}

.CommandBar-nav-Common .hidden-links li > ul {
    top: 0px;
    position: relative;
    box-shadow: none;
    background-color: transparent;
}

.CommandBar-nav-Common ul.visible-links {
    margin-bottom: 0px !important;
    padding-right: 0px !important;
}

.CommandBar-nav-Common .visible-links {
    display: inline-table;
    padding: 0px 41px 0px 0px !important;
}

    .CommandBar-nav-Common .visible-links li {
        display: table-cell;
    }

.CommandBar-nav-Common .Subvisible-links {
    display: inline-table;
    padding: 0px 0px 0px 0px !important;
}

    .CommandBar-nav-Common .Subvisible-links li {
        display: table-cell;
    }

.CommandBar-nav-Common ul li {
    padding: 0px;
}

.CommandBar-nav-Common .fadownarrow {
    margin-top: 13px;
    padding-left: 2px;
}

.CommandBar-nav-Common {
    position: relative;
}

    .CommandBar-nav-Common .Div-visible-Btn {
        position: absolute;
        right: 0;
        border: 0;
        outline: none;
        cursor: pointer;
        background-color: #f4f4f4;
    }

        .CommandBar-nav-Common .Div-visible-Btn:hover {
        }


    .CommandBar-nav-Common .visible-links {
        display: inline-table;
        padding: 0px 41px 0px 0px !important;
    }

        .CommandBar-nav-Common .visible-links li {
            display: table-cell;
        }

    .CommandBar-nav-Common .Subvisible-links {
        display: inline-table;
        padding: 0px 0px 0px 0px !important;
        display: inline-table;
        padding: 0px 0px 0px 0px !important;
        position: relative;
        left: 0px;
    }

        .CommandBar-nav-Common .Subvisible-links li {
            display: table-cell;
        }

    .CommandBar-nav-Common .hidden-links li {
        display: block;
        text-align: left;
    }

    .CommandBar-nav-Common .hidden {
        visibility: hidden;
    }

    .CommandBar-nav-Common .hidden-links {
        position: absolute;
        right: -20px;
        /*right:0px;*/
        top: 77%;
        background: #f4f4f4;
        z-index: 1000;
        padding: 0px !important;
    }

        .CommandBar-nav-Common .hidden-links li:hover {
            background: #eaeaea;
        }

        .CommandBar-nav-Common .hidden-links li > ul.dropdown-menu, .CommandBar-nav-Common .Subvisible-links li > ul.dropdown-menu {
            left: -10px !important;
        }

    .CommandBar-nav-Common ul li ul li.dropdown-submenu > a {
        padding: 0px !important;
    }

    .CommandBar-nav-Common .hidden-links li {
        min-width: 150px;
    }

.lblRightSlidePanelTitle {
    font-size: 24px;
    font-family: Segoe UI Light;
}
.RightAreaCommonDivArea
{
    margin-top:11px;
}

body.IframePageBody
{
    height:100vh;
}

.AgrLeftPanFixHeight {
    height: calc(100vh - 245px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 20px !important;
    position: relative;
    z-index: 2;
}
    .AgrLeftPanFixHeight.LeftPanWithSubTab {
        height: calc(100vh - 285px) !important;
        
    }

.AgrRightPanFixHeight {
    height: calc(100vh - 245px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 20px !important;
    position: relative;
    z-index: 2;
}
.PlayerImportGrdHeader {
    width: 100%;
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: border-box !important;
}
.PlayerImportFileUpload {
    width: 100% !important;
}
.PlayerImportFileName {
    width: calc(100% - 65px) !important;
   
    float: left;
}
.PlayerImportFileUpload .ruUploadSuccess {
    display: none !important;
}
.PlayerImportArea .AcholderCreatRow {
    height:50px;
}
.PlayerImportArea.UploadFileAreaRow {
    height: 100px;
}
.ImageInsideGrd {
    border-radius: 25px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 5px;
    background-color: #f3f3f3;
}
.input-group
{
    display:inline-block !important;
}
.RadTreeList .rtlR > td, .RadTreeList .rtlA > td, .RadTreeList .rtlREdit > td, .RadTreeList .rtlRFooter > td, .RadTreeList .rtlHeader th {
    padding: 0.3em 0.6em !important;
}
.treelistItemName {
    float: left;
    padding: .3em .1em !important;
    font-weight: normal;
}
.PlayLevelTextArea .Fa-PlayLevelUsersIcon {
    color: white !important;
}
.PlayLevelTextArea .seperator {
    font-size: 18px;
    font-weight: 300;
    margin-right: 5px;
}

.TeamStandingsGrid th, .OrganizationStandingsGrid th, .GroupLevelStandingsGrid th {
    text-align: center !important;
}
td.dx-pivotgrid-expanded {
    vertical-align: top !important;
}
.rmpView .RadGrid_Metro.grdGroup {
    height: 187px !important;
}

.groupButtonContainer {
    font-size: 11px;
    font-weight: bold;
    height: 26px;
    margin-left: 5px !important;
}

.rpRootGroup .rpTemplate .CommonFormContainer {
    margin-top: 10px !important;
}

    .rpRootGroup .rpTemplate .CommonFormContainer .fieldsMapping {
        margin: 0 auto !important;
        width: 480px !important;
    }

.iframe_ViewArea {
    height: calc(100vh - 285px) !important;
}
.iframe_CreateNewEventArea, .iframe_EditEventArea {
    height: calc(100vh - 262px) !important;
}
.iframe_ExerciseEditArea {
    height: calc(100vh - 280px) !important;
}
.rgFooter > td, .rgFooter td.emptybackground {
    background-color: inherit !important;
}

.IframePageBody .GridContextMenu .rgFilterListMenu .RadListBox.RadListBox_Default {
    height: 170px !important;
}
.grdInsideIframe.grdallowpaging .rgDataDiv {
    height: 390px !important;
}
.PageSelectedTab.OrgDashboardTab {
    background: #ffb900;
}
    .PageSelectedTab.OrgDashboardTab:hover {
        /*background: #e6a700;*/
    }
    .PageSelectedTab.OrgDashboardTab .DashboardSelectedTabIcon:hover {
        background-color: #cc9400 !important;
    }

    .PageSelectedTab.OrgDashboardTab .fal.fa-folder-tree, 
    .PageSelectedTab.OrgDashboardTab .fal.fa-tachometer, 
    .PageSelectedTab.OrgDashboardTab .TabText a, 
    .PageSelectedTab.OrgDashboardTab .DashboardSelectedTabIcon .fal.fa-angle-down {
        color: black !important;
    }

    .PageSelectedTab.OrgDashboardTab > .TabText {
        margin-top:0px !important;
    }

.OrgDashboardnameParent {
    display: flex;
    justify-content: center;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 44px;
}
    .OrgDashboardnameParent .OrgDashboardnamedashnamearea {
        padding-left: 5px;
        color: #000 !important;
        width: calc(100% - 45px);
        float: left;
    }
.OrgDashboardnameParent .OrgDashboardnameiconarea {
    padding-left: 10px;
    color: #000 !important;
    width: 40px;
    float: left;
}
    .OrgDashboardnameParent i.DashboardIcnList_fa {
        color: black !important;
        font-size: 20px;
    }

        .OrgDashboardnameParent i.favouriteStar {
            position: relative;
            top: -8px;
            right: 30px;
        }
.UlOrgDashboardnamelist {
    background: #ffb900 !important;
    width: 227px !important;
}
.UlOrgDashboardnamelist > li > div:hover {
    background: #e6a700 !important;
    background-color: #e6a700 !important;
    cursor:pointer !important;
}
.UlOrgDashboardnamelist > div > li > div:hover {
    background: #e6a700 !important;
    background-color: #e6a700 !important;
    cursor: pointer !important;
}

.OrgDashboardTab_OpenIcon {
    padding-right: 10px;
    vertical-align: top;
    float: left;
    margin-top: 1px;
    width: 50px;
    padding-right: 5px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: FabricMDL2Icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    font-size: 16px;
    color: #106ebe;
    padding: 0 0px;
}

.PageSelectedTab.OrgDashboardTab {
    padding-left: 5px;
}

.tennis-office-menu li a .icon .far,
.tennis-office-menu li a .icon .fas,
.tennis-office-menu li a .icon .fal,
.tennis-office-menu li a .icon .fa {
    color: #a5a3a3 !important;
    font-size: 15px !important;
}
.tennisoffice-left-menu-container .nav.tennis-office-menu > li > a:hover .far,
.tennisoffice-left-menu-container .nav.tennis-office-menu > li > a:hover .fas,
.tennisoffice-left-menu-container .nav.tennis-office-menu > li > a:hover .fal,
.tennisoffice-left-menu-container .nav.tennis-office-menu > li > a:hover .fa {
    color: white !important;
}


.RadScheduler.OrgEventMatchScheduler {
    height: calc(100vh - 295px) !important;
}
    .RadScheduler.OrgEventMatchScheduler .rsContentWrapper,
    .RadScheduler.OrgEventMatchScheduler .rsContentScrollArea,
    .RadScheduler.OrgEventMatchScheduler .rsVerticalHeaderWrapper > div,
    .RadScheduler.OrgEventMatchScheduler .rsVerticalHeaderWrapper {
        overflow-y: auto !important;
        height: calc(100vh - 350px) !important;
    }


.OpponentTeamMenuParent {
    background-color: #6264a7;
}

.RepeaterOpponentTeamArea.OpponentTeamMenuParent .dropdown-submenu.L2.DynamicItem:hover {
    background-color: #8889bc !important;
}

.RepeaterOpponentTeamArea.OpponentTeamMenuParent .dropdown-submenu.L2.DynamicItem:hover {
    background-color: #8889bc !important;
}

.RepeaterOpponentTeamArea.OpponentTeamMenuParent {
    max-height: calc(100vh - 451px);
    overflow-y: auto;
    overflow-x: hidden;
}

    .RepeaterOpponentTeamArea.OpponentTeamMenuParent::-webkit-scrollbar {
        width: 8px;
    }

    .RepeaterOpponentTeamArea.OpponentTeamMenuParent::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }


    .RepeaterOpponentTeamArea.OpponentTeamMenuParent::-webkit-scrollbar-thumb {
        background: black !important;
        border-radius: 10px;
    }

.OpponentTeamMenuParent > li > a:hover {
    cursor: pointer;
}
.OpponentTeamMenuParent li > a {
    background-color: transparent;
    border-left: 4px solid transparent;
    box-sizing: border-box;
    clear: both;
    color: white !important;
    cursor: auto;
    display: block;
    font-family: "Segoe UI", arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 44px;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px !important;
    padding: 12px 0px 12px 10px !important;
    text-align: left;
    text-decoration-color: rgb(119, 116, 116);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-size-adjust: 100%;
    white-space: nowrap;
    width: 227px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.RepeaterOpponentTeamArea {
    border-style: solid;
    border-color: rgba(146, 143, 143, 0.298039);
    border-width: 1px;
    background-clip: padding-box;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: block;
    float: left;
    font-family: "Segoe UI", arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 8px !important;
    min-width: 160px;
    padding: 0px !important;
    position: absolute;
    /* left: 1.855%; */
    /* left: 87px; */
    top: 78%;
    z-index: 99999;
    text-align: left;
    text-size-adjust: 100%;
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
    -webkit-margin-after: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-end: 0px;
    -webkit-margin-start: 0px;
    -webkit-padding-start: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.OpponentTeamMenuParent li.DynamicItem {
    border-bottom-style: dashed;
    border-bottom: 1px solid rgba(146, 143, 143, 0.3);
}
.CirlceCoverImage {
    /* max-width: 307px !important; */
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #e2e4e7;
    padding: 0px 0px;
    background-color: transparent;
    float: none;
    border-radius: 50% !important;
}
.btnavtomatchdetails:hover
{
    cursor:pointer !important;
}
.ribbonbartab {
    height: 30px;
    width: 100%;
    background-color: #e9e9e9;
}
.ribbonbartab span {
    background: #ffffff;
    height: 30px !important;
    position: absolute;
    left: 20px;
    color: #000000;
    padding: 6px 10px 0px 10px;
    font-size: 12px;
}
.AgrLeftPanFixHeight.LeftPanWithSubTab .CommonRow, .AgrLeftPanFixHeight .CommonRow {
    margin-right: 10px !important;
}
.AgrLeftPanFixHeight.LeftPanWithSubTab .CommonRow > div, .AgrLeftPanFixHeight .CommonRow > div {
    padding-right: 10px !important;
}

.AgrLeftPanFixHeight.LeftPanWithSubTab .CommonRow .CommonCol,
.AgrLeftPanFixHeight .CommonRow .CommonCol {
    padding-right: 0px !important;
}
.DevExpDashboardItemFixedHeight {
    max-height: calc(100vh - 499px);
    overflow-y: auto;
    overflow-x: hidden;
}


.Card_Title_Text.Card_Title_Text_TeamCaptain {
    min-width: 265px !important;  
    width:auto !important;
   display:inline-block;
}
    .Card_Title_Text.Card_Title_Text_TeamCaptain.NoViewDropdown {
        min-width: 150px !important;
        width: auto !important;
        display: inline-block;
    }
.Card_Title_Text.Card_Title_Text_TeamCaptain.CaptainStatsInputPage {
    overflow: auto;
}

.AgrLeftPanFixHeight.LeftPanWithSubTab .Card_Wapper.Card_Wapper_TeamCaptain {
    height: calc(100vh - 215px) !important;
}
.AgrLeftPanFixHeight.MatchstatsPage .Card_Wapper.Card_Wapper_TeamCaptain {
    height: calc(100vh - 250px) !important;
}
.AgrLeftPanFixHeight.LeftPanWithSubTab.TeamCaptainUI {
    height: calc(100vh - 180px) !important;
}
.AgrLeftPanFixHeight.MatchstatsPage.TeamCaptainUI {
    height: calc(100vh - 180px) !important;
}

.widget-contents .maincontent.TeamCaptainWidget {
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 10px !important;
    padding-right: 0px !important;
}

.TeamCapCommonGrdContainer .k-radio, input.k-checkbox {
    opacity: 1 !important;
    width: auto !important;
    -webkit-appearance: auto !important;
}
.TeamCapAppStatsInput
{
    margin-top:0px !important;
}


.Card_Title_Text.Card_Title_Text_TeamCaptain.CaptainStatsInputPage::-webkit-scrollbar {
    width: 0px !important;
    height: 0px;
    overflow: visible;
}

.FreeAgentGridContainer, .TeamInvitesGridContainer {
    padding-top: 10px;
}

.ExpandCardFullWidth {
    width: 100% !important;
}

.ExpandCardFullWidth .Card_Wapper .Card_Content iframe {
    height: calc(100vh - 370px) !important;
}

.ribbonbarBtnArea {
    float: right;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 70px;
    height: 100%;
}
.ribbonbarBtnArea span {
    background: none !important;
    position: unset !important;
    color: #000000;
    height: auto !important;
    padding: 0px 0px 0px 0px !important;
    font-size: 12px;
}
.ribbonbarBtnArea a {
    margin-left: 4px;
    margin-right: 4px;
}
.ribbonbarBtnArea a:hover,
.ribbonbarBtnArea a:focus {
    text-decoration: none !important;
}
.ribbonbarBtnArea a i {
    color: #005a9e !important;
}
.ribbonbarBtnArea .Child {
    padding: 3px 0px;
}
.ribbonbarBtnArea .Child:hover {
    background: #dbdbdb !important
}
.PageSelectedTab.OrgDashboardTab {
    position:absolute !important;
}
.RepeaterDashboardArea.DashboardMenuParent.UlOrgDashboardnamelist {
    margin-top: 8px !important;
    top: 78% !important;
}
.PrimaryContactTitle {
    font-weight: bold;
    font-size: 13px;
}