.icon-bar,.icon-bar-pdf{transform:translateY(-50%);position:fixed}h5,h6{font-weight:bolder}body{width:100%;height:100vh;margin:0;font-family:Lato,sans-serif;background-size:cover;overflow-y:hidden}#div-Content{margin:60px 10% 0;height:93vh;width:80%;overflow:auto}.div-Scroll{height:92vh;overflow:auto;margin-top:8vh}.form-control-sm{font-size:12px}.aMenu{width:50px;height:50px}.aMenu2{margin-left:8px;width:40px;height:40px}.icon-bar-pdf{top:5%;left:2px}.icon-bar{top:50%;left:10px;width:35px}.icon-bar a{display:block;text-align:center;padding:8px;margin:1px;font-size:15px;transition:.3s;border-radius:20%}#MenuSold a:hover,.icon-bar a:hover{color:red;cursor:pointer;border-color:#0ff}#div-Img{min-height:50vh;max-height:85vh;border:solid #8b008b;top:60px;overflow:none;left:90px;width:90%;position:fixed}.carousel-inner{max-height:84vh}h5{font-family:Arial,Helvetica,sans-serif;font-size:x-large}h6{font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;font-size:larger}.modal-body,.modal-footer,.modal-header{padding-top:1px;padding-bottom:1px}.modal-body>div{margin-top:1px;margin-bottom:1px}.modal-besar,.modal-pdf{max-width:1000px}tr.pembatas{background-image:linear-gradient(black,#fff,#87ceeb)}tbody>tr:nth-child(odd):hover{background-image:linear-gradient(#4cf84c,#fff,#fff,#fff,#4cf84c)}tbody>tr:nth-child(2n):hover{background-image:linear-gradient(#faec2a,#fff,#fff,#fff,#faec2a)}.table-sm thead th{vertical-align:middle;font-family:'Courier New',Courier,monospace;font-size:14px;font-weight:700}.table-sm tbody td{vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:12px}.fa:hover{color:red}.btnJurnalD:focus{border:solid #ff0}.wrn-ijo{color:green}.wrn-biru{color:#00f}.wrn-marun{color:maroon}.wrn-kuning{color:#ff0}div.scrollmenu{overflow:auto;white-space:nowrap}div.scrollmenu a{display:inline-block;text-align:center;padding:5px;text-decoration:none}div.scrollmenu a:hover{background-color:#ff0}.flex-container{display:flex;flex-wrap:wrap;background-color:inherit}.flex-container>div{background-color:inherit;width:60px;margin:3px;text-align:center;line-height:30px;font-size:20px}div>.div-show-flex{display:flex}#div-Message{height:10vh;width:40%;top:45vh;left:30%;text-align:center}.spinning{animation:20s linear infinite spin}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0);padding-left:25px}50%{transform:rotate(180deg);padding-left:50px}100%{transform:rotate(360deg);padding-left:75px}}