* {
   margin: 0;
   padding: 0;
}

html {
   background: #fff;
}

body {
   font: 14px/1.3 Calibri,Verdana,Geneva,arial, sans-serif;
   font: 14px/1.3 "Open Sans", sans-serif;
   color: #545454;
}

/* ====== BOOTSTRAP OVERRIDES    =========*/
@media (min-width: 1200px) {
   .container {
      width: 1170px;
      width: 95%;
   }
}

a {
   color: #232d69;
   font-weight: bold;
}

   a:hover,
   a:focus {
      color: #97c93d;
      outline: 0;
   }

.navbar-nav {
   float: left;
   width: 100%;
}

@media only screen and (max-width: 47.9375em) {
	.navbar {
		min-height: 10px;
	}
   .navbar-nav {
      float: none;
   }
   .navbar-header {
   		margin-top: -70px;
   }   
}

.navbar-default {
   background: #fff;
   border: 0;
   border-radius: 0;
   box-shadow: none;
   margin-bottom: 0;
}

   .navbar-default .navbar-collapse,
   .navbar-default .navbar-form {
      padding: 0;
   }
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #232d69;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-nav > li {
    margin: 0; 
    padding: 0;
    width: 20%;
}
@media only screen and (max-width: 47.9375em) {
.navbar-nav > li {
     width: 100%;
   }
}
.navbar-nav > li > a {	
	display: inline-block;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: #fff;
	color: #888;	

	filter: none; /* ie9 */
}

   .navbar-default .navbar-nav > .open > a,
   .navbar-default .navbar-nav > .active > a,
   .navbar-defadult .navbar-nav > .open > a:hover,
   .navbar-defadult .navbar-nav > .active > a:hover,
   .navbar-defadult .navbar-nav > .active > a:focus {
      background: #fff;
      box-shadow: none;
   }

      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
         background: #fff;
         border: 0;
         color: #005a9c;
      }

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background: #fff;
	color: #232d69;
	border: 2px solid transparent;    
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: bold;
	font-size: 24px;
	margin: 0 0 0 15px;
	text-transform: uppercase;
	padding: 15px 0 5px 0;
}

.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	border-top: 2px solid #b7b8dc;
}
.navbar-default .navbar-nav > li.active > a:before,
.navbar-default .navbar-nav > li > a:hover:before,
.navbar-default .navbar-nav > li > a:focus:before {

	content: "\f0d7";
	font-family: FontAwesome; 
	color:  #b7b8dc;    
	font-size: 24px;
	position: absolute;
    left: 43%;
    top: -8px;   
    
    
	/*content: "\00a0 ";
	background-image: url(/Resources/Css/greenSwirl.png);
	width: 20px;
	position: absolute;
	left: 43%;
    top: -11px*/
}

.navbar-brand {
   padding: 0;
}

.dropdown-menu > li {
   margin-left: 0;
   margin-right: 5px;
   margin-left: 5px;
}

   .dropdown-menu > li > a {
      padding: 3px 10px;
   }

      .dropdown-menu > li > a:hover,
      .dropdown-menu > li > a:focus {
         background: #f9f9f9;
         color: #15bef0;
         color: #000;
      }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
   background: #f9f5fd;
   background: #f5f5f5;
   color: #000;
   /* color: #15bef0;  */
}

.page-header {
   border-bottom: 0;
   margin: 0;
   padding-top: 0;
}
/* =====   NAV TABS    =====  */
div[data-ubc-form-name="InternalUser"] .nav-tabs,
[data-ubc-form-name="LocalUser"] .nav-tabs {
   background-color: #f6f3f9;
   border: 1px solid #cfced0;
   padding-left: 5px;
   padding-top: 5px;
}
/*div[data-ubc-form-name="InternalUser"] .nav-tabs > li {
	margin-right: 3px;
	margin-top: 3px;
}*/
.nav-tabs > li {
   margin-left: 0;
}

   .nav-tabs > li > a,
   .nav-tabs > li > a:focus {
      background: #39c7bd;
      border: 1px solid #2eada4;
      color: #fff;
      font-size: 16px;
   }

   .nav-tabs > li.active > a,
   .nav-tabs > li.active > a:hover,
   .nav-tabs > li.active > a:active,
   .nav-tabs > li.active > a:focus {
      background-color: #fff;
      border-color: #cfced0 #cfced0 transparent;
      box-shadow: none;
      color: #4c718a;
      font-weight: normal;
      outline: 0;
   }

   .nav-tabs > li > a:hover {
      background-color: #2eada4;
      border: 1px solid #44b9b1;
      color: #fff;
      opacity: .85;
   }

.tab-content {
   border: 1px solid #cfced0;
   padding: 5px;
   border-top: 0;
}

.input-sm,
.form-group-sm .form-control,
.ubc-data-input-integer,
.ubc-dat-input-date {
   font-size: 14px;
   font-weight: normal;
   height: 36px;
    border: 1px solid #b7b8dc;
    border-radius: 0;
}
.form-control:focus,
/* .form-control:hover,*/
.ubc-data-input-integer:focus,
 .ubc-dat-input-date:focus  {
	background: #e2e3fa !important;   
	border: 0;
	border-bottom: 2px solid #b7b8dc;
	box-shadow: none;
	outline: 0;
}
select.input-sm,
select.form-group-sm .form-control {
   height: 36px;
}

.btn,
button {
   border-radius:  0;   
   font-size: 16px;
   font-weight: bold;   
   line-height: 18px;
   margin-bottom: 10px;
   margin-top: 5px;
   padding: 10px 25px;
   text-transform: uppercase;
   font-family: "Open Sans Condensed";
    font-size: 22px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 0 /* for IE */
}
.btn-success {
   background-image: url('');
   background-image: transparent;
   background: #232d69;
   border-color: #232d69;
}

   .btn-success:hover, .btn-success:focus {
      background: #414c8e;
      border-color: #232d69;
   }

button#Add,
button#Input {
   display: inline-block;
   /*margin-bottom: 0;*/
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   border-radius: 4px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

   button#Add:focus,
   button#Add:active:focus,
   button#Add.active:focus,
   button#Add.focus,
   button#Add:active.focus,
   button#Add.active.focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
   }

   button#Add:hover,
   button#Add:focus,
   button#Add.focus {
      color: #333333;
      text-decoration: none;
   }

   button#Add:active,
   button#Add.active {
      outline: 0;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   }

.btn-default,
button#Add,
button#Input,
.modal button.btn-primary {
   background: #232d69;
   border-color: #232d69;
   color: #fff;
   text-shadow: none;
}

   .btn-default:hover,
   .btn-default:focus,
   .btn-default:active,
   button#Add:hover,
   button#Add:focus,
   button#Add:active,
   .modal button.btn-primary:hover,
   .modal button.btn-primary:focus .modal button.btn-primary:active {
      background: #414c8e;
      color: #fff; 
   }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
   background: #990E0E;
   color: #fff;
}

.btn-invert,
button#Input {
   background: #fff;
   color: #78abea;
   border-color: #3872bd;
}

   .btn-invert:hover,
   .btn-invert:focus,
   .btn-invert:active {
      background: #eff3f9;
      color: #729cd2;
      border-color: #729cd2;
   }

.btn-danger-invert,
.modal .btn-danger {
   background: #fff;
   color: #d43f3a;
}

.btn-sm {
   font-size: 90%;
   font-weight: bold;
   padding: 5px 10px 3px 10px;
}

.btn-danger-invert:hover,
.btn-danger-invert:focus,
.btn-danger-invert:active,
.modal .btn-danger:hover,
.modal .btn-danger:focus, 
.modal .btn-danger:active {
   background: #cc0000;
   color: #fff;
}

.btn-default:disabled,
.btn-default[disabled],
.btn-success:disabled,
.btn-success[disabled] {
   background-color: #dadbdf;
   color: #828294;
   text-shadow: 1px 1px 1px #fff;
   border: 1px solid #aaa;
}

.btn-add:before,
.btn-edit:before,
#Add:before {
   font-family: "Glyphicons Halflings";
   background: #007db4;
   border-right: 1px solid #fff;
   color: #f9f9f9;
   font-size: 11px;
   left: -12px;
   margin-right: -7px;
   padding: 4px;
   padding-top: 9px;
   padding-bottom: 10px;
   position: relative;
}

.btn-add:before,
#Add:before {
   content: "\002b";
}

.btn-edit:before {
   content: "\270f";
}

.btnMarginTop {
   margin-top: 23px;
}

.btnMarginLeft20 {
   margin-left: -20px;
}

.btnContainer {
   padding-top: 20px;
   text-align: right;
}

