diff --git a/apps/dashboard-app/src/main/js/src/assets/css/shrine.css b/apps/dashboard-app/src/main/js/src/assets/css/shrine.css
index 9afcc24b2..b34fb77af 100644
--- a/apps/dashboard-app/src/main/js/src/assets/css/shrine.css
+++ b/apps/dashboard-app/src/main/js/src/assets/css/shrine.css
@@ -1,768 +1,768 @@
 @font-face {
     font-family: 'Nexa';
     src: url('../fnt/nexa/nexa-light-webfont.eot');
     src: url('../fnt/nexa/nexa-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/nexa/nexa-light-webfont.woff2') format('woff2'),
     url('../fnt/nexa/nexa-light-webfont.woff') format('woff'),
     url('../fnt/nexa/nexa-light-webfont.ttf') format('truetype'),
     url('../fnt/nexa/nexa-light-webfont.svg#nexa_lightregular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 
 
 
 @font-face {
     font-family: 'Nexa Bold';
     src: url('../fnt/nexa/nexa-bold-webfont.eot');
     src: url('../fnt/nexa/nexa-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/nexa/nexa-bold-webfont.woff2') format('woff2'),
     url('../fnt/nexa/nexa-bold-webfont.woff') format('woff'),
     url('../fnt/nexa/nexa-bold-webfont.ttf') format('truetype'),
     url('../fnt/nexa/nexa-bold-webfont.svg#nexa_boldregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 @font-face {
     font-family: 'Open Sans Regular';
     src: url('../fnt/open-sans/opensans-regular-webfont.eot');
     src: url('../fnt/open-sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/open-sans/opensans-regular-webfont.woff2') format('woff2'),
     url('../fnt/open-sans/opensans-regular-webfont.woff') format('woff'),
     url('../fnt/open-sans/opensans-regular-webfont.ttf') format('truetype'),
     url('../fnt/open-sans/opensans-regular-webfont.svg#open_sansregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 
 
 @font-face {
     font-family: 'Open Sans Semibold';
     src: url('../fnt/open-sans/opensans-semibold-webfont.eot');
     src: url('../fnt/open-sans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/open-sans/opensans-semibold-webfont.woff2') format('woff2'),
     url('../fnt/open-sans/opensans-semibold-webfont.woff') format('woff'),
     url('../fnt/open-sans/opensans-semibold-webfont.ttf') format('truetype'),
     url('../fnt/open-sans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 @font-face {
     font-family: 'Roboto Bold';
     src: url('../fnt/roboto/roboto-bold-webfont.eot');
     src: url('../fnt/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/roboto/roboto-bold-webfont.woff2') format('woff2'),
     url('../fnt/roboto/roboto-bold-webfont.woff') format('woff'),
     url('../fnt/roboto/roboto-bold-webfont.ttf') format('truetype'),
     url('../fnt/roboto/roboto-bold-webfont.svg#robotobold') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 
 
 @font-face {
     font-family: 'Roboto Regular';
     src: url('../fnt/roboto/roboto-regular-webfont.eot');
     src: url('../fnt/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/roboto/roboto-regular-webfont.woff2') format('woff2'),
     url('../fnt/roboto/roboto-regular-webfont.woff') format('woff'),
     url('../fnt/roboto/roboto-regular-webfont.ttf') format('truetype'),
     url('../fnt/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 .main-app{
     background-image: url('../img/Background_Shrine.jpg');
     background-size: cover;
     background-color: transparent;
     background-attachment: fixed;
     width: 100%;
     height:100%;
     width: calc(100vw);
     height: calc(100vh);
     min-width: 100%;
     min-height: 100%;
 }
 
 .shrine-navbar {
     background-color: rgba(255, 255, 255, 0.62);
     border-color: transparent;
     font-family: "Nexa";
     color: #5d5d5d;
     min-height: 60px;
     width: 100%;
     height: 4.8em;
 }
 
 .shrine-brand {
     float: left;
     padding: 22px 15px;
     font-size: 30px;
     line-height: 30px;
     height: 30px;
 }
 
 .shrine-brand strong {
     font-family: "Nexa Bold";
     color: #2c5566;
 }
 
 .shrine-navbar .shrine-institution-logo {
     background-image: url('/static/logo.png');
     background-size: contain;
     background-color: transparent;
     background-color: rgba(255,255,255,0.1);
     background-repeat: no-repeat;
     background-position: right top;
     margin: 5px;
     width: 4em;
     height: 4em;
     max-height: 4em;
     max-width: 4em;
 }
 
 .shrine-button {
     cursor: pointer !important;
     background-color: transparent;
     border: none;
 }
 
 .shrine-button span {
     position: relative;
     bottom: 5px;
 
 }
 
 .shrine-btn-default {
     margin-right: 6px;
     border:none;
 }
 
 .shrine-btn-on {
     padding: 12px 12px;
     border-radius: 0;
     font-family: "Roboto Bold" !important;
     color: #FFFFFF !important;
     background:
     linear-gradient(rgba(4, 141, 190, .80), rgba(2, 89, 120, .80)),
     url('../img/bckg_diagonal_lines_no_border.png') !important;
 }
 
 .shrine-btn-off {
     padding: 6px 12px !important;
     border-radius: 4px !important;
     font-family: "Open Sans Semibold" !important;
     background-color: #8896A4 !important;
     color: #FFFFFF !important;
 }
 
 
 .shrine-on, .shrine-on a {
     font-family: "Roboto Bold" !important;
     color: #FFFFFF !important;
     background: linear-gradient(#048DBE, #025978) !important;
 }
 
 .shrine-off {
     font-family: "Roboto Regular" !important;
     color: #2C5566 !important;
     background-color: #ECEEEE !important;
 }
 
 
 .shrine-button.disabled, .shrine-button[disabled] {
     cursor: default !important;
     opacity: 0.2 !important;
 }
 
 .shrine-copy-bold {
     font-family: "Nexa Bold";
     color: #64818e;
 }
 
 .shrine-copy {
     font-family: "Nexa";
     color: #000000;
 }
 
 .row {
     margin-right: 0;
     margin-left: 0;
 }
 
 td.error, span.error {
     color: red;
 }
 
 td.error a, td.error a:hover, span.error a, span.error a:hover{
     color: inherit;
     text-decoration: underline !important;
     cursor: pointer;
 }
 
 td.ok, span.ok {
     color:green;
 }
 
 .form-group span {
     font-family: "Open Sans Semibold";
     color: #2c5566;
 }
 
 fieldset button {
     color: #2E5366;
 }
 
 fieldset button:hover, form a:hover {
     color: #008CBA;
     text-decoration: none;
     cursor: pointer;
 }
 
 form a {
     font-family: "Open Sans Regular";
     color: #647d8d;
     text-decoration: none;
 }
 
 footer img {
     margin-left: 10px;
     margin-top: 2px;
 }
 
 footer {
     background-color: rgba(50, 62, 74, 0.48);
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 83px;
     min-height: 83px;
     max-width: 100%;
 }
 
 table {
     background-image: url('../img/bckg_diagonal_lines_no_border.png');
     border: 1px solid #CCD8DF;
 
 }
 
 .table tr>td:first-child {
     width: 20%;
     min-width: 140px;
 }
 .table tr>td.thin-col {
     width: 6%;
     min-width: 35px;
 }
 
 .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #EFF6F9;
 }
 
 .table-striped>tbody>tr:nth-of-type(even) {
     background-color: #FFFFFF;
 }
 
 thead tr{
     border: 1px solid #CCD8DF;
 }
 
 td{
     border-right: 1px solid #CCD8DF;
     overflow: hidden;
     max-width: 450px;
-    word-wrap: break-word;
+    word-break: break-all;
 }
 
 
 
 thead tr td, thead tr td label, tfoot tr td span{
     font-family: "Open Sans Semibold";
     color: #003153;
 }
 
 td a, td a:hover{
     text-decoration: none !important;
     cursor: pointer;
     font-family: "Open Sans Semibold";
     color: #003153;
 }
 
 .shrine-panel{
     background-image: url('../img/bckg_diagonal_lines.png');
     background-size: 100% 100%;
     padding-right: 20px;
     padding-left: 20px;
     padding-top: 30px;
     padding-bottom: 30px;
 
 }
 
 /*!
  * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
  * Code licensed under the Apache License v2.0.
  * For details, see http://www.apache.org/licenses/LICENSE-2.0.
  */
 
 body {
     background-image: url('../img/Background_Shrine.jpg');
     background-repeat:no-repeat;
     background-size:100% 100%;
 }
 
 #wrapper {
     width: 100%;
     margin-bottom: 83px; /* clearance space for footer at bottom of long page */
 }
 
 .login-wrapper{
     margin-top: 51px;
     margin-right: 20px;
 }
 
 #page-wrapper {
     background-color: transparent;
     margin-top: 54px;
     margin-right: 20px;
 }
 
 .navbar-top-links li {
     display: inline-block;
 }
 
 .navbar-top-links li:last-child {
     margin-right: 15px;
 }
 
 .navbar-top-links li a {
     padding: 15px;
     min-height: 50px;
     font-family: "Open Sans Semibold";
     color: #2c5566;
 }
 
 .navbar-top-links .dropdown-menu li {
     font-family: "Open Sans Semibold";
     color: #2c5566;
     display: block;
 }
 
 .navbar-top-links .dropdown-menu li:last-child {
     margin-right: 0;
 }
 
 .navbar-top-links .dropdown-menu li a {
     padding: 3px 20px;
     min-height: 0;
 }
 
 .navbar-top-links .dropdown-menu li a div {
     white-space: normal;
 }
 
 .navbar-top-links .dropdown-messages,
 .navbar-top-links .dropdown-tasks,
 .navbar-top-links .dropdown-alerts {
     width: 310px;
     min-width: 0;
 }
 
 .navbar-top-links .dropdown-messages {
     margin-left: 5px;
 }
 
 .navbar-top-links .dropdown-tasks {
     margin-left: -59px;
 }
 
 .navbar-top-links .dropdown-alerts {
     margin-left: -123px;
 }
 
 .navbar-top-links{
     right: 0;
     left: auto;
 }
 
 .sidebar .sidebar-nav.navbar-collapse {
     padding-right: 0;
     padding-left: 0;
 }
 
 .sidebar .sidebar-search {
     padding: 15px;
 }
 
 .sidebar ul li {
     border-bottom: 1px solid #e7e7e7;
 }
 
 .sidebar ul li a.active {
     background-color: #eee;
 }
 
 .sidebar .arrow {
     float: right;
 }
 
 .sidebar .fa.arrow:before {
     content: "\f104";
 }
 
 .sidebar .active>a>.fa.arrow:before {
     content: "\f107";
 }
 
 .sidebar .nav-second-level li,
 .sidebar .nav-third-level li {
     border-bottom: 0!important;
 }
 
 .sidebar .nav-second-level li a {
     padding-left: 37px;
 }
 
 .sidebar .nav-third-level li a {
     padding-left: 52px;
 }
 
 @media(min-width:768px) {
     .sidebar {
         z-index: 1;
         margin-top: 51px;
     }
 
     .navbar-top-links .dropdown-messages,
     .navbar-top-links .dropdown-tasks,
     .navbar-top-links .dropdown-alerts {
         margin-left: auto;
     }
 }
 
 .btn-outline {
     color: inherit;
     background-color: transparent;
     transition: all .5s;
 }
 
 .btn-primary.btn-outline {
     color: #428bca;
 }
 
 .btn-success.btn-outline {
     color: #5cb85c;
 }
 
 .btn-info.btn-outline {
     color: #5bc0de;
 }
 
 .btn-warning.btn-outline {
     color: #f0ad4e;
 }
 
 .btn-danger.btn-outline {
     color: #d9534f;
 }
 
 .btn-primary.btn-outline:hover,
 .btn-success.btn-outline:hover,
 .btn-info.btn-outline:hover,
 .btn-warning.btn-outline:hover,
 .btn-danger.btn-outline:hover {
     color: #fff;
 }
 
 .chat {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 .chat li {
     margin-bottom: 10px;
     padding-bottom: 5px;
     border-bottom: 1px dotted #999;
 }
 
 .chat li.left .chat-body {
     margin-left: 60px;
 }
 
 .chat li.right .chat-body {
     margin-right: 60px;
 }
 
 .chat li .chat-body p {
     margin: 0;
 }
 
 .panel .slidedown .glyphicon,
 .chat .glyphicon {
     margin-right: 5px;
 }
 
 .chat-panel .panel-body {
     height: 350px;
     overflow-y: scroll;
 }
 
 .login-panel {
     margin-top: 25%;
 }
 
 .flot-chart {
     display: block;
     height: 400px;
 }
 
 .flot-chart-content {
     width: 100%;
     height: 100%;
 }
 
 .dataTables_wrapper {
     position: relative;
     clear: both;
 }
 
 table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc_disabled {
     background: 0 0;
 }
 
 table.dataTable thead .sorting_asc:after {
     content: "\f0de";
     float: right;
     font-family: fontawesome;
 }
 
 table.dataTable thead .sorting_desc:after {
     content: "\f0dd";
     float: right;
     font-family: fontawesome;
 }
 
 table.dataTable thead .sorting:after {
     content: "\f0dc";
     float: right;
     font-family: fontawesome;
     color: rgba(50,50,50,.5);
 }
 
 .btn-circle {
     width: 30px;
     height: 30px;
     padding: 6px 0;
     border-radius: 15px;
     text-align: center;
     font-size: 12px;
     line-height: 1.428571429;
 }
 
 .btn-circle.btn-lg {
     width: 50px;
     height: 50px;
     padding: 10px 16px;
     border-radius: 25px;
     font-size: 18px;
     line-height: 1.33;
 }
 
 .btn-circle.btn-xl {
     width: 70px;
     height: 70px;
     padding: 10px 16px;
     border-radius: 35px;
     font-size: 24px;
     line-height: 1.33;
 }
 
 .show-grid [class^=col-] {
     padding-top: 10px;
     padding-bottom: 10px;
     border: 1px solid #ddd;
     background-color: #eee!important;
 }
 
 .show-grid {
     margin: 15px 0;
 }
 
 .huge {
     font-size: 40px;
 }
 
 .panel-green {
     border-color: #5cb85c;
 }
 
 .panel-green .panel-heading {
     border-color: #5cb85c;
     color: #fff;
     background-color: #5cb85c;
 }
 
 .panel-green a {
     color: #5cb85c;
 }
 
 .panel-green a:hover {
     color: #3d8b3d;
 }
 
 .panel-red {
     border-color: #d9534f;
 }
 
 .panel-red .panel-heading {
     border-color: #d9534f;
     color: #fff;
     background-color: #d9534f;
 }
 
 .panel-red a {
     color: #d9534f;
 }
 
 .panel-red a:hover {
     color: #b52b27;
 }
 
 .panel-yellow {
     border-color: #f0ad4e;
 }
 
 .panel-yellow .panel-heading {
     border-color: #f0ad4e;
     color: #fff;
     background-color: #f0ad4e;
 }
 
 .panel-yellow a {
     color: #f0ad4e;
 }
 
 .panel-yellow a:hover {
     color: #df8a13;
 }
 
 .modal-content{
     border: none;
 }
 
 .shrine-modal{
     background-color: white;
     border: 1px solid #2c5566;
     font-family: "Open Sans Semibold";
     color: #2e5366;
     padding: 15px;
 }
 
 .shrine-modal form div.col-sm-12{
     border: 1px solid rgba(2, 89, 120, .80);
 }
 
 .shrine-modal input, .shrine-modal textarea{
     border-radius: 0px;
     border: 1px solid #2c5566;
 }
 
 .shrine-modal span{
     font-family: "Nexa Bold";
     color: #2e5366;
 }
 
 .shrine-modal span:hover{
     font-family: "Nexa Bold";
     color: #008CBA;
 }
 
 .shrine-modal button{
     background-color: white;
     border: none;
     font-family: "Nexa Bold";
     color: #2e5366;
 }
 
 .shrine-modal button span{
     position: relative;
     bottom: 6px;
 }
 
 .shrine-modal button:hover, .btn-success{
     font-family: "Nexa Bold";
     color: #008CBA;
     background-color: transparent;
     border: none;
 }
 
 .shrine-login{
     margin-top: 8%;
     margin-left: 1%;
 }
 
 .shrine-content{
     overflow: auto;
 }
 
 /*Fix for resizeable text area.*/
 textarea{
     resize: none;
 }
 
 
 @media (min-width: 768px) {
     .shrine-content {
         padding: 0;
     }
 }
 
 .shrine-calendar-input{
     margin-right: 1px;
     max-width:50%;
 }
 
 i.shrine-close{
     float:right;
     margin-top:-40px;
     margin-right:-40px;
     cursor:pointer;
     color: #fff;
     border: 2px solid #C8CED1;
     border-radius: 30px;
     background: #8896a4;
     font-size: 31px;
     font-weight: normal;
     display: inline-block;
     line-height: 0px;
     padding: 11px 3px;
     font-style:normal;
 }
 
 i.shrine-close:hover{
     background: #008cba;
 }
 
 .shrine-close:before {
     content: "×";
 }
 
diff --git a/apps/steward-app/src/main/js/src/assets/css/shrine.css b/apps/steward-app/src/main/js/src/assets/css/shrine.css
index 0bccff261..9ae3c928b 100644
--- a/apps/steward-app/src/main/js/src/assets/css/shrine.css
+++ b/apps/steward-app/src/main/js/src/assets/css/shrine.css
@@ -1,768 +1,768 @@
 @font-face {
     font-family: 'Nexa';
     src: url('../fnt/nexa/nexa-light-webfont.eot');
     src: url('../fnt/nexa/nexa-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/nexa/nexa-light-webfont.woff2') format('woff2'),
     url('../fnt/nexa/nexa-light-webfont.woff') format('woff'),
     url('../fnt/nexa/nexa-light-webfont.ttf') format('truetype'),
     url('../fnt/nexa/nexa-light-webfont.svg#nexa_lightregular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 
 
 
 @font-face {
     font-family: 'Nexa Bold';
     src: url('../fnt/nexa/nexa-bold-webfont.eot');
     src: url('../fnt/nexa/nexa-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/nexa/nexa-bold-webfont.woff2') format('woff2'),
     url('../fnt/nexa/nexa-bold-webfont.woff') format('woff'),
     url('../fnt/nexa/nexa-bold-webfont.ttf') format('truetype'),
     url('../fnt/nexa/nexa-bold-webfont.svg#nexa_boldregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 @font-face {
     font-family: 'Open Sans Regular';
     src: url('../fnt/open-sans/opensans-regular-webfont.eot');
     src: url('../fnt/open-sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/open-sans/opensans-regular-webfont.woff2') format('woff2'),
     url('../fnt/open-sans/opensans-regular-webfont.woff') format('woff'),
     url('../fnt/open-sans/opensans-regular-webfont.ttf') format('truetype'),
     url('../fnt/open-sans/opensans-regular-webfont.svg#open_sansregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 
 
 @font-face {
     font-family: 'Open Sans Semibold';
     src: url('../fnt/open-sans/opensans-semibold-webfont.eot');
     src: url('../fnt/open-sans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/open-sans/opensans-semibold-webfont.woff2') format('woff2'),
     url('../fnt/open-sans/opensans-semibold-webfont.woff') format('woff'),
     url('../fnt/open-sans/opensans-semibold-webfont.ttf') format('truetype'),
     url('../fnt/open-sans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 @font-face {
     font-family: 'Roboto Bold';
     src: url('../fnt/roboto/roboto-bold-webfont.eot');
     src: url('../fnt/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/roboto/roboto-bold-webfont.woff2') format('woff2'),
     url('../fnt/roboto/roboto-bold-webfont.woff') format('woff'),
     url('../fnt/roboto/roboto-bold-webfont.ttf') format('truetype'),
     url('../fnt/roboto/roboto-bold-webfont.svg#robotobold') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 
 
 
 @font-face {
     font-family: 'Roboto Regular';
     src: url('../fnt/roboto/roboto-regular-webfont.eot');
     src: url('../fnt/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fnt/roboto/roboto-regular-webfont.woff2') format('woff2'),
     url('../fnt/roboto/roboto-regular-webfont.woff') format('woff'),
     url('../fnt/roboto/roboto-regular-webfont.ttf') format('truetype'),
     url('../fnt/roboto/roboto-regular-webfont.svg#robotoregular') format('svg');
     font-weight: normal;
     font-style: normal;
 
 }
 
 .main-app{
     background-image: url('../img/Background_Shrine.jpg');
     background-size: cover;
     background-color: transparent;
     background-attachment: fixed;
     width: 100%;
     height:100%;
     width: calc(100vw);
     height: calc(100vh);
     min-width: 100%;
     min-height: 100%;
 }
 
 .shrine-navbar {
     background-color: rgba(255, 255, 255, 0.62);
     border-color: transparent;
     font-family: "Nexa";
     color: #5d5d5d;
     min-height: 60px;
     width: 100%;
     height: 4.8em;
 }
 
 .shrine-brand {
     float: left;
     padding: 22px 15px;
     font-size: 30px;
     line-height: 30px;
     height: 30px;
 }
 
 .shrine-brand strong {
     font-family: "Nexa Bold";
     color: #2c5566;
 }
 
 .shrine-navbar .shrine-institution-logo {
     background-image: url('/static/logo.png');
     background-size: contain;
     background-color: transparent;
     background-color: rgba(255,255,255,0.1);
     background-repeat: no-repeat;
     background-position: right top;
     margin: 5px;
     width: 4em;
     height: 4em;
     max-height: 4em;
     max-width: 4em;
 }
 
 .shrine-button {
     cursor: pointer !important;
     background-color: transparent;
     border: none;
 }
 
 .shrine-button span {
     position: relative;
     bottom: 5px;
 
 }
 
 .shrine-btn-default {
     margin-right: 6px;
     border:none;
 }
 
 .shrine-btn-on {
     padding: 12px 12px;
     border-radius: 0;
     font-family: "Roboto Bold" !important;
     color: #FFFFFF !important;
     background:
     linear-gradient(rgba(4, 141, 190, .80), rgba(2, 89, 120, .80)),
     url('../img/bckg_diagonal_lines_no_border.png') !important;
 }
 
 .shrine-btn-off {
     padding: 6px 12px !important;
     border-radius: 4px !important;
     font-family: "Open Sans Semibold" !important;
     background-color: #8896A4 !important;
     color: #FFFFFF !important;
 }
 
 
 .shrine-on, .shrine-on a {
     font-family: "Roboto Bold" !important;
     color: #FFFFFF !important;
     background: linear-gradient(#048DBE, #025978) !important;
 }
 
 .shrine-off {
     font-family: "Roboto Regular" !important;
     color: #2C5566 !important;
     background-color: #ECEEEE !important;
 }
 
 
 .shrine-button.disabled, .shrine-button[disabled] {
     cursor: default !important;
     opacity: 0.2 !important;
 }
 
 .shrine-copy-bold {
     font-family: "Nexa Bold";
     color: #64818e;
 }
 
 .shrine-copy {
     font-family: "Nexa";
     color: #000000;
 }
 
 .row {
     margin-right: 0;
     margin-left: 0;
 }
 
 td.error, span.error {
     color: red;
 }
 
 td.error a, td.error a:hover, span.error a, span.error a:hover{
     color: inherit;
     text-decoration: underline !important;
     cursor: pointer;
 }
 
 td.ok, span.ok {
     color:green;
 }
 
 .form-group span {
     font-family: "Open Sans Semibold";
     color: #2c5566;
 }
 
 fieldset button {
     color: #2E5366;
 }
 
 fieldset button:hover, form a:hover {
     color: #008CBA;
     text-decoration: none;
     cursor: pointer;
 }
 
 form a {
     font-family: "Open Sans Regular";
     color: #647d8d;
     text-decoration: none;
 }
 
 footer img {
     margin-left: 10px;
     margin-top: 2px;
 }
 
 footer {
     background-color: rgba(50, 62, 74, 0.48);
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 83px;
     min-height: 83px;
     max-width: 100%;
 }
 
 table {
     background-image: url('../img/bckg_diagonal_lines_no_border.png');
     border: 1px solid #CCD8DF;
 
 }
 
 .table tr>td:first-child {
   width: 20%;
   min-width: 140px;
 }
 .table tr>td.thin-col {
   width: 6%;
   min-width: 35px;
 }
 
 .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #EFF6F9;
 }
 
 .table-striped>tbody>tr:nth-of-type(even) {
     background-color: #FFFFFF;
 }
 
 thead tr{
     border: 1px solid #CCD8DF;
 }
 
 td{
     border-right: 1px solid #CCD8DF;
     overflow: hidden;
     max-width: 450px;
-    word-wrap: break-word;
+    word-break: break-all;
 }
 
 
 
 thead tr td, thead tr td label, tfoot tr td span{
     font-family: "Open Sans Semibold";
     color: #003153;
 }
 
 td a, td a:hover{
     text-decoration: none !important;
     cursor: pointer;
     font-family: "Open Sans Semibold";
     color: #003153;
 }
 
 .shrine-panel{
     background-image: url('../img/bckg_diagonal_lines.png');
     background-size: 100% 100%;
     padding-right: 20px;
     padding-left: 20px;
     padding-top: 30px;
     padding-bottom: 30px;
 
 }
 
 /*!
  * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
  * Code licensed under the Apache License v2.0.
  * For details, see http://www.apache.org/licenses/LICENSE-2.0.
  */
 
 body {
     background-image: url('../img/Background_Shrine.jpg');
     background-repeat:no-repeat;
     background-size:100% 100%;
 }
 
 #wrapper {
     width: 100%;
     margin-bottom: 83px; /* clearance space for footer at bottom of long page */
 }
 
 .login-wrapper{
     margin-top: 51px;
     margin-right: 20px;
 }
 
 #page-wrapper {
     background-color: transparent;
     margin-top: 54px;
     margin-right: 20px;
 }
 
 .navbar-top-links li {
     display: inline-block;
 }
 
 .navbar-top-links li:last-child {
     margin-right: 15px;
 }
 
 .navbar-top-links li a {
     padding: 15px;
     min-height: 50px;
     font-family: "Open Sans Semibold";
     color: #2c5566;
 }
 
 .navbar-top-links .dropdown-menu li {
     font-family: "Open Sans Semibold";
     color: #2c5566;
     display: block;
 }
 
 .navbar-top-links .dropdown-menu li:last-child {
     margin-right: 0;
 }
 
 .navbar-top-links .dropdown-menu li a {
     padding: 3px 20px;
     min-height: 0;
 }
 
 .navbar-top-links .dropdown-menu li a div {
     white-space: normal;
 }
 
 .navbar-top-links .dropdown-messages,
 .navbar-top-links .dropdown-tasks,
 .navbar-top-links .dropdown-alerts {
     width: 310px;
     min-width: 0;
 }
 
 .navbar-top-links .dropdown-messages {
     margin-left: 5px;
 }
 
 .navbar-top-links .dropdown-tasks {
     margin-left: -59px;
 }
 
 .navbar-top-links .dropdown-alerts {
     margin-left: -123px;
 }
 
 .navbar-top-links{
     right: 0;
     left: auto;
 }
 
 .sidebar .sidebar-nav.navbar-collapse {
     padding-right: 0;
     padding-left: 0;
 }
 
 .sidebar .sidebar-search {
     padding: 15px;
 }
 
 .sidebar ul li {
     border-bottom: 1px solid #e7e7e7;
 }
 
 .sidebar ul li a.active {
     background-color: #eee;
 }
 
 .sidebar .arrow {
     float: right;
 }
 
 .sidebar .fa.arrow:before {
     content: "\f104";
 }
 
 .sidebar .active>a>.fa.arrow:before {
     content: "\f107";
 }
 
 .sidebar .nav-second-level li,
 .sidebar .nav-third-level li {
     border-bottom: 0!important;
 }
 
 .sidebar .nav-second-level li a {
     padding-left: 37px;
 }
 
 .sidebar .nav-third-level li a {
     padding-left: 52px;
 }
 
 @media(min-width:768px) {
     .sidebar {
         z-index: 1;
         margin-top: 51px;
     }
 
     .navbar-top-links .dropdown-messages,
     .navbar-top-links .dropdown-tasks,
     .navbar-top-links .dropdown-alerts {
         margin-left: auto;
     }
 }
 
 .btn-outline {
     color: inherit;
     background-color: transparent;
     transition: all .5s;
 }
 
 .btn-primary.btn-outline {
     color: #428bca;
 }
 
 .btn-success.btn-outline {
     color: #5cb85c;
 }
 
 .btn-info.btn-outline {
     color: #5bc0de;
 }
 
 .btn-warning.btn-outline {
     color: #f0ad4e;
 }
 
 .btn-danger.btn-outline {
     color: #d9534f;
 }
 
 .btn-primary.btn-outline:hover,
 .btn-success.btn-outline:hover,
 .btn-info.btn-outline:hover,
 .btn-warning.btn-outline:hover,
 .btn-danger.btn-outline:hover {
     color: #fff;
 }
 
 .chat {
     margin: 0;
     padding: 0;
     list-style: none;
 }
 
 .chat li {
     margin-bottom: 10px;
     padding-bottom: 5px;
     border-bottom: 1px dotted #999;
 }
 
 .chat li.left .chat-body {
     margin-left: 60px;
 }
 
 .chat li.right .chat-body {
     margin-right: 60px;
 }
 
 .chat li .chat-body p {
     margin: 0;
 }
 
 .panel .slidedown .glyphicon,
 .chat .glyphicon {
     margin-right: 5px;
 }
 
 .chat-panel .panel-body {
     height: 350px;
     overflow-y: scroll;
 }
 
 .login-panel {
     margin-top: 25%;
 }
 
 .flot-chart {
     display: block;
     height: 400px;
 }
 
 .flot-chart-content {
     width: 100%;
     height: 100%;
 }
 
 .dataTables_wrapper {
     position: relative;
     clear: both;
 }
 
 table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_desc,
 table.dataTable thead .sorting_asc_disabled,
 table.dataTable thead .sorting_desc_disabled {
     background: 0 0;
 }
 
 table.dataTable thead .sorting_asc:after {
     content: "\f0de";
     float: right;
     font-family: fontawesome;
 }
 
 table.dataTable thead .sorting_desc:after {
     content: "\f0dd";
     float: right;
     font-family: fontawesome;
 }
 
 table.dataTable thead .sorting:after {
     content: "\f0dc";
     float: right;
     font-family: fontawesome;
     color: rgba(50,50,50,.5);
 }
 
 .btn-circle {
     width: 30px;
     height: 30px;
     padding: 6px 0;
     border-radius: 15px;
     text-align: center;
     font-size: 12px;
     line-height: 1.428571429;
 }
 
 .btn-circle.btn-lg {
     width: 50px;
     height: 50px;
     padding: 10px 16px;
     border-radius: 25px;
     font-size: 18px;
     line-height: 1.33;
 }
 
 .btn-circle.btn-xl {
     width: 70px;
     height: 70px;
     padding: 10px 16px;
     border-radius: 35px;
     font-size: 24px;
     line-height: 1.33;
 }
 
 .show-grid [class^=col-] {
     padding-top: 10px;
     padding-bottom: 10px;
     border: 1px solid #ddd;
     background-color: #eee!important;
 }
 
 .show-grid {
     margin: 15px 0;
 }
 
 .huge {
     font-size: 40px;
 }
 
 .panel-green {
     border-color: #5cb85c;
 }
 
 .panel-green .panel-heading {
     border-color: #5cb85c;
     color: #fff;
     background-color: #5cb85c;
 }
 
 .panel-green a {
     color: #5cb85c;
 }
 
 .panel-green a:hover {
     color: #3d8b3d;
 }
 
 .panel-red {
     border-color: #d9534f;
 }
 
 .panel-red .panel-heading {
     border-color: #d9534f;
     color: #fff;
     background-color: #d9534f;
 }
 
 .panel-red a {
     color: #d9534f;
 }
 
 .panel-red a:hover {
     color: #b52b27;
 }
 
 .panel-yellow {
     border-color: #f0ad4e;
 }
 
 .panel-yellow .panel-heading {
     border-color: #f0ad4e;
     color: #fff;
     background-color: #f0ad4e;
 }
 
 .panel-yellow a {
     color: #f0ad4e;
 }
 
 .panel-yellow a:hover {
     color: #df8a13;
 }
 
 .modal-content{
     border: none;
 }
 
 .shrine-modal{
     background-color: white;
     border: 1px solid #2c5566;
     font-family: "Open Sans Semibold";
     color: #2e5366;
     padding: 15px;
 }
 
 .shrine-modal form div.col-sm-12{
     border: 1px solid rgba(2, 89, 120, .80);
 }
 
 .shrine-modal input, .shrine-modal textarea{
     border-radius: 0px;
     border: 1px solid #2c5566;
 }
 
 .shrine-modal span{
     font-family: "Nexa Bold";
     color: #2e5366;
 }
 
 .shrine-modal span:hover{
     font-family: "Nexa Bold";
     color: #008CBA;
 }
 
 .shrine-modal button{
     background-color: white;
     border: none;
     font-family: "Nexa Bold";
     color: #2e5366;
 }
 
 .shrine-modal button span{
     position: relative;
     bottom: 6px;
 }
 
 .shrine-modal button:hover, .btn-success{
     font-family: "Nexa Bold";
     color: #008CBA;
     background-color: transparent;
     border: none;
 }
 
 .shrine-login{
     margin-top: 8%;
     margin-left: 1%;
 }
 
 .shrine-content{
     overflow: auto;
 }
 
 /*Fix for resizeable text area.*/
 textarea{
     resize: none;
 }
 
 
 @media (min-width: 768px) {
     .shrine-content {
         padding: 0;
     }
 }
 
 .shrine-calendar-input{
     margin-right: 1px;
     max-width:50%;
 }
 
 i.shrine-close{
     float:right;
     margin-top:-40px;
     margin-right:-40px;
     cursor:pointer;
     color: #fff;
     border: 2px solid #C8CED1;
     border-radius: 30px;
     background: #8896a4;
     font-size: 31px;
     font-weight: normal;
     display: inline-block;
     line-height: 0px;
     padding: 11px 3px;
     font-style:normal;
 }
 
 i.shrine-close:hover{
     background: #008cba;
 }
 
 .shrine-close:before {
     content: "×";
 }