/*font-family: 'Dancing Script', cursive;*/
/*body a, body .btn{transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear; }*/

/*.modal {  text-align: center;}*/

/*@media screen and (min-width: 768px) {*/
/*  .modal:before {    display: inline-block;    vertical-align: middle;    content: " ";    height: 100%;  }*/
/*}*/
/*.modal-dialog {  display: inline-block;  text-align: left;  vertical-align: middle;}*/

/*html,body{  background-color: #f6f7fb;  font-size: 13px;  line-height: 16px;  color: #7286a5;  font-family: 'Lato', sans-serif;  letter-spacing: 0.6px;}*/
/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: 400;color: #60718b;}*/
/*a{cursor: pointer;color: #60718b;}*/
/*a:hover{text-decoration: none;}*/



/*.pdf_input_questions{*/
/*    background-color:white; */
/*    border: solid 1px #6E6E6E;*/
/*    color:#bbb;*/
/*}*/
.wrapper {  min-height: 100%;  position: relative;  overflow: hidden; min-height: 500px;}
.wrapper:before,
.wrapper:after {  content: " ";  display: table;}
.wrapper:after {  clear: both;}
.navbar-custom{      min-height: 65px;          background-color: #fff;    border: none;    margin: 0;}
.navbar-brand {  padding: 0px;  text-align: center;  height: 65px;      margin-left: 15px !important;}
.navbar-brand>img {  height: 100%;  padding: 15px;  width: auto;}
/*.navbar-brand{font-family: 'Dancing Script', cursive;}*/
.navbar-custom .navbar-nav > li > a{color:  #7286a5}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus, .navbar-custom .navbar-nav > li > a:active{color:  #7286a5}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: transparent;color: #7286a5;}
.content{padding:30px 40px;}
.dropbtn .dropdown-menu{    border: 2px solid #e6eaf0;    box-shadow: none;    left: initial;    right: 20px;    top: 80%;visibility: hidden;opacity: 0;}
li.dropdown.dropbtn:hover > .dropdown-menu {    display: block; visibility: visible;    opacity: 1;    animation: fade 0.5s;}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.padding-ad{padding:20px 0px !important;}
.btn-radius{border-radius: 20px !important;     font-size: 12px;}
.dropdown-menu > li > a{color: #7286a5;padding: 2px 20px;font-weight: 400;    font-size: 13px;}
.dropdown-menu > li.logout > a{font-weight: 100;   }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {    color: #7286a5;    text-decoration: none;    background-color: transparent;}
.dropdown-menu .divider{    background-color: #e6eaf0;}
.order-by{   }
.btn-custom{background-color: transparent;margin-left: 10px;color: #c1cad8;    padding: 3px 10px;border-radius: 6px;}
.btn-custom.active, .btn-custom:hover, .btn-custom:focus{background-color: #60C6AA; color: #fff;box-shadow: none;}
.img-project{width: 100%;height: 120px;object-fit: cover;}
.m-0{margin: 0 !important;}
.m-b-0{margin-bottom: 0 !important;}
.p-5{padding: 5px !important;}
.p-0{padding: 0px !important;}
.p-hr-30{padding: 0 30px;}
.p-t-0{padding-top: 0px;}
.bg-white{background-color: #fff;}
.p-15{padding: 15px;}
.p-30{padding: 30px;}
.p-h-15{padding: 0 15px;}
.hide{display: none;}
.in-block{display: inline-block;}
.item{background-color: #fff;border:1px solid #e6eaf0;}
.project-item {    background-color: #fff;    margin-right: 10px;    border-radius: 12px !important;    overflow: hidden;    margin-bottom: 10px;    position: relative;        min-height: 200px;}
.project-item-img{border-radius: 13px 13px 0px 0px;overflow: hidden;}
.template-img.selected{box-shadow: 0px 0px 3px 1px #7de9a9;-webkit-box-shadow: 0px 0px 3px 1px #7de9a9;-moz-box-shadow: 0px 0px 3px 1px #7de9a9;-o-box-shadow: 0px 0px 3px 1px #7de9a9;}
.project-item-actions{display: none;position: absolute;background-color: #4EB3C3;width: 100%;height: 100%;left: 0;top: 0;color: #fff;visibility: hidden;opacity: 0;}
.project-item-title, .project-updated{margin: 15px;white-space: nowrap;overflow: hidden;max-width: 100%;text-overflow: ellipsis; }
.project-updated {
    color: #c1cad8;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.project-item:hover .project-item-actions, .project-item:focus .project-item-actions{display: block;visibility: visible;    opacity: 1;    animation: fade 0.5s;}
.project-item-actions a{color: #fff;font-size: 12px;}
.btn-edit-pro{background-color: #008BA2;    position: absolute;    width: 100%;    height: 30%;    display: flex;    align-items: center;
    justify-content: center;left: 0;top: 0;cursor: pointer;}
.btn-user-pro{background-color: #008BA2;    position: absolute;    width: 100%;    height: 30%;    display: flex;    align-items: center;
    justify-content: center;left: 0;bottom: 0;cursor: pointer;}
.btn-view-pro{display: block;    position: absolute;    width: 100%;    height: 40%;    display: flex;    align-items: center;
    justify-content: center;left: 0;bottom:  30%;    flex-wrap: wrap;cursor: pointer;}
.btn-view-pro:hover, .btn-edit-pro:hover{text-decoration: none;}
.btn-view-pro i{ font-size: 32px;}
.btn-view-pro span, .btn-view-pro i{    flex-basis: 100%;text-align: center;}
.btn-edit-pro i, .btn-user-pro i{margin-right: 10px;}
.btn-blue {    background-color: #008BA2;    color: #fff;    border-radius: 20px;        font-size: 12px;}
.btn-blue:hover {color: #fff}
.signin {
    background-color: #008BA2;
    border: 1px solid #008BA2;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 7px;
}
.signin:hover{   background-color: #86a3ea;    color: #fff;}
.special-img {    position: relative;    top: -5px;    float: left;    left: -5px;    width: 30px;    height: 30px;}
.user-status{position: relative;}
.status{width: 7px;    height: 7px;    position: absolute;    bottom: 18px;    left: 11px;border-radius: 50%;background-color: #666;}
.online{background-color: #7de9a9;}
.offline{background-color: #f9c8ab;}
.login {    background-color: #fff;    padding: 30px;    max-width: 360px;    margin: auto;    margin-top: 70px;font-size: 12px;    border: 2px solid #e6eaf0;overflow: hidden;}
.login a{color: #7286a5 ;}
.text-success {    color: #7de9a9;}
.forgotpass:hover{text-decoration: underline;}
.backlink{margin-bottom: 20px;}
.backlink a{color: #7286a5 ;font-size: 90%;}
.backlink a{color: #7286a5 ;text-decoration: none;}
.saved{    font-size: 12px;    margin-right: 15px;}
.main-footer{    line-height: 30px;display: none;    padding: 10px;   text-align: center;    background-color: #fff;}
.message-screen{height: 400px ;overflow-y: auto;}
.newsletter{padding: 20px;}
.newsletter .msg-updated{    color: #c1cad8;    font-size: 12px;margin: 20px 0;}
.newsletter{}
.btn-theme{    background-color: #fff;    margin-right: 10px;    color: #7286a5;    padding: 7px 15px;    font-size: 13px;
    border: 1px solid #7286a5;    border-radius: 20px;}
.btn-theme:hover, .btn-theme:focus, .btn-theme.active{    background-color: #86a3ea!important;  box-shadow: none!important;  color: #fff;border-color:#86a3ea; }
.tabs{display: table;width: 100%;    }
.tab-item{display: table-cell;    text-align: center;    vertical-align: middle;    }
.tab-item a{background-color: #fff;  display: block;  padding: 10px; border-top: 1px solid #e6eaf0;   text-transform: uppercase;    font-size: 12px;    letter-spacing: 0;  position: relative; }
.tab-item a.active{font-weight: 600 ;    border-top: 1px solid #7de9a9; }
.tab-item a.active:before{content: "";position: absolute;left: 0;top: 0;background-color:#7de9a9;height: 1px;width: 100%; }
.newmessages{padding-top: 30px;}
.template-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;}

.content .form-group input{font-size: 18px;    height: 2.5rem;color: #7286a5 ;}
.content .form-group input:valid ~ .control-label {color: #60718b;font-size: 12px;top: -15px;}
.create .project-item{z-index: 9999;overflow: visible;    height: 200px;}
.create:before {    position: fixed;    background: #bac2d8;    content: "";    left: 0;    top: 0;
    width: 100%;    height: 100%;    z-index: 9998;    opacity: 0.8;}
.entername{margin: 15px;}
.entername .form-group{    margin-bottom: 0px;    margin-top: 25px;}
.entername .form-group input{height: 3rem;}
.entername .form-group .control-label {font-size: 14px}
.entername .form-group input:valid ~ .control-label {color: #60718b;font-size: 10px;top: -15px;}

.form-actions {position: absolute;left: 10px;right: 10px;margin-top: 25px;    text-align: center;}
.form-actions .btn-theme{padding: 7px 10px;margin-right: 0;    font-size: 12px;}


/*loader*/
.cs-loader {  position: fixed;  top: 0;  left: 0;  height: 100%;  width: 100%;z-index: 99999;background-color: rgba(246, 247, 251, 0.8);}
.cs-loader-inner {  transform: translateY(-50%);  top: 50%;  position: absolute;  width: 100%;  color: #7286a5 ;  padding: 0 100px;  text-align: center;}
.cs-loader-inner label {  font-size: 20px;  opacity: 0;  display:inline-block;}
@keyframes lol {
  0% {    opacity: 0;    transform: translateX(-300px);  }
  33% {    opacity: 1;    transform: translateX(0px);  }
  66% {    opacity: 1;    transform: translateX(0px);  }
  100% {    opacity: 0;    transform: translateX(300px);  }
}
@-webkit-keyframes lol {
  0% {    opacity: 0;    -webkit-transform: translateX(-300px);  }
  33% {    opacity: 1;    -webkit-transform: translateX(0px);  }
  66% {    opacity: 1;    -webkit-transform: translateX(0px);  }
  100% {    opacity: 0;    -webkit-transform: translateX(300px);  }
}
.cs-loader-inner label:nth-child(6) {  -webkit-animation: lol 3s infinite ease-in-out;  animation: lol 3s infinite ease-in-out;}
.cs-loader-inner label:nth-child(5) {  -webkit-animation: lol 3s 100ms infinite ease-in-out;  animation: lol 3s 100ms infinite ease-in-out;}
.cs-loader-inner label:nth-child(4) {  -webkit-animation: lol 3s 200ms infinite ease-in-out;  animation: lol 3s 200ms infinite ease-in-out;}
.cs-loader-inner label:nth-child(3) {  -webkit-animation: lol 3s 300ms infinite ease-in-out;  animation: lol 3s 300ms infinite ease-in-out;}
.cs-loader-inner label:nth-child(2) {  -webkit-animation: lol 3s 400ms infinite ease-in-out;  animation: lol 3s 400ms infinite ease-in-out;}
.cs-loader-inner label:nth-child(1) {  -webkit-animation: lol 3s 500ms infinite ease-in-out;  animation: lol 3s 500ms infinite ease-in-out;}
/*loader*/

.ng-table th{text-align: left;    background-color: #f6f7fb;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding: 4px 8px;}
.table-bordered {    border: 1px solid #eee;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border: 1px solid #eee;}


.ng-table-counts .btn{padding: 2px 6px;font-size: 13px;    color: #86a3ea;    border-color: #86a3ea;}
.ng-table-counts .btn:hover{background-color: #f6f7fb;}
.ng-table-counts .btn:active, .ng-table-counts .btn.active{color: #fff;    background-color: #86a3ea;    border-color: #86a3ea;}

.modal-body .form-group{margin:20px 0;}
.modal-body .form-group:first-child{margin-top: 0;}
.modal-body .form-group:last-child{margin-bottom: 0;}
.modal-header{padding: 8px 15px;    background-color:#008BA2;border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border:none;}
.modal-footer{padding: 8px 15px;    background-color: #f6f7fb;border-radius: 0 0 6px 6px ;-moz-border-radius: 0 0 6px 6px ;border:none;}
.modal-backdrop{background-color: #bac2d8;}
.modal-backdrop.in{opacity: 0.8}
.modal-content {    box-shadow: none;    border: none;}
.modal-title{color: #fff;}
.hr-10{height: 10px;}
.btn-danger {    color: #fff;    background-color: #ff9090;    border-color: #ff9090;}
.btn-danger:hover,.btn-danger:focus  {    color: #fff;    background-color: #fb7474;    border-color: #fb7474;}
.btn-primary {    color: #fff;    background-color: #60C6AA;    border-color: #60C6AA;}
.btn-primary:hover,.btn-primary:focus  {    color: #fff;    background-color: #60C6AA;    border-color: #60C6AA;}
.btn-success {    color: #fff;    background-color: #7de9a9;    border-color: #7de9a9;}
.btn-success:hover,.btn-success:focus  {    color: #fff;    background-color: #5bda8f;    border-color: #5bda8f;}
.btn-warning {    color: #fff;    background-color:#ffc97c;    border-color:#ffc97c;}
.btn-warning:hover, .btn-warning:focus {    color: #fff;    background-color:#f9be6a;    border-color:#f9be6a;}

.date-picker .btn-sm{padding: 3px 6px;border-width: 0 0 1px 0px;border-top-color: transparent;}
.date-picker .dropdown-menu{padding: 0px;}
.date-picker .btn-default{color: #666}
.text-muted {    color: #aaa;}
.form-horizontal .modal-body .control-label{padding-top: 0;}
.message-top{padding:15px; background:#fff; margin-top:0px; border:1px solid #ddd; box-shadow: 0 .25rem .5rem rgba(0,0,0,.25); border-left:none; max-width: 720px; margin: 0 auto !important; }
.message-top  h4{background: #0A8BA4; color: #fff; padding:10px 20px; margin-top: 0px; border-radius: 10px; font-weight: 300 !important; font-size: 22px; text-align: center; line-height: 28px;}
.small-text{font-size: 12px; color: #000; font-weight: 400; text-align: center;}
.sp-20{padding: 0px 20px; display: inline-block;;}
.pdf-canvas{padding:15px; min-height:600px; width:100%; background:#fff; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); max-width:980px; margin:20px auto 50px auto;}
.message-top{font-size:14px; margin-left:4px;}
.message-top h1{font-size:20px; font-weight:600 !important; color:#000;}
.mgb-5{margin-bottom:5px;}
.btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none;
  outline:none;
}
.show-fld-opt .fields-btn{position: fixed;}
.top-menu{padding:0px 30px 0px 0px; background:#fff;}
.top-menu .navbar-default{border:none; background:none; margin-bottom:0px;}
.top-menu .navbar-brand{height:55px;}
.top-menu .navbar-brand>img{    padding: 7px 15px; height: 53px;}
.top-menu .navbar-nav > li > a{padding:15px 15px;}
.top-menu .navbar-nav > li > a i{font-size:15px;}
.edit-icons{border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: inset 0 1px 0 0 #fff;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#eee);}
.edit-icons .navbar-nav > li {
    padding:1px 3px;
}
.edit-icons .navbar-nav > li > a{
  padding:0px;
  height: 28px;
    margin: 2px 0;
    padding: 2px 7px 1px;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: top;
  color:#000;
}

.edit-icons .navbar-nav > li.active > a, .edit-icons .navbar-nav > li > a:hover, .edit-icons .navbar-nav > li > a:focus, .edit-icons .navbar-nav > li > a:active{
  outline:none;
border: 1px solid #CCC;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    background-color: #eee;
    background-image: -webkit-linear-gradient(#eee,#e0e0e0);
    background-image: -o-linear-gradient(#eee,#e0e0e0);
    background-image: linear-gradient(#eee,#e0e0e0);
}
.pdf-wrapper{background:#f8f8f8; display:flex;height: 200px;}
.pdf-main{height:calc(100vh - 92px); width:calc(100% - 300px); padding:20px; overflow:auto; position:relative;}
.pdf-canvas2 {
    padding: 15px;
    /* min-height: 200px; */
     /*height: 300px; */
    width: auto;
    background: #fff;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    display: inline-block;
        overflow-y: auto;

}
.pdf-sidebar{float:left; width:290px; padding: 15px 0px;
    width: 300px;
    overflow-y: auto;
    background: #fafafa;}
.sidebar-head{padding:5px 10px 20px 10px; text-align:center; border-bottom:1px solid #ddd;}
.sidebar-tabs{padding:15px;}
.icons-style{display: inline-block; float: left; margin-right: 10px; user-select: text; width:50px;}
.icons-text{margin-bottom: 20px; user-select: text;}
.pdf-btn-grp1 {
    position: relative;
    /* top: 0; */
    /* left: 0; */
    width: 40px;
    /* z-index: 999999999999999; */
    height: 40px;
    display: block;
    /* max-width: 100%; */
}
.pdf-btn-grp1 .btn-group-vertical{    top: 61px;
    margin-bottom: 10px;
    position: absolute;
    z-index: 9;
    left: 22px;}
.pdf-btn-grp1 .btn-group-vertical button{color:#000; height:35px; width:38px; padding:0px; text-align:center; line-height:30px; font-size:16px;     border-color: #ccc;    background: #fff;
}
.pdf-btn-grp1 .btn-group-vertical button:hover{background:#ddd; color:#000;}
.tooltip{min-width:90px;}
.edit-icons .dropdown-menu{min-width:37px; left:5px;}
.edit-icons .dropdown-menu > li > a{    padding: 4px 12px; color:#000;}
.edit-icons .navbar-nav > li:nth-child(2),.edit-icons .navbar-nav > li:nth-child(3), .edit-icons .navbar-nav > li:nth-child(5){border-right:1px solid #ddd;}
.fields-btn{display:none;}
.show-fld-opt .fields-btn, .show-fld-opt {display:block;}
.card-new {
  position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    border: 1px solid #e5e9ec;

}
  .card-new-body {
    padding:20px;
}
 .card-new h6{font-size:20px; margin-top:0px;}
 .card-new p{margin-bottom:0px;}
 .f24 {
    font-size: 24px;
}
.wb-icon-box {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
  border-radius: 50%!important;
  color: #fff;
}
.card-icon{position:absolute; left:20px;}
.card-text{padding-left:80px;}
.badge-primary, .bg-primary, .nav.nav-pills.nav-pills-primary .nav-link.active {
    background-color: #a768f3!important;
}
.badge-warning, .bg-warning, .nav.nav-pills.nav-pills-warning .nav-link.active {
    background-color: #eac459!important;
}
.badge-danger, .bg-danger, .nav.nav-pills.nav-pills-danger .nav-link.active {
    background-color: #ff518a!important;
}
.mgb-30{margin-bottom:30px;}

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
  border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
  margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
  background-color: #ddd;
  border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border-color: #ddd;
  border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/

.form-control{box-shadow:none; border-radius:0px;}
.content-small{max-width:1170px; margin:0 auto;}

@media (min-width: 1200px){
.container {    width: 100%;}
}

@media (max-width: 1280px){
.pdf-main{width: calc(100% - 250px);}
.pdf-main-student{width: calc(100% - 0px);}
.pdf-sidebar{width: 250px;}
}

@media (min-width: 768px){
.navbar-nav > li > a {    padding-top: 22px;    padding-bottom: 23px;}
.modal-content {    box-shadow: none;    border: none;}

}

.project-close{
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1000;
    background: #008BA2;
    color: #fff !important;
    padding: 2px 5px;
    border-radius: 48%;
    font-size: 12px;
    font-weight: 300;
}
.project-close:focus, .project-close:hover, .project-close:active{color: #fff !important;}


  .btn-green {
    background-color: #42b292;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
  }

  .btn-user-pro1{
    background-color: #008BA2;
    position: absolute;
    width: 50%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    bottom: 0;
    cursor: pointer; display:none;}
  .btn-user-pro2{    background-color: rgba(0,0,0,0.6);
    position: absolute;
    width: 100%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: auto;
    right:0px;
    bottom: 0;
    cursor: pointer;}
.project-item{box-shadow: 1px 2px #e8eaec;}
.mgb-15{margin-bottom:15px;}
.mgr-10{margin-right:10px;}
.btn-dark{display:inline-block; color:#fff; background:#51ad93; padding:2px 15px; border-radius:15px; letter-spacing:0px;}


.ptp2{
    margin: 10px;
    box-sizing: border-box;
    width: 90%;
    display: inline-block;
}
.pdf-wrapper {
    background: #f8f8f8;
    display: flex;
    height: 200px;
}
.quizmetadata {
    /*top: 109px;*/
    /*position: relative;*/
}
body.instructor_room #quizViewpreview .pdf-canvas2 {
  /*  position: relative;
    top: -43px;*/
    width: 100%;
    height: 300px;
}

body.instructor_room .pdf-wrapper {
    height: 340px;
}


body.instructor_room #quizViewpreview .question_main .pdf-wrapper {
    /* height: 251px; */
    /* overflow-x: scroll !important; */
    display: block;
        margin-top: 15px;

    /* overflow: hidden; */
}

body.instructor_room #quizViewpreview .pdf-canvas2 canvas:hover {pointer-events: none;cursor: none;}
body.instructor_room #quizViewpreview .objEle {
    display: none;
}
body.instructor_room #createQuiz .pdf-wrapper {
    height: auto;
}

body.instructor_room #createQuiz .pdf-main {
    height: calc(100vh - 92px);
    width: 100%;
    /* padding: 20px; */
    overflow: auto;
    position: relative;
    left: 0;
}

body.instructor_room #createQuiz .pdf-btn-grp1 {
    position: relative;
    top: -24px;
    left: -20px;
    width: 40px;
    /* z-index: 999999999999999; */
    height: 40px;
    display: block;
    /* max-width: 100%; */
}



body.instructor_room #createQuiz .pdf-canvas2 {
    padding: 15px;
    /* min-height: 200px; */
    /* height: 300px; */
    width: auto;
    background: #fff;
    -webkit-box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 50%);
    display: inline-block;
    overflow-y: auto;
    position: relative;
    left: 45px;
}