.btn + .btn {
   margin-left: 5px;
}

.modal-footer .btn + .btn {
   margin-bottom: 10px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
   margin-left: 0;
   outline: 0; /*  for IE */ 
}

.radio,
.checkbox {
   margin-left: 15px;
   margin-top: 0;
}

   .radio label,
   .checkbox label {
      padding-left: 20px !important;
   }

.form-group {
   position: relative;
}

   .form-group label {
      margin-bottom: 5px;
   }
.alert {
	border-radius: 0;
}
.alert.alert-info {
    background: #fff;
    border-color: #232d69;
    color: #232d69;
    font-weight: bold;
    font-size: 16px;
}

.alert-danger {
   background: #f2dede;
   border-radius: 0;
   font-size: 18px;
}
.alert-warning {
    background: #e9af0a;
    border-color: #e9af0a;
    color: #fff;
}

@media (min-width: 768px) {
   .modal-dialog {
      width: 800px;
   }
}

.well {
    background: #f5f5f5;
    box-shadow: none;
    border-radius: 0;
    border: 0;	
    /*margin-left: 20px;
    margin-right: 20px;*/
}
@media only screen and (max-width: 47.9375em) {
	.well {
		margin: 0;
        padding: 10px 5px;
	}
}
.has-error .form-control {
    border-color: #ff0000;
}
/* ======   E N D   BOOTSTRAP OVERRIDES    =========*/

/*  ==========    KENDO  OVERRIDES    ==============      */
.k-button, .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker {
   display: block;
   width: 100%;
}
input.k-textbox {
    height: 36px;
}
/* ======   E N D   KENDO OVERRIDES    =========*/

/* General */

.content {
    margin: 0px auto;
    padding: 0 15px 30px;
    clear: both;
    background: #f5f5f5;
}
a image {
   border: none;
}

p {
   margin: 0 0 1em 0;
   padding: 0 0 0 0;
   color: #58585b;
   font-size: 14px;
   line-height: 1.5em;
}

h1,
h2 {
   font-family: 'Open Sans Condensed', sans-serif;
   color: #97c93d;
   font-weight: bold;
   margin: 1em 0 1em 0;
}

h1 {
   font-size: 42px;
}

h2 {
   font-size: 26px;
}

   h2.frmTitle {
      font-weight: bold;
      margin-bottom: 10px;
      padding: .2em 0 .5em 0;
      text-transform: uppercase;
   }

.frmContainerBanner h2 {
   color: #000;
   margin-bottom: 10px;
   padding-top: 0;
}

h3 {
   color: #545454;
   font-size: 20px;
   font-weight: normal;
   margin: 0 0 1em 0;
   padding: 0 0 0 0;
}
.pageTitle {
    font-size: 28px;
    font-family: "Open Sans Condensed";
    font-weight: bold;
    color: #888;
    padding: 10px 0 20px;
}
.hdgUnderline {
	border-bottom: 1px solid;
	padding-bottom: 5px;
}
.textDark {
	color: #000;
}
.textRed {
    color: red;
}
.textLarge {
    font-size: 16px;
}
.textMajor {
	font-family: "Open Sans Condensed";
	color: #787878;
	font-size: 22px;
	font-weight: 700;
	line-height: 24px;

}
.txtEmphasis {
    color: #97c93d;
}

li {
   color: #58585b;
   font-size: 14px;
   margin: 0 0 0 15px;
   padding: 0 0 0 0;
}

.background {
   background: #ffffff;
}

.page-wrap {
   margin: 0 auto;
   padding: 0 0 60px 0;
   padding: 0 15px 60px 15px;
}

.page-header h1 small {
   display: block;
   margin-top: 5px;
}

.logo {
   margin: 0px 0 30px;
   padding: 0 0 0 0;
   position: relative;
   float: left;
   width: 230px;
}

.header {
    border-bottom: 3px #97c93d solid;
    box-shadow: 0 8px 2px -2px #bbb;
    margin-top: 20px;
    margin-bottom: 9px;
}
.textUnderline {
	text-decoration: underline;
}
.leftSideContent {
	width: 100%;
}
.leftSideContent h2 {
	margin: 30px 0 15px;
}
.leftSideContent h2.noMarginTop {
	margin-top: 0;
}
@media only screen and (max-width:1023px) {
	.leftSideContent {
		width: 100%;
	}
}

ul.listItemYellow,
ul.listItemYellow li ul {
	list-style: none;
}
ul.listItemYellow li {    
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	xxtext-indent: -15px;
}
ul.listItemYellow li:before {
    content: " ";
    width: 7px;
    height: 7px;
    background: #b7b8dc;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 10px;
    margin-left: -17px;
}
ul.listItemYellow li ul {
	padding: 0;
	margin-top: 5px;
}
ul.listItemYellow li ul li {
	margin-left: 15px;
	padding-bottom: 5px;
}
ul.listItemYellow li ul li:before {
    content: " ";
    width: 9px;
    height: 9px;
    background: transparent;
    border: 2px solid #b7b8dc;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 10px;
    xxxmargin-left: 15px;
}
@media only screen and (max-width: 47.9375em) {
	ul.listItemYellow {
		padding-left: 20px;
	}
}
.dividerBottom {
	border-bottom: 3px solid #b7b8dc;
	margin-bottom: 15px;
}

/* UTILITY NAV */
.well.utilNav {
   background: #eeeee2;
   border-radius: 0;
   border-bottom: 3px solid #e6e6e6;
   font-size: 12px;
   padding: 20px 0;
}

.utilNav .disclaimer {
   display: table;
}

   .utilNav .disclaimer img {
      display: table-cell;
      margin-top: 2px;
      padding-right: 5px;
   }

   .utilNav .disclaimer p {
      font-size: 12px;
      font-weight: bold;
      display: table-cell;
      vertical-align: top;
   }

ul.utilLinks {
   list-style-type: none;
   float: right;
   margin-top: -5px;
}

