@media only screen and (min-width: 300px) and (max-width: 1023px) {


    .greybar-container {
        display: flex;
        justify-content: center;
    }

    .topmenupadding1 {
        padding-top: 5px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .topmenupadding2 {
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 5px;
    }

    .menu-position {
        padding: 10px;
        min-height: 25px;
        height: auto;
        /*background-image: linear-gradient(rgba(160,160,160,1), rgba(218,218,218,0));*/
        background-color: #4DA93F;
    }

    .menubar-container {
        width: 98%;
        border: 1px solid #E0E6ED;
        height: 60px;
        background-color: #585858;
        /*-webkit-box-shadow: 0px 2px 2px 2px #A8A8A8;
	box-shadow: 0px 2px 2px 2px #A8A8A8;*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .greybar-padding {
        padding-top: 20px;
        padding-left: 10px;
    }

    .greybar-padding-menu {
        padding-top: 32px;
    }

    .menutab-line1 {
        /*background-color: #383838;*/
        width: 2px;
        height: 46px;
        margin-top: -16px;
    }

    .menutab-line2 {
        /*background-color: #383838;*/
        width: 2px;
        height: 46px;
        margin-top: -16px;
    }

    .menutab-align {
        display: inline-block;
        margin-top: -17px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .menutab-unselected {
        background-color: #585858;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        /*border: 1px solid white;*/
        /*box-shadow:   1px 1px 1px 1px grey;*/
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .menutab-selected {
        background-color: #373737;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        /*border: 1px solid #53B744;*/
        /*border-collapse: collapse;*/
        /*box-shadow:  1px 1px 1px 1px green;*/
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .menu-container-align {
        text-align: right;
        width: auto; /*this is required so the radnavigation will not show the hamburger menu when all items fit*/
    }

    .user-align {
        float: right;
    }

    .RadNavigation.RadNavigation_AppNavigation .rnvRootGroupWrapper {
        background-color: #585858 !important;
    }

	.RadNavigation.RadNavigation_AppNavigation .rnvRootGroup {
		padding: 15px 1px 15px 1px !important;
	}

    .RadNavigation.RadNavigation_AppNavigation .rnvRootGroup > .rnvItem {
		/*padding: 15px 1px 15px 1px !important;*/
        background-color: #585858 !important;
    }

    .RadNavigation.RadNavigation_AppNavigation .rnvRootLink {
        border-color: transparent;
    }


    .RadNavigation.RadNavigation_AppNavigation .rnvMore {
        padding: 20px 10px 20px 10px !important;
        background-color: #585858 !important;
    }

        .RadNavigation.RadNavigation_AppNavigation .rnvMore.rnvHovered, .RadNavigation.RadNavigation_AppNavigation .rnvMore.rnvSelected {
            background-color: #373737 !important;
            border-radius: 6px;
            border: none;
        }

    .RadNavigation.RadNavigation_AppNavigation .rnvSelected.rnvMore, .RadNavigation.RadNavigation_AppNavigation .rnvSelected > .rnvRootLink, .RadNavigation.RadNavigation_AppNavigation .rnvExpanded > .rnvRootLink, .RadNavigation.RadNavigation_AppNavigation .rnvHovered > .rnvRootLink {
        background-color: #373737 !important;
        border-radius: 6px;
        border-color: lightgray;
    }

    .RadNavigation.RadNavigation_AppNavigation {
        margin-right: 5px;
    }

    .radSkin_AppNavigation .rnvPopup {
        background-color: #585858 !important;
        border-radius: 6px;
        margin-top: 1px;
        border-color: #585858;
    }

    .radSkin_AppNavigation .rnvLink:hover {
        background-color: #373737 !important;
    }

    .radSkin_AppNavigation .rnvPopup .rnvSelected > .rnvLink, .radSkin_AppNavigation .rnvPopup .rnvExpanded > .rnvLink {
        background-color: #373737 !important;
        border-radius: 6px;
    }
}