/*navbar background color*/
.navbar {
    background-color: rgb(143, 0, 60); /* Raymarine logo color (red) */
}

/*nav bar button's (a tags) color*/
.navbar a {
    /*
    color: #Replace for custom color#;
    */
}

/*navbar-footers colors*/
.navbar-footer {
     /*
     color: #Replace for custom color#;
     */   
}

.toc-trail-name-a {
    display: inline;
}

.location-name-b {
    display: inline;
}

/*Background color for toc*/
.container-toc {
    background-color: rgb(51,51,51);
}

/*toc arrows color*/
.fa {
  /*
    color: #Replace for custom color#;
  */
}

/*Text color for toc*/
.toc a {
    color: rgb(255,255,255);
}

/*Turn of location numbers*/
.toc-location-nr {
   /*display: inline-block;*/
}

/*Text and background color for footer*/
.footer {
  background-color: rgb(68,68,69) ;
  color: rgb(255, 255, 255) ;  
}

/* Modify useful links box */
.cms-footer-link {
}

.cms-footer-info h6 {
    text-align: center;  
}

.cms-footer-center {
    margin-top: 20px;
}

@media only screen and (min-width: 750px) {
    .cms-footer-center {
        margin-left: 60px;
    }
}

/* align the toc when font-sizes is set on the page,
 check the width of the cheverons in the toc. copy the value and paste it here.*/
.fa-chevron-none {
    /*width: some-width;*/
}

/* Language support: Here you could control if the function should be enabled should be displayed.
It's based on language codes. Some of the languages are standard and listed in https://pds-svn-gbg.pdsvision.net/trac/SimonsoftProducts/wiki/Responsive
The application looks at the first two chars in the lang code en_US expampel to turn on search with new lang code below:
  */

/*.stemmer-exists[xml\:lang="da-DK"] {
  display: inline;
}*/


/*Configuration of the logo. Check this is on smallers screens.
 If it looks odd you might have to copy this and put in a media query
 https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
*/
.logo-wrapper {
    /*Relativ path to the logo*/
    background-image: url(../images/logo.png);
    /*Depending on the proportion of the logo if it's wide the left value should be 90% and the right value auto*/
     background-size: auto 90%;
    /*Minimum accepted width*/
    min-width: 240px;
    /*Position of the logo*/
    background-position: top left;
    background-repeat: no-repeat;
    margin-left: 7px;
}

.container {
    display: block;
    max-width: 825px;
    margin: 0 auto;
}

.content {
    margin-left: 15px;
    margin-right: 15px;
}

/*CUSTOM-FONTS*/
body {font-family: Helvetica, Arial, MingLiU, sans-serif;}

h1, h2, h3, h4, h5, h6 {letter-spacing: 0.0em ;}

.admon-font {font-size: 11pt; line-height: 11pt }

.admon-font-admon-confl {font-size: 11pt ; line-height: 13pt ; font-family: Helvetica, Arial, sans-serif ; }

.Document-font {font-size: 11pt ; line-height: 13pt ; font-family: Helvetica, Arial, sans-serif ;}

.Document-font-ar {font-size: 11pt ; line-height: 13pt ; font-family: Helvetica, Arial, sans-serif; }

.Document-font-ja-JP {font-size: 11pt ; line-height: 13pt ; font-family: Helvetica, Arial, "MS Mincho", sans-serif; }

.Document-font-ko-KR {font-size: 11pt ; line-height: 13pt ; font-family: Helvetica, Arial, Batang, sans-serif; }

.Document-font-zh-CN {font-size: 11pt ; line-height: 13pt ; font-family: Helvetica, Arial, SimSun, sans-serif; }

.Document-font-zh-TW {font-size: 11pt ; line-height: 13pt ; font-family: Helvetica, Arial, MingLiU, sans-serif; }

.Figuretext-font {font-size: 11pt ; font-weight: normal ; }

.Footnote-font {font-size: 8pt ; }

.Legal-font {font-size: 9pt ; line-height: 11pt ; }

.notes-font {font-size: 11pt ; line-height: 13pt ; }

.Table-font {font-size: 9pt ; line-height: 11pt ; }

.Title-1 {font-size: 24pt ; }