ul.utilLinks li {
  display: inline;
  font-size: 12px;
}
ul.utilLinks li a {
   color: #232d69;
   font-weight: bold;
}
ul.utilLinks li a.btnLogin {
    padding: 10px 40px;
    background: #232d69;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
ul.utilLinks li  div.btnInfo {
	text-align: right;
	font-weight: bold;
	padding-top: 5px
}

   a.btnLogin:active,
   a.btnLogin:focus,
   a.btnLogin:hover {
      text-decoration: none;
      color: #fff;
   }
@media only screen and (max-width: 47.9375em) {
	ul.utilLinks {
		background: #ddd;
		display: table;
		padding: 10px;
		width: 100%;
		text-align: center;
	}
	ul.utilLinks li {
		display: table-cell;
		padding: 5px;
	}
	ul.utilLinks li  div.btnInfo {
		text-align: center;
	}
}

.containerEmphasis {
	background: #232d69;
	box-shadow: 0 6px 2px -2px #666;
	padding: 15px;
	color: #fff;
	margin-bottom: 25px;
}
.containerYellow {
	background: #fff;
	border: 2px solid #b7b8dc;
	padding: 10px;
}

.homeSection {
   padding-bottom: 30px;
}
/*  	HOME PAGE   */
.welcome h1 {
	margin: 0;
	text-align: center;
}
@media only screen and (max-width: 47.9375em) {
	.welcome h1 {
		padding: 10px;
	}
}
.welcome h2 {
	color: #fff;
	margin: 10px 0;
}
.containerEmphasis.welcome {
	margin: 0 -15px 25px;
	padding-bottom: 30px;
}
.containerEmphasis.overView h2 {
	margin-top: 0;
	margin-bottom: 10px;
}
.containerEmphasis.overView ul {
	padding-left: 20px;
	margin-bottom: 0;
}

.containerEmphasis.overView li {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

@media only screen and (max-width: 47.9375em) {
	.containerEmphasis.overView ul  li ul {
		padding-left: 0px;
	}
}
.learnMore {
	font-weight: bold;
	padding-top: 10px;
	position: relative;
}
.learnMore i {
    position: absolute;
    top: -10px;
    xxxleft: 40%;
    right: 30px;
    font-size: 120px;
    text-align: center;
    color: #e6e6e6;
}
@media only screen and (max-width: 47.9375em) {
	.learnMore i {
		right: 0;
	}
}
.learnMore p {
	font-family: "Open Sans";
	line-height: 24px;
	position: relative
}
.learnMore a{
	font-family: "Open Sans Condensed", Arial;
	font-size: 16px;
}
.homeSection ul {
   margin-top: 0;
   padding-left: 0;
}
.indications h2 {
	margin: .5em 0;
}
.indications p {
	font-weight: bold;
	line-height: 22px;
}


   .homeSection ul li {
      font-size: 16px;
      padding-bottom: 10px;
   }

.instructions {
   color: #545454;
   font-weight: bold;
   padding: 0 15px 20px 0;
}

/* PRESCRIBERS  */
.containerEmphasis.overView h3 {
	color: #97c93d;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

/*  DOWNLOADS   */
.downloads h2 {
	margin: 0 0 30px 0;
}
.resourcesHdg {
	font-family: "Open Sans Condensed";
	font-size: 18px;
	font-weight: bold;
	color: #97c93d;
	position: relative;
}
.resources i {
    position: absolute;
    font-size: 100px;
    right: 30px;
    color: #e6e6e6;
}    
.resourceLinks {
	position: relative;
}
.resourceLinks p {
    padding: 5px 0 5px;
    margin: 0 0 0 15px;
   }
/* PHARMACIES   */
.containerEmphasis.pharmacies h2,
.containerEmphasis.patients h2 {
	color: #fff;
	 font-size: 22px;
    margin: 15px 0;
    line-height: 26px;
}

/* PATIENTS */
.containerSafetyVideo {
    background: #fff;
    border: 5px solid #b7b8dc;
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}
.safetyVideo {
    color: slateblue;
    font-size: 50px;
    padding-top: 30px;
    padding-bottom: 10px;
}
.safetyVideoBlock_hdg {
    color: slateblue;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
}
.safetyVideoBlock_content {
    color: slateblue;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 30px;
}

/* PRESCRIBER ENROLLMENT FORM    */
.containerEmphasis.enrollForm h2 {
    margin: 0;
}
.enrollInstructions .textMajor {
	padding-bottom: 0;
	margin-bottom: 10px;
}
.enrollInstructions ol {
    padding: 0 15px;
    margin-left: 15px;
    margin-top: 0;
}
.enrollInstructions li {
	font-family: "Open Sans Condensed";
	font-weight: 700;
	font-size: 18px;
	margin: 0;
}
.attestation {
	margin-bottom: 15px;
}
.attestation ul {
    margin: 0 0 30px 0;
    padding-left: 30px;
}
.attestation ul,
.attestation ul li ul {
	list-style: none;
}
.attestation ul li {    
	color: #000;	
	font-size: 16px;
	list-style: none;
	display: table;
	margin: 0;
	padding: 0;
	    font-family: "Open Sans Condensed";
	    font-weight: 700;
    font-size: 18px;
    color: #585858;
}
/* ul.attestation li:before {
    content: " ";
    width: 7px;
    height: 7px;
    background: #232d69;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 10px;
    margin-left: -17px;
}   */
.attestation ul li:before {    
	content: "\2022";
    display: table-cell;
	color: #232d69;
    position: relative;
    top: 5px;
    margin-right: 10px;
    margin-left: -22px;
    font-size: 30px;
    vertical-align: text-bottom;
    padding-right: 10px;
    line-height: 30px;
}
.attestation ul li ul {
	padding: 0;
	margin-top: 5px;
}
.attestation ul li ul li {
	padding-bottom: 5px;
}
/* ul.attestation li ul li:before {
    content: "\2013";
	font-weight: bold;
    background: transparent;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: 10px;
    xxxmargin-left: 15px;
}   */
.attestation ul li ul li:before {
    font-weight: bold;
    background: transparent;
    border-radius: 100%;
    display: table-cell;
    position: relative;
    content:  "-";
    color: #232d69;
    padding-right: 10px;
    top: 1px;
    line-height: 20px;
}


@media only screen and (max-width: 47.9375em) {
.attestation	ul {
		padding: 0;
		margin: 0;
	}
}
.signature {
	margin-top: 30px;
}
/*  CONTACT US    */
.contactUs {
	font-family: "Open Sans Condensed";
}
.contactBlock {
	background: #232d69;
	box-shadow: 0 6px 2px -2px #666;
	height: 270px;
	margin-bottom: 15px;
	padding: 15px;
	position: relative;
}
.contactBlock_hdg {
	color: #97c93d;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 50px;
	padding-bottom: 30px;
}
.contactBlock_content {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
.contactBlock_icon {
	position: absolute;	   
	top: 20%;
	left: 35%;
	color: #fff;
	opacity: .3;
	font-size: 120px;
}
.contactMsg {
	text-align: center;
	padding: 30px 40px;
}
.contactUs .learnMore {
	display: table;
	padding: 0;
}
.contactUs .learnMore i {
    font-size: 100px;
    position: relative;
    right: 0;
}
.contactUs .learnMore p{
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}
@media only screen and (max-width: 47.9375em) {
	.contactMsg {
		padding: 30px 15px;
	}
	}
   
/* LOGIN */
.Login .panel-default {
    border-color: #ddd;
    border-radius: 0;
    margin-top: 60px;
    position: relative;
}
.Login .panel-default > .panel-heading {
    background-color: #232d69;    
    background-image: none;
    border-color: #dddddd;    
    color: #97c93d;    
    font-size: 32px;
	font-family: "Open sans Condensed";
    font-weight: 700;
    height: 100px;
    padding-top: 45px;
    text-align: center;
}
.Login .panel-body {
    background: #e9eaf0;
    box-shadow: 0 6px 2px -2px #939292;
    padding: 60px 15px;
}
.Login form button {
    background: #232d69;    
    border-radius: 0;
    border: 1px solid #232d69;    
    font-family: Lato, Calibri, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;    
    padding: 10px 50px;
    margin-left: 30px;
    text-transform: uppercase;
 }
.Login form button:hover,
.Login form button:active,
.Login form button:focus {
    background: #232d69;
    border-color: #232d69;   
    color:#97c93d;

}
.Login form input {
    height: 40px;
}
.Login i {
    position: absolute;
    top: -45px;
    left: 46%;
    background: #232d69;       
    border-radius: 100%;
    border: 3px solid #fff; 
    color: #fff;
    font-size: 60px;
    height: 85px;
    margin: 0 15px 0 -15px;
    padding: 5px 15px;
    text-align: center;
    width: 85px;
}
div[data-ubc-form-name="Login"] > button {
    width: 25%;
    text-align: center;
    float: right;
}
div[data-ubc-form-name="Login"] > div.form-group {
    margin-bottom: 35px;
}
div[data-ubc-form-name="Login"] {
    margin-bottom: 15px;
}
@media only screen and (max-width: 47.9375em) {
    .Login form button {
        margin: 30px 0; 
        padding: 15px;
        width: 100%;
    }
    .Login i {
        left: 42%;
    }
}


/* Footer */
.footer {
   background-color: #fff;
   margin: 0 auto;
   padding: 10px 15px 30px 15px;
   border-top: 5px solid #b7b8dc;
}

   .footer p {
      color: #333;
      font-size: 12px;
      font-weight: bold;
      margin: 0 auto;
      padding: 0;
      padding-bottom: 10px;
      text-align: left;
   }

   .footer ul {
      margin: 0 auto;
      padding: 0 0 0 0;
   }

   .footer a:active,
   .footer a:focus {
      text-decoration: none;
   }

   .footer ul li {
      color: #000;
      display: inline;
      font-size: 14px;
      margin: 0;
      padding-right: 20px;
      vertical-align: top;
   }

@media only screen and (max-width: 47.9375em) {
   .footer ul li {
      display: block;
      padding: 5px 0;
   }
}

.footer ul.docLinks {
   border-bottom: 2px solid #ddd;
   margin: 0;
   padding-bottom: 10px;
}

   .footer ul.docLinks li a {
      color: #02b9b9;
      font-size: 12px;
      font-weight: bold;
   }


   .footer ul.legalLinks li {
      padding-left: 20px;
      padding-right: 0;
   }


@media only screen and (min-width: 48em) {
	.footer ul.legalLinks {
        padding-left: 0;
		text-align: right;
	}
}
@media only screen and (max-width: 47.9375em) {
		.footer ul.legalLinks  {
			background: #ddd;
			display: table;
			margin-bottom: 20px;
			width: 100%;
			padding: 10px;
	}
	.footer ul.legalLinks li {
		padding-left: 0;
		display: table-cell;
	}
}
.footer ul.navLinks li a {
   color: #005a9c;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.footer ul.legalLinks li a {
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}



.popupWindow {
   /*xxbackground-image: url('/Resources/_Images/bg.jpg');*/
   z-index: 99;
}

.popupWindow {
   -moz-box-shadow: 17px 17px 17px rgba(0, 0, 0, .3);
   -webkit-box-shadow: 17px 17px 17px rgba(0, 0, 0, .3);
   box-shadow: 5px 10px 50px rgba(0, 0, 0, .3);
   border: 3px solid #dedede;
}

   .popupWindow.focus .header {
      background-color: #009966;
      color: white;
      border-bottom: 5px solid #bbe8cc;
   }

   .popupWindow > .header {
      font-family: Calibri, san-serif;
      font-size: 15px;
      height: 20px;
      padding: 0;
      padding: 5px 3px 5px 10px;
   }

      .popupWindow > .header > .closeIcon {
         background-color: #fff;
         background-repeat: no-repeat;
         background-position: center center;
         border: 1px solid #fff;
         border-radius: 3px;
         cursor: pointer;
         display: inline-block;
         float: right;
         height: 16px;
         padding: 1px;
         width: 16px;
      }
   /* specific just for Prescriber/Associate Facility Search Grid popup as grid is wider than popupwindow  */
   .popupWindow div[data-ubc-form-name="FacilitySearch"] div#searchResults {
      width: 700px;
   }

/*  P O R T A L      M E N U       S T Y L E S    */
ul.navbar-nav li.action,
ul.navbar-nav li.TaskManager {
   text-decoration: none !important;
   font-size: 18px;
   margin-left: 0;
}

   ul.navbar-nav li.action:hover,
   ul.navbar-nav li.TaskManager:hover {
      background: #efe3e9;
      /*background: #e4e8e8;*/
   }

   ul.navbar-nav li.action a:focus,
   ul.navbar-nav li.action a:active {
      outline: 0;
   }

ul[data-ubc-menu-name$="MainMenu"] {
   background: #fff;
   position: relative;
   overflow: visible;
}

li.MenuItem span.Action {
   color: #fff;
}

li.MenuItem.Root {
   background: rgb(12,163,96); /* Old browsers */
   background: -moz-linear-gradient(top, rgba(12,163,96,1) 0%, rgba(6,157,90,1) 11%, rgba(9,160,93,1) 21%, rgba(7,158,91,1) 32%, rgba(7,157,93,1) 58%, rgba(4,127,73,1) 84%, rgba(7,124,72,1) 89%, rgba(7,117,68,1) 95%, rgba(19,122,75,1) 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,163,96,1)), color-stop(11%,rgba(6,157,90,1)), color-stop(21%,rgba(9,160,93,1)), color-stop(32%,rgba(7,158,91,1)), color-stop(58%,rgba(7,157,93,1)), color-stop(84%,rgba(4,127,73,1)), color-stop(89%,rgba(7,124,72,1)), color-stop(95%,rgba(7,117,68,1)), color-stop(100%,rgba(19,122,75,1))); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, rgba(12,163,96,1) 0%,rgba(6,157,90,1) 11%,rgba(9,160,93,1) 21%,rgba(7,158,91,1) 32%,rgba(7,157,93,1) 58%,rgba(4,127,73,1) 84%,rgba(7,124,72,1) 89%,rgba(7,117,68,1) 95%,rgba(19,122,75,1) 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, rgba(12,163,96,1) 0%,rgba(6,157,90,1) 11%,rgba(9,160,93,1) 21%,rgba(7,158,91,1) 32%,rgba(7,157,93,1) 58%,rgba(4,127,73,1) 84%,rgba(7,124,72,1) 89%,rgba(7,117,68,1) 95%,rgba(19,122,75,1) 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, rgba(12,163,96,1) 0%,rgba(6,157,90,1) 11%,rgba(9,160,93,1) 21%,rgba(7,158,91,1) 32%,rgba(7,157,93,1) 58%,rgba(4,127,73,1) 84%,rgba(7,124,72,1) 89%,rgba(7,117,68,1) 95%,rgba(19,122,75,1) 100%); /* IE10+ */
   background: linear-gradient(to bottom, rgba(12,163,96,1) 0%,rgba(6,157,90,1) 11%,rgba(9,160,93,1) 21%,rgba(7,158,91,1) 32%,rgba(7,157,93,1) 58%,rgba(4,127,73,1) 84%,rgba(7,124,72,1) 89%,rgba(7,117,68,1) 95%,rgba(19,122,75,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ca360', endColorstr='#137a4b',GradientType=0 ); /* IE6-9 */
   border: 3px solid #55ba8e;
   color: #edfaf3;
   margin-left: 1px;
   padding: 6px 25px 8px 25px;
   font-size: 14px;
   font-weight: bold;
}

li.MenuItem.Nested {
   background-color: transparent;
   border-left: 3px solid transparent;
   display: block;
   font-size: 14px;
   margin-right: 4px;
}

li.MenuItem span.MenuText {
   text-decoration: none;
   margin-right: 0px;
   width: auto;
}

li.MenuItem.Root span.MenuText {
   line-height: 2.8em;
}

li.MenuItem.Nested span.MenuText {
   line-height: 2.0em;
   cursor: pointer;
}

li.MenuItem.Selected {
   background: #009966;
   color: white !important;
}

li.MenuItem.Root:hover {
   background-color: #009966;
   background: #009966;
   border: 3px solid #009966;
   color: white;
   text-decoration: none;
}

li.MenuItem.Disabled /*> span.MenuText*/ {
   display: none;
}

li.MenuItem.Enabled > span.MenuText {
   cursor: pointer;
}

li.MenuItem span.MenuOpen {
   display: none;
   width: 8px;
   height: 11px;
   background-image: url('/Resources/CSS/Menu/rightArrow.jpg');
   margin-left: 5px;
}

/*  SUB MENUS */
ul[data-ubc-menu-name$="MainMenu"] ul.dropdown-menu {
   background: #efe3e9;
   border: 0;
   border-left: 1px solid #dedede;
   color: #000;
   padding: .5em 0;
   position: absolute;
   min-width: 200px;
   box-shadow: none;
}

.dropdown-menu > li > a {
   font-size: 16px;
}

.dropdown .dropdown > .dropdown-menu > li > a {
   /*padding-top: 0; 
    padding-bottom: 0*/
}

.dropdown:hover > .dropdown-menu {
   display: block;
}

.dropdown .dropdown > .dropdown-menu {
   top: 0;
   left: 100%;
   margin-top: -8px;
   margin-left: -1px;
   -webkit-border-radius: 0 6px 6px 6px;
   -moz-border-radius: 0 6px 6px 6px;
   border-radius: 0 6px 6px 6px;
   /*height: 200px;
    overflow: auto;
    z-index: 9999;*/
}

.dropdown .dropdown > a:after {
   display: block;
   content: " ";
   float: right;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   border-left-color: #170000;
   margin-top: 5px;
   margin-right: 0px;
}

.dropdown .dropdown b.caret {
   border-color: transparent;
}
/* TABS */
ul[data-ubc-menu-name$="Tabs"] {
   border-top: 3px solid #007db4;
   border-bottom: 1px solid #007db4;
   margin-bottom: 20px;
   width: 100%;
}

   ul[data-ubc-menu-name$="Tabs"].nav li {
      margin: 0;
      margin-right: 1px;
   }

   ul[data-ubc-menu-name$="Tabs"] li a {
      color: #15806d;
      color: #333;
      font-size: 16px;
   }

   ul[data-ubc-menu-name$="Tabs"].nav > li.active > a,
   ul[data-ubc-menu-name$="Tabs"].nav > li.active > a:hover,
   ul[data-ubc-menu-name$="Tabs"].nav > li.active > a:focus {
      background-color: #d6eef9;
      color: #000;
      text-decoration: none;
   }
   /*ul[data-ubc-menu-name$="Tabs"].nav > li.active > a,*/
   ul[data-ubc-menu-name$="Tabs"].nav > li > a:hover,
   ul[data-ubc-menu-name$="Tabs"].nav > li > a:focus {
      background-color: #bde6df;
      text-decoration: none;
   }

   ul[data-ubc-menu-name$="Tabs"].nav > li > a:hover {
      background: #b2d6e6;
   }

   ul[data-ubc-menu-name$="Tabs"] li.MenuItem {
      background: #bde6df;
      border: 0;
      box-shadow: inset 2px 2px 2px .5px #036c49;
      font-size: 12px;
      margin: 5px 2px;
      padding: 7px 15px;
   }

      ul[data-ubc-menu-name$="Tabs"] li.MenuItem:hover {
         background: #bbe8cc;
         background-color: #bbe8cc;
         background: #fff;
         border: 0;
      }

      ul[data-ubc-menu-name$="Tabs"] li.MenuItem.Selected {
         background-color: #fff;
         /* border: 1px solid #009966;   */
         border-bottom: 0;
         margin-right: 1px;
         /* box-shadow: none;*/
      }

         ul[data-ubc-menu-name$="Tabs"] li.MenuItem.Selected:hover {
            /* margin: 1px; */
         }

      ul[data-ubc-menu-name$="Tabs"] li.MenuItem span.Action {
         text-decoration: none;
         cursor: pointer;
         /* text-shadow: 1px 1px 1px  #333;*/
         color: #666;
      }

         ul[data-ubc-menu-name$="Tabs"] li.MenuItem span.Action:hover {
            color: #000;
         }

      ul[data-ubc-menu-name$="Tabs"] li.MenuItem.Selected span.Action {
         color: #009966;
         cursor: pointer;
         text-decoration: none;
         text-shadow: none;
      }

span.Action:hover {
   color: #000;
   text-decoration: underline;
}

/*  DROP DOWN MENU ITEMS */
ul[data-ubc-menu-name$="MainMenu"] ul.MenuItems {
   background-color: #009966;
   border: 0;
   border-left: 1px solid #009966;
   color: #000;
   display: block;
   margin: -0.8em 0 0 0;
   padding: .5em 0;
   position: absolute;
   min-width: 200px;
}

   ul[data-ubc-menu-name$="MainMenu"] ul.MenuItems li.MenuItem.Nested:hover,
   ul[data-ubc-menu-name$="MainMenu"] ul.MenuItems li.MenuItem.Nested:active {
      background-color: #036c49;
      border-left: 3px solid #bbe8cc;
      color: #000;
   }

   ul[data-ubc-menu-name$="MainMenu"] ul.MenuItems li.MenuItem.Selected {
      background-color: #036c49;
      border: 1px solid #bbe8cc;
      border-left: 3px solid #bbe8cc;
      border-right: 0;
   }

li#BlankForms ul.MenuItems {
   left: 170px !important;
}

   li#BlankForms ul.MenuItems li span,
   li#Reports ul.MenuItems li span {
      line-height: 1em;
      display: inline-block;
      padding-bottom: 5px;
      padding-top: 5px;
   }


