/* Minification failed. Returning unminified contents.
(837,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*main page elements*/

*:focus {
   outline: none;
}
/* === Remove input autofocus webkit === */

input.delete[disabled] {
   -ms-opacity: .5;
   opacity: .5;
}

html {
   /*background-color: #e2e2e2;*/
   background-color: #fff;
   margin: 0;
   padding: 0;
   width: 100%;
}

body {
   width: 100%;
   -moz-min-width: 940px;
   -ms-min-width: 940px;
   -o-min-width: 940px;
   -webkit-min-width: 940px;
   min-width: 940px;
   /*color: #666;*/
   font-size: .85em;
   font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
   margin: 0;
   padding: 0;
}

table {
   border: 0;
   border-spacing: 0;
   padding: 0;
   margin: 0;
}

   table th {
      padding: 1px 5px;
   }

   table td {
      padding: 1px 5px;
   }

.content-wrapper {
   position: relative;
   margin: 0 5% 0 5%;
   width: 90%;
   height: 100%;
}

   .content-wrapper article {
      min-height: 800px;
      display: inline-block;
   }

.page-section {
   width: 100%;
   display: block;
   padding: 0;
   margin: 0;
}

   .page-section .content {
      background: #fff;
   }

header {
   /*background: #3a4f63;*/
   background-image: url('../Images/header.png');
   background-repeat: no-repeat;
   background-position: center;
   background-color: #228cc8;
   position: relative;
   width: 100%;
   height: 180px;
   padding: 20px 40px 0 40px;
   margin: 0;
}

footer {
   position: relative;
   /*background-color: #e2e2e2;*/
   background-image: url('../Images/footer.png');
   background-repeat: repeat;
   -webkit-box-shadow: 0 10px 20px 1px #228cc8;
   -moz-box-shadow: 1px 1px 15px 2px #fff;
   -ms-box-shadow: 1px 1px 15px 2px #fff;
   -o-box-shadow: 1px 1px 15px 2px #fff;
   box-shadow: 1px 1px 15px 2px #fff;
   font-size: .8em;
   height: 65px;
   width: 100%;
   z-index: 1;
}

/* site title */

#title {
   position: relative;
   top: 35px;
}

   #title h1 {
      position: relative;
      top: -15px;
      display: inline-block;
      background: none;
      color: #fff;
      -ms-text-shadow: 6px 4px 6px #333;
      text-shadow: 6px 4px 6px #333;
      width: auto;
      height: auto;
      padding: 0 0 0 30px;
      margin: 0;
      font-family: 'Century Gothic';
      font-size: 2em;
      font-weight: 500;
   }

/*miscellaneous properties*/

.HandCursorStyle {
   cursor: pointer;
}

.left-align {
   text-align: left;
}

.right-align {
   text-align: right;
}

.center-align {
   text-align: center;
}

.float-left {
   float: left;
}

.float-right {
   float: right;
}

.display-block {
   display: block;
}

.display-inline-block {
   display: inline-block;
}

.display-inline {
   display: inline;
}

.clear-fix:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
   color: #000;
   margin: 0 0 10px 0;
   padding: 0 10px 0 0;
}

/*.messages *{
	color: red !important;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
}*/

h1 {
   font-size: 2em;
}

h2 {
   font-size: 1.5em;
}

h3 {
   font-size: 1.2em;
}

h4 {
   font-size: 1.1em;
}

h5, h6 {
   font-size: 1em;
}

hgroup.title {
   margin: 0;
   padding: 0;
}

   hgroup.title h1, hgroup.title h2, hgroup.title h3, hgroup.title h4, hgroup.title h5, hgroup.title h6 {
      display: inline;
   }

/* color tags */

.DarkBlue {
   color: #0b183c;
}

.Blue {
   color: #173a81;
}

.LightBlue {
   color: #235ed6;
}

.Green {
   color: #145478;
   -ms-text-shadow: 2px 2px 3px #888;
   text-shadow: 2px 2px 3px #888;
}

.DarkGrey {
   color: #333;
}

.Grey {
   color: #777;
}

.LightGrey {
   color: #aaa;
}

hr {
   height: 1px;
   border-style: none;
   background: #222;
}

/* link/nav properties */

a:link, a:visited, a:active, a:hover {
   color: #333;
   text-decoration: underline;
}