.Title-2 {font-size: 16pt ; line-height: 13pt ; }

.Title-2-legal {font-size: 11pt ; line-height: 13pt ; }

.Title-3 {font-size: 11pt ; line-height: 1.1 ; }

.Title-3-legal {font-size: 11pt ; line-height: 1.1 ; }

.Title-4 {font-size: 11pt ; line-height: 13pt ; }

.Title-4-legal {font-size: 11pt ; line-height: 1.1 ; }

.Title-5 {font-size: 11pt ; line-height: 13pt ;}

.Title-5-legal {font-size: 11pt ; line-height: 1.1 ; }

.Title-6 {font-size: 11pt ; line-height: 13pt ;}

.Title-8 {font-size: 9pt ; line-height: 11pt ; font-weight: normal ;}

.Figuretitle-space span {font-weight: normal ;}

.Title-8-legal {font-size: 7pt ; line-height: 9pt ; }

ul.custom, ol.custom {
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
    margin: 0px;
}
	
.proctext  ul ul,.proctext  ol ul, .proctext  ul ol, .proctext  ol ol {
    margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

div.proctext  table, .proctext > div.admon-space, div.proctext > img.block {
    margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.proctext  ul, .proctext  ol, div.proctext p {
    margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.proctext > span {
    margin: 0 15px;
}

.proctext {
	margin-top: 3px;
	margin-bottom: 3px;
  }
	
.restart-step-counter {
	counter-reset: step_list_counter;
}

.step-list {
	display: block;
	counter-increment: step_list_counter;
}

.first-proctext:before {
	content: counter(step_list_counter)".";
	display: inline-block;
	list-style-position: outside;
	text-align: left;
	margin-left:-25px !important;
	width: 25px !important;
}

li.custom {
	margin-top: 0px;
	margin-bottom: 0.5em;
	margin-left: 20px;
}

li.custom div.Standard-space {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

img[alt=icon] {
	max-height: 20px !important;
}

img[alt=formula] {
	max-height: 40px !important;
}

img {
	width: 100% !important;
        height: auto !important;
}

a.td-link {
    text-decoration: none;
	color: #000000;
	pointer-events: none;
	cursor: default;
}

object {
  width: 100% !important;
  height: 447px !important;
}


table {
    border-collapse: collapse;
    width: 100%;
}


td, th {
    border: 1px solid #ddd;
    padding: 2px;
}

th {
    border: 1px solid #ddd;
    padding: 2px;
}

th {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    background-color: #575756;
    color: white;

}
tr:nth-child(even){background-color: #f2f2f2;}


.revision-table div table {
    width: 100%;
	font-weight: normal;
	font-size: 6pt !important;
	line-height: 8pt !important;
}

.spec-table table {
    width: 100% !important;
	margin: 0px;
}

.Standard-list-space .custom {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.Standard-space {
	margin-top: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}

.List-item-space {
	margin-top: 0px;
	margin-bottom: 0.5em;
}

.admon-space div.Standard-space table {
    margin-top: 10px;
	margin-bottom: 10px;
}

.admon-font table {
    font-size: 10pt !important;
	line-height: 11pt !important;
	margin-left: 0px;
}

.Table-font table {
    font-size: 10pt !important;
	line-height: 11pt !important;
	margin-left: 0px;
}

/* CUSTOM TOC */
.toc {
    display: none;
}

.category-toc {
    display: block ;
    font-size: 8pt;
}

.toc-list li a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 8pt;
}

.toc-list li a.active {
    color: rgb(140, 140, 140);
    text-decoration: underline;
}

.toc-chapters > ul, .toc-topics > ul  {
    border-left: 1px solid rgb(255, 255, 255);
}

.category-toc div {
    vertical-align: top;
    display: inline-block;
    /* IE fix */
    *display:inline;
    zoom: 0;
    width:32%;
    max-height: 90%;
}

.toc-list {
    list-style-type: square;
    margin-bottom: .1em;
    margin-top: .1em;
    line-height: 0em
    font-size: 8pt;
}

.toc-list li {
    color: white;
    padding-left: 0.05em;
    padding-right: 0.1em;
    font-size: 8pt;
    line-height: 1.8em
}


.toc-list li a:hover {
    text-decoration: underline;
}