/* Context menu   */
.ubc-context-menu .dropdown-menu .action:hover {
   text-decoration: none;
}

.ubc-context-menu .dropdown-menu > li > a:hover,
.ubc-context-menu .dropdown-menu > li > a:focus {
   background: #ecf9f6;
   background: transparent;
   color: #5b89c3;
}

.ubc-context-menu .dropdown-menu > li.disabled > a:hover,
.ubc-context-menu .dropdown-menu > li.disabled > a:focus {
   color: #777;
}
/*     L O G I N    P O P U P   S T Y L E S    */
div.popupWindow div.WebPartContainer div[data-ubc-form-name].Login-Form.Login-Query-Password {
   background: transparent;
   padding: 5px;
   height: 400px;
}

div[data-ubc-form-name].Login-Form.Login-Query-Password div.Login-Body {
   height: 40%;
}

div.popupWindow div.WebPartContainer div.Login-Form.Login-Update-Profile {
   background-color: #fff;
   max-height: 550px;
   overflow-y: auto;
   overflow-x: auto;
   padding: 5px;
   width: 590px;
}

div.Login-Form {
   height: 100%;
}

table[data-ubc-form-array-name="Questions"] td {
   width: 200px;
   vertical-align: top;
}
/* =======================================   */

/*           U S E R   P R O F I L E         */
#UserInfo {
   float: right;
   padding: 10px 0;
}

   #UserInfo div[data-ubc-form-name="Login"] {
      margin-top: 20px;
      margin-right: 5px;
      background-color: #eee;
      padding: 15px;
      padding-left: 25px;
      border: 1px solid #ddd;
      border-radius: 3px;
      overflow: hidden;
   }

