/*General master page configuration*/
body.masterBody {
color:#000;
line-height:20px;
background-color:#efefef;
font-style:normal;
font-variant:normal;
font-weight:400;
font-size:11px;
font-family:Arial;
margin:0;
padding:0;
}

/*General master page configuration*/
table {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
}

/*Configuration for the report's body*/
body#Reports {
color:#000;
line-height:20px;
background-color:#FFF;
font-style:normal;
font-variant:normal;
font-weight:400;
font-size:12px;
font-family:Arial;
z-index:0;
margin:0;
padding:0;
}

/*Img configuration*/
.img-no-border{
    border: 0;/*Setting border 0, because IE draw it when img has an Hyperlink*/
}

/*Attributes for the report section*/
.report {
z-index:9999; /* Setting the control to appear below the level 1 controls for e.g. menu items. */
}

/*Button style found at: http://www.sitepoint.com/print/style-web-forms-css*/
.button {
    font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #e41f35;
    border: 1px solid #999;
    margin-left: 2px;
    margin-top: 3px;
    margin-bottom: 2px;
    height: 20px;
}

.button-disabled {
    background-color: #bebebe;
}

/*Button td style*/
td.commandButton {
    background-color: #d6d6d5;
    text-align: right;
}

/*Wizard Button (Eg. Next and Previous buttons in the Orders page)*/
.navButton {
    font: 13px Arial, Helvetica, sans-serif;
    color: #FFF;
    background-color: #e41f35;
    border: 1px solid #999;
    margin-left: 2px;
    margin-top: 3px;
    margin-bottom: 2px;
}

/*Links*/
a {
    font: bold 11px Arial, Helvetica, sans-serif;
    line-height: 16px;
    color: #01209F;
}

/*Style for links with mouseover*/
a:hover {
text-decoration:underline;
}

/*Style for the Login link*/
a.Login {
font:11px Arial, Helvetica, sans-serif;
font-weight:400;
line-height:16px;
color:#4DB0DA;
}

/*Style for content links*/
a.content {
font:11px Arial, Helvetica, sans-serif;
font-weight:400;
line-height:16px;
color:blue;
}

/*Style for mouseover content links*/
a:hover.content {
font:11px Arial, Helvetica, sans-serif;
font-weight:400;
line-height:16px;
}

/*Style for login page*/
.loginValidated {
font:11px Arial, Helvetica, sans-serif;
color:#FFF;
line-height:16px;
text-decoration:none;
display:inline;
border-bottom:1px solid #FFF;
vertical-align:middle;
z-index:9999;
padding:0 3px 0 6px;
}

/* Menu Styles */

/*Menu Structure style. Eg. Div*/
Menu.NewPages {
position:absolute;
top:115px;
left:0;
background-color:#4DB0DA;
border:1px solid #999;
line-height:17px; /* Again, the ugly brilliant hack. */
voice-family:inherit;
width:150px;
padding:10px;
}

.botonMenu {
    background: #d6d6d5;
    color: #000000;
    height: 41px;
    border: Solid 1px #757566;
    width: 187px;
    padding: 2px 5px;
}

/*Style for column in the menu*/
.botonMenu td {
font:bold 11px Arial, Helvetica, sans-serif;
}

/*Style for the mouseover links in the menu*/
.botonMenuHover {
    background: #c7c7b7;
    color: #000;
    height: 41px;
    border: Solid 1px #757566;
    width: 187px;
    padding: 2px 5px;
}

/*Style for background header*/
.backgoundHeader {
background-image:url(Images/headBg.png);
}

/*Navigationlevel2ap menu style*/
.navigationLevel2ap {
color:Navy;
background:url(App_Themes/Pharmacy/Images/backBoton.png) #c6d6ef;
line-height:16px;
text-decoration:none;
display:block;
border-bottom:1px solid #FFF;
vertical-align:middle;
z-index:9999;
padding:0 3px;
}

