/*Start login and top left/right menus*/
#login_panel {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 10pt;
    float: right;
    margin: 0px !important;
    padding: 0px !important;
}

#top-head {
    height: 50px !important;
    position: fixed !important;
    z-index: 11002 !important;
    background-color: #000000 !important;
}

.top-head {
    position: fixed !important;
    z-index: 11002 !important;
}

    .top-head .fal {
        color: white !important;
        font-size: 20px !important;
    }

.tennisoffice-left-menu-container .is-open .fa,
.tennis-office-main-menu-items .fa,
nav-rightAlign .is-open .fa,
settingNavBar .is-open .fal {
    color: white !important;
    font-size: 20px !important;
}

.top-head .nav-leftAlign,
.top-head .nav-rightAlign {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.top-head .nav-leftAlign {
    float: left;
    width: 100%;
}

.top-head .nav-rightAlign {
    float: right;
}

.top-head .appbar,
.top-head .setting,
.top-head .help,
.top-head .loginAccount {
    padding: 15.5px 16px;
    float: left;
    cursor: pointer;
    border-left: 1px solid rgba(255,255,255,.3);
}

.top-head .appbar {
    padding: 15px 16px;
    background-color: #0078D7;
    position: absolute;
    border-left: none;
}

.top-head .setting {
    padding: 14.5px 16px;
}

.top-head .help {
    padding: 14.5px 19px;
}

.top-head .loginAccount {
    background-color: gray;
    padding: 15.5px 16px;
}

.top-head .appbar:hover {
    background-color: rgb(16,74,125);
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.top-head .setting:hover,
.top-head .help:hover,
.top-head .loginAccount:hover {
    background-color: rgb(16,74,125);
    -webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
    -o-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}

.top-head .appbar span,
.top-head .help span {
    padding: 0px 9px;
}

.top-head .appbar span {
    background: url('/icons/appbar.png');
    background-repeat: no-repeat;
}

.top-head .setting span {
    padding: 5px 16px;
}

.top-head .loginAccount > span > span {
    padding: 2px 9px;
}

.top-head .loginAccount .lblLoginIcon {
    background: url('/icons/member.png');
}

.top-head .topnavText {
    float: left;
    height: 50px;
    margin-left: 49px;
    font-family: "Segoe UI Light";
    font-size: 20px;
    width: 100%;
}

    .top-head .topnavText a,
    .top-head .topnavText a:hover {
        color: white;
    }

    .top-head .topnavText span {
        padding: 11px 26px;
        float: left;
        border-left: 1px solid rgba(255,255,255,.3);
        cursor: pointer;
    }
/* Right Menu Slide*/

#right-slide-wrapper {
    height: 100%;
    right: 0;
    position: fixed;
    background-color: #fff;
    z-index: 10000;
    top: 50px;
}

    #right-slide-wrapper.toggled {
        border-left: 1px solid #c8c8c8;
    }

#right-sidebar-wrapper {
    z-index: 1000;
    right: 220px;
    width: 0;
    height: 100%;
    margin-right: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #right-sidebar-wrapper ::-webkit-scrollbar {
        display: none;
    }

#right-slide-wrapper.toggled #right-sidebar-wrapper {
    width: 200px;
}

#right-slide-wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

.rightslide.is-open {
    background-color: #c8c8c8 !important;
}

    .rightslide.is-open .fal {
        color: black !important;
    }

.is-open #Header1_UserNameLabel {
    color: black !important;
}

ul.navAccount {
    display: none;
}

    ul.navAccount.toggled {
        display: block;
    }

ul.navSetting {
    display: none;
}

    ul.navSetting.toggled {
        display: block;
    }

ul.navHelp {
    display: none;
}

    ul.navHelp.toggled {
        display: block;
    }

/* left Menu Slide*/

#left-slide-wrapper {
    height: 100%;
    left: 0;
    position: fixed;
    background-color: #000;
    z-index: 11004;
    top: 50px;
}

    #left-slide-wrapper.toggled {
        border-right: 1px solid #c8c8c8;
    }

