.w-30{width:30% !important;}
  .font-1{font-size: 1rem;}
  .font-4{font-size: 4rem;}
  .font-11{font-size:1.1rem;}
  .font-12{font-size: 1.2rem !important;}
  .font-15{font-size:1.5rem !important;}
  .font-r9{font-size: .9rem;text-align: justify;}
  .lh-18{line-height: 1.8em;}
  .ubtn{float: right;font-size: 1.2rem;}
  .btn-dr{font-weight: bold;color: #65a195;background: #fff;font-size: 1.2em;margin-left: 7%;padding: 10px 5%;margin-top: 10px;}
  .m-box{padding: 10;background: #ebf3f3;border-radius: 5px;}
  button:focus {outline: 0;}
  .cursor{cursor:pointer}
  .alert{text-align:center;font-size: 1.2em;}
  .img-circle.profile_img {margin-top: 25px;padding: 2px;}
  .close{cursor: pointer;font-size: 1.3rem;}
  .form-field{ margin-bottom:10px}
  .form-control{font-size: .9rem !important;border-radius: 3px;}
  .form-error{width: 100%;margin-top: .25rem;font-size: 80%;color: #dc3545;}
  .maxuploadheight{max-height:120px; overflow:hidden;}
  .custom-select {font-size: .9rem;}
  .message{justify-content: center;}
  .mcq{line-height:1.5rem}  
  button span {color: #f3f1f1;}
  .subtitle{ overflow: hidden;height: 25px;font-size: 12px;position: absolute;margin-left: 55px;margin-top: -22px;}
  .headline{font-size: 1.1rem;border-radius:5px;border-top: 1px solid #dee2e6!important;border-bottom: 1px solid #dee2e6!important;padding: .8rem;}
  .heading{font-size: .9rem;}
  .img-thumbnail {border: none;}
  .site_title {height: 65px;line-height:22px;}
  .logo{height: 80px;width: 80px;float:left;display: inline-block;border-radius: 2px;padding: 2px;background: #f7f7f7;border: 1px solid #e6e6e6;}
  .rounded-box {width: 50px;height: 50px;float: left;margin-right: 10px;}
  .outer {width: 100% !important;height: 100% !important;max-width: 50px !important; /* any size */max-height: 50px !important; /* any size */margin: auto;background-color: #6eafd4;border-radius: 100%;position: relative;}
  .inner {background-color: #5ce04c;width: 15px;height: 15px;border-radius: 100%;position: absolute;bottom: 0;right: 0;}
  .quesNo{font-size: 22px;font-weight: bold;color: #3b9e57;}
  .m-title{background: #fff;border-radius: 5px;min-height: 35px;padding: 8px 15px;}
  .jumbotron {color:#fff;margin-bottom: 1rem;padding: 15px 42px;background-color: #6ea8b1;}
  .wrapper{ margin-top: 60px;}
  .c-form{ background-color:#fff; padding:10px; border-radius:5px;border: 1px solid rgba(0,0,0,.125); }
  .dis-contents{display:contents;}
  .card{margin-bottom: 15px;}
  .card-body {padding: 1rem !important;}
  .card-mb-0{margin-bottom:0;border:none;} 
  .card-bg{background: #fff;}
  .panel-bg{background: #efefef;padding: 15px;}
  .panel_toolbox {min-width: inherit !important;}
  .panel_toolbox>li>a {color: inherit !important;}
  .panel_toolbox>li>a:hover {background: none;}
  .add-question{font-size: 2rem;cursor:pointer;}
  .sub-question{cursor:pointer;font-size:1.2rem;}
  .sq-field{width: 75%;float: left;}
  [type=search] {outline-offset: inherit;-webkit-appearance: auto;}
  .dropdown-menu.show {margin-left: -76px !important;}
  .inst_logo{border: 1px solid;padding: 5px;}
  .custom-control-label {vertical-align: middle;}
  .inst_favicon {width: 40px;height: 40px;vertical-align: bottom;border: 1px solid;padding: 3px;}
  .timer{font-size: 3rem;text-align: center;float: right;}
  .sticky{width:175px;font-size: 1.7rem;border-radius: 5px;top:10px;right: 30px;position: fixed;background: #6ea8b1;padding: 0 20px;z-index: 100;}
  .scroll-sticky{font-size: 1.7rem;}
  .scroll-warn-text{font-size: 30% !important;width:100% !important;}    
  .test-warning{width:65%;text-align:center;display: inline-table;float: right;font-size: 85%;color: red;background: #fff;padding: 3px 15px;border-radius: 5px;}
  .img-round{border-radius:50%; float:left;}
  .message_wrapper{margin-left: 100px !important;}
  .device-icon{font-size: 2rem}
  .profile-image{width: 100%; height:200px;border-radius: 3px;}
  .b-radius{border-radius: 5px;}
  .list-group-item .line{margin-bottom: 0.4rem!important;}
  .list-group-item p{margin-top:5px;}
  .uploads {top: inherit;right: 15px;left: 15px;}
  .table-responsive { overflow-x: initial !important;}
  table.dataTable>tbody>tr.child ul {display: table !important;}
  table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before {top: initial;}
  div.dataTables_filter input, .dataTables_length select{ height: 2.5em;}  
  .table{background-color: #fff;border-radius: 5px;}
  .table td, .table th {border-top: 1px solid #dee2e6;vertical-align: middle;font-size: .9rem;text-align:center;}
  .table th {border-top: none;text-align: center;}
  table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{top: 15px !important;}
  .table th {cursor: pointer;}
  td {height: 2em;}
  table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before {
  top: initial !important;}
  table.dataTable>tbody>tr.child ul li {text-align: left;}
  .dataTables_wrapper{margin-bottom:1.5rem !important;}
  .dataTables_wrapper{padding:0 !important;}
  .dataTables_length{float:left;}
  .dt-button-collection{padding:10px}
  .btn-default{background: #fff;border: 1px solid #d0cbcb;font-size: .9rem;padding: 4px 10px;height: 30px;}
  .btn-group{margin-left:15px;}
  #late{color:red;}
  #enterIntime{color:green;font-weight:bold;}
  .as-center{align-self: center;}
  .res-label{color: #fff;font-size: 1.6em;font-weight: bold;}
  .res-bg{background: #6ea8b1;padding: 15px;border-radius: 5px;margin-bottom: 10px;}
  .correct-sec{background: #ebf3f3;border-radius: 5px; margin-top:10px;}
  .correct-h{margin-top: 10px; margin-left:10px;}
  .correct-f{color: green;}
  .list-group li:first-child, li:last-child {border-bottom: none;}
  .list-group li:last-child {border:none;}
  .documents:not(:last-child){margin-bottom:15px;}
  ul.messages li, .tasks li {min-height: 100px;margin-bottom: 5px;}
  .sidebar-footer a {padding: 10px 0 7px !important;}
  footer{display: flex;height:41px;align-items: center;justify-content: center;}
  ::placeholder {font-size: .8rem;color: #423b3b !important;opacity: .5 !important;}
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: .8rem;color: #423b3b !important;opacity: .5 !important;}
  ::-ms-input-placeholder { /* Microsoft Edge */
    font-size: .8rem;color: #423b3b !important;opacity: .5 !important;}

  .q-title{font-size: 1rem;line-height: 1.8rem;margin-top: .5rem!important;}
  .questions h6{ padding-bottom: .5rem!important;border-bottom: 1px solid #dee2e6!important;}
  .questions .card{margin-top: 1rem!important;}
  .helpline{background: #fff !important;border: 1px solid #fff !important;font-size: 1.1rem;padding: .5rem!important;margin-bottom: .5rem!important;}  
  .obtain-marks{font-size: 3.5rem;position: absolute;left: 32px;}
  
  @keyframes scaling {
    0% {transform: scale(1.0);-webkit-transform: scale(1.0);font-weight:normal;}
    100% {transform: scale(1.1);-webkit-transform: scale(1.1);font-weight: bold;}
  }
  #warning, #late {-webkit-animation: scaling 1s infinite alternate;}
  .login_content ::placeholder {font-size: .9rem !important;}
  .login_content :-ms-input-placeholder { font-size: .9rem !important;}
  .login_content ::-ms-input-placeholder { font-size: .9rem !important;}
  .login_content{text-align: start !important;}
  .login_content .invalid-feedback {margin-top: .25rem;margin-bottom: 10px;font-size: inherit;}
  .login_content .form-control{border-radius: 20px !important;margin-bottom: 0 !important;}
  @media only screen and (max-width: 600px) {
  .timer{font-size: 1rem;float: right;}
  .test-warning{margin-right:25px}
  #countdown{margin-top:10px}
  .scroll-warn-text{margin:0;}
  }
  @media only screen and (max-width: 767px) {
  .w-68{width:68%;float:left;}  
  .w-32{width:32%;float:left;}  
  body {background: #f7f7f7;}
  .mq-field{width: 68%;float: left;padding: 0;}
  .mm-field{width: 32%;}
  .m-hide{display:none !important;}
  .table td {border-top: none;padding: 5px 15px !important;height: 2.5em;}
  .jumbotron {padding: 15px 5px !important;}
  table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{
  top: 12px !important;
  left: 5px !important;line-height: inherit !important;}
  td span{ padding-left: 10px;}
  ul.bar_tabs { padding-left: initial !important;}
  .login_content form {margin: 20px 20px !important;}
  }
  @media only screen and (min-width: 768px) {
    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    left: 7px !important;}
  }