   
      body {
         
        color: #222;
        font-family: "Helvetica", sans-serif;
        padding-bottom: 4em;
      }
	  p{
		line-height:1.5;
		}
      h1 {
       text-align: center;
	    color: white;
    	font-weight: normal;
      }

      h2 {
        border-bottom: 1px solid #aaa;
        padding-bottom: 0.5ex;
        margin: 1.5em 0;
      }

      h3 {
        font-weight: bold;
        border-bottom: 1px solid #aaa;
        padding-bottom: 0.5ex;
            margin-top: 3em;
      }
      
	 h4 {
        font-style: italic;
      }
      
      a {
        text-decoration: none;
        color: #567e25;
      }

      table {
        width: 100%;
        font-size: 80%;
        border-collapse: collapse;
      }

      thead {
        font-weight: 700;
        background-color: #dcdcdc;
      }

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

      td {
        border: 1px solid #ccc;
        padding: 0.5ex 2ex;
      }

      td p {
        text-indent: 1em;
        margin: 0;
        line-height: 1.5;
      }

      td p:nth-child(1) {
        text-indent: 0; /* No indent on first p in td */
      }

      /* Table of fields */
      .field-table td:nth-child(1) { /* Field */
        width: 10em;
      }
      .field-table td:nth-child(2) { /* Type */
        width: 10em;
      }
      .field-table td:nth-child(3) { /* Label */
        width: 6em;
      }
      .field-table td:nth-child(4) { /* Description */
        width: auto;
        text-align:justify;
      }

      /* Table of extensions */
      .extension-table td:nth-child(1) { /* Extension */
        width: 10em;
      }
      .extension-table td:nth-child(2) { /* Type */
        width: 10em;
      }
      .extension-table td:nth-child(3) { /* Base */
        width: 10em;
      }
      .extension-table td:nth-child(4) { /* Number */
        width: 5em;
      }
      .extension-table td:nth-child(5) { /* Description */
        width: auto;
      }

      /* Table of enum values. */
      .enum-table td:nth-child(1) { /* Name */
        width: 10em;
      }
      .enum-table td:nth-child(2) { /* Number */
        width: 10em;
      }
      .enum-table td:nth-child(3) { /* Description */
        width: auto;
      }
      .sequence-table td:nth-child(1) { /* Extension */
        width: 3.5em;
      }
      .sequence-table td:nth-child(2) { /* Type */
        width: 10em;
        white-space: normal;
        line-height:1.5;
      }
      .sequence-table td:nth-child(3) { /* Base */
        width: 3.5em;
      }
      .sequence-table td:nth-child(4) { /* Number */
         width: 4em;
        white-space: normal;
        line-height:1.5;
      }
      .sequence-table td:nth-child(5) { /* Description */
        width: 5em;
      }
		.sequence-table td:nth-child(6){
		white-space:normal;
		width:auto;
		    max-width: 15em;
		text-align: justify;
       line-height: 1.5;
		}


      /* Table of scalar value types. */
      .scalar-value-types-table tr {
        height: 3em;
      }
	  #toc-container{
	    margin-bottom:2em;
	  }
      /* Table of contents. */
      #toc-container ul {
        list-style-type: none;
        padding-left: 1em;
        line-height: 180%;
        margin: 0;
        font-size: 13px;
      }
      #toc > li > a {
        font-weight: bold;
      }

      /* File heading div */
      .file-heading {
        width: 100%;
        display: table;
        border-bottom: 1px solid #aaa;
        margin: 2em 0 1.5em 0;
      }
      .proto-main{
		white-space:normal;
      }
      .file-heading h2 {
        border: none;
        display: table-cell;
      }
      .file-heading a {
        text-align: right;
        display: table-cell;
      }
	  .data-flow-li {
	  list-style-type:decimal;
	  margin-top:-2em;

      }
      .data-flow-li li{
	  line-height: 0.8;
      }
      .data-flow-2-span{
        line-height:2em;
      }
      .data-flow-li  li span{
       display:block;  
       color: #655f5f;
      }
      .img-border{
          border: 2px solid darkgrey;
          border-radius: 5px;
	     margin-left: 4em;
      }
      .img-span{
      font-size: 14px;
      display: table;
     margin-left: auto;
     margin-right: auto;
     font-family: arial sans-serif;
      }
      .version-span{
       color: grey; 
       font-size: 18px;
       }
      /* The 'M', 'E' and 'X' badges in the ToC */
      .badge {
        width: 1.6em;
        height: 1.6em;
        display: inline-block;

        line-height: 1.6em;
        text-align: center;
        font-weight: bold;
        font-size: 60%;

        color: #89ba48;
        background-color: #dff0c8;

        margin: 0.5ex 1em 0.5ex -1em;
        border: 1px solid #fbfbfb;
        border-radius: 1ex;
      }
      .ex-msg{
        background: #EEEEEE;
	    border-radius: 5px;
	    border: 1px solid #AFAFAF;
    	text-align: left;margin-bottom:1em;
	    font-size: 16px;
    	font-size: 1;
	    white-space: pre;
    	line-height: 1.5;
	    font-family: monospace, serif !important;
		color: #2B2B2B;	    
      }
      
      #div1{
    position: fixed;
    margin-top: -1em;
    margin-right: 1em;
    float: left;
    height: 100%;
    width: 26%;
    overflow: auto;
    border-right: 2px solid grey;
    
}

