/***************************************************************
Design by: Jonathan Wright, KM Systems
Development by: Johnny Chamberlain, KM Systems
Notes: This is the stylesheet of Harmony for Support.
Last Updated: December 30, 2014
Version: 1.0
***************************************************************/
/***************************************************************
******              TMO Harmony Theme          *****************
******                   Index                 *****************
****************************************************************
******     HI.    Document incl. Overview      *****************
******     HII.   Navigation Theme             *****************
******     HIII.  Loading GIF                  *****************
******     HIV.   Latest News Banner           *****************
***************************************************************/
/****TO DO*****************************************
Take out HTML tags
***************************************************/

/*** START HI. Document incl. Overview ***/
div.shamrock-harmony-overview-doc img {
display: inline !important;
max-height:300px;
max-width:650px;
}
div.shamrock-harmony-overview-hero a {
display: inline-block;
width: 100%;
text-align: center;
}
div.shamrock-harmony-overview-escape {
float: right;
top: -40px;
position: relative;
}
div.shamrock-harmony-overview-block-container {
text-align: center;
}
div.shamrock-harmony-overview-block-container > div {
display: inline-block;
text-align: left;
vertical-align: top;
padding: 15px;
max-width:280px;
min-width:240px;
}
div.shamrock-harmony-overview-block-container div.body-light-sea-border {
min-height: 170px;
}
span.shamrock-harmony-overview-button {
background-color: #e20074;
width: 75%;
display: block;
text-align: center;
border-radius: 25px;
margin: 10px auto;
}
span.shamrock-harmony-overview-button a {
width: 100%;
display: inline-block;
padding: 10px 0;
color: #ffffff;
}
span.shamrock-harmony-overview-button:hover {
background-color: #ba0060;
}
span.shamrock-harmony-overview-button a.jive-link-wiki-small {
background-image: none;
}
h4#dnp-doc-title {
font-size: 190%;
margin-bottom:10px;
}
div#dnp-document a.jive-link-community-small {
background-image: none;
padding-left: 0px;
}
div#comment_container {
display: none;
}
p.hFileDescription {
margin: 30px 0 10px 0;
}
a.hFileLink {
display: inline-block;
color: #fff !important;
background: #e20074;
padding: 10px;
border-radius: 5px;
font-weight: bold;
}
a.hFileLink:hover {
background: #ba0060;
}
h4.harmony-welcome-h4 {
display:none;
}
/*** END HI. Document incl. Overview ***/

/*** START HII. Navigation Theme ***/
div#navigation_panel {
display: block;
width: 206px;
border: 1px solid #dcdcdc;
margin: 1px;
background: #fff;
}
span.dnp-titlespan {
padding: 10px;
font-size: 120%;
color: #e20074;
cursor: pointer;
display:inline-block;
}
div.dnp-header div, .dnp-header-list {
display: none;
}
/*div#dnp-phoneOverview div, ul#dnp_ul-phoneOverview {
display: block;
}*/

div.dnp-header > span.dnp-titlespan {
width: 186px;
}

span.dnp-titlespan.sub_header {
padding: 5px 0 5px 20px;
background: #ba0060;
min-height: 20px;
line-height: 20px;
display: inherit;
color: #fff;
font-size: 100%;
}
div.dnp-header > span.dnp-titlespan:after {
content: "\00A0\25BA";
font-size: 60%;
float: right;
padding: 4px 0;
color: #9b9b9b;
}
div.dnp-header-active > span.dnp-titlespan:after {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
color: #e20074;
}
ul.dnp-header-list-active/*, div#dnp-phoneOverview ul*/ {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
ul.dnp-header-list-active li/*, div#dnp-phoneOverview ul li*/ {
padding: 5px 5px 5px 15px;
color: #e20074;
cursor: pointer;
background: #f5f5f5;
/**Add the following to truncate instead of wrap**/
/* overflow: hidden; */
/* white-space: nowrap; */
/* text-overflow: ellipsis; */
}
li.dnp-active-link {
background: #ffffff !important;
color: #ba0060 !important;
}
span.local-nav-sub-header-active {
background: #e20074 !important;
}
ul.dnp-header-list-active li:hover/*, div#dnp-phoneOverview ul li:hover*/ {
background: #ffffff;
}
span.dnp-titlespan.sub_header:hover {
background: #e20074;
}
div.dnp-header-active a {
display: inline-block;
width: 100%;
}
/*** END HII. Navigation Theme ***/

/*** START HIII. Loading GIF ***/
#loading_div {
padding: 100px 0;
text-align: center;
width: 100%;
}
/*** END HIII. Loading GIF ***/

/*** START HIV. Latest News Banner ***/
div.harmony-latest-news {
margin-bottom: 10px;
}
div.harmony-latest-news span, div.harmony-latest-news a {
display: inline-block;
padding: 10px;
font-size:120%;
}
div.harmony-latest-news span {
background: #ba0060;
color: #fff;
font-weight: bold;
}
div.harmony-latest-news a {
width: 80%;
background: #e20074;
color: #fff !important;
}
div.harmony-latest-news a:hover {
background: #ba0060;
}
/*** END HIV. Latest News Banner ***/