.md-content {
    position: relative;
    margin: 0 auto;
}
.md-modal {
	display: flex;
    height: 100vh;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 600px;
    z-index: 501;
    overflow: hidden;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: transform 220ms cubic-bezier(0.2, 0, 0, 1) 0s, width 220ms cubic-bezier(0.2, 0, 0, 1) 0s;
	-moz-transform: transform 220ms cubic-bezier(0.2, 0, 0, 1) 0s, width 220ms cubic-bezier(0.2, 0, 0, 1) 0s;
	-ms-transform: transform 220ms cubic-bezier(0.2, 0, 0, 1) 0s, width 220ms cubic-bezier(0.2, 0, 0, 1) 0s;
	transition: transform 220ms cubic-bezier(0.2, 0, 0, 1) 0s, width 220ms cubic-bezier(0.2, 0, 0, 1) 0s;
}

.md-modal1 {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 810px;
    min-width: 320px;
    height: 90vh;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(9, 30, 66, 0.54);
    transition: opacity 220ms ease 0s;
	-webkit-transition: opacity 220ms ease 0s;
	-moz-transition: opacity 220ms ease 0s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}





/* Individual modal styles with animations/transitions */


/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	transition: transform 220ms cubic-bezier(0.2, 0, 0, 1) 0s, width 220ms cubic-bezier(0.2, 0, 0, 1) 0s;
	-webkit-transform: translate3d(-100%, 0px, 0px);
	-moz-transform: translate3d(-100%, 0px, 0px);
	-ms-transform: translate3d(-100%, 0px, 0px);
    transform: translate3d(-100%, 0px, 0px);
}

.md-show.md-effect-2 .md-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translate3d(0%, 0px, 0px);
	opacity: 1;
}


@media screen and (max-width: 32em) {
	body { font-size: 75%; }
}

.bgQdwW [data-role="droplistContent"] {
    max-height: 85vh;
}

.kRZpQq {
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
    box-sizing: border-box;
    max-height: none;
    background: rgb(255, 255, 255);
    border-radius: 3px;
    overflow: auto;
    padding: 4px 0px;
}



.nav {
    display: block;
    margin: 0; 
    padding: 0;
}

.nav li {
    list-style: none;
}

.nav .button-dropdown {
    position: relative;
}

.nav li a {
    color: rgb(23, 43, 77);
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	padding-bottom: 10px !important;
}

.nav li a span {
    display: inline-block;
    margin-left: 5px;
}

.nav li a:hover {
   // background-color: rgb(244, 245, 247);
    
    text-decoration: none;
}

.nav li a:active, .nav li a:focus {
    //background-color: rgb(179, 212, 255);
//    color: rgb(23, 43, 77);
}

.nav li a:hover span, .nav li a.dropdown-toggle.active span {
    color: #fff;
}

.nav li .dropdown-menu2 , .nav li .dropdown-menu1{
    display: none;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
    box-sizing: border-box;
    max-height: none;
    background: rgb(255, 255, 255);
    border-radius: 3px;
    overflow: auto;
    padding: 4px 0px;
	position:fixed;
	z-index: 400;	
	transform: translate3d(56px, 0px, 0px);
	max-width: 300px;
	
}

.nav li .dropdown-menu2{
	bottom:170px;
	
}
.nav li .dropdown-menu1{
	bottom:30px;
	
}

.nav li .dropdown-menu2.active, .nav li .dropdown-menu1.active {
    display: block;
}

.nav li .dropdown-menu2 a, .nav li .dropdown-menu1 a {
    max-width: 300px;
}