#UserProfilePart .userInfoFly {
   position: absolute;
   display: block;
   background-color: #e8fcf0;
   border: 0;
   border-bottom-right-radius: .5em;
   border-bottom-left-radius: .5em;
   border-left: 2px solid #bbb;
   border-top: 2px solid #d2fae4;
   color: #048053;
   display: none;
   margin-top: -3px;
   padding: .25em 1em .5em 1.5em;
   right: 6px;
   text-align: right;
   width: auto;
   z-index: 1000;
   -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

   #UserProfilePart .userInfoFly span {
      line-height: 1.50em;
   }

#UserProfilePart #displayUserInfo {
   background-color: #fff;
   border: 0;
   border-bottom: 3px solid #bbb;
   border-top: 3px solid #bbb;
   color: #009966;
   cursor: pointer;
   font-size: 120%;
   font-variant: small-caps;
   font-size: 18px;
   min-width: 250px;
   margin-right: 5px;
   padding: 3px 5px 3px 15px;
   width: auto;
}

   #UserProfilePart #displayUserInfo:after {
      content: url('/Resources/_Images/userName_downArrow.gif');
      vertical-align: middle;
      padding-right: 5px;
      margin-left: 5px;
   }

   #UserProfilePart #displayUserInfo:hover {
      background-color: #bbe8cc;
      border: 0;
      border-bottom: 3px solid #bbb;
      border-top: 3px solid #bbb;
      color: #333;
   }

div.form-group.AssignedGroups ul {
   padding-left: 0;
   margin: 0;
}

   div.form-group.AssignedGroups ul li {
      margin-left: 0;
   }


/* =======================================   */
#ValidationSummary li {
   color: red;
   cursor: pointer;
   list-style: none;
   text-align: left;
}

a.navLink {
   color: #005a9c;
   text-decoration: none;
   cursor: pointer;
}

   a.navLink:hover {
      text-decoration: underline;
   }

   a.navLink label span {
      color: #ff6b00;
      cursor: pointer;
      text-decoration: none;
   }

      a.navLink label span:hover {
         text-decoration: underline;
      }

span[data-torch-change-reason-message] {
   padding: 10px;
   font-size: 120%;
   font-weight: bold;
}

textarea[data-torch-change-reason-input] {
   width: 380px;
   height: 120px;
   margin: 10px;
   padding: 5px;
}
/* =====    TABLES    ======= */
table tr.Empty {
   display: none;
}

.table thead tr th {
   vertical-align: middle;
}

table th a,
table th a:focus,
table th a:hover,
table th a:active {
   color: #005a9c;
   font-weight: normal;
}

.table th a:focus,
.table th a:hover,
.table th a:active {
   text-decoration: none;
}

.table .form-group {
   margin-bottom: 0px;
}

table .ubc-data-display-text,
table .ubc-data-display-drop-down {
   font-size: 14px;
}

table .ubc-data-display-checkbox-list,
table .ubc-data-display-checkbox {
   margin: 0;
   padding: 0;
}

.table.ubc-grid .MenuColumn li.ubc-menu-item a span:before {
   content: "\00a0";
   font-family: "glyphicons halflings";
   border-right: 1px solid #aaa;
   color: #5b89c3;
   font-size: 14px;
   margin-right: 5px;
   padding-right: 5px;
   vertical-align: top;
}

.table.ubc-grid .MenuColumn li.ubc-menu-item.disabled a span:before {
   color: #bbb;
}

.table.ubc-grid .MenuColumn li.ubc-menu-item.ViewPrescriber a span:before,
.table.ubc-grid .MenuColumn li.ubc-menu-item.View a span:before,
.table.ubc-grid .MenuColumn li.ubc-menu-item.TaskDetail a span:before {
   content: "\e015";
}

.table.ubc-grid .MenuColumn li.ubc-menu-item.EditPrescriber a span:before,
.table.ubc-grid .MenuColumn li.ubc-menu-item.EditUser a span:before,
.table.ubc-grid .MenuColumn li.ubc-menu-item.EditMaterialOrder a span:before {
   content: "\270f";
}

.table.ubc-grid .MenuColumn li.ubc-menu-item.DeletePrescriber a span:before,
.table.ubc-grid .MenuColumn li.ubc-menu-item.Delete a span:before,
.table.ubc-grid .MenuColumn li.ubc-menu-item.Remove a span:before {
   content: "\e014";
   position: relative;
   top: 2px;
}

.table.ubc-grid .MenuColumn li.ubc-menu-item.DisableUser a span:before {
   content: "\e090";
}

.table.ubc-grid .MenuColumn li.ubc-menu-item.EnableUser a span:before {
   content: "\e089";
}

.table.ubc-grid .MenuColumn li.ubc-menu-item.LoginHistory a span:before {
   content: "\e023";
}

.table.ubc-grid .MenuColumn li.ubc-menu-item.ResetUserPassword a span:before {
   /*content: "\e019";*/
   content: "\e033";
}

.table.ubc-grid th.ubc-grid-header-cell.hyperlink {
   text-decoration: none;
}

