/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.bg-amity-blue{
  background-color: #002b49 !important;
}
.bg-amity-yellow{
  background-color: #ffc600 !important;
}
.amity-blue-text {
  color: #002b49 !important;
  transition: 0.5s !important;
}
.wrs_editor .wrs_tickContainer{
display: none;
}

.amity-blue-button {
  background-color: #464f77 !important;
  border-color: #464f77 !important;
  color: #fff;
}
.amity-yellow-button {
  background-color: #ffc600 !important;
  border-color: #ffc600 !important;
  color: #002b49;
  height: 36px;
}

.amity-pastel-blue-button {
  background-color: #A7C7E7 !important;
  border-color: #A7C7E7 !important;
  color: #fff;
}

.amity-blue-button:hover{
  color: #ffc600;
}



.amity-yellow-text {
  color: #ffc600 !important;
  transition: 0.5s !important;
}

.amity-yellow-text:hover {
  color: #002b49 !important;
  transition: 0.5s !important;
}

.amity-blue-bg {
  background: #002b49;
  color: #ffffff;
  transition: 0.5s;
}

.amity-blue-bg:hover {
  background: rgba(0, 43, 73, 0.6);
  color: #5a5f63;
  cursor: pointer;
}

.amity-blue-bg:hover > h4 {
  color: #ffc600 !important;
}

.amity-blue-bg-pills {
  background: #002b49;
  color: #ffffff;
  transition: 0.5s;
}

.amity-blue-bg-pills:hover {
  background: #ffc600;
  color: #002b49;
  transition: 0.5s;
  cursor: auto !important;
}

.amity-yellow-bg-pills {
  background: #ffc600;
  color: #002b49;
  transition: 0.5s;
}

.amity-yellow-bg-pills:hover {
  background: #002b49;
  color: #ffc600;
  transition: 0.5s;
  cursor: auto !important;
}

.module-title {
  color: #002b49 !important;
  font-weight: 500 !important;
}

.padding-34{
  padding-left: 34px !important;
}

.active-text-color{
  color: #ffc600 !important;
}

.card-header {
  padding: 1.4rem 1.7rem 0.7rem 1.7rem;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0px solid #dfe3e7;
}
.form_error{
  color:red;
}

.card-title {
  color: #002b49 !important;
}

.content-body a {
  /* color: #002b49 !important; */
  text-decoration: none;
  background-color: transparent;
}

.content-body a:hover {
  color: #a7a8a9 !important;
  text-decoration: none;
}

.dashboard-block h4 {
  color: #ffffff;
  font-size: 17px;
}

.dashboard-block:hover > i {
  color: #002b49 !important;
}

.main-menu .main-menu-content {
  background: #002b49;
}

.main-menu.menu-light .navigation {
  background: #002b49 !important;
}

.main-menu .navbar-header {
  background: #ffc600;
}

.header-navbar .navbar-wrapper {
  background: #ffffff;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #39DA8A;
}
.notification_list_div{
  max-height: 60vh;
  overflow-y: scroll;
}
.notification_list_div::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.notification_list_div::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

.notification_list_div::-webkit-scrollbar-thumb
{
	background-color: #193d7f;
}
.table-responsive::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar
{
	height: 3px;
	background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar-thumb
{
	background-color: #193d7f;
}


.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.267rem 0.867rem;
  margin-top: 0.1rem;
  font-size: 0.8rem;
  line-height: 1.4;
  color: #324356;
  background-color: rgba(57, 218, 138, 0.2);
  border-radius: 0.267rem;
}

