:root{--body-color:#f4f4f4;--card-color:#59515e;--edit-color:#6c757d;--fail-color:#c82333;--foot-color:#7f7d9c;--icon-color:#787276;--jumbo-color:#31b0d5;--link-color:#284475;--link-hover:#0a45ac;--nav-brand:#c5c6d0;--nav-color:#284475;--nav-hover:#41424c;--text-color:#232023;--view-color:#28a745;--white-color:#fff}@font-face{font-family:"Play";src:url("../fonts/play-v19-latin-regular.eot?");src:url("../fonts/play-v19-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/play-v19-latin-regular.woff2") format("woff2"),url("../fonts/play-v19-latin-regular.woff") format("woff"),url("../fonts/play-v19-latin-regular.ttf") format("truetype"),url("../fonts/play-v19-latin-regular.svg#Play") format("svg")}*{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;outline:0!important;padding:0}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{background-color:var(--body-color);color:var(--text-color);font-family:Play;font-size:1rem;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-right:0!important;-webkit-text-size-adjust:100%;user-select:none}.animate__animated{animation-delay:0s;-webkit-animation-delay:0s;animation-duration:2s;-webkit-animation-duration:2s}.navbar-default{background-color:var(--nav-color);border-color:var(--nav-hover)}.navbar-default .navbar-brand{color:var(--nav-brand);font-size:1.5rem;font-weight:bold;font-variant:normal;letter-spacing:.5px}.navbar-default .navbar-brand:active,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:var(--nav-brand)}.navbar-default .nav>li>a{color:var(--nav-brand);padding:15px 0;margin:0 0 0 30px}.navbar-default .nav>li>a:active,.navbar-default .nav>li>a:focus,.navbar-default .nav>li>a:hover{color:var(--nav-brand)}@media(min-width:768px){.navbar-default .nav>li>a::before{background-color:var(--nav-brand);bottom:8px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);-webkit-transform:scaleX(0);transition:all .25s ease-in-out 0s;-webkit-transition:all .25s ease-in-out 0s;visibility:hidden;width:100%}.navbar-default .nav>li>a:active::before,.navbar-default .nav>li>a:focus::before,.navbar-default .nav>li>a:hover::before{transform:scaleX(1);-webkit-transform:scaleX(1);visibility:visible}}@media(max-width:767.98px){.navbar-default .navbar-brand{padding-left:0}.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:active,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:none;border:0;border-radius:4px;cursor:pointer;height:32px;position:relative;width:32px}.navbar-default .navbar-toggle .icon-bar{background:var(--nav-brand);border-radius:5px;display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:.25s ease-in-out;-webkit-transition:.25s ease-in-out;width:100%}.navbar-default .navbar-toggle .icon-bar:nth-child(1){top:8px}.navbar-default .navbar-toggle .icon-bar:nth-child(2),.navbar-default .navbar-toggle .icon-bar:nth-child(3){top:12px}.navbar-default .navbar-toggle .icon-bar:nth-child(4){top:20px}.navbar-default .navbar-toggle.open .icon-bar:nth-child(1){top:0%;width:0;left:50%}.navbar-default .navbar-toggle.open .icon-bar:nth-child(2){transform:rotate(45deg)}.navbar-default .navbar-toggle.open .icon-bar:nth-child(3){transform:rotate(-45deg)}.navbar-default .navbar-toggle.open .icon-bar:nth-child(4){top:100%;width:0%;left:50%}.navbar-collapse{background-color:var(--nav-color);border-color:var(--nav-hover);border-radius:0 0 4px 4px;padding-bottom:5px;position:absolute;width:100%;z-index:99999}.navbar-collapse .nav{float:none!important;text-align:left}.table-responsive{border:0}}[role=main]{min-height:calc(100vh - (30px + 2.3rem));padding-top:50px}[role=main] .page-title{color:var(--text-color);font-size:1.5rem;font-variant:small-caps;font-weight:bold;letter-spacing:.25px;line-height:1.25rem}[role=main] a,[role=main] .nav-item{color:var(--link-color);cursor:pointer;letter-spacing:.25px;text-decoration:none}[role=main] a:active,[role=main] a:focus,[role=main] a:hover,[role=main] .nav-item:active,[role=main] .nav-item:focus,[role=main] .nav-item:hover{color:var(--link-hover);text-decoration:none}[role=main] .validation-summary-errors{padding-left:0}[role=main] .validation-summary-errors ul>li{color:var(--fail-color);list-style:none}[role=main] .validation-summary-errors ul>li::before{color:var(--fail-color);content:"";display:inline-flex;font-family:"Glyphicons Halflings";margin-top:-5px;vertical-align:middle;width:1.25rem}[role=main] input.form-control,[role=main] select.form-control{color:var(--text-color);font-size:1rem;height:2.25rem}[role=main] input.form-control:read-only,[role=main] input.form-control[readonly],[role=main] input.form-control:disabled,[role=main] input.form-control[disabled],[role=main] select.form-control:read-only,[role=main] select.form-control[readonly],[role=main] select.form-control:disabled,[role=main] select.form-control[disabled]{background-color:var(--white-color)}[role=main] input.form-control ::placeholder,[role=main] input.form-control ::-webkit-input-placeholder,[role=main] input.form-control option[value=""],[role=main] select.form-control ::placeholder,[role=main] select.form-control ::-webkit-input-placeholder,[role=main] select.form-control option[value=""]{color:var(--foot-color);opacity:1}[role=main] textarea.form-control{color:var(--text-color);font-size:1rem;overflow:hidden}[role=main] label{font-weight:normal;margin-top:7px}[role=main] label.error{color:var(--fail-color);font-size:.9rem;margin-top:5px}[role=main] label.error::before{color:var(--fail-color);content:"";display:inline-flex;font-family:"Glyphicons Halflings";margin-top:-3px;vertical-align:middle;width:1.25rem}[role=main] label.edit-label{font-weight:bold;margin-top:7px}[role=main] label.view-label{font-weight:bold;margin-top:0}[role=main] hr{background-image:linear-gradient(90deg,transparent,var(--text-color),transparent);height:1px;margin:18px 18px}[role=main] .btn{font-size:1rem;height:2.5rem}[role=main] .btn.btn-primary{background-color:var(--link-color);border-color:var(--link-hover)}[role=main] .btn.btn-primary:active,[role=main] .btn.btn-primary:focus,[role=main] .btn.btn-primary:hover{background-color:var(--link-hover);border-color:var(--link-color)}[role=main] .btn.btn-primary:disabled,[role=main] .btn.btn-primary[disabled]{background-color:var(--link-color);border-color:var(--link-hover);cursor:not-allowed}[role=main] .btn.btn-primary:disabled:active,[role=main] .btn.btn-primary:disabled:focus,[role=main] .btn.btn-primary:disabled:hover,[role=main] .btn.btn-primary[disabled]:active,[role=main] .btn.btn-primary[disabled]:focus,[role=main] .btn.btn-primary[disabled]:hover{background-color:var(--link-color);border-color:var(--link-hover)}[role=main] .text-bold{font-weight:bold}[role=main] .account-page{margin-bottom:-15px}[role=main] .account-page .page-title{text-align:center}[role=main] .account-page .input--with-icon{position:relative}[role=main] .account-page .input--with-icon input,[role=main] .account-page .input--with-icon select{height:2.5rem;padding-left:2.25rem}[role=main] .account-page .input--with-icon i[class*=glyphicon-]{color:var(--icon-color);left:.7rem;position:absolute;top:.7rem}[role=main] .account-page .g-5x{font-size:5rem}[role=main] .account-page .list-panel{margin:0 15px}[role=main] .account-page .list-panel ul{list-style-position:inside;list-style-type:disc}[role=main] .account-page .list-panel ul li{margin-left:22px;text-indent:-22px}[role=main] .dt-container .dt-length{margin-bottom:7px}[role=main] .dt-container .dt-length .dt-input{background-color:var(--white-color);margin-right:10px}[role=main] .dt-container .dt-search label{font-weight:normal;margin-top:0}[role=main] .dt-container .dt-search [type=search]{background-color:var(--white-color);background-image:none;font-weight:normal;margin-left:10px;padding:3px 6px;width:132px}[role=main] .dt-container tr.odd-row{background-color:var(--white-color)}[role=main] .dt-container tr.even-row{background-color:var(--body-color)}[role=main] .dt-container tr th{font-size:.9rem}[role=main] .dt-container tr td{vertical-align:middle;padding-right:30px}[role=main] .dt-container tr td.td-glyph{padding-right:10px}[role=main] .dt-container tr td img{max-height:36px;max-width:36px}[role=main] .dt-container tr td i{cursor:pointer;margin-left:7px}[role=main] .dt-container tr td i.manager-dele{color:var(--fail-color)}[role=main] .dt-container tr td i.manager-view,[role=main] .dt-container tr td i.faculty-view{color:var(--view-color)}[role=main] .dt-container tr td i.manager-edit,[role=main] .dt-container tr td i.faculty-edit{color:var(--edit-color)}[role=main] .dt-container .dt-info{font-size:.9rem}[role=main] .dt-container .dt-paging .dt-paging-button{font-size:.9rem;border-radius:15px;padding:.25rem .75rem}[role=main] .manager-page{margin-bottom:15px}[role=main] .manager-page .cards button{background-color:var(--card-color);color:var(--body-color);height:fit-content;padding-bottom:10px;padding-top:10px}[role=main] .manager-page .cards button:active,[role=main] .manager-page .cards button:focus,[role=main] .manager-page .cards button:hover{background-color:var(--card-color);color:var(--body-color)}[role=main] .manager-page .cards button .card-title{font-size:1.25rem}[role=main] .manager-page .cards button .card-count{font-size:2.25rem;font-weight:bold}[role=main] .manager-page .breadcrumb{background-color:transparent;margin-bottom:15px;padding:0}[role=main] .manager-page .breadcrumb li{display:inline-flex}[role=main] .manager-page .breadcrumb li .manager-edit::before{color:var(--edit-color);content:"+";font-family:"Glyphicons Halflings";padding-right:5px;vertical-align:bottom}[role=main] .manager-page .breadcrumb li .manager-grid::before{color:var(--view-color);content:"";font-family:"Glyphicons Halflings";padding-right:5px;vertical-align:bottom}[role=main] .manager-page .breadcrumb li .nav-item{cursor:pointer;display:block}[role=main] .manager-page .breadcrumb li .nav-item i{padding-top:1px;margin-right:5px}[role=main] .manager-page .input-group[class*=col-]{padding-left:15px;padding-right:15px}[role=main] .manager-page .input-group[class*=col-] .input-group-addon{color:var(--icon-color);padding-left:12px;padding-right:12px}[role=main] .manager-page .input--with-icon{position:relative}[role=main] .manager-page .input--with-icon input,[role=main] .manager-page .input--with-icon select{height:2.25rem!important;padding-left:2.25rem}[role=main] .manager-page .input--with-icon i[class*=glyphicon-]{color:var(--icon-color);left:1.6rem;position:absolute;top:.65rem}[role=main] .faculty-page img.user-dp{border-radius:50%;box-shadow:0 5px 10px 0 rgba(128,128,128,.25),0 5px 10px 0 rgba(128,128,128,.25);display:block;max-height:132px;max-width:132px;margin:20px 0}[role=main] .faculty-page .panel{background-color:transparent;display:inline-flex;margin-bottom:0;padding-left:0;padding-right:0}[role=main] .faculty-page .panel .sub-panel{
  /* display:block;width:100% */

   width: 100%;
    max-width: 100%;
    height: 700px; /* or any desired frame height */
    overflow-y: auto;   /* allows vertical scroll if needed */
    overflow-x: hidden; /* no horizontal scroll */
    position: relative;
    background: #f6f6f6;


}
  