/*  UI Slider  */
table.ubc-grid-navigation-bar {
   padding: 3px;
   border-color: #CACBD3;
   background: #fff;
}

.ui-slider .ui-slider-handle:after,
.ui-slider .ui-slider-handle:before {
   border: 0;
}

.ubc-grid-navigation-slider .ui-slider .ui-slider-handle {
   background: #fff;
   border-color: #5b89c3;
   border-radius: 100%;
   border-width: 3px;
   cursor: pointer;
   height: 2em;
   top: -12px;
   width: 2em;
}

   .ubc-grid-navigation-slider .ui-slider .ui-slider-handle:hover,
   .ubc-grid-navigation-slider .ui-slider .ui-slider-handle:active,
   .ubc-grid-navigation-slider .ui-slider .ui-slider-handle:focus {
      text-decoration: none;
      outline: 0;
   }

.ui-slider .ui-slider-handle:before {
   border: 0;
   color: #888;
   content: "\e091";
   font-family: "Glyphicons Halflings";
   font-size: .6em;
   left: 2px;
   margin-left: 2px;
   margin-top: 2px;
   top: 2px;
   position: relative;
}

.ui-slider .ui-slider-handle:after {
   border: 0;
   color: #888;
   content: "\e092";
   font-family: "Glyphicons Halflings";
   font-size: .65em;
   margin-left: 2px;
   margin-top: 2px;
   left: -2px;
   top: 2px;
   position: relative;
}

.ubc-navigation-button.first,
.ubc-navigation-button.previous,
.ubc-navigation-button.next,
.ubc-navigation-button.last {
   background: #fff;
   background-image: url('');
    background-image: transparent;
   border: 1px solid #5b89c3;
   border-radius: 100%;
   color: #666;
   height: 22px;
   margin-top: 0px;
   vertical-align: top;
   width: 22px;
}

   .ubc-navigation-button.first:before {
      content: "\e079";
      font-family: "Glyphicons Halflings";
      font-size: 9px;
      left: 2.5px;
      position: relative;
      top: 0px;
   }

   .ubc-navigation-button.first:after {
      content: "\e079";
      font-family: "Glyphicons Halflings";
      font-size: 9px;
      left: -1px;
      position: relative;
      top: 0px;
   }

   .ubc-navigation-button.previous:before {
      content: "\e079";
      font-family: "Glyphicons Halflings";
      font-size: 10px;
      left: 5px;
      position: relative;
      top: 0px;
   }

   .ubc-navigation-button.next:before {
      content: "\e080";
      font-family: "Glyphicons Halflings";
      font-size: 10px;
      left: 5px;
      position: relative;
      top: 0px;
   }

   .ubc-navigation-button.last:before {
      content: "\e080";
      font-family: "Glyphicons Halflings";
      font-size: 9px;
      top: -1px;
      left: 3px;
      position: relative;
   }

   .ubc-navigation-button.last:after {
      content: "\e080";
      font-family: "Glyphicons Halflings";
      font-size: 9px;
      top: -1px;
      left: -1px;
      position: relative;
   }

.ubc-grid-navigation-slider .ui-slider.ui-slider-horizontal {
   margin-right: 10px;
}

/* F O R M   F I E L D S   */
.frmContainer {
   /*background: #f9f9f9;  */
   background: #fff;
   border: 1px solid #232d69;
   border-radius: 3px;
   padding: 15px;
   position: relative;
}

.frmContainerMultiple {
   border-bottom: 1px solid #ddd;
   margin-bottom: 15px;
}

.frmContainerBanner {
   background: #e1e1e1;
   background: #e5eae8;
   border-bottom: 1px solid #ccc;
   border-radius: 3px;
   padding: 15px;
}

.frmContainerDisplay {
   border-radius: 3px;
   background: #fff;
}
.frmContainerSecondary {
    border-top: 40px solid #232d69;
}
.frmContainer h3,
.frmContainerDisplay h3 {   
	border-bottom: 2px solid #232d69;
	color: #97c93d;
    font-family: "Open Sans Condensed";
    font-size: 26px;   
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 5px;
}

.frmGroupContainer {
    margin-bottom: 20px;
    padding: 10px;
    background: #b7b8dc;
}

.frmDividerDotted {
   border-bottom: 2px dotted #9ed2ce;
   margin-bottom: 10px;
   margin-top: 10px;
}
.frmInstructions {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.frmHeader {
	    background: #232d69;
	    color: #fff;
	    padding: 10px 15px;
	    font-family: "Open Sans Condensed";
	    font-weight: 700;
	    font-size: 24px;
    text-transform: uppercase;
}
.frmSubHeader {
	    font-family: "Open Sans Condensed";
	    font-weight: 700;
	    font-size: 22px;
	    color: #232d69;
	    color: #97c93d;
}	
/*  fieldset containers  */
fieldset {
   border: 0;
   margin: 0;
   padding-top: 0;
}

   fieldset fieldset {
      background-color: #ffffff;
      margin-top: 0;
   }
/*  required asterisk - use glyphicon instead of image */
.required > .control-label {
   background: url('');
   background: transparent;
   padding-left: 0;
}

   .required > .control-label:before,
   .DataElementLabel:before {
      color: red;
      content: "\2a";
      font-weight: 600;
      margin-right: 2px;
   }

.ubc-data-input.important > .control-label:before,
.ubc-data-input.Important > .control-label:before {
   color: #3b95f3;
   content: "\2a";
   font-weight: 600;
   margin-right: 2px;
}

.DataElement.Important:before {
   color: #395bf1;
   content: "\2a";
   font-size: 18px;
   font-weight: bold;
   font-weight: normal;
   margin-right: -2px;
   position: relative;
}

.DataElement.Important.required:before {
   content: "";
}

.NotApplicable {
   display: none;
}

.frmContainerBanner .form-group.required > .control-label:before,
.frmContainerDisplay .form-group.required > .control-label:before {
   content: "";
   margin-left: -2px;
}

label.control-label {
    font-family: "Open Sans Condensed";
    font-size: 18px;
    font-weight: bold;
}

span.DataElement label {
   display: inline-block;
   font-size: 18px;
   font-weight: normal;
   width: auto;
   padding: 0px 0 0 0;
   vertical-align: top;
   margin-bottom: 0;
}

span.DataDisplay label {
   display: inline-block;
   font-size: 18px;
   font-weight: normal;
   width: auto;
   padding: 0 0 0 0;
   vertical-align: top;
}

.frmContainerDisplay label.control-label + span {
   font-size: 16px;
   color: #888;
}

.frmContainerDisplay label.control-label,
.frmContainerBanner label.control-label {
   color: #000;
}

.frmContainerDisplay .form-group,
.frmContainerBanner .form-group {
   margin-bottom: 0px;
}

.ubc-data-display-text,
.ubc-data-display-integer,
.ubc-data-display-drop-down {
   font-size: 16px;
}

.ubc-data-input-integer,
.ubc-dat-input-date {
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #555555;
   background-color: #ffffff;
   background-image: none;
   border: 1px solid #cccccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

   .ubc-data-input-integer:focus,
   .ubc-dat-input-date:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
   }

   .ubc-dat-input-date.hasDatepicker {
      display: inline;
   }

.has-error .hasDatepicker {
   border-color: #a94442;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

   .has-error .hasDatepicker:focus {
      border-color: #843534;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
   }

.buttonContainer,
div[data-torch-dialog-button-container] {
   text-align: right;
   margin-top: 20px;
   z-index: 4;
}

ul.ubc-data-display-checkbox-list,
ul.ubc-data-display-checkbox-list li.ubc-data-display-checkbox.selected {
   display: inline;
   margin-left: 5px;
   padding-left: 0;
}

/*     T A S K   D E T A I L / A D D   T A S K   C L A S S E S    */
.TaskDetail,
.AddTaskForm,
.AddWorkGroupForm {
   background-color: #f3f3f3 !important;
   padding: 15px;
}
/* grid menu */
li.ubc-menu-item.TaskDetail.action {
   padding: 0;
}

.TaskDetail .left:first-child {
   background: #ddd;
   margin: -15px;
   padding: 15px;
   padding-bottom: 5px;
   margin-bottom: 15px;
}

.TaskDetail span label {
   display: inline;
   font-size: 13px;
}

.TaskDetail span select,
.TaskDetail span > span,
.TaskDetail span input {
   font-size: 13px;
}

.TaskDetail .form-group.TypeID,
.TaskDetail .form-group.AddDate,
.TaskDetail .form-group.DaysOpen,
.TaskDetail .form-group.DaysDue,
.TaskDetail .form-group.StakeHolderName,
.TaskDetail .form-group.StakeholderNameText,
.TaskDetail .form-group.ClosedDate,
.TaskDetail .form-group.TypeText {
   margin-top: -35px;
}
/*.TaskDetail .form-group.DueDate {
    margin-top: 20px;
}*/
.TaskDetail .form-group.Type-Text.required > .control-label:before {
   content: "";
}

.TaskDetail .ubc-data-input.form-group.Type-DropDown,
.TaskDetail .ubc-data-input.form-group.Type-Date {
   width: 50%;
   display: inline-block;
   position: relative;
   margin-right: 50px;
}

.TaskDetail button {
   display: inline;
   width: 170px;
}
/*.TaskDetail .form-group.DueDate input.hasDatepicker + img.ui-datepicker-trigger   //// this would affect only the edit task... removed TaskDetail (below) so that Add Task calendar would also display properly */
.form-group.DueDate input.hasDatepicker + img.ui-datepicker-trigger,
.form-group.DueDate input.hasDatepicker img.ui-datepicker-trigger,
img.ui-datepicker-trigger {
   position: absolute;
   right: 5px;
   top: 25px;
}

.TaskDetail hr.CRM-Task-Separator {
   clear: both;
   border-top: 2px solid #729cd2;
   margin: 15px 0;
}

.TaskDetail button[data-ubc-form-action="AddAction"] {
   margin-left: 350px;
}

.CRM-Task-Actions span.DataElement {
   padding-bottom: 15px;
   padding-right: 30px;
}

.CRM-Task-Actions textarea,
.CRM-Task-Notes textarea {
   width: 100%;
}

.TaskDetail span.DataElement label {
   display: inline;
}

div[data-ubc-form-name="Form"].TaskDetail ul.ValidationArea li.ErrorMessage {
   margin-top: 0;
}

div[data-ubc-grid-name="TaskActionList"] div.GridDataContainer {
   max-height: 200px;
   overflow-y: auto;
   overflow-x: hidden;
}

.AddTaskForm .form-group.StatusID,
.AddTaskForm .form-group.StakeholderNameText,
.AddTaskForm .form-group.TypeID,
.AddTaskForm .form-group.WorkGroupIdentity,
.AddTaskForm .form-group.AssignedTo,
.AddTaskForm .form-group.DueDate,
.AddTaskForm .form-group.DirectionID,
.AddTaskForm .form-group.ActionTypeID {
   margin-top: -15px;
}
/*  =======================================       */

.RadioListBlock {
   display: block;
}

.noReset {
   margin-top: -20px;
}

.RadioListElementBlock {
   padding-left: 150px;
   text-indent: -16px;
}

.RadioListBlock .RadioListElementBlock label {
   font-size: 12px;
   margin-left: -10px;
   vertical-align: top;
   display: inline;
   width: auto;
}

.CheckListBlock {
   display: block;
   margin-top: -20px;
}

.CheckListElementBlock {
   padding-left: 100px;
   margin: 0;
   list-style: none;
}

.CheckListBlock .CheckListElementBlock label {
   font-size: 12px;
   margin-left: -10px;
   vertical-align: top;
   display: inline;
   width: auto;
}

/*  I N L I N E    E R R O R   M E S S A G E   P L A C E M E N T  */
li.ErrorMessage {
   color: #ff0000;
   margin-top: -10px;
   margin-bottom: 10px;
}

div[data-ubc-form-name="Login"] li.ErrorMessage,
.Login-Forgot-Password li.ErrorMessage,
.Login-Query-Password li.ErrorMessage {
   color: #ff0000;
   margin-top: 5px;
}

/*  D O C U M E N T   M A N A G E R  */
#DropZone.DropTarget {
   background: #efefef url('/Resources/Images/dragDrop.png') no-repeat;
   border: 1px solid #ddd;
   box-shadow: inset 1px 1px 1px #aaa;
   height: 100px;
   padding: 20px 10px 0 150px;
}

div.Document-SearchForm {
   width: auto;
}
/*  D O C U M E N T S   P O P - U P   W I N D O W  */
#DocumentDisplay {
   height: 400px;
   margin: 3px;
   border: 1px solid #aaa;
}

