.html{margin-top: 1rem;}
#main-area .col-lft h4{font-weight:700;}
#main-area .col-rgt{width:620px;padding:0;overflow:hidden;}

.util-tool{margin:10px 0;text-align:center;}
.util-tool span.fa{font-size:20px;margin:10px 30px 0 0;color:#0076bf;cursor:pointer;}
.util-tool span.fa-file-pdf-o{margin:10px 0 0 30px;}
.col-lft .util-tool{text-align:left;}
.col-lft .util-tool span.fa{font-size:18px;margin:10px 20px 0 0;}
#main-area .util-tool span.fa-print{margin:10px 0 0 0;}
#main-area .util-tool span.fa-file-pdf-o{margin:10px 0 0 20px;}
.util-tool .fa:hover{color:#6c3;}

.titleB{font-weight:bold;font-size:18px;line-height:22px}
.author{color:#006}

.html-area hr{border-color:#000}
.html-area img{max-width:100%;height: auto;}
.titleb,.titleB{font-weight:bold;font-size:18px;line-height:22px}
.titlec,.titleC{font-weight:bold;font-size:13px;color:#06f;line-height:18px}
.titles,.titleS{font-weight:bold;font-size:14px;color:#063}
.datet,.dateT{font-size:11px;color:#006}
.html-area .caption{font-size:11px;color:#004080;line-height:15px}
.author{color:#006}
.html-area .text{font-size:8.5pt;line-height:18px}
.html-area p{margin:0cm;margin-bottom:1.5pt}
.cds-area{margin-bottom:30px;border:1px solid #dedede;}
.cds-area iframe{width:100%;height:700px;}
/*.html-area .html-ad{display:none;}*/
.html-ad .header{background-color: #000;color: #fff;padding: 3px 5px;font-size: 10px;}

/* publication content page */
.rgt-area .html-area{padding: 0 10px 10px 10px;border:1px solid #EBEBEB;}
.col-cover,.col-cover img{width:175px;}
.html-bdy h5{padding:5px;border-bottom:1px solid #999;line-height:22px;}
.html-bdy a{display: block;line-height:20px;padding:5px;}
.html-bdy .fa{margin-right:5px;color:#dedede;}

.mgz-container{font-size:14px;}
.mgz-container .row{margin: 0 0 20px;}
.mgz-container .col-lft, .mgz-container .col-rgt {
    padding: 0;
}

.mgz-container .col-lft{margin-right: 15px;}
/* publication content page */

.modal .form-group{position:relative;margin-bottom:0;}
.modal .form-control{padding:0 .75rem;}
.modal .fa{font-size:24px;color:#6c3;margin-right:10px;}
#loginError{margin-top:10px;text-align:center;padding:5px;color:#f00;display:none;}
#forwardForm{font-size: 14px;}
#forwardForm .form-row{padding:10px 0;}
#forwardForm .row{margin:0;}
@media all{
  #htmlModal .modal-lg{max-width:700px;}
  #htmlModal [class^="col-md-"]{padding-left:0;padding-right:5px;}
  #htmlModal label{padding-left: 0}
}
/* @media print must place at last line for overwrite above setting */

#print-area{width:1206px;background-color:#fff;margin:auto;display:none;}
#print-area .html-area{margin-top:10px;}
#print-area .initial{margin-top:120px;text-align:center;color:#f00;font-family:arial;font-size:18px;font-weight:500}
@media print{.container,.modal,.modal-backdrop,.tooltip{display:none !important;}#print-area{display:block !important;}}