.frame-cls{
border: currentColor;margin-top:1em;border-image: none;width: 100%;display: block;position: absolute;
}
.example_mqtt{
width:99%;
margin-left:-1em;
height:calc(100% - 800px); 
}
.Global_Uconnect_Control\.proto{
height:calc(100% - 8500px); 
}
.Global_Uconnect_Ext_Activation\.proto{
height:calc(100% + 4950px); 
}
.Global_Uconnect_Ext_Auth\.proto{
height:calc(100% + 700px); 
}
.Global_Uconnect_Ext_ECall\.proto{
height:calc(100% + 1000px); 
}
.Global_Uconnect_Ext_FOTA\.proto{
height:calc(100% + 2650px); 
}
.Global_Uconnect_Ext_AOTA\.proto{
height:calc(100% + 2650px); 
}

.Global_Uconnect_Ext_PC\.proto{
height:calc(100% - 4800px); 
}

.Global_Uconnect_Ext_Provision\.proto{
height:calc(100% + 1500px); 
}
.Global_Uconnect_Ext_RemoteOp\.proto{
height:calc(100% - 2200px); 
}
.Global_Uconnect_Ext_RoadSideAssist\.proto{
height:calc(100% - 200px); 
}
.Global_Uconnect_Ext_SendAndGo\.proto{
height:calc(100% + 2800px); 
}
.Global_Uconnect_Ext_SQDF\.proto{
height:calc(100% - 2600px); 
}
.Global_Uconnect_Ext_StolenVehAssist\.proto{
height:calc(100% + 2650px); 
}
.Global_Uconnect_Ext_PHEV\.proto{
height:calc(100% + 950px); 
}
.Global_Uconnect_Ext_TheftAlarmNotify\.proto{
height:calc(100% + 3250px); 
}
.Global_Uconnect_Ext_VehDataAcquisition\.proto{
height:calc(100% - 13350px); 
}
.Global_Uconnect_Ext_VehicleMessaging\.proto{
height:calc(100% + 1650px); 
}
.Global_Uconnect_Ext_VehicleFinder\.proto{
height:calc(100% + 3300px); 
}
.Global_Uconnect_Ext_VehSync\.proto{
height:calc(100% - 150px); 
}
.Global_Uconnect_Ext_WIFIHotSpot\.proto{
height:calc(100% + 2850px); 
}

#right-div{
    position:relative;float:right;height:100%;width:71%;
}
.active {font-weight:bold;color: black;}
.active a span {
    color: black;
    background: #c5bfbf;
}
.active ul li  a{
 font-weight:normal;
}
.active {
    font-weight:bold;
    color:black;
}
.active a{
   color:black;
}
.proto-hier {
    background: #EEEEEE;
    border-radius: 5px;
    border: 1px solid #AFAFAF;
    padding-left: 20px;
    text-align: left;
    margin-bottom: 1em;
    font-size: 16px; 
    white-space: pre;
    line-height: 1.5;
    font-family: monospace, serif !important;
    color: #2B2B2B;
}
.proto-head{
    margin-bottom: 3em;
}
#dragbar{
   background-color:#c8c8ce;
   height:100%;
   float: right;
   width: 3px;
   cursor: col-resize;
}
.head-table{    
    display: table;
    width: 100%;
    margin-top: -0.48em;
} 
.img-div {
display: table-cell;
width:10%;
vertical-align: middle;
}
.img-div img{
max-width: 200px;
vertical-align: middle;
}
.faq-div ul{
list-style-type:decimal;
}
.faq-div ul li ul{
list-style-type:upper-roman;
}
.faq-div ul li ul li ul{
list-style-type:lower-alpha;
}
.faq-div ul li span{
font-weight:bold;
}
.data-flow-list {
list-style-type:decimal;
white-space:pre-line;
}
.head-div{
  width: 80%;
  vertical-align: middle;
  display: table-cell; 
  background: #2d312e;
}
pre .str, code .str { color: #65B042 !important; } /* string  - green */
pre .kwd, code .kwd { color: #3b78e7 !important; } /* keyword - dark pink */
pre .com, code .com { color: #8a8383 !important; font-style: italic; } /* comment - gray */
pre .typ, code .typ { color: #9c27b0 !important; } /* type - light blue */
pre .lit, code .lit { color: #3387CC; } /* literal - blue */
pre .pun, code .pun { color: #37474f !important; } /* punctuation - white */
pre .pln, code .pln { color: #37474f !important; } /* plaintext - white */

.prettyprint ol.linenums > li { list-style-type: decimal !important; }
pre.prettyprint, code.prettyprint {

	    background-color: #EEEEEE !important;
	border-radius: 8px;
}
pre.prettyprint {
	width: 95%;
	margin: 1em auto;
	padding: 1em;
	white-space: pre-wrap;
	font-size: 14px !important;
    line-height: 1.8 !important;
}
.change-log{
    margin-top: -2em;
}
#change-log td:nth-child(1){
    width: 4em;
}
#change-log td:nth-child(2){
    width: 6em;
}
#change-log td:nth-child(3){
	white-space:normal;
}
fca_style.css:54
td {
    border: 1px solid #ccc;
    padding: 0.5ex 2ex;
    white-space: normal;
.change-log-hdr{
margin-top: 0.5em;
}
.version-hdr{
font-style:italic;
    margin-bottom: -2em;
    border-bottom:none;
    margin-top: 0 !important;
}
#menu
{
    list-style-type: none;
    display: flex;
}
#menu li{
margin-right:1em;
}