/*Navigation menu style*/
.navigation {
font:bold 11px/16px Arial, Helvetica, sans-serif;
color:navy;
line-height:16px;
text-decoration:none;
display:block;
border-bottom:1px solid #FFF;
vertical-align:middle;
z-index:9999;
background-color:#4db0da;
width:183px;
padding:0 3px 0 6px;
}

/*Navigationxap menu style*/
.navigationxap {
font:11px Arial, Helvetica, sans-serif;
color:#FFF;
vertical-align:middle;
z-index:9999;
background-color:#4db0da;
width:182px;
text-decoration:none;
display:block;
}

/*Navigation hover menu style*/
.navigationhover {
color:#4db0da;
}

/*Navigationlevel2 menu style*/
.navigationLevel2 {
font:bold 11px Arial, Helvetica, sans-serif;
color:Navy;
background:#C6D6EF;
line-height:16px;
text-decoration:none;
display:block;
border-bottom:1px solid #FFF;
vertical-align:middle;
z-index:9999;
padding:0 3px;
}

/* End Menu Navigation Styles */

/* Grid Style*/

/*Grid Next/Prev link Style*/
.gridNextPrev {
    font: bold 11px Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
}

/*Grid header mouseover Style*/
gridHeader:hover {
color:blue;
}

/*Grid row Style*/
.gridRow {
background-color:#F7F6F3;
color:#000;
}

/*Grid row alternate Style*/
.gridAlternateRow {
background-color:#FFF;
color:#000;
}

/*Grid titles Style*/
.caption {
font:11px Arial, Helvetica, sans-serif;
color:#000;
vertical-align:middle;
}

/* End Grid Style*/

/* Form Style #F5F5DC */
.formRow {
    background-color: #D6D6D5;
}
/* End Form Style*/

/* logo text displayed on Header of each page. Metro Medical*/
.logoTitle {
font:34px "Bookman Old Style", Arial, Helvetica, sans-serif;
font-weight:700;
color:Navy;
line-height:40px;
padding:2px 0 0 10px;
}

/*Style for title of the page*/
.pageTitle {
font:20px "Bookman Old Style", Arial, Helvetica, sans-serif;
color:#4DB0DA;
line-height:33px;
}

/*Style for warnings in the page*/
.Warning {
font-weight:400;
color:blue;
}

/*Style for errormessages in the page*/
.ErrorMessage {
font-weight:700;
color:red;
background-color:#F7F6F3;
}

/*Style for the secundary header*/
.subHeader {
font:bold 11px Arial, Helvetica, sans-serif;
color:#930;
line-height:22px;
}

/*Style for quotes in the page*/
.quote {
font:20px Arial, Helvetica, sans-serif;
color:#759DA1;
line-height:30px;
}

/*Style for lists*/
listText {
/*DataList control text. Use in Patient Order, Pre-Process order step*/
font:bold 14px Arial, Helvetica, sans-serif;
font-weight:700;
color:#000;
display:block;
margin-bottom:5px;
}

/*Style for small text*/
.smallText {
font:10px Arial, Helvetica, sans-serif;
color:#000;
line-height:22px;
}

/*Style for titles*/
caption {
/*Forms and Grids title*/
font:bold 14px Arial, Helvetica, sans-serif;
font-weight:700;
color:#000;
display:block;
vertical-align:middle;
text-align:left;
}

/*Style for bold text*/
.LabelBold {
font:11px Arial, Helvetica, sans-serif;
color:#4B597E;
line-height:22px;
font-weight:700;
}

/*Style for patients label*/
.LabelPatientName {
font:13px Arial, Helvetica, sans-serif;
color:#000;
line-height:20px;
font-weight:700;
}

/*Style for small labels*/
.LabelSmall {
font:11px Arial, Helvetica, sans-serif;
color:#000;
line-height:22px;
}

