* {
    margin: 0px;
    padding: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

body {
    font-size: 10pt;
    font-family: Arial, sans-serif, Verdana, Helvetica;
}

table {
  border-collapse: collapse;
  /* border: #CCCCCC 1px; */
  font-size: 100%;
}

div.hidden, tr.hidden { display: none }

div#idstatus table{
    font-size: 9pt;
}

div#idstatus p{
    margin: 2pt;
}

div#idstatus {
    border-bottom: solid 1px grey;
}

table.warning {
    background-image: url('warning.gif');
    text-align: center;
    width: 100%;
    margin-top: 20pt;
}

table.caution {
    background-image: url('caution.gif');
    text-align: center;
    width: 100%;
    margin-top: 20pt;
}

td.specpara {
    border: 2px solid #000000;
    padding: 14px;
    background-color: #ffffff;
}

div.note{
    border: solid 3px #0000ff;
    padding: 10px;
    margin-top: 20pt;
}

div.list {
    margin-top: 8pt;
    margin-bottom: 8pt;
}

table.list td {
    padding: 2px;
}

table.list td.orderedlistnum, table.list td.unorderedlistmarker {
    padding-right: 5mm;
    vertical-align: top;
}

div.thumblist {
    /*border: 1px solid #CCCCCC;*/
    /*display: inline-block;*/
/*    margin-top: 22px;*/
    overflow: auto;
    float: left;
    width: 128px;
    height: 480px;
    position: relative;
    
    
}

table.formal_illustration_table{
    margin: 5px auto;
}

div.formal_illustration_icn{
    text-align: right;
}

table.legendtable td{
    padding: 2px;
    vertical-align: top;
}

table.legendtable .para{
    margin-top: 0pt;
}

canvas.mainFigureCanvas{
    border: solid 1px #ccc;
    /*margin: 4px;*/
    /* cursor: move; */
    cursor: url('hand_open.cur') 15 15, 
            url('../dm/common/hand_open.cur'), 
            default;  /* абсолютный путь из-за IE */
}

canvas.pointer{
    cursor: pointer;
}

canvas.drag{
    cursor: url('hand_close.cur') 15 15, 
            url('../dm/common/hand_close.cur'), 
            default;  /* абсолютный путь из-за IE */
}

div.thumblist canvas{
    /*width: 100;*/
    /*height: 100;*/
    margin: 4px;
    cursor: pointer;
}

canvas.thumbCanvas{
    border: solid 1px #ccc;
    margin: 2px;
}

#div3DModel, div.figureplace_inner {
    width: 100%;
    height: 100%;
    border: 0;
}

div.figureplace_inner{
    padding: 0;
    margin: 0;
    overflow: hidden;
}

td.paranum {
    width: 20mm;
}

.containerWLMargin > .para, .containerWLMargin > .list, .containerWLMargin > div.warning, .containerWLMargin > div.caution,
.containerWLMargin > div.note, .containerWLMargin > .sidehead_proc, .containerWLMargin > table.informaltable, .containerWLMargin > div.legend {
    margin-left: 20mm;
}

.hasTypeLimit {
    margin-left: 20mm;
}

/*div#content table{
    font-size: 100%;
}*/

.para {
   font-size: 100%;
   margin-top: 10pt;
}

p.notespecpara {
    margin-left: 10mm;
}

p.specpara {
    font-weight: bold;
}

.centerhead2 {
    font-size: 140%;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin-top: 17pt;
    margin-bottom: 6pt;
}

.sidehead0{
    font-size: 140%;
    font-weight: bold;
    margin-top: 17pt;
    margin-bottom: 6pt;
}

.sidehead1 {
    font-size: 140%;
    font-weight: bold;
    margin-top: 15pt;
    margin-bottom: 6pt;
}

.sidehead2 {
    font-size: 120%;
    font-weight: bold;
    margin-top: 12pt;
    margin-bottom: 6pt;
}

.sidehead3 {
    font-size: 100%;
    font-weight: bold;
    margin-top: 12pt;
    margin-bottom: 4pt;
}

.sidehead4 {
    font-size: 100%;
    margin-top: 12pt;
    margin-bottom: 4pt;
}

.sidehead5 {
    font-size: 100%;
    margin-top: 12pt;
    margin-bottom: 0pt;
}

table.stepNum {
    margin-top: 10pt;
}

table.stepNum td{
    vertical-align: top;
}

table.stepNum td.paranum {
    text-align: right;
    padding-right: 10px;
}

table.stepNum p.para{
    margin-top: 0pt;
}

.sidehead_proc {
    font-weight: bold;
}

.specparatitle {
    font-size: 100%;
    font-weight: bold;
    padding: 2pt 0pt 8pt 0pt;
}

table.formaltable {
    border-style: solid none;
    border-width: 1px;
    margin: 0 auto;
} 

table.formaltable th{
    font-size: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-align: left;
    padding: 4pt 2pt;
}

table.formaltable caption{
    font-style: italic;
    margin: 4pt 0pt;
    background-color: inherit;
}

table.formaltable td, table.informaltable td{
    vertical-align: top;
    padding: 4pt 2pt;
    font-size: 100%;
}

td.bottomborder{
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.figure_caption{
    font-style: italic;
    text-align: center;
    margin-top: 5px;
}

.legend_title{
    font-style: italic;
}

div.multimedia{
    text-align: center;
    margin: 20pt auto;
}

span.invalid_link{
    color: red;
    text-decoration: underline;
}

img.idstat_btn { 
    border-style: none;
}

.highlight { background-color: yellow; }

#procedVideo_container video{
    height: 100%;
    width: 100%;
    object-fit: scale-down;
    display: block;
    cursor: pointer; }


.play-video-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/images/play.png) no-repeat center center, rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 3px 2px rgba(255,255,255, 0.3);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    z-index: 100;
    cursor: pointer;
    transition: all 200ms ease-out;
}

.play-video-btn:hover {
    background: url(/images/play.png) no-repeat center center, rgba(255, 255, 255, 0.7);
}

/*.play-video-btn:active {*/
    /*box-shadow: none;*/
    /*transform: translateY(2px);*/
/*}*/


#procedStepButtonsContainer {
    text-align: center;
}

div#video_message{
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 18pt;
    right: 0;
}

.procedVideoText {
    position: absolute;
    bottom: 10px;
    height: auto;
    width: 90%;
    /*left: 0;*/
    /*right: 0;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    max-height: 20%;
    overflow: auto;
    text-align: center;
}

.procedVideoText table.stepNum {
    display: inline-block;
}

.procedVideoText td, .procedVideoText p, .procedVideoText a {
    font-size: 18px;
    text-shadow: 0px 0px 2px black;
    color: white; !important;
}