#left-sidebar-wrapper {
    z-index: 1000;
    right: -220px;
    width: 0;
    height: 100%;
    margin-right: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    /*background: #1a1a1a;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #left-sidebar-wrapper::-webkit-scrollbar {
        display: none;
    }

#left-slide-wrapper.toggled #left-sidebar-wrapper {
    width: 224px;
}

ul.nav-appbar {
    display: none;
}

    ul.nav-appbar.toggled {
        display: block;
    }

.appbar.is-open {
    background-color: rgb(16,74,125) !important;
}

.nav-appbar-tournamentOffice span:first-child,
.nav-appbar-setup-option span:first-child,
.nav-appbar-player-management span:first-child,
.nav-appbar-job-scheduler span:first-child,
.nav-appbar-dashboards span:first-child,
.nav-appbar-Import span:first-child {
    padding: 17px;
    background-repeat: no-repeat !important;
    float: left;
}

.nav-appbar-tournamentOffice span:first-child {
    background: url('/icons/tournaments-28x28.png');
}

.nav-appbar-setup-option span:first-child {
    background: url('/icons/setup-options 28x 28.png');
}

.nav-appbar-player-management span:first-child {
    background: url('/icons/manage-players-28x28.png');
}

.nav-appbar-job-scheduler span:first-child {
    background: url('/icons/job-scheduler-28x28.png');
}

.nav-appbar-dashboards span:first-child {
    background: url('/icons/dashboard-28x28.png');
}

.nav-appbar-Import span:first-child {
    background: url('/icons/import-28x28.png');
}

/*Slide Menu Navigation*/
.sidebar-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-appbar.sidebar-nav {
    position: relative;
    width: 250px;
}