.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #39DA8A;
  padding-right: calc(1.4em + 1.269rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2339DA8A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.35em + 0.235rem) center;
  background-size: calc(0.7em + 0.47rem) calc(0.7em + 0.47rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #39DA8A;
  box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.4em + 1.269rem);
  background-position: top calc(0.35em + 0.235rem) right calc(0.35em + 0.235rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #39DA8A;
  padding-right: calc(0.75em + 2.505rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23394C62' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.8rem center/8px 10px no-repeat, #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2339DA8A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.8rem/calc(0.7em + 0.47rem) calc(0.7em + 0.47rem) no-repeat;
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #39DA8A;
  box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #39DA8A;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #39DA8A;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #39DA8A;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #64e2a3;
  background-color: #64e2a3;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #39DA8A;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #39DA8A;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #39DA8A;
  box-shadow: 0 0 0 0.2rem rgba(57, 218, 138, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #FF5B5C;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.267rem 0.867rem;
  margin-top: 0.1rem;
  font-size: 0.8rem;
  line-height: 1.4;
  color: #FFFFFF;
  background-color: rgba(255, 91, 92, 0.2);
  border-radius: 0.267rem;
}

.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #FF5B5C;
  padding-right: calc(1.4em + 1.269rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF5B5C' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF5B5C' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.35em + 0.235rem) center;
  background-size: calc(0.7em + 0.47rem) calc(0.7em + 0.47rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #FF5B5C;
  box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.4em + 1.269rem);
  background-position: top calc(0.35em + 0.235rem) right calc(0.35em + 0.235rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #FF5B5C;
  padding-right: calc(0.75em + 2.505rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23394C62' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.8rem center/8px 10px no-repeat, #FFFFFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23FF5B5C' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF5B5C' stroke='none'/%3e%3c/svg%3e") center right 1.8rem/calc(0.7em + 0.47rem) calc(0.7em + 0.47rem) no-repeat;
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #FF5B5C;
  box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #FF5B5C;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #FF5B5C;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #FF5B5C;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #ff8e8f;
  background-color: #ff8e8f;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FF5B5C;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #FF5B5C;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #FF5B5C;
  box-shadow: 0 0 0 0.2rem rgba(255, 91, 92, 0.25);
}

#basic-datatable {
  clear: both !important;
  margin: 30px 10px 10px 10px !important;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 25px 0px 0px 0px;
}

.Checkbox {
  width: 20px;
  height: 20px;
  position: relative;
}

.Checkbox > * {
  position: absolute;
}

.Checkbox-visible {
  border: 1px solid gray;
  width: 16px;
  height: 16px;
  margin: 2px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 3px;
}

.Checkbox > input {
  z-index: 1;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translatex(-50%) translatey(-50%);
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.Checkbox > input:checked + .Checkbox-visible {
  background: #59cb59;
  border-color: #59cb59;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTQnIGhlaWdodD0nMTQnIHZpZXdCb3g9JzAgMCAxNCAxNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48dGl0bGU+d2hpdGU8L3RpdGxlPjxwYXRoIGQ9J001LjM3OCAxMS4zN0wyIDcuNTlsMS40MzgtMS4yODZMNS4zNzQgOC40N2w1LjE4NS01Ljg0TDEyIDMuOTFsLTYuNjIyIDcuNDYnIGZpbGw9JyNmZmYnLz48L3N2Zz4=);
}

.Checkbox > input:hover + .Checkbox-visible {
  border-color: #cccccc;
}

.Checkbox > input:hover:checked + .Checkbox-visible {
  border-color: #0ca750;
}

.Checkbox > input:focus + .Checkbox-visible {
  border-color: #59cb59;
}

.image-login {
  max-width: 350px;
}

html .navbar-sticky .app-content .content-wrapper {
  margin-top: 2.8rem !important;
}

.text-white {
  color: #ffffff !important;
}

.feedback-list {
  padding: 11px 0px 0px 0px;
}

.new_card:hover{
  transform: scale(1.05);
}
.new_card .new_card_title {
  background: #002b49;
  color: white;
  padding: .8rem 1rem .8rem 1rem !important;
 
}   
.new_card .new_card_title label {                
  font-size: 14px;
  color: white;
  max-width: calc(100% - 50px);
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; 
  display: inline-block;
}    
.new_card .card_code {
  font-size: 14px;
  float: left;
}
.new_card .card_credits {
  font-size: 14px;
  color: #ff5b5c;
  /* float: right; */
  display: inline-block;
  vertical-align: middle;
}
.new_card .card-footer {
  margin-bottom: 0rem;
}
.new_card .new_card_body {
  position:relative;
  padding: 1rem 1rem 0 1rem !important;
  min-height: 85px;
}
.new_card .progressbar {
  width: 100%;
  height: 6px;
  background: repeating-linear-gradient(45deg,#606dbc,#606dbc 10px,#465298 10px,#465298 20px);
}
.new_card .progressbar__value {
  background-color: #ffc600;
  height: 100%;
  width:0%;
}
.new_card .progressbar__label {
  float:right;
  font-size: 12px;
  font-weight: bold;
  transform: translateY(-2px);
  color: #feca16;
}
.new_card .card_view_more {
  float: left;
  font-size: 14px;
}
.new_card .card_go {
  float: right;
  font-size: 14px;
}
.new_card .card_go::after {
  content: '\e9b7';
  font-family: boxicons!important;
  vertical-align: middle;
}

a.white-hover:hover {
    color: #feca16 !important;
    text-decoration: none;
}

a.btn-theme {
  background: #002b49;
  color: white;
}

.new_card_title_lbl {
  margin-bottom: 0px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

.new_card .card_pager {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-1px);
  color: #5A8DEE;
  cursor: pointer;
}
.new-breadcrumb {
  background: #c5c5c5;
  padding: 10px;
}

/*-- topic accordion---*/
.topic_accordion {
  color: white;
overflow: hidden scroll;
max-height: calc(100vh - 50px);
}
.topic_nav {
list-style: none;
color: white;
padding-left: 1.5rem;
padding-top: .5rem;
}  
.topic_item {
padding: .5rem;
}  
.topic_item a {
color: rgba(255, 255, 255, 0.75);
}
.topic_item a.active {
color: #feca16;
}
.topic_item a:hover {
color: rgba(255, 255, 255, 1) !important;
}
.topic_item a:not([href]) {
  color: rgba(255, 255, 255, 0.5);
}
.topic_accordion .card .card-header i {
margin-right: .2rem;
}
.topic_accordion button {
width: 100%;
text-align: left;
}
.topic_accordion .collapse {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.topic_accordion button:not(.collapsed) {
color: #feca16 !important;
}
.topic_accordion button.collapsed::after{
content: '\e9b2';
font-family: boxicons!important;
position: absolute;
right:10px;
}
.topic_accordion button::after {
content: '\e9ac';
font-family: boxicons!important;
position: absolute;
right:10px;
}
.topic_accordion button:disabled {
cursor: no-drop;
}
.topic_accordion button:disabled span {
pointer-events: none;
cursor: no-drop;
}

.topic_accordion::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}

.topic_accordion::-webkit-scrollbar-corner {
  background: rgba(255, 255, 255, 0.3);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image: initial;
}

.topic_accordion::-webkit-scrollbar-thumb {
z-index: 9999;
background-clip: content-box;
width: 5px !important;
background-color: rgba(0, 0, 0, 0.4) !important;
border-width: 2px;
border-style: solid;
border-color: transparent;
border-image: initial;
border-radius: 12px;
margin: 1px !important;
}

.topic_accordion::-webkit-scrollbar-track-piece {
width: 6px !important;
height: 5px !important;
margin: 1px;
padding: 0px;
background: rgba(255, 255, 255, 0.3);
}

.badge_week {
padding: 0.34rem .5rem;
}
.video_frame {
width:100%;
min-height: calc(100vh - 235px);
outline:none;
border:none
}
.card-pagination {
display: grid;
grid-template-columns: 10% 80% 10%;
grid-gap: 0px;
}
.card-pagination a.prev::before {
content:'\e9b6';
font-family: boxicons!important;
font-size: 24px;
display: inline-block;
vertical-align: middle;
transform: translateY(-2px)
}
.card-pagination a.next::after {
content:'\e9b7';
font-family: boxicons!important;
font-size: 24px;
display: inline-block;
vertical-align: middle;
transform: translateY(-2px)
}
.card-pagination .completed input {
display: none;
}
.card-pagination .completed label::before {
content:'\e9a4';
font-family: boxicons!important;
font-size: 24px;
display: inline-block;
vertical-align: middle;
transform: translateY(-2px);
color:green;
font-weight: 700;
}
.card-pagination label{
font-size: 16px;
}
.topic_nav li span {
  font-size: 11.5px;
  font-weight: bold;
}

.pdf_frame {
  width:100%;
  height: calc(100vh);
  outline:none;
  border:none
}
.ImageSlider{
  /* position: relative; */
}
.ImageSlider .mySlides {
  display: none;
}

.ImageSlider .cursor {
cursor: pointer;
}

.ImageSlider .prev,
.ImageSlider .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius:3px;
  background-color: #002b49;
  user-select: none;
  -webkit-user-select: none;
  /* transform:translate(-50%, -50%);  */
}

.ImageSlider .next {
  right: 0;
  margin-right: -28px;
}

.ImageSlider .prev {
  left: 0;
  margin-left: -28px;
}

.ImageSlider .prev:hover,
.ImageSlider .next:hover {
  background-color: #ffc600;
  color: #002b49;
}

.ImageSlider .numbertext {
  color: #002b49;
  background: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  font-weight: 700;
  padding: 8px 12px;
  position: absolute;
  top: 28px;
  right: 28px; 
}

.ImageSlider .caption-container {
  text-align: center;
  /* background-color: #222; */
  padding: 2px 16px;
  /* color: white; */
}

.ImageSlider .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.ImageSlider .column {
  float: left;
  width: 16.66%;
}

.ImageSlider img {
  height: 100%;
  max-height: 500px;
  margin-top: 10px;
}

.container-items {
  padding-left: 5rem;
  padding-right: 5rem;;
}

.icon-align {
  transform: translateY(3px);
}

.amity-yellow-bg {
  background: #feca16;
}

.no-hover-transform:hover {
  transform: none;
}

.card-overlay {
  background:#09204947;
  height:100%;
  width:100%;
  position: absolute;
  bottom:0;
  border-radius: 0.267rem;
}
.disbale_overlay {

  overflow: visible;
  pointer-events: none;
  background:#09204947 !important;
}

.inbox_tr:focus,.inbox_tr:active,.inbox_tr:target {
  background: aliceblue !important;
}

.user-nav {
  line-height: 25px;
}

.mh-0 {
  min-height: 0 !important;
}

@media only screen and (max-width: 768px) {
  .login-form{
    margin-left: 0px !important;
  }
  .card-pagination {
    display: block;
  }
  .card-pagination a {
    display: block;
    margin: 5px;
  }
  .video_frame {
    width:100%;
    min-height: 0;
    height: 250px;
    outline:none;
    border:none
  }

  .pdf_frame {
    height: calc(100vh - 245px)
  }

  .ImageSlider img {
      max-height: 300px;
  }

  .container-items {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 600px){
  .mark-all{
    margin-bottom: 10px;
  }
  .view-all{
    margin-bottom: 10px;
  }
  .inbox-header{
    padding: 10px !important;
  }
  .inbox-time{
    margin-left: 3px;
    margin-bottom: 8px;
  }
  .assessment-main-details h4{
    font-size: 15px;
  }
  .assessment-main-details h5{
    font-size: 14px;
  }
  .assessment_table thead tr th{
    font-size: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .discussion_forum .media-body{
    padding-left:20px;
  }
  .program_structure_tbody{
    overflow-x: visible;
  }
  .announcement_modal{
    max-width: 90% !important;
  }
  .discussion_model{
    max-width: 90% !important;
  }

  
 
}




/*-- end topic accordion---*/