/* * { outline: 1px red solid !important; visibility: visible !important } */
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}
li.instr:not(:last-child) {margin-bottom: 10px;}
code{
  background: #d3d6db;
  padding: 5px;
  font-size: larger;
}
pre {
  position: relative;
  background: #d3d6db;
  padding: 10px;
  font-size: larger;
  word-wrap: break-word;
  white-space: pre-wrap;
  border: 1px solid #e6e7e9;
}
body{color:black;background-color:white;font-family:Tahoma;}
.pict1{vertical-align:bottom; padding-left: 10px;}
.itemOdd{background-color:#EBEBEB;}
.header1{font-family:Tahoma;font-size:xx-large;font-weight:normal;text-align: center;}
.header2{font-family:Tahoma;font-size:x-large;font-weight:normal;display:inline-block;}
.header2a{font-family:Tahoma;font-size:large;font-weight:600;color:#006699;display:inline-block;white-space:nowrap;vertical-align:super;} 
.header2b{font-family:Tahoma;font-size:x-large;font-weight:normal;display:inline-block;vertical-align:super;}
.header2c{font-family:Tahoma;font-size:large;font-weight:600;color:#006699;display:inline-block;white-space:nowrap;vertical-align:super;letter-spacing:12px;} 
.header4{font-family:Tahoma;font-size:small;}
.header4a{font-family:Tahoma;font-size:small;font-weight:600;color:#006699;display:inline-block;white-space:nowrap;vertical-align:super;}
.header5{font-family:Tahoma;font-size:small;color:#ff8000;}
.header5greengrey{font-family:Tahoma;font-size:small;color:green;background-color:lightgrey;}
.header5redgrey{font-family:Tahoma;font-size:small;color:red;background-color:lightgrey;}
.headerEmailList{font-family:Tahoma;font-size:x-small;}
.img1{border:1px black solid;}
.img2{border:1px #006699 solid;}
.img3{border:0; margin: 0 16px 0 0;}
.img4{border:0;float: left;}
.img5{border:1px gray solid;}
.imgTextTop{vertical-align:text-top;}
.imgli{margin-top:10px;margin-bottom:10px;}
.ul1{margin-top: initial;padding-inline-start: 80px;}
.mytable TD{font-family:Verdana;font-size:small;}
.indextable td{border-right:8px solid transparent;border-spacing:0}
.date{font-family:Tahoma;font-size:small;color:#ff8040;}
.imgcell{border:8px solid transparent;}
.description{font-family:Tahoma;font-size:medium;font-weight:normal;color:black;}
.freeware{font-family:Tahoma;font-size:medium;font-weight:normal;color:white;background-color:green;}
.freeandpro{font-family:Tahoma;font-size:medium;font-weight:normal;color:white;background-color:orange;}
.codesample{font-family:Tahoma;font-size:medium;font-weight:normal;color:white;background-color:gray;}
.footer{font-family:Tahoma;font-size:xx-small;font-weight:250;color:black;}
.windowsonly{color:rgb(0, 189, 246);font-size:xx-small;}
.psmall{align:justify;font-size:small;}
.psmallbold{align:justify;font-size:small;font-weight:bold;}
.spacer{height: 10px;}
.divLimitationsbox {
  background-color: lightyellow;
  padding: 0.5rem;
  margin: 1rem 0;
}
.divInfobox {
  background-color: lightgray;
  padding: 0.5rem;
  margin: 1rem 0;
}
.divWarningbox {
  background-color: orange;
  padding: 10px;
}
.divFlowHeader{margin-bottom: 10px;}
.divTable{
        display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableRow1 {
	display: table-row;
        background-color:#EBEBEB;
}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCellHeader{display:none;}
.divTableCellFrame {
	border: 0;
	display: table-cell;
	padding: 8px 8px;
        text-align:center;
        background-color:#CCCCCC;
        vertical-align: middle;
}
.divTableCellFrame1 {
	border: 0;
	display: table-cell;
	padding: 8px 8px;
        text-align:left;
        background-color:#EBEBEB;
        vertical-align: middle;
}
.divTableCellFrame2 {
	border: 0;
	display: table-cell;
	padding: 8px 8px;
        text-align:left;
        vertical-align: middle;
}
.divTableCellFrame3 {
	border: 0;
	display: table-cell;
	padding: 8px 112px 8px 8px;
        text-align:right;
        background-color:#EBEBEB;
        vertical-align: middle;
}
.divTableCellFrame31 {
        float:left;
        width: 10%;
	border: 0;
	display: table-cell;
	padding: 8px;
        text-align:right;
}
.divTableCellFrame32 {
        float:left;
        width: 10%;
	border: 2px;
	display: table-cell;
	padding: 8px;
        text-align:right;
        font-weight: bold;
        background-color:#EBEBEB;
}
.divTableCellFrame33 {
        float:left;
        width:10%;
	border: 0;
	display: table-cell;
	padding: 8px;
        text-align:right;
        font-size: small;
}
.divTableCellFrame10 {
        width: 1%;
	border: 0;
	display: table-cell;
	padding: 8px 8px;
        text-align:left;
        vertical-align: middle;
        background-color:#EBEBEB;
        white-space: nowrap
}
.divTableCellFrame11 {
        width: 1%;
	border: 0;
	display: table-cell;
	padding: 8px 8px;
        text-align:left;
        vertical-align: middle;
        white-space: nowrap
}
.divTableCellFrame12 {
	border: 0;
	display: table-cell;
	padding: 8px 8px;
        text-align:center;
        vertical-align: middle;
}
.divTableCellFrame13 {
	border: 0;
	display: table-cell;
	padding: 1% 0;
        text-align:center;
        background-color:#EBEBEB;
        vertical-align: middle;
        white-space: nowrap;
}
.divTableCellFrame14 {
        width: 100%;
        text-align:center;
        vertical-align: middle;
        white-space: nowrap;
}
.divTableCellFrame15 {
	padding: 5% 0 0;
        font-size:small;
        text-align:center;
        vertical-align: top;
        white-space: nowrap;
}
.divTableCellFrame16 {
	border: 0;
	padding: 0;
        text-align:center;
        vertical-align: top;
        font-size:x-small;
}
.divTableCellRight{
	display: table-cell;
        width: 10%;
        white-space: nowrap;
        text-align: left;
}
.divTableCellRight4{
        border: 0;
	display: table-cell;
        padding: 0;
        text-align: right;
}

.divTableCell4{	display: table-cell; padding: 6px;  text-align: left;}

.span1{ vertical-align: top;  }

@media screen and (min-width: 768px) {
    .divTableFullScreen{display:table;}
    .divTableMobile{display:none;}
    .divTableCellHeader {
	border: 0;
	display: table-cell;
	padding: 3px 10px;
        width: 100%; 
        text-align:center; 
    }
    .img3{margin: 0 16px 0 0; max-width: 100%; height: auto;}
}

@media screen and (max-width: 767px) {
    .divTableFullScreen{display:none;}
    .divTableMobile{display:table;}
    .divTableCellHeader{display:none;}
    .img3{margin: 0; max-width: 100%; height: auto;}
}


.divTableCell, .divTableHead {
        border: 0;
	display: table-cell;
        padding-right: 10px;
}

.divTableCellOdd{
	/* border: 1px black solid; */
        border: 0;
	display: table-cell;
        padding-right: 10px;
        background-color:#EBEBEB;
}

.divTableCellLeft{
	display: table-cell;
        width: 1%;
        white-space: nowrap;
        text-align: right;
        padding-right: 10px;
}
.divTableCellCenter{
	display: table-cell;
        width: 80%;
        text-align: right;
        padding-right: 10px;
}
.divTableCellCenter2{
	display: table-cell;
        width: 80%;
        text-align: center;
        padding-right: 10px;
}

.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.p1{padding-inline-start: 60px; 
    margin-bottom: 10px;
    margin-top: 0;
    text-align: justify;
    font-size: medium;
}

.btn {
  border: 2px solid black;
  border-radius: 15px;
  background-color: white;
  color: black;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
}

/* Green */
.success {
  border-color: #04AA6D;
  color: green;
}

.success:hover {
  background-color: #04AA6D;
  color: white;
}

/* Blue */
.info {
  border-color: #2196F3;
  color: dodgerblue
}

.info:hover {
  background: #2196F3;
  color: white;
}

/* Orange */
.warning {
  border-color: #ff9800;
  color: orange;
}

.warning:hover {
  background: #ff9800;
  color: white;
}

/* Red */
.danger {
  border-color: #f44336;
  color: red
}

.danger:hover {
  background: #f44336;
  color: white;
}

/* Gray */
.default {
  border-color: #e7e7e7;
  color: black;
}

.default:hover {
  background: #e7e7e7;
}