.main-menu.menu-dark {background: rgb(0,71,191);
background: linear-gradient(0deg, rgb(56 31 168) 0%, rgb(77 77 201) 76%, rgb(63 55 185) 100%) }
.navbar-header .navbar-brand  {transition: all ease .3s;}
body.vertical-layout[data-color=bg-gradient-x-purple-blue] .navbar-container{background-image: -webkit-linear-gradient(left,#ad7ddc,#8f57c8);
    background-image: -moz-linear-gradient(left,#ad7ddc,#8f57c8);
    background-image: -o-linear-gradient(left,#ad7ddc,#8f57c8);
    background-image: linear-gradient(to right,#ad7ddc,#8f57c8); background: #5b59d0;}
.header-navbar .navbar-container ul.nav li a.menu-toggle {padding-left: 0}
body.menu-expanded .navbar-header .navbar-brand .brand-logo {
width: 180px;transition: all ease .3s;
}
body.menu-collapsed .navbar-header .navbar-brand .brand-logo {
 width: 150px;transition: all ease .3s;
}
.navbar-header .navbar-brand {padding: 8px 0}
.main-menu .main-menu-content {padding-top: 20px}
.main-menu.menu-dark .navigation>li>a {
padding: 9px 10px  ; font-size: .90rem;  line-height: 20px; display: flex; opacity: .8 ;color: #fff; font-weight: 500}
.main-menu.menu-dark .navigation>li>a:hover{opacity: 1}
.main-menu.menu-dark .navigation>li>a span {display: inline-block; padding-top: 3px}
.main-menu.menu-dark .navigation>li a img {margin-right: 5px; max-width: 22px!important; max-height: 22px!important;  }
body.vertical-layout.vertical-menu.menu-expanded .main-menu .navigation li.has-sub>a:not(.mm-next):after {content: url('../images/dashboard/sidebar/downarrow.png'); top: 15px; right: 7px }
body.vertical-layout.vertical-menu.menu-expanded .main-menu .navigation li.open>a:not(.mm-next):after{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);  top: 14px!important}
.main-menu.menu-dark .navigation>li.active>a {background: #373590; color: #fff;opacity: 1}
.main-menu.menu-dark .navigation>li ul li>a { padding: 5px 18px 5px 50px; font-weight: 400}
.main-menu.menu-dark .navigation>li.open .hover>a:before{display: none;}
html body .content .content-wrapper .content-wrapper-before {background: #ccc}

.card.info img{float: right; max-width: 80px}
.card.info h1 {font-weight: 800!important; font-size: 36px}
.tbl-btn a img {max-width: 20px; margin-right: 5px}
.tbl-btn a {font-weight: 700}
.table.table-xl td, .table.table-xl th{
    padding: 1.25rem 1rem;
}
.small-btn {font-size: 12px; padding-top: 3px; font-weight: 500}
.noti .notif {font-size: 12px; padding: 15px; border-bottom: solid 1px #ddd; }
.noti .notif p { margin: 0; position: relative;padding-left: 25px}
.noti .notif p span {float: right; font-size: 11px; margin-top: 2px; padding-left: 5px}
.noti .notif p:before {content: url('../images/dashboard/notification1.png'); position: absolute; left: 0}
.card_Sel {padding:   5px 5px 7px !important; height: 28px; font-size: 13px}

.content-wrapper-before {background: #dddee6!important; position: absolute; top: 0; left: 0; height: 220px;width: 82%; z-index: 0;   padding: 100px 50px; margin-left: 18%; max-width: 100%; transition: all ease .3s;}
.content-wrapper-before h1{font-weight:600; color: #585a65}
.content-wrapper-before.full{width: 100%; margin-left: 0; padding: 70px 90px; }
.content-wrapper-before img {max-width: 300px}
.transparent, body.vertical-layout.vertical-menu  .navbar.transparent .navbar-container {background: #5b59d0;}
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content>span.menu-title {background: #0376c0;padding: 15px 5px 10px 15px; font-size: 13px;}
.main-menu.menu-dark ul.menu-popout li.hover>a:before, .main-menu.menu-dark ul.menu-popout li.open>a:before, .main-menu.menu-dark ul.menu-popout li:hover>a:before {display: none;}
body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content>ul.menu-content li a {padding: 8px 20px; font-size: 12px}
/*.app-content {z-index: 9999}*/

.data-table tr th {vertical-align: middle!important;}
.data-table tr th, .data-table tr td {padding: .75rem  1rem;}
.page-item.active .page-link {background: #0049c0; border-color: #0049c0}
.card-body {padding: .5rem}
.card.info  .card-body {padding: 1.5rem}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #111}
/*.dataTables_wrapper .col-md-6:first-child{display: none;}*/
.dataTables_length {margin-top: 15px}
 .tags span{ background: #eee; border:solid 1px #ddd; padding: 2px 5px; font-size: 12px ;display: inline-block; margin: 2px}
 .tags span.published {background: #33a519; color: #fff ; border-color: #33a519; }
.data-table tr td.tags span{ background: #eee; border:solid 1px #ddd; padding: 2px 5px; font-size: 12px ;display: inline-block; margin: 2px}
.data-table tr td.tags span.highlights {background: #d6d6f6;  border-color: #8e8cdb}
.data-table tr td.tags span.published, .data-table tr td.tags span.approved  {background: #33a519; color: #fff }
 .data-table tr td.tags span.rejected  {background: #ff0000; color: #fff }
.data-table tr td.tags span i {font-weight: 700; color: #fff; font-style: normal; font-size: 11px; line-height: 20px; display: inline-block;width: 20px; height: 20px; background: #6b69bf; border-radius: 20px; text-align: center; float: right; margin-left: 10px}
.viewtags span{ background: #eee; border:solid 1px #ddd; padding: 2px 5px; font-size: 13px ;display: inline-block; margin: 2px}
.data-table tr td.tags span.pass{border-color: #5eac5e; background:  #5eac5e; color: #fff; width: 60px; text-align: center;}
.data-table tr td.tags span.fail{border-color: #cf4141; background:  #cf4141; color: #fff; width: 60px; text-align: center;}
div.dataTables_wrapper div.dataTables_filter {text-align: left; margin-left: -20px}

html body .content .content-wrapper {
    padding: 1.5rem;
}
html body .content .content-wrapper.pages{padding-top: 0}
.data-table, .html-table  { border-collapse:separate!important; 
                border-spacing:0 2px!important;}
.data-table tr th, .html-table tr th {background: #333; color: #fff; font-size: 13px; font-weight: 500}
.data-table tr th, .data-table tr td,  .html-table tr td,  .html-table tr th{padding: 15px 10px; border:0;}
.data-table tr,  .html-table tr   { -webkit-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.36);
-moz-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.15);
box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.10); background: #fff}
.data-table tr td table tr {box-shadow: none}
.data-table tr  td {background: #efeff2; vertical-align: middle;}
.data-table tr[role=row]  td {background-color: #fff;  color: #333; font-size: 13px; font-weight: 500 }
.html-table tr td {vertical-align: middle;}
.data-table tr td table tr td {background: #efeff2; padding: 0 10px; color: #333; }
.data-table tr td table tr td span {font-size: 12px; display: block;}
.data-table tr th:first-child,  .html-table tr th:first-child{border-radius: 5px 0 0 0 }
.data-table tr th:last-child,  .html-table tr th:last-child{border-radius: 0 5px 0 0 }
.table tr td .link {font-weight: 600; color: #5b59d0}
.html-table tr th select {width: 70px; background: none; color: #fff; margin-top: 5px; outline: none;}
.html-table tr th select option{color: #333}

.data-table.one-col tr  td {background: #fff;}
.data-table tr td.radio label input{float: left; margin-right: 5px; margin-top: 2px;}
/*td.details-control {
    background: url('../images/details_open.png') no-repeat center center!important;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('../images/details_close.png') no-repeat center center!important;
}*/
td.details-control a{ margin: 0 2px}
td.details-control a.disabled{pointer-events: none; color: #ccc;}
td.details-control, th.action {text-align: center; width: 110px;}
a.expand {font-size:13px; width: 20px; height: 20px; border:solid 1px orange; color: #ff3800!important; border-radius: 25px; display: inline-block; text-align: center; margin-left: 10px; margin-top: 7px; transition: all ease .3s;}
a.expand.open {transform: rotate(180deg);}
a.edit {font-size: 20px} 
a.approve {font-size: 18px; color: green;} 
a.reject {font-size: 18px; color: red;} 
.main-head {font-size: 22px; font-weight: 600; color: #fff; padding-top: 27px}
.btn {padding: .75rem 1.0rem;-webkit-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.36);
-moz-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.15);
box-shadow: 1px 5px 5px -2px rgba(0,0,0,0.10); font-weight: 500}
.btn-primary {background: #6b69bf; border-color: #6b69bf}
.btn-primary:hover , .btn-primary:active, .btn-primary:focus{background: #4f4d95!important; border-color: #4f4d95!important; box-shadow: none;}
.mt--4{margin-top: -70px} 

.select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-container .select2-selection--single .select2-selection__rendered {font-weight: 400}
table tr td span.status {padding: 5px 10px; border:solid 1px #ccc; background: #f9f9f9; color: #333; border-radius: 5px; font-size: 11px; position: relative;}
table tr td span.status.ico {position: relative; padding-left: 25px}
table tr td span.status i{font-size: 15px;  position: absolute; left: 5px; top: 6px}
table tr.in-progress td span.status {background: #FFF8DC; border-color: #f2c513; color: #dbaf00}
table tr.completed td span.status, table tr.performed td span.status {background: #DEFFDC; border-color: #5fbc58; color: #5fbc58}
table tr.in-queue td span.status ,table tr.declared td span.status {background: #DCFEFF; border-color: #0ec7ed; color: #0ec7ed}
table tr.created td span.status {background: #ffe7da; border-color: #ff6308; color: #ff6308}
.table.det {font-size: 13px; color: #000; font-weight: 600}
.table.det span {font-size: 11px;opacity: .9;  margin-bottom: 5px; font-weight: 500}
.num {color:#0ec7ed; font-style: normal; }

.content-header {background: #fff; padding: 25px 15px 20px}
.content-header {color: #000; font-size: 12px; padding-left:40px}
.content-header span {font-size: 13px; font-weight: 600}
.content-header img {max-width: 18px; margin-right: 5px ;margin-top: -3px}
.content-header .btn {margin-top: -10px}
.content-header.inner {background: #eaecf3 ;padding: 15px  ; margin: 0px 0 20px}
.content-header.inner span {display: block;}
table tr td a img{max-width: 30px}
.exam-process {overflow: auto; max-width: 100%; overflow-x: scroll; min-height: 300px; padding-top: 30px}
.exam-process ul {list-style: none; display: flex; margin-left: -35px}
.exam-process ul li {position: relative;  width: 200px;  display: flex; vertical-align: middle; align-items: center; justify-content: center;}
.exam-process ul li a{padding: 20px 25px; background: #eee; border:solid 1px #ccc; display: block; text-align: center;  color: #000!important; width: 200px; line-height: 20px; border-radius: 6px; font-size: 14px; height: 65px;  justify-content: center; align-items: center; }
.exam-process ul li a.multiline {padding: 10px 25px}
.exam-process ul li.sep {background: #fff}
.exam-process ul li.sep em {display: block; background: #ccc; width: 80px; height: 2px; position: relative;}
.exam-process ul li.sep em:before  {content: ""; width: 15px; height: 15px; background: #ccc; border-radius: 10px; position: absolute; left: -8px; top: -7px; border:solid 3px #fff;}
  .exam-process ul li a span{display: block; font-size: 11px}
.exam-process ul li.done a {background: #DCFEFF; color: #0ec7ed; border-color: #0ec7ed}
.exam-process ul li.sep.done  em:before  {background: #0ec7ed}
.exam-process ul li.in-process a {background: #FFF8DC; color: #f2c513; border-color: #f2c513}
.exam-process ul li.sep.in-process  em:before  {background: #f2c513}
.break { flex-basis: 100%; height: 0; }


.progress-wrap {
    margin: auto;
    display: table;
    width: 90%; margin-bottom: 50px
}
.line-progress-bar {
    display: flex;
    margin: auto;
    width: 100%;
}
.line {
    height: 1px;
    width: 85%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(217, 217, 217);
    position: absolute;
    margin-top: 8px;  
}
.line:after {content: ""; width: 21%; background: rgb(217, 217, 217); height: 1px; position: absolute;}
.line.line1:after {background: #26c326; width: 50% }
.line.line2:after {background: #26c326; width: 100%}
.line.line3:after {background: #26c326; width: 61%}
.line.line4:after {background: #26c326; width: 81%}

.progress-wrap div ul {
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: initial;
    justify-content: space-between;
    z-index: 1;
}
.progressbar-dots {
    display: inline-flex;
    border: #949494 solid 4px;
    background: #333333;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: top;
    font-weight: bold;
 
    font-size: 20px;
    margin-left: 0px;
    
    border: 0px solid rgb(217,217,217);
    background: rgb(217, 217, 217); color: #999; font-weight: 500
}
.progressbar-dots span {
    font-size: 11px;
    line-height: 16px;
    position: absolute;
    margin-top: 25px;
    /* width: 75px; */
    float: left;  position: absolute; width: 150px
  }
.progressbar-dots.active {
    color: #5b59d0;
    border: 0px solid rgb(38,163,134);
    background: #5b59d0;
}
.progressbar-dots.completed {
    color: #26c326;
    border: 0px solid rgb(38,163,134);
    background: #26c326;
}

.form-group label{font-size: 12px; color: #333;}
.card.form {padding: 10px 25px 25px}

.modal{z-index: 99999}
.modal.small {top: 25%}
.modal.small.with-img {top:15%;}
.modal.small .modal-header {border:0;}
.modal.small .modal-body {padding-bottom: 50px}
.modal.small p{font-size: 16px;text-align: center; color: #333}
.modal-backdrop {z-index: 9999}
.modal-backdrop.show{opacity: .7}
.modal.small img {max-width: 120px; margin-bottom: 15px}

 label.label { cursor: pointer;  text-align: center; display: block;  width: 100%}
 label.label .card.select {width: 100%; display: block; padding: 8px 10px ;}
 label.label input {display: none;}
 label.label img {margin-right: 15px; }
 label.label input:checked  + .card.select{color: #000; border:solid 1px #1eb6e9;}
.btn-default {background: #fff}
.select2-container--default .select2-search--dropdown .select2-search__field {padding: 6px; outline: none;}
.select2-container, .select2-container--default .select2-selection--single {outline: none!important; padding-left: 25px}
.form-group.ico i{position: absolute; z-index: 10; display: block; width: 40px; height: 40px; background:#7473ad; line-height: 40px; font-size: 20px; text-align: center; color: #fff }
.form-group.ico1{position: relative;}
.form-group.ico1 .icon{position: absolute; max-width: 18px; left: 20px; top: 35px}
.form-group.ico1 select{padding-left: 25px; padding-right: 0}
.radios {background: #ebf5f8; padding-top: 10px; color: #000}
.radios label {padding-right: 10px}
.radios label input{float: left; margin-top: 2px; margin-right: 5px}
.add {display: inline-block; width: 26px; height: 26px; font-size: 16px; color: #1eb6e9; background:#ebf5f8; text-align: center; line-height: 26px; border-radius: 5px }
/* width */
 .table input[type=checkbox]{margin-top: 3px}
.dataTables_scrollBody::-webkit-scrollbar, .batchess::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.dataTables_scrollBody::-webkit-scrollbar-track , .batchess::-webkit-scrollbar-track{
  background: #f1f1f1;
}

/* Handle */
.dataTables_scrollBody::-webkit-scrollbar-thumb,   .batchess::-webkit-scrollbar-thumb {
  background: #ccc;
}

/* Handle on hover */
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.batchess {max-height: 370px;  overflow-y: auto; overflow-x: visible;}
.sel_batches {padding-top: 10px; }
.sel_batches h5{font-weight: 600; margin-bottom: 15px}
.sel_batches .card  {-webkit-box-shadow: 0 1px 15px 1px rgba(62,57,107,.07)!important;
    box-shadow: 0 1px 15px 1px rgba(62,57,107,.07)!important;}
.sel_batches .batch {margin: 10px 0; padding: 10px 0; border-left: solid 3px #1eb6e9;  }
.sel_batches .batch ul {list-style: none; margin-left: -25px; margin-bottom: 0}
.sel_batches .batch ul li  {display: inline-block; width: 25% ; vertical-align: middle; }
.sel_batches .batch ul li:last-child {width: 48%; text-align: right;}
.sel_batches .batch {font-weight: 600; color: #000; font-size: 13px}
.sel_batches .batch ul li  a{margin-right: 5px}
.sel_batches .batch span {display: block; font-size: 11px; font-weight: 500; color: #666}
.sel_batches .batch ul li  a.btn{font-size: 11px; padding:  7px 5px; box-shadow: none;}
.sel_batches .batch ul li  a img {max-width: 27px}
.tooltip {font-size: 11px;}
.watermark {opacity: .5}
.sel_batches .batch.paper ul li:last-child {width:73% }
 
.modal.big .modal-dialog {max-width: 75%; margin-top: .5rem}
.modal.big .modal-header{background: #333; color: #fff; padding: 15px 25px }
.modal.big .modal-header .row {width: 100%}
.modal.big .modal-header .close {color: #fff; box-shadow: none; font-weight: 400; opacity: .9; outline: none; padding: 25px 0}
.modal.big .modal-header .close span {font-size: 18px}
.modal.big .modal-header select {padding: 3px 10px!important;background: none; border:solid 1px #ccc; color: #fff; height: auto; margin-top: 5px; font-size: 13px; width: 90%}
.modal.big .modal-header  span {font-size: 12px; font-weight: 300;  display: block;  }
.modal.big .modal-header p{margin: 10px 0}
.modal .select2-container,  .modal .select2-container--default .select2-selection--single {width: 100%!important}
.modal .head{font-size: 16px}
.modal .mt--2 {margin-left: -15px}
 .select2-dropdown {z-index: 9999999999}
.btn-gray {background: #eee}
p.note {color:#1eb6e9; font-size: 11px }
.form-control {padding: .75rem .8rem ;padding-right: .8rem!important}
.form-control::placeholder{font-size: 13px}

.remove {position: absolute; right: -20px; display: block; width:26px; height: 26px; border-radius: 30px; background: #d65858; color: #fff; line-height: 25px; text-align: center; top:30px}

.added-slots {background:#f7fdff; border:solid 1px #9de2f9; padding: 25px;  border-radius: 10px;display: none;}
.added-slots p {font-size: 15px;  color: #333 }
.added-slots p i{color: #1eb6e9; margin-right: 5px}
.table.new select {outline: none; padding: 3px 5px; font-size: 13px}
.table.new .btn {font-size: 12px; padding:8px 10px}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%!important;}
.bootstrap-select > .dropdown-toggle {outline: none!important; box-shadow: none}
.full-width .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%!important; outline: none;}

.bootstrap-select .btn-light { background: #fff!important; }
.bootstrap-select .btn-light:after {content: "ˬ"!important; position: absolute; color: #ccc; z-index: 10; font-size: 30px; top: -18px; right: -8px}
.dropup .dropdown-toggle::after {display: none;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-size: 11px}

.full-width .bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-size: 14px; font-weight: 400;}
.resources  { padding: 15px 15px 0!important }
.resources p em{font-style: normal; font-size: 11px; background: #eee; padding: 3px 5px; display: inline-block; margin-top: 7px; margin-right: 8px; position: relative; cursor: pointer;}
.resources p em:after {content: "x"; width: 12px; height: 12px; background: #fff; position: absolute; right: -5px; top: -2px; font-size: 9px; line-height: 8px; text-align: center; border-radius: 10px; border:solid 1px #ccc;}
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 50px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 30%;
  float: left;
  background: #29c1f5;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  margin-left: 17%
  
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 23px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #29c1f5;
  border-right: 0 solid #29c1f5;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 24px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #29c1f5;
  border-right: 0 solid #29c1f5;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 25px;
  height: 25px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 25px;
  left: 51.3%;
  margin-left: -25px;
  background-color: #29c1f5; border:solid 3px #eee;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right; margin-right: 17%
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
 
.timeline-title {
  margin-top: 0;
  color: inherit; color: #fff; margin: 0
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.btn-primary.dropdown-toggle::after {display: none;}
.btn-primary.dropdown-toggle i {margin-right: 0}

.radios1 {background: none}
.radios1 label {margin-right: 15px}
.radios1 label input {width: 18px; height: 18px; float: left;}
.radios1 label span{font-size: 14px;}

.table tr td .flag {font-size: 20px;  padding-top: 1px; cursor: auto;}
.table tr td .view {font-size: 20px;   padding-top: 1px;  color: #ff7300}
.table tr td .user {font-size: 20px;  padding-top: 1px; color: #1aab60  }
.table tr td .publish {font-size: 20px;   padding-top: 1px;  color: #33a519}
.table tr td .unpublish {font-size: 20px;   padding-top: 1px;  color: #4e4d4d}

.table tr td  .del {font-size: 20px;  padding-top: 2px; color: #fb170e}
.table tr.batch td  .flag, .table tr.batch td  .link   {color: #646aff}
.table tr.group td  .flag, .table tr.group td  .link   {color: #ff7a20}
.table tr.group,  .table tr.group td  {background: #f9f9f9!important; font-weight: 500!important}
.mt--1{margin-top: -5px}
.top-options {background: #e3e5ea; padding: 10px 15px 10px; margin-bottom: 25px; border-radius: 5px }
.top-options h3{padding-top: 5px}
.top-options .radios{margin-bottom: 0}
div.dataTables_wrapper div.dataTables_filter label {display: block;}
div.dataTables_wrapper div.dataTables_filter input {width: 50%; float: right;}
.manual-entry, .upload-csv {padding: 15px}
.upload-csv {display: none;}
.upload {
    border: solid 1px #ccc;
    padding: 40px 30px; 
}
.upload h3 {
    font-size: 18px;
    margin-bottom: 25px;
}
.upload label {
    display: block;
    border: solid 1px #bec3d8;
    background: #e0e3f1;
    padding: 0 0px 0 10px;
    line-height: 35px;
    margin: 15px 0 10px;
    height: 40px;
    overflow-y: hidden;
    cursor: pointer;
}
.upload label input {
    display: none;
}
.upload label span {
    float: right;
    background: #5d6692;
    color: #fff;
    padding: 10px;
    line-height: 18px;
}
.upload .file {
    margin: 15px 0;
    min-height: 20px;
    display: none; color: #646aff
}
.upload .btn {
    display: block;
    width: 100%;
    font-size: 16px;
    margin: 25px 0 10px;
}
.upload .table {
    min-width: 500px;
}
.upload .table-res {
    overflow: hidden;
    overflow-x: scroll;
    max-width: 100%;
}
.upload .table tr th{background: #666}
.upload.col-assign{display: none;}
.bottom-btn1{display: none;}
.sel_val_tbl th select {display: none;}

.upl_photo {width: 130px; cursor: pointer; margin: 0 auto;}
.upl_photo img{max-width: 100%; height: 130px}
.upl_photo input {display: none;}
.upl_photo .btn {width: 100%; color: #fff; background: #a674d7; border-color: #a674d7; box-shadow: none}
.upl_photo .media {width: 100%; height: 150px; background: #f6f6f6}
.link-box {background: #f6f6f6; border:solid 1px #ccc; padding: 10px; color: #333;width: 100%; pointer-events: none; outline: none;}
.msg {text-align: center; margin-top: 15px}
.detail_block img{max-width: 100%}
.detail_block label {font-size: 12px; margin: 0}
.detail_block p.value {font-size: 14px; font-weight: 600; color: #333; margin: 0 0 10px}
.detail_block .big p.value {font-size: 18px;}
.title-1{border-bottom: solid 1px #eee; padding-bottom: 10px}
.btn-ico img{ }

.or {display: inline-block; background: #eee; padding: 10px;}

.table tr td.subjects span {padding: 2px 7px; background: #f9f9f9; border:solid 1px #ddd; display: inline-block; margin-bottom: 4px; font-size: 13px}

.no-ico .select2-container, .no-ico .select2-container--default .select2-selection--single {padding-left: 0}
.no-ico .select2-container--default .select2-selection--single {padding-left: 10px}

.sel_subj .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%!important}
.sel_subj .bootstrap-select .dropdown-menu {width: 100%}
.sel_subj .bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-size: 12px}

.sections {background: #eee; padding:0px 25px;}
.sections .table input[type=text]{width: 100px; border:solid 1px #ccc; height: 35px; outline: none; padding: 10px}
.sections .table tr td {vertical-align: top}
.sections .table tr td:last-child input[type=text] { }
.sections .table tr td p {font-size: 12px; color: #333; margin-bottom: 0}
.sections .table tr td label {font-size: 12px; color: #333; margin-right: 10px}
.sections .table tr td label input{float: left; margin-right: 3px}
.sections .table tr td .sno {background: #22BAED; display: inline-block;width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; font-weight: 600; font-size: 16px; border-radius: 5px}
.sections .table tr td .set-time-limit  input {height: 26px; }
.sections .table tr td .set-time-limit {display: none;}
.sections .table tr td .set-time-limit label {width: 130px}
#sections {display: none;}
.ques_type {background: none; padding: 0}
/*.ques_type .table td:f*/
.ques_type .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .set-creation .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%!important}

.ques_type .q_type {background: #d5f4ff; border:solid 1px #29c1f4; padding: 5px 10px; font-size: 12px; margin-top: 0px; display: inline-block; color: #009ace}
 
.ques_type table tr td {background: #fff}

.set-creation label {margin-right: 20px; font-size: 14px}
.set-creation label input {float: left; margin-right: 5px; margin-top: 3px}
.set-creation .set-options {display: none;}

.paper_det p.value{font-weight: 600; color: #333; margin-bottom: 0}
.paper_det p.value.v1 {font-weight: 500; font-size: 13px}
.paper_det p.value.v1  span{display: block;}
.paper_det p.value.v1  span em {float: right; font-style: normal;}

.sel_roles .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), .set-creation .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%!important}

#assigned-roles {display: none;}
span.highlight {background:#ddd; color: #333;min-width: 35px; height:30px;display: inline-block; font-size: 15px; font-weight: 600; text-align: center; line-height: 30px; margin-left: 10px;  }


/*question bank*/
.ques_sidebar {margin-top: 7px}
.ques_sidebar .head{padding: 0px 0 5px; font-size: 18px; font-weight: 600; color: #333; border-bottom: solid 1px #eee; margin-bottom: 25px}

.ques_sidebar .filter{margin-bottom: 20px}
.ques_sidebar .filter h5{ font-size: 15px; font-weight: 600; color: #333; margin-bottom: 15px}
.ques_sidebar .filter .options label{display: block; font-size: 14px}
.ques_sidebar .filter .options label input{float: left; margin-top: 3px; margin-right: 10px }

.Ques-top-opt {padding-top: 10px; margin-bottom: 10px}
.Ques-top-opt .sel_filters{display: inline-block;}
.Ques-top-opt .sel_filters a {background: #fff; padding: 3px 10px; border:solid 1px #ccc;  font-size: 13px; font-weight: 600}
.Ques-top-opt .sel_filters a i {margin-left: 5px; color: #000}
.total_ques{float: right;}
.table.one-col label{padding-top: 3px}
.table.one-col td {vertical-align: top}
.table.one-col p{font-size: 15px; font-weight: 600; color: #333 ;margin: 0}
.table.one-col .q_info ul{list-style: none;width: 100%; margin-left: -40px }
.table.one-col .q_info ul li{display: inline-block; float: left; font-size: 12px; font-weight: 600; width: 15%; color: #333}
.table.one-col .q_info ul li span{display: block; font-size: 11px; font-weight: 500; color: #666}
.table.one-col .q_info ul li.topic{width: 30%}
.table.one-col .q_info ul li.subj{width: 20%}
.table.one-col .q_info ul li:last-child{width:5%}
.tops_add_ques{  padding: 15px 15px 5px;  }
.opt_radio label{font-size: 16px; padding: 10px 0;}


/*create paper*/
.table tr  .time_limit {display: none;}

.accordion>.card .card-header {background: #eee; margin-bottom: 15px; padding: 1.2rem 1rem ;;position: relative;}
.accordion>.card .card-header .card-title {color: #333; display: block;}
.accordion>.card .card-header .card-title span {font-weight: 600; font-size: 14px
}
 
.accordion .add-ques-btn {display: block; width: 60%; margin: 15px auto 25px; padding: 15px; color: #333; border:solid 1px #ccc; text-align: center;}

.question_modal .modal-dialog{ width: 95%; max-width: 95%; left: 1% ; margin-top: 5px}
.question_modal .modal-content {padding:0px 15px}
.question_modal .modal-body{padding-top: 0}
.bootstrap-select > .dropdown-toggle {color: #333!important}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-size: 13px}

.question_modal .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%!important}
.question_modal .modal-header{font-size: 16px}
.question_modal .disabled {pointer-events: none!important; opacity: .5}
.ques_list {max-height: 400px;}
.question_modal  a.edit {font-size: 14px; background: #007dc6; color: #fff; font-weight: 500; padding: 2px 10px}
.question_modal  a.edit.added{opacity: .4; pointer-events: none;  }
.question_modal .table.one-col .q_info ul li {padding-bottom: 10px}
.question_modal .table.one-col .q_info ul li:last-child {width: 30%}
.ques_sidebar .head a{float: right; font-size: 12px;  background: #007dc6; color: #fff; font-weight: 500; padding: 2px 10px 3px }
.added-ques {display: none;}
.added-ques .ques_sidebar label  {font-weight: 500; color: #333; margin-bottom: 15px}
.added-ques .ques_sidebar label span {float: right; color: #007dc6; font-weight: 600}
.added-ques  .ques {padding: 15px 15px 5px}
.added-ques  .ques  h5 {font-weight: 500; margin-bottom: 15px; position: relative; padding-left: 40px; font-size: 15px}
.added-ques  .ques  h5 span {position: absolute; left: 0 }
.added-ques  .ques label {display: block; font-weight: 500; margin-bottom: 10px}
.added-ques  .ques .options {margin-left: 40px}
.added-ques  .ques  h5  a{color: red; font-size: 18px; margin-top: -3px}
#style-5::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

#style-5::-webkit-scrollbar-thumb
{
    background-color: #0ae;
    
    background-image: -webkit-gradient(linear, 0 0, 0 100%,
                       color-stop(.5, rgba(255, 255, 255, .2)),
                       color-stop(.5, transparent), to(transparent));
}


/*exam management*/
.table .addP{background: #3caaea; color: #fff; padding: 4px 10px; border-radius: 5px}
.table .addP.selected {background: #64cc24; pointer-events: none; opacity: .7 }
.table .delP{color:red; font-size: 20px; padding-top: 0px; margin-left: 15px; display: none }
.table .delR{color:red; font-size: 20px; padding-top: 0px;   }
.table .delP.show{display: inline-block;}
.schedule-exam input[type=text], .schedule-exam select{height: 30px; border:solid 1px #ccc; padding: 10px;width: 150px; outline: none;}
.schedule-exam select {line-height: 20px; padding: 0 5px}
.schedule-exam .select {font-weight: 600; font-size: 14px}
.table.assign-eva .btn {font-size: 12px; padding: 7px 10px}
.modal .modal-header h4{color: #fff; margin: 0}
.addEva.selected {background: #2fbb47; border-color: #2fbb47}
.schedule-exam .readonly {border:0!important; pointer-events: none;}
.schedule-exam .selected {color: #666; pointer-events: none;}
.schedule-exam .editt{pointer-events: all;}
.schedule-exam .editD{background: #666!important; border:#666!important; outline: none;}
.view_response tr td:last-child a{font-weight: 600; font-size: 14px}
.view_response tr.evaluated td:last-child a{color: #4f8800; pointer-events: none;}

.view_response tr.evaluated td:nth-child(4) span {font-weight: 700;  }
.view_response tr.absent td:last-child a{color: #999; pointer-events: none;}
.view_response tr td .btn {padding: 8px 10px; font-weight: 500;  font-size: 13px!important;}
.view_response tr.absent td span {color: red}
.top-options.paper {background: #eee; padding: 10px 10px 0}
.top-options.paper p {font-size: 15px; margin: 0 0  ; color: #000; line-height: 20px; padding: 0}
.que-ans {padding: 15px   ; margin-bottom: 7px; height: 68vh; overflow-y: auto; overflow-x: hidden; background: #fff}
.que-ans::-webkit-scrollbar {
    display: none;
}
.que-ans::-moz-scrollbar {
    display: none;
}
.que-ans::scrollbar {
    display: none;
}
.que-ans h4{font-weight: 500; font-size: 16px; color: #0051c0}
.que-ans .ques {margin-bottom: 25px}
.que-ans .ques ul{list-style: none; margin-left: -40px; margin-top: 10px}
.que-ans .ques ul li {display: inline-block;  width: 48%; font-weight: 600; color: #333}
.que-ans .ques ul li label{pointer-events: none;}
.que-ans .ques ul li label input {border:solid 2px #333; margin-right: 5px;} 
.que-ans .marks {text-align: right; color: #333}
.que-ans .marks input {width: 50px; font-weight: 600; border:solid 1px #333; outline: none; text-align: center;}
.que-ans .res{color: #000;  margin-bottom: 5px}
.que-ans .res strong {color: green; margin-left: 5px}
.que-ans .res.wrong strong {color: red}
.switch input { 
    display:none;
}
.switch {
    display:inline-block;
    width:45px;
    height:16px;
    transform:translateY(50%);
    position:relative;
     margin-top: -15px;
}
/* Style Wired */
.slider {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:20px;
    box-shadow:0 0 0 2px #777, 0 0 4px #777;
    cursor:pointer;
    border:4px solid transparent;
    overflow:hidden;
     transition:.4s;
}
.slider:before {
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background:#777;
    border-radius:30px;
    transform:translateX(-30px);
    transition:.4s;
}

input:checked + .slider:before {
    transform:translateX(30px);
    background:limeGreen;
}
input:checked + .slider {
    box-shadow:0 0 0 2px limeGreen,0 0 2px limeGreen;
}

.class-t {font-size: 16px; color: #333; font-weight: 600}
.class-t input{width: 18px; height: 18px; float: left; margin-right: 5px ;margin-top: 2px}
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0}
#class-teacher {display: none;}
.right-ans label, .right-ans p.value {color: green}
.auth-radio  label {margin-bottom: 15px}
.auth-radio input{width: 17px; height: 17px; float: left; margin-right: 5px}
.auth-radio span {font-size: 14px}
table tr td.list span{display: block;}
table tr td.list span:before{content: "-"; margin-right: 5px}
.data-table tr td.opt input{float: left; width: 15px; height: 15px; margin-right: 5px; margin-top: 1px}
.data-table tr td.opt label {margin-right: 10px}
.data-table tr td.opt {font-size: 13px}
.ques-radios, .ques-radios label {font-size: 16px}
.ques-radios label input{width: 15px; height: 15px; float: left; margin-right: 5px;   margin-top: 3px}
.text-success {
    color: #49b83b!important;
}
.ques-radios label input[type="radio" i]:disabled {opacity: 1}
.questionss {border-bottom: solid 1px #eee; padding-bottom: 25px; margin-bottom: 15px}
.questionss h4{border:0;}
.form-control.control {float: right; display: inline-block; width: 120px; margin-top: -10px; margin-left: 15px}
.ans_modal .image {overflow: hidden; overflow-y: auto; height: 88vh;}
.ans_modal .image img{width: 100%}
.ans_modal .pdff {  height: 88vh; width: 100%}

/*report card*/
.remarks {padding-top: 10px; text-align: right;}
.remarks span {position: relative; font-weight: 600; padding: 0 10px; padding-left: 15px }
.remarks span:before {content: ""; width: 10px; height: 10px; background: #ccc; position: absolute; display: block; left: 0; top: 3px}
.remarks span.done {color: #42ab42}
.remarks span.done:before {background: #42ab42}
.remarks span.process {color: #e64141}
.remarks span.process:before {background: #e64141}
.remarks span.evaluated {color: #4da6da}
.remarks span.evaluated:before {background: #4da6da}
.report-card .box{height: 150px; background: #ccc; margin: 15px; text-align: center; padding: 50px 0; font-weight: 600; font-size: 24px; color: #fff; position: relative;box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.33);-webkit-box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.33);-moz-box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.33); border-radius: 5px; overflow: hidden;}
.report-card .box .overlay {position: absolute; width: 100%; height: 100%; top: 100%; left: 0;z-index: 10; background: #fff; border:solid 1px #42ab42; border-radius: 5px; text-align: center;color: #333; font-size: 16px; padding: 40px 0; -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; opacity: 0}
.report-card .box .overlay a { font-size: 14px; padding: 5px 10px; border:solid 1px #333; border-radius: 5px; display: inline-block;margin-top: 15px}
.report-card .box:hover .overlay {top: 0; opacity: .9}
.report-card .box.done .overlay a {color: #42ab42; border-color:#42ab42 }
 
.report-card .box.done {background: #42ab42}
.report-card .box.process {background: #e64141;}
.report-card .box.process .overlay {padding: 25px 0; border-color:#e64141 }
.report-card .box.process .overlay h4{font-size: 24px}
.report-card .box.process .overlay a {color: #e64141; border-color:#e64141}
.report-card .box.evaluated {background: #4da6da}
.report-card .box.evaluated .overlay {  border-color:#4da6da }
.rep_info {font-weight: 600; color: #333; font-size: 20px; text-align: right;padding-top: 10px}
.rep_info span {margin-left: 25px; }
.report-card table tfoot tr td {background:#c8f1ff; font-weight: 600; color: #333; font-size: 16px }

.report-area {margin-top: -30px}
.report-area h1{font-weight: 700}
.report-area .stu_pic {max-width: 110px; float: right;}
.report-area .stu_info {padding: 10px 0 0; font-size: 16px;color:  #333}

.report-area table tr th, .report-area table tr   td {text-align: center; font-weight: 600!important}
.report-area table tr th:nth-child(1), .report-area table tr   td:nth-child(1) {text-align: left; padding-left: 50px}
.report-area .res {text-align: center; font-size: 14px; color: #333; font-weight: 600; margin-bottom: 40px}
.report-area .res span {display: block; width: 80px; height:80px; border-radius: 80px; border:solid 1px #4da6da; margin: 25px auto 5px; line-height: 78px;  font-size: 30px; color: #4da6da; font-weight: 600;}

.report-area .table-all  tr   td:nth-child(2),  .report-area .table-all  tr   td:nth-child(3),  .report-area .table-all  tr   td:nth-child(4) {color:#4da6da}

.report-area .table-all  tr   td:nth-child(5),  .report-area .table-all  tr   td:nth-child(6),  .report-area .table-all  tr   td:nth-child(7) {color:#42ab42}
.report-area .table-all  tr   td:nth-child(8),  .report-area .table-all  tr   td:nth-child(9) {color:#e64141; font-weight: 700}
.report-area .table-all tr th:nth-child(1), .report-area table tr   td:nth-child(1) {  padding-left: 10px}
.report-area .table-all tr th {font-size: 13px}

.table tr td.sel_time select{width: 70px}
.time-table-1 { border-radius: 10px 10px 0 0  }
.time-table-1  > tbody > tr {background: #fff!important}
.time-table-1  > thead > tr > th  {padding: 25px 15px ; text-align: center; border:0!important;}
.time-table-1  > tbody > tr > td {font-size: 12px; color: #444; text-align: center; padding:20px 10px }
.time-table-1  > tbody > tr > td:nth-child(1)  {border:0!important; font-weight: 600; border-right:solid 1px #eee!important;}
.time-table-1  tr > td span {background: #FFE1E1; padding: 2px 10px; border-radius: 5px; margin-top: 5px}
.time-table-1  tr:nth-child(2) > td span {background: #E1F8FE}
.time-table-1  tr:nth-child(3) > td span {background: #FFF5E1}
.time-table-1  tr:nth-child(4) > td span{background: #FEE1F3}
.time-table-1  tr:nth-child(5) > td span{background: #D6F8C3}
.time-table-1  > tbody > tr > td i {font-style: normal;display: block; margin-top: 5px; font-weight: 600}
.time-table-1  > tbody > tr > td {border-top:0;}

.t-table .form-control {height: 30px; padding: 5px; margin-top: 5px}

.t-table  > tbody > tr > td {border-top:0;}
.t-table { border-radius: 10px 10px 0 0  }
.t-table  > tbody > tr {background: #fff!important}
.t-table  > thead > tr > th  {padding: 25px 15px ; text-align: center; border:0!important;}
.t-table  > tbody > tr > td {font-size: 12px; color: #444;   padding:20px 10px }
.t-table  > tbody > tr > td:nth-child(1)  {border:0!important; font-weight: 600; border-right:solid 1px #eee!important;}
.t-table  > tbody > tr > td .select2-container--default .select2-selection--single {height: 35px!important;
    padding: 3px 5px}
    .t-table  > tbody > tr > td .sep {margin-top: 5px}

.demo-radio-button label input{float: left; margin-top: 2px}
.demo-radio-button label  span {padding-left: 5px;  }

.fc .fc-daygrid-day-top {justify-content: center; flex-direction: inherit;}
.fc-daygrid-event {width: 30px; height: 30px; border-radius: 35px!important; font-size: 17px!important;  margin: 0 auto!important; text-align: center; line-height: 26px; border:0!important;  }
.stu-details .value {font-size: 17px; color: #333; font-weight: 600}
.ovr-all {
    border-radius: 10px; color: #fff
}
.ovr-all span {
    margin-top: -5px; font-weight: 700; font-size: 18px
}
.all-days {
    background: #E1ECFE;
    text-align: center;
}
.dd {
    font-weight: 700;
    font-size: 18px;
    padding: 20px 10px;
    border-radius: 5px;
    text-align: center; color: #333
}
.pre-days {
    background: #D9FCC6;
}
.abs-days {
    background: #FFE1E1;
}
.dd span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}
.holidays {
    border: solid 1px #ddd;
    padding: 10px 5px 0;
    border-radius: 10px;
}
.holidays .hld {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px; color: #333
}
.holidays .hld span {
    color: #999; font-size: 11px; font-weight: 500
}
.holidays .hld:before {
    content: "";
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 10px;
    position: absolute;
    left: 10px;
    top: 8px;
}
.edit-atten .date {font-weight: 700; color: #333; font-size: 18px;}
.edit-atten .date.h{color: red}
.learning-m tr td:nth-child(1) {width:200px }
.learning-m tr td:nth-child(2) {width:250px }
.learning-m .l-body label{position: relative; padding-left: 10px;}
.learning-m .l-body label:before {content: ""; width: 6px; height: 6px; border-radius: 10px; background: #999; position: absolute; left: 0; top: 5px}
 

@media(min-height: 1600px){
   .ans_modal .pdff {  height: 90vh;}
}
@media(min-height: 900px){
    .que-ans {  height: 78vh;}
}