.sidebar-nav li {
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

    .sidebar-nav li:hover,
    .sidebar-nav li.open:hover {
        width: 100%;
        -webkit-transition: width .2s ease-in;
        -moz-transition: width .2s ease-in;
        -ms-transition: width .2s ease-in;
        transition: width .2s ease-in;
    }

    .sidebar-nav li a, .sidebar-nav li .edit {
        display: block;
        color: #a6a6a6;
        text-decoration: none;
        padding: 10px 15px 10px 30px;
        cursor: pointer;
    }

        .sidebar-nav li a:hover,
        .sidebar-nav li.open a:hover,
        .sidebar-nav li .edit:hover,
        .tennis-office-main-menu-items .dropdown-menu li a:hover {
            color: black;
            text-decoration: none;
            background-color: #c8c8c8 !important;
            -webkit-transition: background-color 400ms linear;
            -moz-transition: background-color 400ms linear;
            -o-transition: background-color 400ms linear;
            -ms-transition: background-color 400ms linear;
            transition: background-color 400ms linear;
        }

.nav-appbar.sidebar-nav > .sidebar-brand {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding-left: 0px;
    padding-top: 13px;
}

    .nav-appbar.sidebar-nav > .sidebar-brand a {
        background: url('/icons/sidebar-logo.png');
        background-repeat: no-repeat;
        padding: 20px;
    }

        .nav-appbar.sidebar-nav > .sidebar-brand a:hover {
            background-color: transparent;
        }

.nav-appbar.sidebar-nav li a, .nav-appbar.sidebar-nav li .edit {
    display: block;
    color: #a6a6a6;
    text-decoration: none;
    padding: 9px 15px 9px 0px;
    cursor: pointer;
    font-size: 15px;
    position: relative;
    line-height: 24px;
    border-left: 4px solid transparent;
    padding-left: 8px;
}

    .nav-appbar.sidebar-nav li a:hover {
        color: black;
        text-decoration: none;
        background-color: #c8c8c8 !important;
        -webkit-transition: background-color 400ms linear;
        -moz-transition: background-color 400ms linear;
        -o-transition: background-color 400ms linear;
        -ms-transition: background-color 400ms linear;
        transition: background-color 400ms linear;
    }

.nav-appbar.sidebar-nav .active {
    background: #1a1a1a;
    border-left-color: #1a1a1a;
}

.nav-appbar.sidebar-nav li:nth-child(2) > a:hover {
    border-left: 4px solid #0082cc;
}

.nav-appbar.sidebar-nav li:nth-child(3) > a:hover {
    border-left: 4px solid #ec1b5a;
}

.nav-appbar.sidebar-nav li:nth-child(4) > a:hover {
    border-left: 4px solid #279636;
}

.nav-appbar.sidebar-nav li:nth-child(5) > a:hover {
    border-left: 4px solid #7d5d81;
}

.nav-appbar.sidebar-nav li:nth-child(6) > a:hover {
    border-left: 4px solid #ead24c;
}

.nav-appbar.sidebar-nav li:nth-child(7) > a:hover {
    border-left: 4px solid #35acdf;
}

.nav-appbar.sidebar-nav li:nth-child(8) > a:hover {
    border-left: 4px solid #35acdf;
}

.sidebar-nav > .sidebar-brand {
    font-size: 20px;
    line-height: 44px;
    padding-left: 27px;
}

.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*End login and top left/right menus*/

.maincontentExtraMargin {
    padding-top: 100px !important;
}


/** Start Breadcrumb Menus **/
.breadcrumb-container {
    position: fixed;
    top: 16px;
    z-index: 11002;
    left: 209px;
}

    /*.breadcrumb-container .btn-breadcrumb .btn {
        border-radius: 0px;
        background-color: #131111;
        color: #abaaaa;
        border-color: #5a5a5a;
        padding: 4px 5px 4px 15px !important;
    }

        .breadcrumb-container .btn-breadcrumb .btn:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 10px solid #fff;
            position: absolute;
            top: 50%;
            margin-top: -15px;
            margin-left: 0px;
            left: 100%;
            z-index: 3;
        }

        .breadcrumb-container .btn-breadcrumb .btn:before {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 10px solid #fff;
            position: absolute;
            top: 50%;
            margin-top: -15px;
            margin-left: 0px;
            left: 100%;
            z-index: 3;
        }

        .breadcrumb-container .btn-breadcrumb .btn.btn-default:after {
            border-left: 10px solid #000;
        }

        .breadcrumb-container .btn-breadcrumb .btn.btn-default:before {
            border-left: 12px solid #a09393;
        }

        .breadcrumb-container .btn-breadcrumb .btn.btn-default:hover:after {
            border-left: 10px solid #ebebeb;
        }

        .breadcrumb-container .btn-breadcrumb .btn.btn-default:hover:before {
            border-left: 12px solid #adadad;
        }*/



    .breadcrumb-container .btn-breadcrumb .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.breadcrumb-icon {
    padding: 1px 5px 7px;
    cursor: pointer;
    margin: -5px -5px 0px 5px;
    display: none;
}

.btn-group.btn-breadcrumb,
.btn-group.btn-breadcrumb a {
    color: #9a9a9a;
    float: left;
}

    .btn-group.btn-breadcrumb .bc-btn {
        padding: 0px 10px;
    }
        .btn-group.btn-breadcrumb .bc-btn.last {
            cursor: default;
        } 

.breadcrumb-icon:hover {
    color: white !important;
    background-color: gray;
}

.breadcrumb-arrow {
    margin-top: 7px;
    border: 1px solid #9a9a9a;
    transform: rotate(45deg);
    height: 9px;
    width: 9px;
    float: left;
    border-left: 0px;
    border-bottom: 0px;
    margin-left: -7px;
}

.btn-group.btn-breadcrumb bc-btn {
    margin-top: 6px;
    margin-left: 5px;
}

.btn-group.btn-breadcrumb a:hover,
.btn-group.btn-breadcrumb a:focus {
    text-decoration: none;
}
.btn-group.btn-breadcrumb bc-btn.L1 {
    padding-left: 6px;
}

.btn-group.btn-breadcrumb bc-btn:hover {
    color: gray;
}


.breadcrumb-container.toggole .btn-breadcrumb-popup {
    display: none;
    background-color: #000000 !important;
    border: 1px solid #2b2828;
}

.btn-breadcrumb-popup {
    display: none;
    width: 200px;
    background-color: transparent;
    position: absolute;
    padding: 5px;
    margin-top: 34px;
    border: 1px solid #5a5a5a;
}

.connector-icon {
    position: absolute;
    background-color: black;
    box-shadow: inherit;
    border: inherit;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 20px;
    width: 20px;
    border-right: 0px;
    top: -10px;
    border-bottom: 0px;
    border-color: #3c3a3a;
}

.btn-breadcrumb-popup ul,
.btn-breadcrumb-popup li {
    width: 100%;
}

    .btn-breadcrumb-popup li a {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        color: #abaaaa;
        font-size: 13px;
    }

        .btn-breadcrumb-popup li a:hover {
            color: black;
        }

.btn-breadcrumb-popup .navbar-nav {
    margin: 0px;
}

.btn-breadcrumb-popup ul li.Item-1,
.btn-breadcrumb-popup ul li.Item-2,
.btn-breadcrumb-popup ul li.Item-3,
.btn-breadcrumb-popup ul li.Item-4,
.btn-breadcrumb-popup ul li.Item-5,
.btn-breadcrumb-popup ul li.Item-6 {
    display: none;
}


@media screen and (min-width: 1150px)
{
    .breadcrumb-container bc-btn {
        font-size: 15px;
    }
}


/** End Breadcrumb Menus **/


/*Start New Item Add Popup*/
.popup-newItem {
    background-color: #FFFFFF;
    display: none;
    left: 300px;
    padding: 40px;
    position: absolute;
    top: 200px;
    width: 437px;
    z-index: 10000;
    box-shadow: 0px 0px 20px rgba(128,196,243,0.75);
    min-height: 235px;
    height:auto !important;
    padding-top: 25px;
}

    .popup-newItem .form-group {
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

        .popup-newItem .form-group .input-group {
            width: 100%;
        }

    .popup-newItem .button-grounp {
        height: 38px;
        margin-top: 20px;
        overflow: hidden;
        text-align: right;
        width: 100%;
    }
/*End New Item Add Popup*/


/*form left page menu*/
.tennisoffice-left-menu-container {
    position: fixed;
    display: block;
    float: left;
    width: 50px;
    background-color: #000;
    bottom: 0px;
    z-index: 11003;
    top: 50px;
    left: 0px;
}

    .tennisoffice-left-menu-container .container-fluid {
        padding: 0px;
    }

    .tennisoffice-left-menu-container .navbar-nav {
        width: 224px;
        margin: 0px 0px;
    }

    .tennisoffice-left-menu-container .nav > li {
        width: 100%;
    }

        .tennisoffice-left-menu-container .nav > li > a {
            padding: 12px 8px;
        }

    .tennisoffice-left-menu-container .nav-left-menus .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        background-color: #cccccc;
        border-radius: 1px;
    }

    .tennisoffice-left-menu-container .nav-left-menus .navbar {
        float: left;
        border-radius: 0px;
        z-index: 11000;
        width: 50px;
        height: 100%;
        margin-right: 0px;
        margin-bottom: 0px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background-color: #151414;
        border: 0px;
        position: inherit;
    }

        .tennisoffice-left-menu-container .nav-left-menus .navbar.toggled {
            width: 225px;
        }

    .tennisoffice-left-menu-container .nav-left-menus {
        width: auto;
        float: left;
        height: 100%;
    }

    .tennisoffice-left-menu-container .nav.tennis-office-menu > li > a:hover,
    .tennis-office-menu.navbar-nav .dropdown-menu > li > a:hover,
    .tennis-office-main-menu-items > li > a:hover,
    .tennis-office-main-menu-items.dropdown-menu > li > a:hover {
        color: black;
        text-decoration: none;
        background-color: #c8c8c8 !important;
        -webkit-transition: background-color 400ms linear;
        -moz-transition: background-color 400ms linear;
        -o-transition: background-color 400ms linear;
        -ms-transition: background-color 400ms linear;
        transition: background-color 400ms linear;
    }

        .tennis-office-main-menu-items li > a:hover .fa,
        .tennisoffice-left-menu-container .nav.tennis-office-menu > li > a:hover .fal {
            color: white !important;
        }

    /*.tennisoffice-left-menu-container .nav > li > a:hover
    {
        
       background-color:red !important;
    }*/

    .tennisoffice-left-menu-container .is-open .fa-bars {
        color: #0070C0 !important;
        font-size: 14px !important;
    }

    .tennisoffice-left-menu-container li.actionbars {
        width: 51px;
    }

        .tennisoffice-left-menu-container li.actionbars a:hover {
            width: 55px !important;
        }

    .tennisoffice-left-menu-container .nav li.actionbars a {
        padding: 4px 14px !important;
    }

.tennis-office-menu {
    overflow: hidden;
    border: 0;
    position: relative;
    max-height: 500px;
}

    .tennis-office-menu li,
    .tennis-office-main-menu-items li {
        float: left;
        width: 100%;
        border-bottom: 1px solid rgba(146, 143, 143, 0.3);
    }

        .tennis-office-menu li a,
        .tennis-office-main-menu-items li a {
            border-left: 4px solid transparent;
            height: 44px;
        }

            .tennis-office-menu li a .icon,
            .tennis-office-main-menu-items li a .icon {
                padding-left: 4px;
                background-repeat: no-repeat;
                float: left;
                width: 21px;
            }

                .tennis-office-main-menu-items li a .icon .fa,
                .tennis-office-menu li a .icon .fal {
                    color: #a5a3a3 !important;
                    font-size: 15px !important;
                }

                    .tennis-office-menu li a .icon .fa:hover,
                    .tennis-office-main-menu-items li a .icon .fa:hover {
                        color: white !important;
                    }

            .tennis-office-menu li a .text,
            .tennis-office-main-menu-items li a .text {
                padding-left: 10px;
                visibility: hidden;
                opacity: 0;
                transition: visibility 0s, opacity 0.5s linear;
            }

        .tennis-office-menu li:nth-child(1) > a:hover,
        .tennis-office-menu li:nth-child(9) > a:hover,
        .tennis-office-menu li:nth-child(17) > a:hover,
        .tennis-office-menu li:nth-child(25) > a:hover,
        .tennis-office-menu li:nth-child(33) > a:hover,
        .tennis-office-menu li:nth-child(1) > a.static.selected,
        .tennis-office-menu li:nth-child(9) > a.static.selected,
        .tennis-office-menu li:nth-child(17) > a.static.selected,
        .tennis-office-menu li:nth-child(25) > a.static.selected,
        .tennis-office-menu li:nth-child(33) > a.static.selected {
            border-left-color: #0082cc;
        }

        .tennis-office-menu li:nth-child(2) > a:hover,
        .tennis-office-menu li:nth-child(10) > a:hover,
        .tennis-office-menu li:nth-child(18) > a:hover,
        .tennis-office-menu li:nth-child(26) > a:hover,
        .tennis-office-menu li:nth-child(34) > a:hover {
            border-left-color: #0082cc;
        }

        .tennis-office-menu li:nth-child(3) > a:hover,
        .tennis-office-menu li:nth-child(11) > a:hover,
        .tennis-office-menu li:nth-child(19) > a:hover,
        .tennis-office-menu li:nth-child(27) > a:hover,
        .tennis-office-menu li:nth-child(35) > a:hover {
            border-left-color: #ec1b5a;
        }

        .tennis-office-menu li:nth-child(4) > a:hover,
        .tennis-office-menu li:nth-child(12) > a:hover,
        .tennis-office-menu li:nth-child(20) > a:hover,
        .tennis-office-menu li:nth-child(28) > a:hover,
        .tennis-office-menu li:nth-child(36) > a:hover {
            border-left-color: #279636;
        }

        .tennis-office-menu li:nth-child(5) > a:hover,
        .tennis-office-menu li:nth-child(13) > a:hover,
        .tennis-office-menu li:nth-child(21) > a:hover,
        .tennis-office-menu li:nth-child(29) > a:hover,
        .tennis-office-menu li:nth-child(37) > a:hover {
            border-left-color: #7d5d81;
        }

        .tennis-office-menu li:nth-child(6) > a:hover,
        .tennis-office-menu li:nth-child(14) > a:hover,
        .tennis-office-menu li:nth-child(22) > a:hover,
        .tennis-office-menu li:nth-child(30) > a:hover,
        .tennis-office-menu li:nth-child(38) > a:hover {
            border-left-color: #ead24c;
        }

        .tennis-office-menu li:nth-child(7) > a:hover,
        .tennis-office-menu li:nth-child(15) > a:hover,
        .tennis-office-menu li:nth-child(23) > a:hover,
        .tennis-office-menu li:nth-child(31) > a:hover,
        .tennis-office-menu li:nth-child(39) > a:hover {
            border-left-color: #35acdf;
        }

        .tennis-office-menu li:nth-child(8) > a:hover,
        .tennis-office-menu li:nth-child(16) > a:hover,
        .tennis-office-menu li:nth-child(24) > a:hover,
        .tennis-office-menu li:nth-child(32) > a:hover,
        .tennis-office-menu li:nth-child(40) > a:hover {
            border-left-color: #35acdf;
        }

    .tennis-office-menu .dropdown-submenu {
        position: relative;
    }

        .tennis-office-menu .dropdown-submenu .dropdown-menu > li > a {
            padding: 12px 0px 12px 28px;
            color: #777474;
        }

            .tennis-office-menu .dropdown-submenu .dropdown-menu > li > a .icon {
                width: 20px;
            }

            .tennis-office-menu .dropdown-submenu .dropdown-menu > li > a .text {
                padding-left: 10px;
            }


    .tennis-office-menu .navbar-nav > li > .dropdown-menu {
        border: 0px;
        padding: 0px;
        border-radius: 0px;
    }

    .tennis-office-menu .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        width: 100%;
        color: white;
    }

    .tennis-office-menu .dropdown-submenu.L2 .dropdown-menu {
        display: none;
    }

    .tennis-office-menu .dropdown-submenu.L1.toggle > .dropdown-menu,
    .tennis-office-menu .dropdown-submenu.L2.toggle > .dropdown-menu,
    .tennis-office-menu .dropdown-submenu.L3.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;
        padding-top: 0px;
        margin-top: 0px;
        border-top: 1px solid rgba(146, 143, 143, 0.3);
    }

        .tennis-office-menu .dropdown-submenu.L2.toggle > .dropdown-menu li a {
            padding-left: 45px;
        }

        .tennis-office-menu .dropdown-submenu.L3.toggle > .dropdown-menu li a {
            padding-left: 55px;
        }

    .tennis-office-menu .dropdown-submenu.toggle {
        /*background-color: gray;*/
        width: 234px;
        border: 0px;
    }
    /*.tennis-office-menu .dropdown-submenu.L2.toggle:parent {
        background-color: red;
    }*/

    .tennis-office-menu .dropdown-submenu:hover {
        /*border-bottom: 1px solid transparent;*/
    }


    .tennis-office-menu .dropdown-submenu .fa-angle-right,
    .tennis-office-main-menu-items .dropdown-submenu .fa-angle-right,
    .tennis-office-main-menu-items .dropdown-submenu .fa-times {
        display: none;
        top: 14px;
        color: #716f6f !important;
        position: absolute;
        left: 37px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .tennis-office-menu .dropdown-submenu.L1 .fa-angle-right:before,
    .tennis-office-menu .dropdown-submenu.L2 .fa-angle-right:before,
    .tennis-office-main-menu-items .dropdown-submenu.L1 .fa-angle-right:before,
    .tennis-office-main-menu-items .dropdown-submenu.L2 .fa-angle-right:before {
        content: "\f105" !important;
    }

    .tennis-office-menu .dropdown-submenu.L1.toggle > a .fa-angle-right:before,
    .tennis-office-menu .dropdown-submenu.L2.toggle > a .fa-angle-right:before,
    .tennis-office-menu .dropdown-submenu.L3.toggle > a .fa-angle-right:before,
    .tennis-office-main-menu-items .dropdown-submenu.L1.toggle > a .fa-angle-right:before,
    .tennis-office-main-menu-items .dropdown-submenu.L2.toggle > a .fa-angle-right:before,
    .tennis-office-main-menu-items .dropdown-submenu.L3.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;
    }

