/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/
.anim-logo img{
  width: 300px;
}
.logo-index img{
  width: 300px;
}
.anim-logo{
  animation: updown 2s ease infinite;
  padding: 50px;
}

@keyframes updown{
  0% {
    
    transform: translateY(-20px);
    
  }
  50%{
    transform: translateY(20px);
  }
  100% {
    
    transform: translateY(-20px);
    
  }

}

.page-logo img{
    width: 200px;
    padding-top: 5px;
}
thead{
  background-color: black;
  color: white;
  position: sticky;
  top: 0px;
}

@media (max-width: 480px) {
  .anim-logo{
    padding: 20px;
    animation: none;
}
.anim-logo img{
  width: 200px;
}
.logo-index img{
  width: 200px;
}
}