#ReassignDialog,
#DocumentTypeDiv {
   border-bottom: 2px dotted #bbb8bf;
   margin-bottom: 20px;
}

   #ReassignDialog > p {
      background: #f9f3e1;
      border: 1px solid #e4d7B1;
      border-radius: 3px;
      color: #c38417;
      font-size: 18px;
      font-weight: normal !important;
      padding: 15px;
   }

   #ReassignDialog button + button {
      background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
      background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
      background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      background-repeat: repeat-x;
      border-color: #b92c28;
   }

      #ReassignDialog button + button:hover,
      #ReassignDialog button + button:focus {
         background-color: #c12e2a;
         background-position: 0 -15px;
      }
/*  U S E R   M A N A G E R  */
div.form-group.AssignedGroups ul {
   padding-left: 0;
   margin: 0;
}

   div.form-group.AssignedGroups ul li {
      margin-left: 0;
      width: 100px;
   }

/*  Add  LDAP User   */
.LDAPUserSearchForm {
   margin-bottom: 20px;
   margin-left: 0;
   margin-right: 0;
   height: auto;
   overflow: hidden;
}

   .LDAPUserSearchForm div[data-ubc-form-object-name="SearchById"],
   .LDAPUserSearchForm div[data-ubc-form-object-name="SearchByName"] {
      background: #f3f3f3;
      padding: 5px;
      width: 48%;
   }

   .LDAPUserSearchForm div[data-ubc-form-object-name="SearchByName"] {
      margin-left: 20px;
   }

table[data-ubc-form-array-name="Permissions"] td,
table[data-ubc-form-array-name="Permissions"] th,
table[data-ubc-form-array-name="Groups"] td,
table[data-ubc-form-array-name="Groups"] th {
   padding: 5px;
   border-bottom: 1px solid #ddd;
   border-bottom: 1px solid #ccc;
}

   table[data-ubc-form-array-name="Permissions"] th:last-child,
   table[data-ubc-form-array-name="Groups"] th:last-child {
      border-top-right-radius: 3px;
   }

div#userDetails span.DataElement {
   width: 350px;
}

div[data-ubc-form-name="InternalUser"] div#editUserTabs + button {
   margin-left: 250px;
}

#explicitPermissions .tooltip-inner p {
   color: #fff;
}

#explicitPermissions .tooltip-inner table {
   border-color: #fff;
}

#explicitPermissions .form-group.Type-Text.Name label + span {
   font-weight: bold;
   font-size: 20px;
}

/*  E X P I R E D   P A S S W O R D    */
#ChangeExpiredPasswordContainer div.Login-Left-Area {
   width: 90px;
}

#ChangeExpiredPasswordContainer div#messageContainer {
   padding-bottom: 10px;
}

#ChangeExpiredPasswordContainer #informationContainer {
   clear: both;
}

#ChangeExpiredPasswordContainer div.Login-Right-Area {
   float: left;
   width: 300px;
}

#ChangeExpiredPasswordContainer div #ForgotPasswordContainer {
   padding-left: 140px;
   padding-bottom: 20px;
}

span[data-ubc-form-action="ForgotPassword"],
span[data-ubc-form-action="NewCaptcha"] {
   color: #0082ba;
   cursor: pointer;
   font-size: 12px;
}

   span[data-ubc-form-action="ForgotPassword"]:hover,
   span[data-ubc-form-action="NewCaptcha"]:hover {
      text-decoration: underline;
   }
/*  A D D   P R E S C R I B E R    */
.AddPrescriber .StateId select {
   font-size: 12px;
}
/* =====  DEMOGRAPHICS TAB  ===== */
[data-ubc-form-array-name="ContactInformationCollection"] {
   display: block;
}

   [data-ubc-form-array-name="ContactInformationCollection"] [data-ubc-form-array-element] {
      background: #f4f7fB;
      margin-top: 5px;
      padding-left: 5px;
   }

div[data-ubc-form-array-name="ContactInformationCollection"] [data-ubc-form-array-element] div {
   display: inline;
}

[data-ubc-form-array-name="ContactInformationCollection"] .category {
   margin-left: 10px;
}

[data-ubc-form-array-name="ContactInformationCollection"] .ubc-data-display-text {
   font-size: 18px;
}

[data-ubc-form-array-name="ContactInformationCollection"] div.IsPreferred {
   margin-left: 20px;
}

/*  G E N E R A L   S T Y L E   C L A S S E S     */
.noMargin {
   margin: 0;
}

.action:hover {
   text-decoration: none;
}

.hyperlink {
   text-decoration: underline;
   color: #6698C2;
}

   .hyperlink:hover {
      color: #316784;
      cursor: pointer;
   }