/*******Page structure: Div*******/
/*This section creates the different regions in the pages*/
#HeaderImage {
position:relative;
width:auto;
top:0;
left:0;  /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
line-height:11px;
background-image:url(images/mms.jpg);
background-repeat:no-repeat;
z-index:1; /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.  IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style  declaration. The incorrect IE5/Win value is above, while the correct value is  below. See http://glish.com/css/hacks.asp for details. */
voice-family:inherit;
height:102px; /* the correct height */
border-color:#000;
border-style:solid;
border-width:1px 0; /* top and bottom borders: 1px; left and right borders: 0px  */
margin:5px 0 10px;
}

/*Attibutes for the page header*/
#Header {
position:absolute;
width:auto;
left:135px; /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
line-height:11px;
background-color:transparent;
z-index:2; /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.  IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style  declaration. The incorrect IE5/Win value is above, while the correct value is  below. See http://glish.com/css/hacks.asp for details. */
voice-family:inherit;
height:102px; /* the correct height */
margin:5px 18px 10px 180px;
}

/*Attibutes for the page info header*/
#HeaderUserInfo {
position:absolute;
width:auto;
top:5px;
left:80px;
text-align:left; /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
background-color:#C6D6EF;
line-height:30px;
vertical-align:text-bottom;
z-index:3; /* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.  Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.  IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style  declaration. The incorrect IE5/Win value is above, while the correct value is  below. See http://glish.com/css/hacks.asp for details. */
voice-family:inherit;
height:102px;
border-color:#000;
border-style:solid;
border-width:1px 0; /* top and bottom borders: 1px; left and right borders: 0px */
margin:5px 83px 10px 700px;
}

/*Attibutes for containers*/
#contentwrap {
top:10px;
float:left;
width:100%;
margin:0;
padding:0;
}

/*This applys to the area where forms, grids, and text will be displayed*/
#Content {
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width:auto;
background-color:transparent;
left:2px;
top:10px;
min-height:517px;
height:auto!important;
z-index:1;
margin:0 0 0 200px;
padding:10px;
}

/*Menu Structure style. Eg. Div*/
#Menu {
    position: absolute;
    top: 115px;
    left: 0;
    background-color: #d6d6d5; /*#4DB0DA*/
    border: 1px solid #000;
    line-height: 17px; /* Again, the ugly brilliant hack. */
    voice-family: inherit;
    width: 182px;
    padding: 10px;
}

/* Again, "be nice to Opera 5". */
body > #Menu {
width:150px;
}

/*End Navigation styles*/

/*Margin settings: bottom, left, right, top*/
#Footer {
position:relative;
top:10px;
line-height:20px;
vertical-align:middle;
text-align:center;
background-color:#C6D6EF;
background-repeat:no-repeat;
height:20px; /* the correct height */
voice-family:inherit;
width:100%;
clear:both;
border-color:#000;
border-style:solid;
border-width:1px 0;
}

/*tes called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body > #Footer {
height:83px;
}

/******End Page structure*******/


/******The following items are not yet used but may be consider in the future******/
/*Input Fields. */
.fieldcell input {
width:200px;
font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color:#D7E5F2;
color:#102132;
border:1px solid #284279;
margin-right:0;
}

/*Tagline styles*/
#tagline {
font:11px Arial, Helvetica, sans-serif;
color:#930;
letter-spacing:.4em;
line-height:18px;
}

/*Attibutes to display the month*/
#monthformat {
border-bottom:1px dashed #4DB0DA;
}

/*Attibutes to display the date*/
#dateformat {
font:11px Arial, Helvetica, sans-serif;
color:#930;
letter-spacing:.2em;
}

/*Attibutes to display the date link*/
#dateformat a {
font:11px Arial, Helvetica, sans-serif;
color:#930;
font-weight:700;
letter-spacing:.1em;
text-decoration:none;
}

/*Attibutes to display the mouseover date link*/
#dateformat a:hover {
color:#F4FFE4;
}

/*Style for the telerik control to handle associated physicians in the user information page*/
.RadListBox_Default .rlbText,.RadListBox_Default .rlbItem,.RadListBox_Default .rlbButtonText,.RadListBox_Default .rlbEmptyMessage {
font-family:arial,sans-serif!important;
font-size:13px!important;
}

