/*** HEADER MOBILE BUTTONS ***/
.mobile-buttons { position:absolute; top:50%; right:3%; margin-top:-20px; width:94%; height:40px;}
.mobile-buttons>ul { text-align:right; font-size:0;}
.mobile-buttons>ul>li { display:inline-block; margin-left:5px;}
.mobile-buttons>ul>li>a { display:block; background:#d6d6d6; width:auto; min-width:40px; height:40px; line-height:40px; color:#262627; text-decoration:none; font-size:0px; font-weight:300; padding:0 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow:hidden;
opacity:0.8;
}
.mobile-buttons>ul>li.mobile-buttons-share>a { background:#d6d6d6 url(../../images/mobilebuttons.png) no-repeat left top; padding-left:40px; font-size:15px;}
.mobile-buttons>ul>li.mobile-buttons-search>a { background:#d6d6d6 url(../../images/mobilebuttons.png) no-repeat left -80px; text-indent:-9999em; width:40px; padding:0;}
.mobile-buttons>ul>li.mobile-buttons-sections>a { background:#d6d6d6 url(../../images/mobilebuttons.png) no-repeat left -160px; text-indent:-9999em; width:40px; padding:0;}
/*li.mobile-buttons-share>a span,*/ li.mobile-buttons-search>a span, li.mobile-buttons-sections>a span { display:none;}

.mobile-buttons>ul>li>a:hover { opacity:1;}




/* Dynamic style that will be assigned to the triggered item (menu item etc) when its associated popup menu is shown */
.mobile-buttons a.trigger-expanded { color:#fff;  opacity:1;}
.mobile-buttons>ul>li.mobile-buttons-share>a.trigger-expanded {background: #02819c url(../../images/mobilebuttons.png) no-repeat left -40px;}
.mobile-buttons>ul>li.mobile-buttons-search>a.trigger-expanded {background: #02819c url(../../images/mobilebuttons.png) no-repeat left -120px;}
.mobile-buttons>ul>li.mobile-buttons-sections>a.trigger-expanded {background: #02819c url(../../images/mobilebuttons.png) no-repeat left -200px;}





.mobile-buttons .romnav-popup-panel { width:auto !important; right:0px !important; top:50px;}


/*header share popup*/
#mb-share {}
.mb-share-content { width:250px; text-align:center;}
#mb-share:before {right:58px;}

/*header sections popup*/
#mb-sections {}
.mb-sections-content { width:100%; text-align:center;}
#mb-sections:before {right:103px;}

/*header search popup*/
#mb-search {}
.mb-search-content { width:400px; text-align:center;}
#mb-search:before {right:60px;}


/*login*/
.menu-right>a.trigger-expanded { background:#06b4d9; color:#fff;}
#topbar-login { top:44px; right:0px; width:100% !important; max-width:500px !important; border-color:#06b4d9; padding:0; box-sizing:border-box;}
.tb-login-content { width:auto; padding:30px;}
#topbar-login:before {display:none;}

/*after login popups*/
#topbar-profile, #topbar-consults, #topbar-settings { top:44px; right:0px; width:100% !important; max-width:500px !important; border-color:#06b4d9; padding:0; box-sizing:border-box;}
.tb-profile-content { width:auto; padding:15px;}
#topbar-profile:before, #topbar-consults:before, #topbar-settings:before {display:none;}

	.tb-profile-content p { font-size:15px; line-height:17px;}
	p.title-profile-popup { text-align:center; font-size:20px; margin-bottom:15px; border-bottom:1px solid #BDBDBD; padding-bottom:15px;}
	
	
	
				.menu-right>li.tb-profile-icon>a.trigger-expanded { background:#06b4d9 url(../../images/profile_icons.png) no-repeat +7px +8px;}
				.menu-right>li.tb-settings-icon>a.trigger-expanded { background:#06b4d9 url(../../images/profile_icons.png) no-repeat 7px -42px;}
				.menu-right>li.tb-exit-icon>a.trigger-expanded { background:#06b4d9 url(../../images/profile_icons.png) no-repeat 7px -92px;}
				.menu-right>li.tb-consults-icon>a.trigger-expanded { background:#06b4d9 url(../../images/profile_icons.png) no-repeat 7px -142px;}
	



/* a-z list */
#a-z-list-popup.romnav-popup-panel { position:static; background:#eaeaea; border:none; text-align:center; padding:10px; margin-bottom:2px;}
#a-z-list-popup:before { display:none;}

#a-z-list-popup a { font-size:16px; display:inline-block; line-height:40px; height:40px; padding:0 10px; text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #eaeaea;
	color:#000;
	background:#eaeaea;}
#a-z-list-popup a:hover { border-color:#02819c; background:#fff; color:#02819c;}
#a-z-list-popup a.a-z-current {border-color:#02819c; background:#02819c; color:#fff;}
#a-z-list-popup a.a-z-disable {border-color:#eaeaea; background:#eaeaea; color:#999999; cursor:default;}


/* select theme for online consult */
#select-online-consult-theme.romnav-popup-panel { position:static; background:#eaeaea; border:none; text-align:left; padding:10px; margin-bottom:2px;}
#select-online-consult-theme:before { display:none;}

#select-online-consult-theme a { display:block; font-size:15px; padding:15px; border-bottom:1px solid rgba(0,0,0,0.1); text-decoration:none; color:#000; line-height:17px;}
#select-online-consult-theme a:last-child { border:none;}
#select-online-consult-theme a:hover {background:#fff; color:#02819c;}


/* specification list for disease directory */
#specification-list-popup.romnav-popup-panel { position:static; background:#eaeaea; border:none; text-align:left; padding:10px; margin-bottom:2px;}
#specification-list-popup:before { display:none;}

#specification-list-popup a { display:block; font-size:15px; padding:15px; border-bottom:1px solid rgba(0,0,0,0.1); text-decoration:none; color:#000; line-height:17px;}
#specification-list-popup a:last-child { border:none;}
#specification-list-popup a:hover {background:#fff; color:#02819c;}


.filters>a.trigger-expanded {background: #02819c; color:#fff; border-color:#02819c;}


/* select city popup */
#select-city-list-popup.romnav-popup-panel { position:static; background:none; border:none; text-align:left; padding:10px; margin-bottom:2px; padding-top:25px;}
#select-city-list-popup:before { display:none;}

#select-city-list-popup a { font-size:14px; display:inline-block; line-height:36px; height:36px; padding:0 10px; text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid rgba(0,0,0,0.2);
	color:#000;
	background:rgba(255,255,255,0.5);
	margin:4px 3px;}
#select-city-list-popup a:hover { border-color:#02819c; background:#fff; color:#02819c;}
#select-city-list-popup a.a-z-current {border-color:#02819c; background:#02819c; color:#fff;}
#select-city-list-popup a.a-z-disable {border-color:#eaeaea; background:#eaeaea; color:#999999; cursor:default;}



/*mediaqueries */

/******* 00 - 479 *************/
@media all and (max-width: 479px) {
.mobile-buttons>ul>li.mobile-buttons-share>a { font-size:0px; width:40px; padding:0;}
#mb-share:before {right:15px;}
.mb-share-content, .mb-search-content { width:100%;}

				.menu-right>li.tb-profile-icon>a.trigger-expanded { background-position: center +8px;}
				.menu-right>li.tb-settings-icon>a.trigger-expanded { background-position: center -42px;}
				.menu-right>li.tb-exit-icon>a.trigger-expanded { background-position: center -92px;}
				.menu-right>li.tb-consults-icon>a.trigger-expanded { background-position: center -142px;}
}

/******* 480 - 639 **********/
@media all and (min-width: 480px) and (max-width: 639px) {
.mobile-buttons>ul>li.mobile-buttons-share>a { font-size:0px; width:40px; padding:0;}
#mb-share:before {right:15px;}
.mb-share-content { width:400px;}

				.menu-right>li.tb-profile-icon>a.trigger-expanded { background-position: center +8px;}
				.menu-right>li.tb-settings-icon>a.trigger-expanded { background-position: center -42px;}
				.menu-right>li.tb-exit-icon>a.trigger-expanded { background-position: center -92px;}
				.menu-right>li.tb-consults-icon>a.trigger-expanded { background-position: center -142px;}	
}

/******* 640 - 799 ***********/
@media all and (min-width: 640px) and (max-width: 799px) {
.mobile-buttons>ul>li.mobile-buttons-sections { display:none;}
.mobile-buttons>ul>li.mobile-buttons-search { display:none;}
}

/******* 800 - 1023 ***********/
@media all and (min-width: 800px) and (max-width: 1023px) {
.mobile-buttons>ul>li.mobile-buttons-sections { display:none;}
.mobile-buttons>ul>li.mobile-buttons-search { display:none;}
}

/******* 1024 - 1279 ********/
@media all and (min-width: 1024px) and (max-width: 1279px) {
.mobile-buttons { display:none;}
}

/******* 1280 and more  ********/
@media all and (min-width: 1280px) {
.mobile-buttons { display:none;}
}