/* ===== SPECIFIC FORM FIELDS   ===== */
.formLabel {
   color: #58585a;
   font-size: 18px;
}

.displayLabel {
   color: #000;
   font-size: 18px;
}

   .displayLabel + span > a > div {
      display: inline;
   }
/* =====  PANEL CONTAINER  ===== */
.ubc-panel-container {
   clear: both;
}

/* =====  EDIT PRESCRIBER  ===== */
.EditPrescriber .form-group.NPI.required label:before {
   content: "\00a0";
}

.EditPrescriber .form-group.NPI.required {
   margin-bottom: 0;
   padding: 10px 0;
}

   .EditPrescriber .form-group.NPI.required label,
   .EditPrescriber .form-group.NPI.required label + span {
      font-size: 20px;
   }
/* =====  JQUERY UI-DIALOG POPUP OVERRIDES  ===== */
.ui-dialog {
   border: 1px solid #aaa;
   border-radius: 5px;
}

   .ui-dialog .ui-widget-header {
      background: #06B9AC;
      border: 1px solid #00958a;
      color: #fff;
      padding: 5px;
   }

   .ui-dialog .ui-dialog-titlebar-close {
      padding-top: 0;
   }

      .ui-dialog .ui-dialog-titlebar-close:before {
         content: "x";
         color: #333;
      }

#DeleteDialog {
   padding: 20px 10px 10px;
}

.ui-dialog .ui-dialog-buttonpane {
   padding: 5px 0;
}

.ui-dialog-buttonset button {
   font-weight: bold;
   text-shadow: none;
   padding: 5px 10px;
   border-radius: 3px;
   font-size: 12px;
}

   .ui-dialog-buttonset button:first-child {
      background: #729cd2;
      color: #fff;
      border: 1px solid #3872bd;
      margin-right: 10px;
   }

      .ui-dialog-buttonset button:first-child:hover,
      .ui-dialog-buttonset button:first-child:focus {
         background: #5B89c3;
         border-color: #3872bd;
      }

   .ui-dialog-buttonset button:last-child {
      background: #990E0E;
      background: #c12e2a;
      border: 1px solid #990E0E;
      color: #fff;
   }

      .ui-dialog-buttonset button:last-child:hover,
      .ui-dialog-buttonset button:last-child:focus,
      .ui-dialog-buttonset button:last-child:active {
         background: #990E0E;
         color: #fff;
      }

.checkbox div {
   display: block;
}

.radio label,
.checkbox label {
   padding-left: 0px !important;
   padding-right: 20px;
   font-family: "Open Sans Condensed";
   font-weight: 700;
    color: #878787;
}
.Type-Boolean-Custom label {
	padding-left: 5px !important;
}
@media only screen and (max-width: 47.9375em) {
   ul[data-ubc-menu-name$="Tabs"] {
      margin: 7.5px 0;
   }
}

.text-red {
   color: red;
}

.bold {
   font-weight: bold;
}

.info-block {
   border: 1px solid black;
   padding: 15px;
   background-color: #fff;
   margin-bottom: 30px;
}
.enrollment-container {
   border: 1px solid #DDDDDD;
   background-color: #FCFCFC;
   padding: 20px;
}

/*.enrollment-container h3 {
   color: #005a9c;
   font-size: 18px;
   font-weight: bold;
   margin-top: 20px;
   margin-bottom: 0;
   text-transform: uppercase;
}*/

.enrollment-container hr {
   margin-top: 10px;
   border: 1px solid #005a9c;
}

.info-block ul {
    margin-top: 5px;
    padding-left: 0;
}
.info-block ul li {
    padding-bottom: 10px
}
.info-block ul li ul li  {
    padding-bottom: 10px
}

.RepCommunicationMethod .radio div {
   display: inline;
}

.PharmacyType .radio div {
   display: inline;
}

.inline-block {
   font-size: 18px;
   display: inline-block;
}

.data-alert {
     position: fixed;
     left:  0;     
     top: 0px;
     width: 100%;
     z-index: 1000;
}

.form-header {
   border-bottom: 2px solid #005a9c;
   color: #005a9c;
   font-size: 18px;
   font-weight: bold;
   margin-top: 20px;
   padding-bottom: 10px;
   text-transform: uppercase;
}

#pharmacy-info {
   border: 2px solid black;
   font-weight: Bolder;
   padding: 10px;
}

/*  REMS VERIFICATION  */

#pharmacy-info {
    background: #fff;
    border: 1px solid black;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
    margin-bottom: 20px;
}
.verif_results {
    display: table;
    padding-bottom: 5px;
}
.verif_iconCell,
.verif_msgCell {
    display: table-cell;
    padding-right: 20px;
    vertical-align: top;
}
.verif_results .verif_icon {
    font-size: 36px;
    border: 3px solid;
    border-radius: 100%;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    width: 60px;
}
.verif_success .verif_msg,
.verif_results.verif_success .verif_icon {
    border-color: #02b9b9  ;  
    color: #02b9b9;
}
.verif_unsuccess .verif_msg,
.verif_results.verif_unsuccess .verif_icon {
    border-color: #e22727  ;  
    color: #e22727;
}
.verif_msg {
    color: #000;
    font-size: 30px;
    padding-bottom: 5px;
}
.btn-authCode,
.btn-authCode:hover,
.btn-authCode:focus {
    background: #02b9b9;
    color: #fff;
}
.verif_code {
    background: #f1f1f1;
    border: 1px solid #ddd;
    padding: 10px 25px;
    text-align: center;
}
.verif_num {
    font-weight: bold;
    font-size: 20px;
}
.verif_details h3 {
    font-weight: bold;
    text-transform: uppercase;
}
.certified .verif_status {
    color: #02b9b9;
    display: inline-block;
}
.verif_details .certified i {
    color: #02b9b9;
    font-size: 20px;
}
.notCertified .verif_status {
    color: #e22727;
    display: inline-block;
}
.verif_details .notCertified i {
    color: #e22727;
    font-size: 20px;
}
/* =====    MODAL   WINDOWS   ===== */
.modal-content {
/*	border: 5px solid #02b9b9;
	padding: 15px;   */
}
.modal-header {
    background: #232d69;
    color: #fff;
    padding: 10px 15px;
}
.modal-header .close {
	color: #fff;
	filter: Alpha(Opacity=50);
	opacity: .5;

}
.modal-header .close:active {
	border: 0;
}
.modal-header .close:hover {
	color: #000;
	filter: Alpha(Opacity=90);
	opacity: .9;
}
.modal-title {
   font-size: 18px;
}
.modal-body {
/*	padding: 15px 0;
	line-height: 1.5em;  */
}
.modal-footer {
/*	padding: 15px 0;
	border: 0;   */
}
.modal button.btn-default  {
	background: #005a9c;
    border-color: #005a9c;
    color: #fff;
    font-weight: bold;
    padding: 10px 30px;
    text-shadow: none;
   }
   
   /*  ===   PRESCRIBER CERTIFICATION   =======  */

.loginContainer {
	background: transparent;
	border: 0;
	box-shadow: 8px 0 18px -3px #979a9c;
}
.loginContainer h1,
.frmContainerSecondary h1 {
	font-size: 30px;
    margin: 0 0 15px 0;
    color: #232d69;
}
.loginContainer button {
    display: block;
    font-size: 22px;
    width: 100%;
    padding: 10px 25px;
}
.loginDivider {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-top: 1px solid #232d69;
    color: #a2007d;
    width: 100%;
        margin-top: 50px;
	    font-size: 30px;
	    line-height: 10px;
    margin-bottom: 40px;
}

.loginDividerContent {
    background-color: #f3f3f3;
    position: relative;
    top: -29px;
    display: table;
    text-align: center;
    margin: 0 auto;
    border: 2px solid #232d69;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    padding-top: 23px;
    text-transform: uppercase;
    font-size: 24px;
    background: #232d69;
    color: #fff;
   }   

.textSplash {
    font-family: "Open Sans Condensed";
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    text-align: center; 
    margin: 30px 15px;
}
.containerSplash {
    background: #fff;
    padding: 25px;
    border: 3px solid #b7b8dc;
    margin: 60px 30px;
}
.containerSplash .textMajor {
    font-size: 26px;
}
.containerSplash ul.listItemYellow li {
    font-size: 18px;
}
@media only screen and (max-width: 47.9375em) {
    .containerSplash {
        margin: 20px 0;
    }
}
.safety-video {
    min-height: 250px;
}
.secInstructions {
    font-size: 14px;
    color: #787878;
    margin-left: 10px;
}
.embed-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
 }
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