/*Style for the addNew link*/
a.AddNew, a:hover.AddNew, a:hover.Login {
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 16px;
    color: #000 !important;
}

/*Style for links in the menu*/
.botonMenu A:link, .botonMenu A:visited, .botonMenuHover A:link, .botonMenuHover A:visited {
    background-image: none;
}

.botonMenu a:link img, .botonMenu a:visited img, .botonMenuHover a:link img, .botonMenuHover a:visited img {
    padding-right: 5px;
}
/*Grid Header/Pager Style*/
.gridHeader, .gridPager {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #000 !important;
    background-color: #d6d6d5 !important;
    vertical-align: middle;
}
/*Text in Grid Header/Pager Style*/
    .gridHeader th a, .gridHeader td table tbody tr td a {
        color: #000 !important;
    }

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body > #HeaderImage,body > #Header,body > #HeaderUserInfo {
height:102px;
}

/* lasanza: Styles for modal pop up.*/
.modal-overlay  
{  
    position:fixed;  
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
    height:100%;  
    width:100%;  
    margin:0;  
    padding:0;  
    background:#fff;  
    opacity:.75;  
    filter: alpha(opacity=75);  
    -moz-opacity: 0.75;  
    z-index:101;  
}  
.modal-window  
{  
    position:fixed;  
    top:50%;  
    left:50%;  
    margin:0;  
    padding:0;  
    z-index:102;  
}  
.close-window  
{  
    position:absolute;  
    width:32px;  
    height:32px;  
    right:8px;  
    top:8px;  
    background:transparent url('/examples/modal-simple/close-button.png') no-repeat scroll right top;  
    text-indent:-99999px;  
    overflow:hidden;  
    cursor:pointer;  
    opacity:.5;  
    filter: alpha(opacity=50);  
    -moz-opacity: 0.5;  
}  
.close-window:hover  
{  
    opacity:.99;  
    filter: alpha(opacity=99);  
    -moz-opacity: 0.99;  
}  


/*Styles for the top menu new pages*/

/* FONT PATH
 * -------------------------- */
.moving-header:after {
    background:#fff;
    content: "";
    display: table;
    clear: both;
  }

  .moving-header {
  background:#fff;
  position: relative;
  z-index: 10;
  padding-bottom: 20px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
  }

  .corporate-callout {
  font-family: "myriad-pro" !important;
  padding: 5px 5.5%;
  font-size: 14px;
  background: #f7f7f7;
  position: relative; 
  text-decoration: none;
  }

.corporate-callout a {
  font-family: "myriad-pro" !important;
  color: #5d5d5d;
  font-weight: 400; 
  text-decoration: none;
  font-size: 14px;
}

.corporate-callout a:hover {
  font-family: "myriad-pro" !important;
  text-decoration: none;
  color: #e41f35; 
  font-size: 14px;
}