.panel-sub{
  display:block;width:100%
}
#marks-sign-overlay {
    pointer-events: none;
    position: absolute;
    top: 0; left: 0;
    /* width/height set by JS to match canvas! */
}
#overlay-mark, #overlay-sign {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* font size etc. as desired */
}
#overlay-mark {
    top: 40%;
    font-size: 48px;
    font-weight: bold;
    color: blue;
    text-shadow: 2px 2px 6px #fff;
}
#overlay-sign {
    top: 60%;
    font-size: 64px;
}
  
  [role=main] .faculty-page .panel i[class*=fa-]{cursor:pointer;display:block;font-size:1.25rem;margin:5px 10px 20px 0;text-align:center}[role=main] .faculty-page .panel .pdf-view{
  /* height:calc(100vh - 110px);width:100%; */
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
#marks-sign-overlay {
    pointer-events: none; 
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
}
.page-mark {
  user-select: none;
  z-index: 10;
}

[role=main] .faculty-page .panel .script-id{font-size:.75rem;margin-bottom:5px;right:25px;text-align:center}[role=main] .faculty-page .panel .btn-item{background-color:var(--link-color);border:1px solid var(--link-hover);border-radius:4px;color:var(--white-color);cursor:pointer;font-size:.9rem;font-weight:bold;line-height:1.15rem;margin:0 15px 7px 10px;padding:4px 7px;text-align:center}[role=main] .faculty-page .panel .btn-item:active,[role=main] .faculty-page .panel .btn-item:focus,[role=main] .faculty-page .panel .btn-item:hover{background-color:var(--link-hover);border-color:var(--link-color)}[role=main] .faculty-page .panel .jumbotron{background-color:var(--foot-color);color:var(--white-color);margin-bottom:0;padding:7px;width:100%;height:90px;}[role=main] .faculty-page .panel p{font-size:.85rem;letter-spacing:.25px;margin:5px auto;vertical-align:middle;min-width:100%}[role=main] .faculty-page .panel video{margin-top:6px}[role=main] .faculty-page .panel .table-responsive.dt-marks{border:1px ridge var(--foot-color);border-radius:5px;padding:2px 5px}[role=main] .faculty-page .panel .dt-container .dt-layout-cell{padding:0}[role=main] .faculty-page .panel .dt-container table.dataTable tr th,[role=main] .faculty-page .panel .dt-container table.dataTable tr td{font-size:.8rem;padding:4px 5px;text-align:right;vertical-align:middle}[role=main] .faculty-page .panel .edit-cell{color:var(--text-color);width:60px}[role=main] .faculty-page button.close{font-size:2rem;margin:-18px -12px 0}[role=main] .faculty-page embed.pdf-model{height:calc(100vh - 105px);width:100%}.border{border:1px solid var(--fail-color)!important;border-radius:4px}footer{color:var(--foot-color);font-size:.75rem;line-height:1.15rem;padding:15px 0}footer a.scroll-top{background-color:transparent;bottom:24px;display:none;position:fixed;right:24px;transition:all .2s ease-in-out 0s}footer a.scroll-top i{color:var(--link-color);font-size:2rem;padding:0}footer a.scroll-top:focus>i,footer a.scroll-top:hover>i{color:var(--link-hover);text-decoration:none}