/*Medline Common Components Style Sheet*/

/* Start - Tabs UI */
.medUiTabContainer{   
    font-family: 'GloberRegular', Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	border-bottom: 4px solid #A5ADBA;
    float: left;
    width: 100%;
    color: #000000 !important;
}
.medUiTabContainer .medUiTab{	
	cursor: pointer;
	padding: 15px 30px 10px 30px;
	border: 1px solid #8993A4;
	border-bottom: none;
	float: left;	
	margin: 0;
	font-weight: bold;
}
.medUiTabContainer .medUiTab:hover{
	background: #DFE1E5;
	color: #091E42;
}
.medUiTabContainer .medUiTab.medUiActiveTab{
 border: 1px solid #0057CC;
 border-bottom: none;
 background: #0057CC;
 color: #ffffff;
 
}
/* End - Tabs UI */

/* Start - Blue, Light Blue color Buttons and Radio button */
.mdcDarkBlueBtn, .mdcLightBlueBtn {
	font-weight: bold;
	cursor: pointer;
	margin: 0 5px;
	padding: 10px 15px;
	color: #ffffff;		
	border: 1px solid;		
	min-width: 70px;
}
.mdcDarkBlueBtn {
	background: #0057CC;
	border-color: #0057CC;
}
.mdcDarkBlueBtn:hover, .mdcLightBlueBtn:hover {
	background: #ffffff;
}
.mdcDarkBlueBtn:hover {
	color: #0057CC;
}
.mdcLightBlueBtn {
	background: #009ADF;
	border-color: #009ADF;
}
.mdcLightBlueBtn:hover {
	color: #009ADF;
}
.mdcDarkBlueBtn:link, .mdcLightBlueBtn:link,
.mdcDarkBlueBtn:visited, .mdcLightBlueBtn:visited,
.mdcDarkBlueBtn:hover, .mdcLightBlueBtn:hover,
.mdcDarkBlueBtn:active, .mdcLightBlueBtn:active{
	text-decoration: none;
}
.mdcDarkBlueBtn.mdcClearBtnLeft, .mdcLightBlueBtn.mdcClearBtnLeft {
	margin-left: 0px;
}
.mdcDarkBlueBtn.mdcClearBtnRight, .mdcLightBlueBtn.mdcClearBtnRight {
	margin-right: 0px;
}
/*Start - Radio button*/
/* The container */
.mdcRadioContainer {
  display: inline-block;
  position: relative;
  padding: 3px 0 0 20px; 
  margin: 1px 0;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.mdcRadioContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.mdcRadioCheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #6B768A;
  box-shadow: 1px 1px 2.5px 0px rgba(0,0,0,0.2) inset;
-webkit-box-shadow: 1px 1px 2.5px 0px rgba(0,0,0,0.2) inset;
-moz-box-shadow: 1px 1px 2.5px 0px rgba(0,0,0,0.2) inset;
}

/* On mouse-over, add a grey background color */
.mdcRadioContainer:hover input ~ .mdcRadioCheckmark {
  background-color: #cccccc;  
}

/* When the radio button is checked, add a blue background */
.mdcRadioContainer input:checked ~ .mdcRadioCheckmark {
  background-color: #0057CC;  
  border-color: #0057CC;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.mdcRadioCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.mdcRadioContainer input:checked ~ .mdcRadioCheckmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.mdcRadioContainer .mdcRadioCheckmark:after {
 	top: 4px;
	left: 4px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
}
/*End - Radio button*/
/* End - Blue, Light Blue color Buttons and Radio button */