.corporate-callout .raquo:after {
  color: #e41f35; }

@media (max-width: 479px) {
  div.corporate-callout ~ div.header-mobile {
    top: 50px; } }
@media (min-width: 480px) and (max-width: 767px) {
  div.corporate-callout ~ div.header-mobile {
    top: 26px; } }
.page-title-desktop {
  text-align: right;
  margin-right: 4.2%;
  margin-top: 17px;
  margin-bottom: 3px;
  font-weight: 300; 
  font-family: "myriad-pro" !important;
  font-size: 29.93px;
}

.corporate-callout {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 10px;
  padding-bottom: 10px; }

.corporate-callout_right {
  text-align: right;
  display: inline-block;
  float: right; }

.corporate-callout .phone {
  float: right;
  font-weight: 600; }
  .corporate-callout .phone a {
    color: #333; }

@media (max-width: 991px) {
  .corporate-callout .hidden-sm {
    display: none; } }
@media (max-width: 599px) {
  .corporate-callout .phone span {
    display: none; } }
@media (max-width: 767px) {
    .cardinal-logo {
        max-width: 150px;
    }
}

  .raquo:after {
  color: #e41f35;
  content: "\0000a0\00BB";
  white-space: nowrap; }

.cardinal-logo {
  float: left;
  padding: 17px 0 0 0;
  margin-left: 5.5%; }

.cardinal-logo a {
  display: block; }

.cardinal-logo-img {
  height: 73px;
  height: 5.7vw;
  max-height: 73px; 
  border: 0;
  outline: none;
}

@media (max-width: 767px) {
  .cardinal-logo {
    height: 53px;
    padding: 9px 0 13px 0; }

  .cardinal-logo-img {
    height: 31px; } }
.input-group-addon {
  padding: 5px; }

  .cardinal-logo {
    padding-top: .25in;
    padding-left: 0; }

  .cardinal-logo-img {
    height: .5in;
    max-height: .5in; }

  
  .nav-mobile-icon {
    display: block;
    float: right;
    padding: 0;
    margin: 0;
    cursor: pointer;
    cursor: hand;
    border: solid 0 black; }

    .nav-mobile-img {
    height: 53px;
    width: auto; }

.navigationNew {
    background: #fff;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    z-index: 8991;
    position: relative;
    margin: 0 auto;
    font-weight: 400;
    font-size: 20px;
    text-decoration: none;
}


.primary-nav-bar {
  padding-left: 5.5vw;
  padding-right: 5.5vw;
  text-align: justify;
  font-family: "myriad-pro" !important;
  font-weight: 400 !important;
  font-size: 20px !important; 
  text-decoration: none !important;
}

.primary-nav-bar:after {
  content: '';
  display: inline-block;
  width: 100%; 
}

.primary-nav-bar > li {
  display: inline-block; 
}

.repViewer{overflow-y:auto !important;}

.container-fluid {
  font-family: "myriad-pro" !important;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; 
  font-size: 16px;
  color:#999;
}

.container-fluid a {
  text-decoration: none;
}

.container-fluid a:hover {
  text-decoration: underline;
}

h2.control-title {
    background-color: #4DB0DA;
    color: #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
}

.btn-user-control {
    font-size: 14px;
    background-color: #4DB0DA;
    color: #fff;
    margin-top: 5px;
    width: 140px !important;
}

.txt-user-control {
    width: 100%;
}

.btn-full {
    width: 100% !important;
    margin-left: 70% !important;
}

@media (max-width: 992px) {
    .btn-full {        
        margin-left: 0 !important;
    }
}

label.lbl-user-control {
    font-weight: 600;
}

.user-menu-container, .user-menu-container table {
    font-size: 12px;
    font-weight: bold;
}

.header-color-prod {
    background-color: #e41f35;
    border: Solid 1px #e41f35;
}

.header-color-test {
    background-color: #D6D6D5;
    border: Solid 1px #D6D6D5;
}

.header-color-prod-hover {
    background-color: #202d59;
    border: Solid 1px #202d59;
}

.header-color-test-hover {
    background-color: #700707;
    border: Solid 1px #700707;
}

.user-menu {
    list-style: circle;
}

.user-menu td > img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
    padding: 15px 0 0 20px;
    background: url('../../images/down-arrow-white.png') no-repeat 0 0;
}

.boton-user-menu {
    color: #fff;
    height: 50px;
    width: 200px;
    padding-left: 5px;
    border-bottom: solid 1px #fff;
}


.boton-user-menu-main {
    color: #fff;
    height: 50px;
    width: 200px;
    padding-left: 5px;
}


.boton-user-menu-main img {
    padding-left: 5px;
    padding-right: 5px;
}

.boton-user-menu-hover {
    color: #fff;
    border: Solid 1px #202d59;
    height: 50px;
    border-bottom: solid 1px #fff;
}

.boton-user-menu-main-hover {
    color: #fff;
    height: 50px;
    width: 200px;
    border-bottom: solid 1px #fff;
}

.font-menu {
    color: white;
    padding-left: 5px;
}