.login {
   position: absolute;
   bottom: 0;
   right: 1%;
   display: inline-block;
   padding: 0;
   margin: 0;
   list-style: none;
   width: auto;
}

   .login li {
      display: inline-block;
      list-style: none;
   }

   .login a.username {
      /*
	display: inline-block;
	background: #000;
	color: #dde4ec;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
		  */
      position: relative;
      color: #fff;
      text-decoration: none;
      background-color: #228cc8;
      background: -webkit-gradient(linear, left top, left bottom, from(#228cc8), to(#31aae1));
      background: -webkit-linear-gradient(top, #228cc8, #31aae1);
      background: -moz-linear-gradient(top, #228cc8, #31aae1);
      background: -ms-linear-gradient(top, #228cc8, #31aae1);
      background: -o-linear-gradient(top, #228cc8, #31aae1);
      background: linear-gradient(0, #228cc8, #31aae1);
      display: inline-block;
      padding: 6px 24px;
      margin: 0;
      font-size: 1.25em;
      -webkit-border-radius: 12px 12px 0 0;
      -moz-border-radius: 12px 12px 0 0;
      -ms-border-radius: 12px 12px 0 0;
      border-radius: 12px 12px 0 0;
   }

      .login a.username:hover {
         background-color: #31aae1;
         background: -webkit-gradient(linear, left top, left bottom, from(#31aae1), to(#228cc8));
         background: -webkit-linear-gradient(top, #31aae1, #228cc8);
         background: -moz-linear-gradient(top, #31aae1, #228cc8);
         background: -ms-linear-gradient(top, #31aae1, #228cc8);
         background: -o-linear-gradient(top, #31aae1, #228cc8);
         background: linear-gradient(0, #31aae1, #228cc8);
      }

.navmenu {
   position: absolute;
   bottom: 0;
   left: 1%;
   display: inline-block;
   padding: 0;
   margin: 0;
   list-style: none;
   width: auto;
}

   .navmenu li {
      display: inline-block;
      list-style: none;
   }

.navLink {
   position: relative;
   color: #fff !important;
   text-decoration: none !important;
   /*background-color: #4f6b85;*/
   background-color: #228cc8;
   background: -webkit-gradient(linear, left top, left bottom, from(#228cc8), to(#31aae1));
   background: -webkit-linear-gradient(top, #228cc8, #31aae1);
   background: -moz-linear-gradient(top, #228cc8, #31aae1);
   background: -ms-linear-gradient(top, #228cc8, #31aae1);
   background: -o-linear-gradient(top, #228cc8, #31aae1);
   background: linear-gradient(0, #228cc8, #31aae1);
   display: inline-block;
   padding: 6px 24px;
   margin: 0;
   font-size: 1.25em;
   -webkit-border-radius: 12px 12px 0 0;
   -moz-border-radius: 12px 12px 0 0;
   -ms-border-radius: 12px 12px 0 0;
   border-radius: 12px 12px 0 0;
}

.navLinkSelected {
   /*color: #fff !important;
	text-decoration: none !important;*/
   background-color: #31aae1;
   background: -webkit-gradient(linear, left top, left bottom, from(#31aae1), to(#228cc8));
   background: -webkit-linear-gradient(top, #31aae1, #228cc8);
   background: -moz-linear-gradient(top, #31aae1, #228cc8);
   background: -ms-linear-gradient(top, #31aae1, #228cc8);
   background: -o-linear-gradient(top, #31aae1, #228cc8);
   background: linear-gradient(0, #31aae1, #228cc8);
   -webkit-box-shadow: 0 0 25px 5px #a0daf2 inset;
   -moz-box-shadow: 0 0 25px 5px #a0daf2 inset;
   -ms-box-shadow: 0 0 25px 5px #a0daf2 inset;
   -o-box-shadow: 0 0 25px 5px #a0daf2 inset;
   box-shadow: #a0daf2 0 0 15px 1px inset;
   /*   display: inline-block;
	padding: 6px 24px;
	margin: 0;
	font-size: 1.25em;
  background-color: #fff;
	padding: 5px 24px;
	margin: 0;
	font-size: 1.7em !important;
	font-weight: bold;

	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;*/
}

   .navLinkSelected a {
      color: #142d09;
   }

.navLink:hover {
   /*background-color: #9ab0c4;*/
   background-color: #31aae1;
   background: -webkit-gradient(linear, left top, left bottom, from(#31aae1), to(#228cc8));
   background: -webkit-linear-gradient(top, #31aae1, #228cc8);
   background: -moz-linear-gradient(top, #31aae1, #228cc8);
   background: -ms-linear-gradient(top, #31aae1, #228cc8);
   background: -o-linear-gradient(top, #31aae1, #228cc8);
   background: linear-gradient(0, #31aae1, #228cc8);
   text-decoration: none;
}

.TRoomNavLink {
   display: block;
   border-left: 5px solid #e2e2e2;
   margin: 6px 0 6px 0;
   padding: 0 0 0 5px;
   text-decoration: none !important;
}

.TGroupChatLink {
   display: block;
   border-left: 5px solid #e2e2e2;
   margin: 6px 0 6px 0;
   padding: 0 0 0 5px;
   text-decoration: none !important;
}

   .TGroupChatLink:hover {
      border-left: 5px solid #000;
      padding: 0 0 0 12px;
   }

.TRoomNavLink:hover {
   border-left: 5px solid #000;
   padding: 0 0 0 12px;
}

.TRoomNavLinkSelected {
   border-left: 5px solid #ff0000;
   font-weight: bold;
}

/* session timer */

#timerArea {
   /*background-color: #4f6b85;*/
   background-color: #228cc8;
   background: -webkit-gradient(linear, left top, left bottom, from(#228cc8), to(#31aae1));
   background: -webkit-linear-gradient(top, #228cc8, #31aae1);
   background: -moz-linear-gradient(top, #228cc8, #31aae1);
   background: -ms-linear-gradient(top, #228cc8, #31aae1);
   background: -o-linear-gradient(top, #228cc8, #31aae1);
   background: linear-gradient(0, #228cc8, #31aae1);
   -ms-border-radius: 12px;
   border-radius: 12px;
   position: absolute;
   top: 20px;
   right: 1%;
   color: #fff;
   width: auto;
   height: auto;
   padding: 5px 24px;
   margin: 0;
}

/* content images */

.PinkCup {
   position: relative;
   left: -10px;
}

/* main content */

.content {
   background-color: #fff;
   overflow: no-content;
   padding: 35px 0 100px 0;
   margin: 0;
}

article {
   position: relative;
   margin: 0;
   padding: 0;
   display: inline-block;
   width: 79%;
}

aside {
   margin: 0;
   padding: 0 0 90px 0;
   float: right;
   display: inline-block;
   width: 20%;
}

   aside ul {
      list-style: none;
      padding: 0;
   }

      aside ul li {
         background: url("../Images/bullet.png") no-repeat 0 50%;
         padding: 2px 0 2px 20px;
      }

.page-section.content aside {
   display: inline-block;
}

.label {
   font-weight: 700;
}

fieldset {
   width: auto;
   border: none;
   margin: 0;
   padding: 0;
}

   fieldset legend {
      display: none;
   }

/* admin */

.indexAdmin {
   margin: 15px 0 15px 0; /**/
}

   .indexAdmin li:hover {
      color: #999;
      padding-left: 5px;
      -moz-transition: padding .25s;
      -webkit-transition: padding .25s;
      -o-transition: padding .25s;
      -ms-transition: padding .25s;
      transition: padding .25s;
   }

.adminHeader {
   background: #3e3e3e;
   color: #fff;
}

.adminLabel {
   width: 200px;
   vertical-align: baseline;
   display: inline-block;
   font-size: 1.25em;
   font-weight: 600;
   padding: 5px;
   margin: 0;
}

.adminField {
   width: 70.5%;
   vertical-align: baseline;
   line-height: 1.25em;
   display: inline-block;
   font-size: 1.1em;
   padding: 5px;
   margin: 0;
}

/* Therapy Group Person */

.ptonlyfield {
   display: none;
}

/* treatment plan */

.tpContentWrapper {
   position: relative;
   /*width: 800px;*/
   border: solid 1px #000;
   margin: 10px;
   padding: 0;
}

.tpHeader {
   display: block;
   background: #c0c0c0;
   color: #000;
   padding: 10px;
}

.tpProblemHeader {
   display: block;
   background: #000;
   color: #fff;
   padding: 5px 10px 5px 10px;
}

.tpProblemContent {
   /*width: 780px;*/
   padding: 10px;
}

.tpObjectiveHeader {
   background: #d8d8d8;
   padding: 5px 20px 5px 20px;
}

.tpObjectiveContent {
   padding: 10px 20px 10px 20px;
   border-bottom: solid 6px #d8d8d8;
}

.tpResponsibility {
   display: inline-block;
   /*width: 365px;*/
   padding: 5px;
   vertical-align: top;
}

.tpAchievementDate {
   display: block;
   /*width: 780px;*/
   padding: 0 0 0 5px;
   font-weight: 600;
}

.tp-display-label {
   display: inline-block;
   /*width: 120px;*/
   font-size: 1.1em;
   font-weight: bold;
   vertical-align: top;
   margin: 0;
   padding: 5px 0 5px 0;
}

.tp-display-field {
   display: inline-block;
   /*width: 650px;*/
   font-size: 1.1em;
   margin: 0;
   padding: 5px 0 5px 0;
}

.tpAcknowledge {
   font-size: 1.25em;
   font-weight: 600;
}

#patientResponse {
   max-width: 100%;
   -moz-min-width: 100%;
   -ms-min-width: 100%;
   -o-min-width: 100%;
   -webkit-min-width: 100%;
   min-width: 100%;
   width: 100%;
   padding: 0;
   margin: 0;
}

/* documents */

#DocumentWrapper {
   width: 960px;
}

/* group discussions */

#GroupTopicList {
   margin: 5px 0 0 0;
   padding: 0;
}

#threadOptions {
   float: right;
   width: 300px;
}

.groupDiscussionInfo {
   display: inline-block;
   width: 500px;
}

.threadRoot {
   list-style: none;
   margin: 5px 0 0 0;
   padding: 0 0 5px 0;
   /*background-color: #729661;*/
   background-color: #31aae1;
   background: -webkit-gradient(linear, left top, right bottom, from(#31aae1), to(#228cc8));
   background: -webkit-linear-gradient(top, #74c8eb, #a0daf2);
   background: -moz-linear-gradient(top, #31aae1, #228cc8);
   background: -ms-linear-gradient(top, #31aae1, #228cc8);
   background: -o-linear-gradient(top, #31aae1, #228cc8);
   background: linear-gradient(0, #31aae1, #228cc8);
   -webkit-border-radius: 12px 2px 2px 12px;
   -moz-border-radius: 12px 2px 2px 12px;
   -ms-border-radius: 12px 2px 2px 12px;
   border-radius: 12px 2px 2px 12px;
}

.unread:after {
   content: " (New!)";
   color: red;
   /*color: #abd578;
	color:#00ff21;*/
   padding: 0 0 0 10px;
}

.expand:before {
   content: "Expand All";
}

#TaskTV div.collapse:before {
   content: no-open-quote;
}
/*Cancels out the style below for Task Tree View*/

.collapse:before {
   content: "Collapse";
}

/*over rides the rule above for bootstrap accordians*/
uib-accordion .collapse:before {
   content: none !important;
}

.unreadReply:after {
   content: " (New Replies!)";
   /*color: #ffc800;*/
   color: #5aa34e;
   padding: 0 0 0 10px;
}

.deleteReply:after {
   content: "Delete Reply";
   color: yellow;
   padding: 0 25px 0 0;
   float: right;
   cursor: pointer;
}

.viewDeleted:after {
   content: "View Deleted Reply";
   color: yellow;
   padding: 0 25px 0 0;
   float: right;
   cursor: pointer;
}

.threadRoot .topic {
   display: block;
   margin: 0;
   padding: 5px;
   text-decoration: none;
   font-size: 1.4em;
   font-weight: bold;
   color: #fff;
   /*background-color: #4f7040;*/
   line-height: 2;
   background-color: #74c8eb;
   background: -webkit-gradient(linear, left top, left bottom, from(#74c8eb), to(#3cb2e4));
   background: -webkit-linear-gradient(top, #74c8eb, #3cb2e4);
   background: -moz-linear-gradient(top, #74c8eb, #3cb2e4);
   background: -ms-linear-gradient(top, #74c8eb, #3cb2e4);
   background: -o-linear-gradient(top, #74c8eb, #3cb2e4);
   background: linear-gradient(0, #74c8eb, #3cb2e4);
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -ms-border-radius: 12px;
   -ms-text-shadow: 0 -1px 0 #396715;
   text-shadow: 0 -1px 0 #396715;
   -webkit-box-shadow: 0 0 8px 1px #1a7fba inset;
   -moz-box-shadow: 0 0 8px 1px #1a7fba inset;
   -ms-box-shadow: 0 0 8px 1px #1a7fba inset;
   -o-box-shadow: 0 0 8px 1px #1a7fba inset;
   box-shadow: inset 0 0 8px 1px #1a7fba;
   -webkit-border-radius: 12px 2px 2px 12px;
   -moz-border-radius: 12px 2px 2px 12px;
   border-radius: 12px;
   border-radius: 12px 2px 2px 12px;
}

   .threadRoot .topic .topicTitle {
      margin: 0;
      padding: 5px;
      text-decoration: none;
      font-size: 1.4em;
      font-weight: bold;
      color: #fff;
   }

   .threadRoot .topic .topicLinks {
      margin: 0;
      padding: 5px;
      text-decoration: none;
      font-size: 1.4em;
      /*font-weight: bold;*/
      color: #fff;
      float: right;
   }

   .threadRoot .topic:hover {
      -ms-text-shadow: 0 1px 0 #396715;
      text-shadow: 0 1px 0 #396715;
      padding: 5px 12px;
      -moz-transition: padding .25s;
      -webkit-transition: padding .25s;
      -o-transition: padding .25s;
      -ms-transition: padding .25s;
      transition: padding .25s;
      background: -webkit-gradient(radial, center center, 0, center center, 460, from(#a0daf2), to(#74c8eb));
      background: -webkit-radial-gradient(circle, #a0daf2, #74c8eb);
      background: -moz-radial-gradient(circle, #a0daf2, #74c8eb);
      background: -ms-radial-gradient(circle, #a0daf2, #74c8eb);
   }

.threadRootChild {
   list-style: none;
   margin: 5px 0 0 0;
   padding: 0;
}

.MessageTopic {
   display: block;
   margin: 0 0 5px 0;
   padding: 5px;
   padding-left: 10px;
   text-decoration: none;
   font-size: 1.3em;
   font-weight: bold;
   color: #fff;
   cursor: pointer;
   line-height: 2;
   background-color: #74c8eb;
   background: -webkit-gradient(linear, left top, left bottom, from(#74c8eb), to(#3cb2e4));
   background: -webkit-linear-gradient(top, #74c8eb, #3cb2e4);
   background: -moz-linear-gradient(top, #74c8eb, #3cb2e4);
   background: -ms-linear-gradient(top, #74c8eb, #3cb2e4);
   background: -o-linear-gradient(top, #74c8eb, #3cb2e4);
   background: linear-gradient(0, #74c8eb, #3cb2e4);
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -ms-border-radius: 12px;
   -ms-text-shadow: 0 -1px 0 #396715;
   text-shadow: 0 -1px 0 #396715;
   -webkit-box-shadow: 0 0 8px 1px #1a7fba inset;
   -moz-box-shadow: 0 0 8px 1px #1a7fba inset;
   -ms-box-shadow: 0 0 8px 1px #1a7fba inset;
   -o-box-shadow: 0 0 8px 1px #1a7fba inset -webkit-border-radius: 12px 2px 2px 12px;
   box-shadow: inset 0 0 8px 1px #1a7fba;
   -moz-border-radius: 12px 2px 2px 12px;
   border-radius: 12px 2px 2px 12px;
}

   .MessageTopic:hover {
      -ms-text-shadow: 0 1px 0 #396715;
      text-shadow: 0 1px 0 #396715;
      padding: 5px 0;
      padding-left: 15px;
      -moz-transition: padding .25s;
      -webkit-transition: padding .25s;
      -o-transition: padding .25s;
      -ms-transition: padding .25s;
      transition: padding .25s;
      background: -webkit-gradient(radial, center center, 0, center center, 460, from(#a0daf2), to(#74c8eb));
      background: -webkit-radial-gradient(circle, #a0daf2, #74c8eb);
      background: -moz-radial-gradient(circle, #318bbe, #74c8eb);
      background: -ms-radial-gradient(circle, #318bbe, #74c8eb);
   }

.MessageDetails {
   padding: 0 10px;
   color: #fff;
}

.MessageText {
   padding: 10px;
   font-size: 1.25em;
   color: #000;
}

.Replies {
   color: #fff;
   font-weight: 600;
   padding: 0 10px;
}

   .Replies a {
      width: auto;
      display: inline-block;
      cursor: pointer;
      color: #fff !important;
      padding: 5px 8px;
      text-decoration: none;
      font-size: 1.2em;
      font-weight: 800;
      line-height: 2;
      background-color: #74c8eb;
      background: -webkit-gradient(linear, left top, left bottom, from(#74c8eb), to(#3cb2e4));
      background: -webkit-linear-gradient(top, #74c8eb, #3cb2e4);
      background: -moz-linear-gradient(top, #74c8eb, #3cb2e4);
      background: -ms-linear-gradient(top, #74c8eb, #3cb2e4);
      background: -o-linear-gradient(top, #74c8eb, #3cb2e4);
      background: linear-gradient(0, #74c8eb, #3cb2e4);
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      -ms-border-radius: 12px;
      border-radius: 12px;
      -ms-text-shadow: 0 -1px 0 #396715;
      text-shadow: 0 -1px 0 #396715;
      -webkit-box-shadow: 0 0 8px 1px #1a7fba inset;
      -moz-box-shadow: 0 0 8px 1px #1a7fba inset;
      -ms-box-shadow: 0 0 8px 1px #1a7fba inset;
      -o-box-shadow: 0 0 8px 1px #1a7fba inset;
      box-shadow: inset 0 0 8px 1px #1a7fba;
   }

      .Replies a:hover {
         -ms-text-shadow: 0 1px 0 #396715;
         text-shadow: 0 1px 0 #396715;
         padding: 5px 12px;
         -moz-transition: padding .25s;
         -webkit-transition: padding .25s;
         -o-transition: padding .25s;
         -ms-transition: padding .25s;
         transition: padding .25s;
         background: -webkit-gradient(radial, center center, 0, center center, 460, from(#a0daf2), to(#74c8eb));
         background: -webkit-radial-gradient(circle, #a0daf2, #74c8eb);
         background: -moz-radial-gradient(circle, #318bbe, #74c8eb);
         background: -ms-radial-gradient(circle, #318bbe, #74c8eb);
      }

      .Replies a:active {
         background-color: #c7ef8f;
         background: -webkit-gradient(linear, left top, left bottom, from(#d1edf8), to(#74c8eb));
         background: -webkit-linear-gradient(top, #d1edf8, #74c8eb);
         background: -moz-linear-gradient(top, #d1edf8, #74c8eb);
         background: -ms-linear-gradient(top, #d1edf8, #74c8eb);
         background: -o-linear-gradient(top, #d1edf8, #74c8eb);
         background: linear-gradient(0, #d1edf8, #74c8eb);
         border: 1px solid #c7e8f8;
         -webkit-box-shadow: 0 0 10px 5px #3eb0e4 inset;
         -moz-box-shadow: 0 0 10px 5px #3eb0e4 inset;
         -ms-box-shadow: 0 0 10px 5px #3eb0e4 inset;
         -o-box-shadow: 0 0 10px 5px #3eb0e4 inset;
         box-shadow: 0 0 10px 5px #3eb0e4 inset;
      }

/* summary page */

.summary-top-left {
   -webkit-border-radius: 12px 0 0 0;
   -moz-border-radius: 12px 0 0 0;
   -ms-border-radius: 12px 0 0 0;
   border-radius: 12px 0 0 0;
}

.summary-top-right {
   -webkit-border-radius: 0 12px 0 0;
   -moz-border-radius: 0 12px 0 0;
   -ms-border-radius: 0 12px 0 0;
   border-radius: 0 12px 0 0;
}

.summary-bottom-right {
   border: none !important;
   -webkit-border-radius: 0 0 12px 0;
   -moz-border-radius: 0 0 12px 0;
   -ms-border-radius: 0 0 12px 0;
   border-radius: 0 0 12px 0;
}

.summary-bottom-left {
   border: none !important;
   -webkit-border-radius: 0 0 0 12px;
   -moz-border-radius: 0 0 0 12px;
   -ms-border-radius: 0 0 0 12px;
   border-radius: 0 0 0 12px;
}

.summary-display-none {
   display: none;
}

.taskDisplay li, .taskDisplay ul {
   list-style: none;
}

.summary {
   width: 100%;
   font-size: 1.4em;
   color: #fff;
}

   .summary a {
      float: right;
      font-weight: 600;
   }

   .summary .divider {
      background: #fff;
   }

   .summary th {
      width: 23%;
      /*background: #4f7040;*/
      background-color: #228cc8;
      background: -webkit-gradient(linear, left top, left bottom, from(#228cc8), to(#31aae1));
      background: -webkit-linear-gradient(top, #228cc8, #31aae1);
      background: -moz-linear-gradient(top, #228cc8, #31aae1);
      background: -ms-linear-gradient(top, #228cc8, #31aae1);
      background: -o-linear-gradient(top, #228cc8, #31aae1);
      background: linear-gradient(0, #228cc8, #31aae1);
      border-bottom: solid 2px #fff;
      padding: 5px 25px 5px 0;
      text-align: right;
      font-weight: 600;
   }

   .summary td {
      width: 77%;
      /*background: #729661;*/
      background-color: #228cc8;
      background: -webkit-gradient(linear, left top, left bottom, from(#228cc8), to(#31aae1));
      background: -webkit-linear-gradient(top, #228cc8, #31aae1);
      background: -moz-linear-gradient(top, #228cc8, #31aae1);
      background: -ms-linear-gradient(top, #228cc8, #31aae1);
      background: -o-linear-gradient(top, #228cc8, #31aae1);
      background: linear-gradient(0, #228cc8, #31aae1);
      border-bottom: solid 2px #fff;
      padding: 5px 30px;
   }

.progressSheet {
   position: relative;
   display: none;
   background: #fff !important;
   padding: 0;
   margin: 0;
}

   .progressSheet th {
      background: #fff !important;
   }

   .progressSheet td {
      background: #fff !important;
      padding: 0;
      margin: 0;
   }

.progressDisplay {
   /*background: #84ae71;*/
   background-color: #31aae1;
   background: -webkit-gradient(linear, left top, right bottom, from(#31aae1), to(#228cc8));
   background: -webkit-linear-gradient(top, #74c8eb, #a0daf2);
   background: -moz-linear-gradient(top, #31aae1, #228cc8);
   background: -ms-linear-gradient(top, #31aae1, #228cc8);
   background: -o-linear-gradient(top, #31aae1, #228cc8);
   background: linear-gradient(0, #31aae1, #228cc8);
   margin: 0 20px;
   padding: 20px 0 0 0;
}

.moduleDisplay {
   position: relative;
   left: -1%;
   display: block;
   width: 102%;
   /*background: #000;*/
   background-color: #228cc8;
   background: -webkit-gradient(linear, left top, left bottom, from(#228cc8), to(#31aae1));
   background: -webkit-linear-gradient(top, #228cc8, #31aae1);
   background: -moz-linear-gradient(top, #228cc8, #31aae1);
   background: -ms-linear-gradient(top, #228cc8, #31aae1);
   background: -o-linear-gradient(top, #228cc8, #31aae1);
   background: linear-gradient(0, #228cc8, #31aae1);
   font-size: 1em;
   font-weight: 600;
   padding: 3px 0 3px 0;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   -ms-border-radius: 6px;
   border-radius: 6px;
}

.moduleCaption {
   display: block;
   margin: 0;
   padding: 0 0 0 100px;
}

.lectureDisplay {
   display: block;
   color: #000;
   margin: 0;
   padding: 10px 40px;
}

.taskStatusCompleteHead {
   color: white;
}

.taskStatusCompleteBlue {
   color: darkviolet;
}

.taskStatusAuth {
   color: #CD0000;
}

.taskStatusPending {
   color: #ffd800;
}

.taskStatusReopened {
   color: #d80000;
}

.GreenCheckMarkRight {
   background: transparent url('/Images/accept-icon.png') center right no-repeat;
   -ms-background-size: 30px;
   background-size: 30px;
   padding-right: 30px;
   position: relative;
}

.GoldStarBlueRight {
   background: transparent url('/Images/goldstarblue.png') center right no-repeat;
   -ms-background-size: 24px;
   background-size: 24px;
   padding-right: 24px;
   position: relative;
}

.GoldStarRedRight {
   background: transparent url('/Images/goldstarred.png') center right no-repeat;
   -ms-background-size: 24px;
   background-size: 24px;
   padding-right: 24px;
   position: relative;
}

/* login page */

#loginForm {
   border-right: solid 2px #c8c8c8;
   float: left;
   width: 55%;
}

   #loginForm .validation-error {
      display: block;
      margin-left: 15px;
   }

   #loginForm .validation-summary-errors ul {
      margin: 0;
      padding: 0;
   }

   #loginForm .validation-summary-errors li {
      display: inline;
      list-style: none;
      margin: 0;
   }

   #loginForm input {
      width: 250px;
   }

#socialLoginForm {
   margin-left: 40px;
   float: left;
   width: 40%;
}

   #socialLoginForm h2 {
      margin-bottom: 5px;
   }

#socialLoginList button {
   margin-bottom: 12px;
}

#logoutForm {
   display: inline;
}

/* information input/display */

.display-label {
   font-weight: bold;
   font-size: 1.1em;
}

.display-field {
   font-size: 1.1em;
}

.text-display-field {
   font-size: 1.1em;
   white-space: pre-line
}

.editor-label {
   display: block;
   font-weight: bold;
   font-size: 1.1em;
}

.editor-field {
   display: block;
   font-size: 1.1em;
}

label {
   display: block;
   font-size: 1.2em;
   font-weight: 700;
}

.labelAdmin:hover {
   color: #999;
   padding-left: 5px;
   -moz-transition: padding .25s;
   -webkit-transition: padding .25s;
   -o-transition: padding .25s;
   -ms-transition: padding .25s;
   transition: padding .25s;
}

.patientDocsContainer {
   margin-top: 20px;
}

.patientDocs {
   margin: 15px 0;
   height: 10px;
   width: 200px;
   display: block;
   font-size: 1.2em;
   font-weight: 700;
}

   .patientDocs a {
      text-decoration: none;
      color: #666;
   }

      .patientDocs a:hover {
         color: #999;
         padding-left: 5px;
         -moz-transition: padding .25s;
         -webkit-transition: padding .25s;
         -o-transition: padding .25s;
         -ms-transition: padding .25s;
         transition: padding .25s;
      }

label.checkbox {
   display: inline;
}

.radioGroup {
   margin: 15px 0 15px 0;
   padding: 0;
}

input {
   width: 220px;
   height: auto;
   padding: 5px 8px;
}

textarea {
   padding: 1px 4px;
   width: 300px;
}

.editor-field input, .editor-field [text] {
   background-color: #fff;
   border: 1px solid #228cc8;
   -webkit-box-shadow: 0 0 5px #228cc8, 0 10px 100px #fff inset;
   -ms-box-shadow: 0 0 5px #228cc8, 0 10px 100px #fff inset;
   box-shadow: 0 0 5px #228cc8, 0 10px 100px #fff inset;
   -ms-border-radius: 2px;
   border-radius: 2px;
   padding-right: 30px;
   -moz-transition: padding .25s;
   -webkit-transition: padding .25s;
   -o-transition: padding .25s;
   -ms-transition: padding .25s;
   transition: padding .25s;
   margin: 5px 0;
   /*border: solid 1px #999;
	font-size: 1.2em;
	width: auto;
	height: auto;
	padding: 1px 4px;
	margin: 5px 0;*/
}

   .editor-field input:focus, .editor-field [text]:focus {
      background-color: #fff;
      border: 1px solid #228cc8;
      -webkit-box-shadow: 0 0 3px #aaa;
      -ms-box-shadow: 0 0 3px #aaa;
      box-shadow: 0 0 3px #aaa;
      padding-right: 70px;
      box-shadow: 0 0 3px #228cc8, 0 0 0 100px #d6eefa inset;
   }

select {
   width: auto;
   -moz-min-width: 150px;
   -ms-min-width: 150px;
   -o-min-width: 150px;
   -webkit-min-width: 150px;
   min-width: 150px;
   margin: 5px 0;
}

input[type="checkbox"] {
   background: transparent;
   border: inherit;
   width: auto;
}

input[type="radio"], input[type="radio"] [text] {
   border: 1px solid #e2e2e2;
   background: #fff;
   color: #333;
   font-size: 1.2em;
   margin: 5px 0 6px 15px;
   padding: 5px;
   width: auto;
}

input[type="submit"], input[type="button"], button {
   /*background-color: #465c71;*/
   background-color: #228cc8;
   background: -webkit-gradient(linear, left top, left bottom, from(#228cc8), to(#31aae1));
   background: -webkit-linear-gradient(top, #228cc8, #31aae1);
   background: -moz-linear-gradient(top, #228cc8, #31aae1);
   background: -ms-linear-gradient(top, #228cc8, #31aae1);
   background: -o-linear-gradient(top, #228cc8, #31aae1);
   background: linear-gradient(0, #228cc8, #31aae1);
   color: #fff;
   width: auto;
   display: inline-block;
   outline: none;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   font-size: 1.2em;
   padding: 6px 24px;
   /* ReSharper disable RequiresFallbackColor */
   -ms-text-shadow: 0 1px 1px rgba(0,0,0,.3);
   text-shadow: 0 1px 1px rgba(0,0,0,.3);
   -webkit-border-radius: 12px 2px 12px 2px;
   -moz-border-radius: 12px 2px 12px 2px;
   -ms-border-radius: 12px 2px;
   border-radius: 12px 2px;
   -webkit-box-shadow: 0 1px 2px #000000;
   -moz-box-shadow: 0 1px 2px #000000;
   -ms-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
   /* ReSharper restore RequiresFallbackColor */
}

   input[type="submit"]:hover, input[type="button"]:hover, button:hover {
      background-color: #31aae1;
      background: -webkit-gradient(linear, left top, left bottom, from(#31aae1), to(#228cc8));
      background: -webkit-linear-gradient(top, #31aae1, #228cc8);
      background: -moz-linear-gradient(top, #31aae1, #228cc8);
      background: -ms-linear-gradient(top, #31aae1, #228cc8);
      background: -o-linear-gradient(top, #31aae1, #228cc8);
      background: linear-gradient(0, #31aae1, #228cc8);
      text-decoration: none;
   }

   input[type="submit"]:active, input[type="button"]:active, button:active {
      position: relative;
      top: 1px;
      text-decoration: none;
      /* ReSharper disable RequiresFallbackColor */
      -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
      -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
      -ms-box-shadow: 0 0 0 rgba(0,0,0,0);
      box-shadow: 0 0 0 rgba(0,0,0,0);
      /* ReSharper restore RequiresFallbackColor */
   }

/* info and errors */

.message-info {
   border: 1px solid;
   clear: both;
   padding: 10px 20px;
}

.message-error {
   clear: both;
   color: #e80c4d;
   font-size: 1.1em;
   font-weight: bold;
   margin: 20px 0 10px 0;
}

.message-success {
   color: #7ac0da;
   font-size: 1.3em;
   font-weight: bold;
   margin: 20px 0 10px 0;
}

.error {
   color: #e80c4d;
}

.field-validation-error {
   color: #e80c4d;
   font-weight: bold;
}

.field-validation-valid {
   display: none;
}

input.input-validation-error {
   border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
   border: 0 none;
}

.validation-summary-errors {
   color: #e80c4d;
   font-weight: bold;
   font-size: 1.1em;
}

.validation-summary-valid {
   display: none;
}

/* CKEDITOR styles */

.ckeditor {
   color: #000;
}

   .ckeditor hr {
      background: #ccc;
      height: 1px;
      border: none;
   }

   .ckeditor pre {
      font-family: 'Courier New';
   }

/*CSS for loading ajax*/

.ajaxmodal {
   display: none;
   position: fixed;
   z-index: 100;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: /*rgba(255,255,255,0.3)*/
   url('/Images/loader.gif') 50% 50% no-repeat;
}

body.loading {
   overflow: hidden;
}

   body.loading .ajaxmodal {
      display: block;
   }

/* Particpant Task Counselor Client Style
----------------------------------------------------------*/

a#Accept {
   background: transparent url('/Images/accept-icon.png') center left no-repeat;
   -ms-background-size: 20px;
   background-size: 20px;
   padding-left: 20px;
   position: relative;
   left: 1%;
}

a#Deny {
   background: transparent url('/Images/folder_open.png') center left no-repeat;
   -ms-background-size: 20px;
   background-size: 20px;
   padding-left: 20px;
   float: right;
   position: relative;
   right: 20%;
}

#TaskTV {
   margin-left: 0;
   padding-left: 0;
   list-style: none;
}

   #TaskTV li#name {
      background-image: url('/Images/Person.png');
      background-repeat: no-repeat;
      -ms-background-size: 15px;
      background-size: 15px;
      background-position: 0 .5em;
      padding-left: 20px;
      padding-top: .5em;
   }

   #TaskTV li#task {
      background-image: url('/Images/icon_menu.png');
      background-repeat: no-repeat;
      -ms-background-size: 15px;
      background-size: 15px;
      background-position: 0 .5em;
      padding-left: 20px;
      padding-top: .5em;
      list-style: none;
   }

div.client {
   background: #fff;
   -webkit-box-shadow: 0 0 30px 5px #2095cf inset;
   -ms-box-shadow: 0 0 30px 5px #2095cf inset;
   box-shadow: 0 0 30px 5px #2095cf inset;
   -ms-border-radius: 10px;
   border-radius: 10px;
   padding: 20px 25px;
   -ms-opacity: .85;
   opacity: .85;
   position: relative;
   left: 1%;
   font-weight: bold;
   width: 80%;
}

p div.client {
   position: relative;
   left: 1%;
   font-weight: bold;
   width: 94%;
}

div.patient {
   margin: 15px 0;
   background: #fff;
   -webkit-box-shadow: 0 0 30px 5px #1a7fba inset;
   -ms-box-shadow: 0 0 30px 5px #1a7fba inset;
   box-shadow: 0 0 30px 5px #1a7fba inset;
   -ms-border-radius: 10px;
   border-radius: 10px;
   padding: 20px 25px;
   position: relative;
   left: 5%;
   font-weight: bold;
   width: 76%;
}

div.counselor {
   margin: 15px 0;
   background: #fff;
   -webkit-box-shadow: 0 0 30px 5px #5aa34e inset;
   -ms-box-shadow: 0 0 30px 5px #5aa34e inset;
   box-shadow: 0 0 30px 5px #5aa34e inset;
   -ms-border-radius: 10px;
   border-radius: 10px;
   padding: 20px 25px;
   position: relative;
   left: 5%;
   font-weight: bold;
   width: 76%;
}

p div.counselor {
   color: #000;
   padding: 5px;
   position: relative;
   left: 5%;
   font-weight: bold;
   width: 90%;
}

textarea {
   border: 1px solid #999999;
   width: 95%;
   margin: 5px 0;
   padding: 3px;
}

/* Private Messaging Area */

.inboxLink {
   background: transparent url(/Images/mail.ico) center left no-repeat;
}

.composeLink {
   background: transparent url(/Images/ComposeEmail.ico) center left no-repeat;
}

.sentLink {
   background: transparent url(/Images/mail_sent.ico) center left no-repeat;
}

.privateMessage {
   cursor: pointer;
   border-bottom: 1px inset green;
}

.privateMessageDraft {
   cursor: pointer;
   border-bottom: 1px inset green;
}

.Replied:before {
   content: "⬅";
   color: black;
}

/* sliding resources bar*/

#panel {
   display: none;
   position: absolute;
   top: 179px;
   left: 6%;
   z-index: 3;
   width: 85.5%;
   /*background: #9ab0c4;*/
   background-color: #31aae1;
   background: -webkit-gradient(linear, left top, left bottom, from(#31aae1), to(#228cc8));
   background: -webkit-linear-gradient(top, #31aae1, #228cc8);
   background: -moz-linear-gradient(top, #31aae1, #228cc8);
   background: -ms-linear-gradient(top, #31aae1, #228cc8);
   background: -o-linear-gradient(top, #31aae1, #228cc8);
   background: linear-gradient(0, #31aae1, #228cc8);
   font-size: 1.25em;
   padding: 6px 24px;
   color: #fff;
}

   #panel a {
      color: #fff;
   }

.panelIsExpanded {
   /*background: #9ab0c4 !important;*/
   background-color: #31aae1;
   background: -webkit-gradient(linear, left top, left bottom, from(#31aae1), to(#228cc8));
   background: -webkit-linear-gradient(top, #31aae1, #228cc8);
   background: -moz-linear-gradient(top, #31aae1, #228cc8);
   background: -ms-linear-gradient(top, #31aae1, #228cc8);
   background: -o-linear-gradient(top, #31aae1, #228cc8);
   background: linear-gradient(0, #31aae1, #228cc8);
   color: #fff !important;
}

#tgpanel {
   display: none;
   position: absolute;
   top: 35px;
   width: auto;
   z-index: 3;
   left: 100px;
   /*background: #9ab0c4;*/
   background-color: #31aae1;
   background: -webkit-gradient(linear, left top, left bottom, from(#31aae1), to(#228cc8));
   background: -webkit-linear-gradient(top, #31aae1, #228cc8);
   background: -moz-linear-gradient(top, #31aae1, #228cc8);
   background: -ms-linear-gradient(top, #31aae1, #228cc8);
   background: -o-linear-gradient(top, #31aae1, #228cc8);
   background: linear-gradient(0, #31aae1, #228cc8);
   font-size: 1.25em;
   padding: 6px 24px;
   color: #fff;
}

   #tgpanel a {
      color: #fff;
   }

.panelIsExpanded {
   /*background: #9ab0c4 !important;*/
   background-color: #31aae1;
   background: -webkit-gradient(linear, left top, left bottom, from(#31aae1), to(#228cc8));
   background: -webkit-linear-gradient(top, #31aae1, #228cc8);
   background: -moz-linear-gradient(top, #31aae1, #228cc8);
   background: -ms-linear-gradient(top, #31aae1, #228cc8);
   background: -o-linear-gradient(top, #31aae1, #228cc8);
   background: linear-gradient(0, #31aae1, #228cc8);
   color: #fff !important;
}
/* attendance report */

.details-wrapper {
   position: relative;
   float: right;
}

.details {
   display: none;
   position: absolute;
   top: 21px;
   right: 5px;
   width: 430px;
   z-index: 3;
   background: #1671a7;
   color: #fff;
   overflow: visible;
   border: solid 1px #000;
   -webkit-border-radius: 12px 0 12px 12px;
   -moz-border-radius: 12px 0 12px 12px;
   -ms-border-radius: 12px 0 12px 12px;
   border-radius: 12px 0 12px 12px;
}

.details-row {
   display: block;
   width: auto;
   padding: 2px 10px;
   z-index: 3;
}

.details-row-alt {
   background: #1a88c3;
}

.details-close {
   position: absolute;
   right: 5px;
   width: 66px;
   z-index: 11;
   display: block;
   padding: 0 10px;
   margin: 0;
   text-align: right;
   background: #1a88c3;
   color: #fff !important;
   border: solid #000;
   border-width: 1px 1px 0 1px;
   -webkit-border-radius: 6px 6px 0 0;
   -moz-border-radius: 6px 6px 0 0;
   -ms-border-radius: 6px 6px 0 0;
   border-radius: 6px 6px 0 0;
}

.details-open {
   position: absolute;
   right: 5px;
   width: 66px;
   display: block;
   text-align: right;
   padding: 0 10px;
   margin: 0;
}

.day-label {
   display: inline-block;
   width: 220px;
   text-align: right;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

/* Statistics Panels */

#usersOnline {
   position: fixed;
   top: 200px;
   width: 250px;
   background: #279DE3;
   padding: 5px;
   z-index: 12;
   border-width: 1px 1px 1px 0;
   -webkit-border-radius: 0 0 8px 0;
   -moz-border-radius: 0 0 8px 0;
   -ms-border-radius: 0 0 8px 0;
   border-radius: 0 0 8px 0;
   box-sizing: content-box;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   -ms-box-sizing: content-box;
   -o-box-sizing: content-box;
}

#usersOnlineToggle {
   float: right;
   position: absolute;
   right: -50px;
   top: 0;
   width: 50px;
   height: 100px;
   background: #279DE3;
   z-index: 13;
   vertical-align: baseline;
   border-width: 1px 1px 1px 0;
   -webkit-border-radius: 0 8px 8px 0;
   -moz-border-radius: 0 8px 8px 0;
   -ms-border-radius: 0 8px 8px 0;
   border-radius: 0 8px 8px 0;
   box-sizing: content-box;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   -ms-box-sizing: content-box;
   -o-box-sizing: content-box;
}

   #usersOnlineToggle a {
      display: block;
      width: 100%;
      font-size: 1.1em;
      text-decoration: none;
      padding: 22px 0 0 2px;
      height: 46px;
      color: white;
   }

.uo-hidden {
   left: -260px;
}

.uo-visible {
   left: 0;
}

.usersOnlineMainHeader {
   display: block;
   font-size: 1.15em;
   font-weight: bold;
   color: white;
}

.usersOnlineHeader {
   display: block;
   width: 90%;
   font-weight: 600;
   margin: 3px 0;
   /*border-bottom: solid 1px #000;*/
   color: white;
}

.usersOnlineSection {
   border-top: solid 1px #000;
}

.usersOnlineDropdown {
   overflow-x: auto;
   height: 400px;
   overflow-y: auto;
}

.online:before {
   content: "✔ ";
   color: green;
   font-weight: bold;
}

.offline:before {
   content: "X ";
   color: red;
   font-weight: bolder;
}

.groot {
   background: transparent url('../Images//Text-Bubble-icon.png') center right no-repeat;
   -ms-background-size: 15px;
   background-size: 15px;
   padding-right: 30px;
   position: relative;
   right: 1%;
}

.buttonBar {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 45px;
}
/*
	End Statistics
*/
#jsblock-notice {
   background: red;
   color: #fff;
   font-weight: 700;
   text-align: center;
   font-size: 11pt;
   height: 50px;
   line-height: 50px;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   -ms-opacity: .8;
   opacity: .8;
   background: -moz-linear-gradient(top, #ff0004 0, #d80000 98%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ff0004), color-stop(98%,#d80000));
   background: -webkit-linear-gradient(top, #ff0004 0,#d80000 98%);
   background: -o-linear-gradient(top, #ff0004 0,#d80000 98%);
   background: -ms-linear-gradient(top, #ff0004 0,#d80000 98%);
   background: linear-gradient(to bottom, #ff0004 0,#d80000 98%);
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#d80000',GradientType=0 );
   -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#d80000',GradientType=0 );
   -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#d80000',GradientType=0 );
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#d80000',GradientType=0 );
   z-index: 10000;
}

#notifications {
   position: fixed;
   bottom: 0;
   right: 0;
   z-index: 2;
}

#toast .toast-icon {
   float: left;
   margin-right: .3em;
}

#toast {
   height: 80px;
   width: 250px;
   margin-top: 20px;
   padding: 0 .7em;
   display: none;
}

.newMessagesAlert {
   display: inline-block;
   -moz-min-width: 10px;
   -ms-min-width: 10px;
   -o-min-width: 10px;
   -webkit-min-width: 10px;
   min-width: 10px;
   padding: 3px 7px;
   font-size: 12px;
   font-weight: bold;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   background-color: #777;
   -ms-border-radius: 10px;
   border-radius: 10px;
}

.blur {
   color: transparent !important;
   text-shadow: 0 0 10px rgba(0,0,0,0.6) !important;
}

.form-group .help-block {
   display: none;
}

.form-group.has-error .help-block {
   display: block;
}

pre {
   /* The following styles prevent unbroken strings from breaking the layout */
   width: 100%; /* set to whatever width you need */
   overflow: auto;
   white-space: -moz-pre-wrap; /* Mozilla */
   white-space: -hp-pre-wrap; /* HP printers */
   white-space: -o-pre-wrap; /* Opera 7 */
   white-space: -pre-wrap; /* Opera 4-6 */
   white-space: pre-wrap; /* CSS 2.1 */
   white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
   word-wrap: break-word; /* IE */
   -moz-binding: url('xbl.xml#wordwrap'); /* Firefox (using XBL) */
}

div#ClickHandler h3 {
   font-size: 36px;
}

div#ClickHandler h4 {
   font-size: 30px;
}

div#ClickHandler h5 {
   font-size: 24px;
}

div#ClickHandler h6 {
   font-size: 18px;
}
/**
 * @license angular-bootstrap-datetimepicker  version: 0.3.12
 * (c) 2013-2014 Knight Rider Consulting, Inc. http://www.knightrider.com
 * License: MIT
 */

.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    width: 320px;
}

.datetimepicker.datetimepicker-rtl {
    direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
    float: right;
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

[class*=" datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

[class*=" datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
}

[class*=" datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}

[class*=" datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker > div {
    display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
    display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
    display: block;
}

.datetimepicker.days div.datetimepicker-days {
    display: block;
}

.datetimepicker.months div.datetimepicker-months {
    display: block;
}

.datetimepicker.years div.datetimepicker-years {
    display: block;
}

.datetimepicker table {
    margin: 0;
}

.datetimepicker .table td,
.datetimepicker .table th {
    text-align: center;
    width: 14.6%;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.datetimepicker .table-striped > tbody > tr:nth-child(odd) > td, .datetimepicker .table-striped > tbody > tr:nth-child(odd) > td,
.datetimepicker .table-striped > tbody > tr:nth-child(odd) > td, .datetimepicker .table-striped > tbody > tr:nth-child(odd) > th,
.datetimepicker .table-striped > tbody > tr:nth-child(odd) {
  background-color: transparent;
}
.datetimepicker table tr td.minute:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.past,
.datetimepicker table tr td.future {
    color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datetimepicker span.hour {
    height: 26px;
    line-height: 26px;
}

.datetimepicker span.minute {
    height: 26px;
    line-height: 26px;
}

.datetimepicker table tr td span:hover {
    background: #eeeeee;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datetimepicker table tr td span.past,
.datetimepicker table tr td span.future {
    color: #999999;
}



.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
    background: #eeeeee;
}