.tennis-office-main-menu-items .dropdown-submenu.L1.toggle > a .fa-times:before {
    right: 23px;
    content: "\f00d";
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tennis-office-main-menu-items .fa.fa-remove,
.tennis-office-main-menu-items .fa.fa-close,
.tennis-office-main-menu-items .fa.fa-times,
.tennis-office-main-menu-items .fa-remove:before,
.tennis-office-main-menu-items .fa-close:before,
.tennis-office-main-menu-items .fa-times:before {
    font-size: 13px !important;
    font-weight: normal !important;
}

.tennisoffice-left-menu-container .toggled .tennis-office-menu .dropdown-submenu .fa-angle-right,
.tennis-office-main-menu-items .dropdown-submenu .fa-angle-right,
.tennis-office-main-menu-items .dropdown-submenu .fa-times {
    display: block;
    left: 192px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tennis-office-main-menu-items .tournamentbookmark .fa.fa-times,
.tennis-office-main-menu-items .dropdown-submenu li .fa-times {
    display: none !important;
}
.tennis-office-menu .dropdown-submenu:hover .fa-angle-right,
.tennis-office-main-menu-items .dropdown-submenu:hover .fa-angle-right,
.tennis-office-main-menu-items .dropdown-submenu li:hover .fa-times {
    display: block !important;
}

.tennis-office-menu li a .icon:after {
    left: 35px;
}

.tennisoffice-left-menu-container .toggled .tennis-office-menu .dropdown-submenu .fa-angle-right:before,
.tennis-office-main-menu-items .dropdown-submenu .fa-angle-right:before,
.tennis-office-main-menu-items .dropdown-submenu .fa-times:before {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    left: 192px;
}

.tennisoffice-left-menu-container .toggled .tennis-office-menu {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.2s ease;
    width: 100%;
}

    .tennisoffice-left-menu-container .toggled .tennis-office-menu li a .text {
        visibility: visible;
        opacity: 1;
        transition: visibility .2s, opacity .5s linear;
        margin-left: 17px;
    }

.tennis-office-menu .dropdown-submenu:hover > a:after {
    /*border-left-color: #fff;*/
}

.tennis-office-menu .dropdown-submenu.pull-left {
    float: none;
}

.tennis-office-menu.navbar-nav > li > a:focus,
.tennis-office-menu .dropdown-menu > li > a:focus,
.tennis-office-main-menu-items > li > a:focus,
.tennis-office-main-menu-items .dropdown-menu > li > a:focus {
    color: #777 !important;
    background-color: transparent;
}


.tennis-office-menu .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.tennis-office-menu a.static.selected {
    background-color: #c1bfbf !important;
    border-left-style: solid !important;
}

.tennis-office-menu .fa,
.tennis-office-main-menu-items .fal {
    margin-left: 0px !important;
}


/*.navChildItems {
        float: left;
        position: absolute;
        left: 50px;
        background-color: #000;
    }

        .navChildItems .navbar-default {
            background-color: #000;
            border: 0px;
            border-radius: 0px;
        }

    #custom-search-input {
        padding: 3px 3px 0px 5px;
        border: solid 1px #171414;
        border-radius: 0px;
    }

        #custom-search-input input {
            border: 0;
            box-shadow: none;
            border-radius: 0px;
            background-color: transparent;
            border: 0px !important;
        }

        #custom-search-input button {
            margin: 6px 0 0 0;
            background: none;
            box-shadow: none;
            border: 0;
            color: #666666;
            padding: 0 8px 0 10px;
        }

            #custom-search-input button:hover {
                border: 0;
                box-shadow: none;
                border-left: solid 1px #ccc;
            }

        #custom-search-input .glyphicon-search {
            font-size: 23px;
        }

    .navChildItems .glyphicon {
        top: 3px;
    }*/




/* Start for small scrolling in menus */

.tennisoffice-left-menu-container .nav-left-menus .navbar.toggled .tennis-office-menu:hover {
    position: relative !important;
    top: 0px;
    right: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 52px !important;
}

.navbar.navbar-default.toggled.is-open .tennis-office-menu:hover {
    width: 100% !important;
}

.tennisoffice-left-menu-container .nav-left-menus .navbar.toggled .tennis-office-menu:hover::-webkit-scrollbar {
    width: 10px;
}

.tennis-office-menu:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.tennis-office-menu:hover::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(146, 143, 143, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    .tennis-office-menu:hover::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(146, 143, 143, 0.3);
    }


/*Scrolling for main menu*/

.tennis-office-menu .hoverItem {
    display: none;
    position: fixed;
    margin-left: 214px;
    background-color: red;
    padding: 0px;
    margin-top: -44px;
}

    .tennis-office-menu .hoverItem .dropdown-menu {
        display: block !important;
        border: 0px;
        border-radius: 0px;
        background-color: black;
        margin: 0px;
        padding: 0px;
        padding-left: 15px;
    }

        .tennis-office-menu .hoverItem .dropdown-menu li a {
            padding-left: 15px !important;
        }

.dropdown-submenu .dropdown-menu a:hover + div,
.dropdown-submenu .dropdown-menu a + div:hover {
    display: block;
}
/*.dropdown-submenu.L2.PlayLevel a:hover + div,
    .dropdown-submenu.L2.PlayLevel .hoverItem:hover {
        display: block;
    }*/

/* End for small scrolling in menus */

/*Start for widget and page contents layout*/
.widget-control-menu {
    display: none;
}

.widget-contents {
    width: 100%;
    float: left;
}

.hidden-controls {
    display: none;
}

.widget-contents .maincontent {
    float: left;
    width: 100%;
    margin-top: 35px;
    padding-bottom: 80px;
    padding: 0px 20px 80px 20px;
}

.widget-contents .container {
    padding-left: 0px;
    float: left;
}
/*.widget-contents .container .form-group {
        float: left;
        width:100%;
    }*/

/*End for widget and page contents*/



/*Start for file Uploaded*/
.file-upload-container {
}

    .file-upload-container .img-container {
        float: left;
        width: 100%;
    }

        .file-upload-container .img-container.uploaded-img,
        .file-upload-container .img-container.default-img {
            float: left;
            position: relative;
            margin: 10px 25px;
            width: calc(100% - 50px);
            text-align: center;
        }

        .file-upload-container .img-container .RadUpload input[type="text"] {
            display: none;
        }

        .file-upload-container .img-container .img-setting-icon {
            display: none;
            position: absolute;
            right: 50%;
            width: 80px;
            top: 50%;
            text-align: center;
        }

    .file-upload-container .img-setting-icon .fal {
        font-size: 30px;
        width: 100%;
        position: relative;
    }

    .file-upload-container .img-container.uploaded-img:hover .img-setting-icon {
        display: block;
    }

    .file-upload-container .iconText {
        display: none;
        float: left;
        width: 100% !important;
    }

    .file-upload-container .img-setting-icon .ruBrowse,
    .file-upload-container .img-setting-icon .ruFileInput {
        width: 100% !important;
        background-color: #fff !important;
        border: 1px solid #ccc !important;
        color: black;
        height: 25px;
    }

        .file-upload-container .img-setting-icon .ruBrowse.ruButtonHover {
            background-color: #CEE7F8 !important;
            border: 1px solid #80C4F3 !important;
            color: black !important;
        }

        .file-upload-container .img-setting-icon .ruBrowse:active,
        .file-upload-container .img-setting-icon .ruFileInput:active {
            background-color: #80C4F3 !important;
            border: 1px solid #80C4F3 !important;
        }

    .file-upload-container .img-container .RadAsyncUpload span.ruFileWrap {
        float: left;
        width: 100%;
    }

    .file-upload-container .img-setting-icon:hover .iconText {
        display: block;
    }

    .file-upload-container .img-setting-icon .btnImagEdtor {
        width: 80px !important;
        padding: 0px;
        margin: 0px;
        float: left;
    }

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

    .file-upload-container .img-container.uploaded-img img {
        padding: 20px 25px;
        background-color: #f3f3f3;
    }

    .file-upload-container .img-container.default-img img {
        padding: 0px;
        border: none;
        background-color: #A6A6A6;
    }

        .file-upload-container .img-container.default-img img:hover {
            border: none;
            background-color: rgb(236,159,107);
        }

/*End for file Uploaded*/

.rightContentHeader,
.RightContentArea {
    width: 100%;
    float: left;
}

.rightContentHeader {
    height: 83px;
}

.page-title-container {
    width: 100%;
    height: 65px;
}

    .page-title-container .PageTitle,
    .page-title-container .quick-nav-dropdown-container {
        float: left;
    }
 
.quick-nav-dropdown-container {
    padding-left: 2px;
    margin-top: 25px;
    width: 30px;
}

    .quick-nav-dropdown-container .nav {
        display: none;
        position: absolute;
        width: 200px;
        z-index: 11000;
        background-color: white;
        border: 1px solid #e2e0e0;
    }

        .quick-nav-dropdown-container .nav li {
            width: 100%;
        }

            .quick-nav-dropdown-container .nav li a {
                padding-top: 9px;
                padding-bottom: 9px;
            }

                .quick-nav-dropdown-container .nav li a:hover {
                    color: #484848;
                }

    .quick-nav-dropdown-container.toggole .nav {
        display: block;
    }

    .quick-nav-dropdown-container span {
        cursor: pointer;
        font-size: 10px;
        padding: 6px;
        color: #0078D7;
    }

        .quick-nav-dropdown-container span:hover {
            background-color: #efefef;
        }

    .quick-nav-dropdown-container.toggole span {
        background-color: #efefef;
    }

.rightContentHeader .message-box {
    float: left;
    width: 100%;
    text-align: center;
}
.error {
    color: Red;
}
.success {
    color: #8dea15;
}