.login-page {background: url('../images/bg2.png') 0 -120px no-repeat #fff; background-size: 60%;}
.login-page .auth-wrapper {justify-content: center; align-items: flex-end; flex-direction: column;}
.login-page .auth-wrapper .card { box-shadow: none;  }
.login-page .auth-wrapper  .auth-content {margin-right: 10%;}
.login-page .auth-wrapper .card .auth-logo {text-align: center; display: block;}
.td-link {font-size: 16px; color: rgb(48, 101, 172);}
.table   td {font-size: 13px!important;color: #333!important; font-weight: 500;}
.form-group label, .form-group .form-label {
    margin-bottom: 0.2rem;
    color: #757575;
    font-size: 13px;
    font-weight: 600;
}
.table td .btn-icon {width: 30px; height: 30px;}
.form-control[readonly] {background-color: #d2dee6;border: 1px solid #8bb2cc;}
table tr td p {white-space: normal;}
.page-title {background-color: #dfe6e9; padding: 10px;}
.dropdowns {position: relative; width: 150px; float: right;}
.dropdowns .btn {padding: 7px 10px; margin-top: -5px;}
.dropdowns .btn i{float: right; margin-left: 10px;}
.dropdowns ul.links {display: none;}
.dropdowns ul {list-style: none; background-color: #fff;padding: 10px;position: absolute;width: 150px; height: auto;z-index: 10;-webkit-box-shadow: 0 10px 18px 0 rgba(69, 90, 100, 0.08);
    box-shadow: 0 10px 18px 0 rgba(69, 90, 100, 0.08); left: 0; top: 40px; text-align: left;}
.dropdowns ul li {position: relative;}
.dropdowns ul li ul {left: -150px; top: 0;display: none; background-color: #fff;}
.dropdowns ul li:hover ul { display: block;}
.dropdowns ul li a {display: block; padding: 8px ; border-bottom: solid 1px #eee;}
.dropdowns ul li a:hover {color: cadetblue;}
.dropdowns ul li:last-child a {border: 0;}
.dropdowns ul li i {float: right; margin-top: 2px;}
.small-title {font-size: 15px; font-weight: 500;color: #0069c6!important;}
.small-title span{font-weight: 700;color: #003e76; font-size: 16px;}
.total {font-size: 16px; font-weight: 600; color: #0869bf; float: right;}
table tr td .form-control {margin: 0 auto; padding: 0;}
.modal .form-control {padding: 8px 10px!important;}
.form-control.view {color: #000; pointer-events: none; border:0; margin: 0 auto; text-align: center;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.w-70px {width: 70px;}
.btn.update {width: 70px!important; line-height: 15px;}
.uploadfile img{margin:0 auto; width:300px}
.upload-file {font-size: 11px;}
.uploadfile .modal-content {display: flex; font-size: large; color: green; align-items: center; justify-content: center;  } 
.fs-12 {font-size: 12px;}
.fs-10 {font-size: 10px;}
.fs-16 {font-size: 16px;}
.accor-menu .accor {margin-bottom: 20px;}
.accor-menu .accor .head{background: #daebfa;-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); padding: 15px; color: #333; font-size: 14px; font-weight: 600; cursor: pointer;}
.accor-menu .accor .head a {background: #366f95; font-size: 12px; color: #fff; font-weight: 500; padding: 5px 10px; border-radius: 5px; float: right; margin-right: 25px; margin-top: -3px;}
.accor-menu .accor .head i {float: right; margin-top: 5px;}
.accor-menu .accor .cont {padding-top: 15px; display: none;}
table th.bg-head {background-color: #cfe1ed!important; color: #000!important; font-size: 16px;}
.btn-action {font-size: 12px; padding: 2px 3px;}
.accor-menu .accor.open .cont{display: block;}
.accor-menu .accor.open .head{background:#bfdcf5}
.accor-menu .accor.open .head i {transform: rotate(180deg);}

table.dataTable.nowrap th, table.dataTable.nowrap td {font-size: 12px!important; font-weight: 600;}
.table  .heading{background-color: #ccc; }
.table  .heading  th{background-color: #ccc; color: #000!important; font-weight: 700;}
.modal .table > tbody > tr > td > .form-control {
  padding: 8px 10px;
}
.add-row, .add-student-row, .add-links-row,.add-rows {color: green;font-size: 12px;}
.remove-row {color: red;font-size: 12px;}
.remove-row-new {color: red;font-size: 12px;}
.add-row:before {content: "+"; }
.naac-tbl  tr td:last-child {text-align: center;}
.option-dropdown{position: relative;}
.btn-option {background-color: #fff!important;
   -webkit-box-shadow: 0 6px 7px 0 rgba(0, 0, 0, 0.20)!important;box-shadow: 0  6px 7px 0 rgba(0, 0, 0, 0.20)!important; padding: 3px 10px; font-weight: 600; font-size: 12px;}
   .btn-option i {margin-left: 5px;}
.dropdown-m {position: absolute; border:solid 1px #eee; width: 125px; right: 25px; top: 30px; background-color: #fff; padding: 10px; -webkit-box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.25);z-index: 999; display: none;}
.dropdown-m a{font-size: 12px; color: #2170b6; display: block;padding:8px 0; border-bottom: solid 1px #eee;}
.dropdown-m a:nth-child(2){color: orangered;}
.dropdown-m a:last-child{border:0;  color: red;}
.dropdown-m a:hover {color: #333;}
.text-orange {color: chocolate;}
.text-green {color: green;}

/* Basic Rules */
.switch input { 
  display:none;
}
.toggle-switch  {position: relative;}
.toggle-switch .text {float: left; font-size: 12px; color: red;}
.toggle-switch .text:last-child{position: absolute; left: 100px; color: green; }
.switch {
  display:inline-block;
  width:35px;
  height:16px;
  margin-top:5px;
 margin-left: 23px;
  position:relative;
}
/* Style Wired */
.switch .slider {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border-radius:30px;
  box-shadow:0 0 0 2px #777, 0 0 4px #777;
  cursor:pointer;
  border:4px solid transparent;
  overflow:hidden;
   transition:.4s;
}
.switch .slider:before {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  background:#777;
  border-radius:30px;
  transform:translateX(-16px);
  transition:.4s;
}

.switch input:checked + .slider:before {
  transform:translateX(16px);
  background:limeGreen;
}
.switch input:checked + .slider {
  box-shadow:0 0 0 2px limeGreen,0 0 2px limeGreen;
}
.badge-success {
  background-color: #2bbf59;
}
.view-table tr td{  padding: 10px 0 ;  white-space: inherit;} 
.view-table tr td, .view-table tr td label {color: #666!important;  font-size: 12px;}
.view-table tr td label {margin-bottom: 7px;}
.view-table tr td:last-child {color: #000!important; font-size: 13px!important;}
.view-table tr td:last-child p{color: #000!important; font-size: 13px!important; font-weight: 600;}
.edit-modal .form-control {padding: 8px 12px;}
.table tr td .profile_pic {width: 125px;}
.desk-overflow {overflow-x: visible;}
.evt-response {width: 100px;}
.evt-response i {color: orangered; float: right; font-size: 14px; font-style: normal;  }
.table tr td .link:hover {text-decoration: underline;}
.modal .table thead th {background-color: #ddd;color: #333!important;padding: 10px;text-align: left;
  font-size: 13px;}
.modal .table.padding   td {padding: 10px; color: #666!important;}
.btn-add{background: #366f95!important; color: #fff!important;}
.btn-add:before {content: "+"; padding-right: 5px;}
.export-table tr td{white-space: normal!important;}
.add-btn {display: block; width: 30px; height: 30px;background: #0869bf; color: #fff!important; border-radius: 30px; float: right; text-align: center; line-height: 30px; font-size: 18px; margin-top: 22px;}
.remove-btn {display: block; width: 30px; height: 30px;background: #bf0808; color: #fff!important; border-radius: 30px; float: right; text-align: center; line-height: 27px; font-size: 16px; margin-top: 22px;}
.modal .naac-tbl textarea{height: 50px;}
.export-table tr td, .table tr th {white-space: inherit!important;}
.add-new-row {color: #0869bf}
.min-h {min-height: 250px;}
.research-data select{ width: 100px!important;   float: left;}
table tr th.text-black {background-color: #eee;color: #000!important; font-weight: 600;}
.text-bold{font-weight:600}
.table   td {white-space: normal!important;}
.btn-edit {padding: 5px 10px; font-size: 12px;}

.seperator {height: 1px; background-color: #eee; margin: 15px 0 25px;}
.seperator.sep1 {background-color: #999;}
.modal-full {max-width: 98%;}
.page-list {color: #333;}
.page-list li {padding: 5px 0;}
.tabss .linkss a{font-size: 16px; padding: 10px 15px; border:solid 1px #ccc; border-radius: 5px; margin-right: 10px;}
.tabss .linkss a.active {background-color: #ff7500; border-color: #ff7500; color: #fff;}
.modal .upload-file {border:solid 1px #ddd; padding: 25px; margin-bottom: 50px;}

/* dashboard */
.dash-card {background-color: #ffe4d3; padding:25px; border-radius: 15px; height:150px; position: relative;}
.dash-card span {font-size:34px; font-weight:600; color:#d24d00}
.dash-card p {font-size:16px; color:#000}
.dash-card .img {background-color: #fff; position: absolute; right:0; top:0; width:70px; height:70px; border-radius:0 0 0 70px; text-align:center; line-height:60px}
.dash-card .img img {max-width: 40px; margin-left:15px}
.dash-card.c2 {background-color: #d6ffd7;}
.dash-card.c3 {background-color: #d5e3fe;}
.dash-card.c4 {background-color: #ffd9e8;}
.dash-card.c2 span {color:#00b527}
.dash-card.c3 span {color:#1a64a5}
.dash-card.c4 span {color:#c70053}
.dash-content  .card {padding: 15px; border-radius:10px}
.dash-content  .card h4 {font-size: 16px; font-weight:600; padding-bottom:10px}
.dash-content  .card h4  a {font-size: 12px; float:right}
.dash-content  .card h4 select {font-size: 12px; padding:2px 5px}
.dash-content  .card .list-item {font-size:13px; margin:10px 0; padding-left:20px; position:relative; font-weight:600; color:#479edb}
.dash-content  .card .list-item small {float:right; font-size:12px; color:#333; font-weight:400}
.scroll{overflow-y: auto;}
.scroll::-webkit-scrollbar {
  width: 5px; 
} 
.scroll::-webkit-scrollbar-track {
  background-color: #eee;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: #ddd;
 }
.dash-content  .card .list-item span {  font-size:12px; color:#333;font-weight:400}
.dash-content  .card .list-item i {position:absolute; left:0; top:5px;}
.dash-content  .card .scroll {height:250px}
.dash-content  .card .list-item small  i{position: relative; }
.dash-content  .card .scroll.cal {height:300px}

.ui-widget.ui-widget-content{border: 0;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
 border: 1px solid #e8e8e8;
 background: #ffffff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #1b64a6!important;
  background: #1b64a6!important;
  color: #ffffff;
 }
.ui-widget-header {background: #f6f6f6;}
.ui-datepicker td span, .ui-datepicker td a {padding:.5em}
.papers .card {border-radius: 10px;}
.papers .card .media {overflow:hidden; border-radius:10px 10px 0 0; height:175px;position: relative; }
.papers .card .media  img{position:absolute; object-fit:cover; object-position:50% 50%; width:100%; height:100%}
.papers .card h5 {color:#333; font-weight:600;}
.papers .card p {color:#1b64a6}
.papers .card p span {float:right; font-size:12px; color:#666}
.papers .card  .bottom {border-top:solid 1px #ccc; padding-top:10px; text-align: center;}
.clearfix {clear: both;}
.chkbox {margin-right: 0;}
.naac-content .head{font-size: 15px; font-weight: 500; color: #333; background-color: #ddd; padding: 10px;  border-radius: 5px;}
.naac-content  table tr th{background-color: #f3f3f3; color: #333!important; font-weight: 500; padding: 10px;}

.naac-tabs .nav-link{font-size: 16px; color: #666;}
.naac-tabs .nav-link.active {color: #045f97; font-weight: 600;}
.naac-content  table  tr td .form-control {font-size: 13px; padding: 7px;}
.table-program tr td{vertical-align: top!important;}
.btn-scale {min-width: 50px;
  width: 6%;
  text-align: center;
  font-weight: 600;
  color: black!important; border:0; outline: none; padding: 5px 10px;}
  .options {text-align: right;}
.options .btn-scale:first-child, .options .btn-scale.no {background-color: #fa7474;}
.options .btn-scale:nth-child(2) {background-color: #ff996c;}
.options .btn-scale:nth-child(3) {background-color: #ffb84e;}
.options .btn-scale:nth-child(4) {background-color: #feda4b;}
.options .btn-scale:nth-child(5) {background-color: #baee6b;}
.options .btn-scale:nth-child(6), .options .btn-scale.yes {background-color: #85ec6c;}
 
.btn-scale.selected  {opacity: .3; background: #333!important; color: #ccc!important; pointer-events: none;}
@media(max-width:640px){
  .login-page {background-size: 200%;background-position: 0% 100%;}
  /* .login-page .auth-wrapper {justify-content: flex-start;} */
  .login-page .auth-wrapper .auth-content{width: 100%; }
  .login-page .auth-wrapper .auth-content{margin-right: 0;}
  .login-page .auth-wrapper .card {
      box-shadow: none;
      background: #ffffffe0;
  }
}