.btn {
    padding: 16px 25px !important;
  font-size: 12px !important;
    display: inline-block !important;
    color: #fff !important;
  border-color: #3454d1 !important;
  background-color: #3454d1 !important;
}


.fieldset-wrapper {
    background: #f9f9fd;
    padding: 1rem !important;
    border-radius: var(--bs-border-radius-lg) !important;
    border: 1px var(--bs-border-style) var(--bs-border-color) !important;
    margin-bottom: 1rem !important;
}


button#edit-submit-all-cases {
    margin-top: -70px;
}

.logo.logo-lg, .logo.logo-sm  {
    height: 20px;
  }

.js-form-item {
    margin-right: 10px;
}

.form-select {
    font-size: .845rem !important;
}
.js-form-item label {
    color: #283c50;
    font-size: 13px;
    font-weight: 700;
}

.tabledrag-toggle-weight-wrapper {
    display: none;
}

h1.title {
    font-size: 16px;
    margin-top: 5px;
}

.site-footer {
    padding: 0 !important;
}


/* notice board open */

.notice-section {
  margin: 100px 0;
}

.notice-title h2 {
  margin-bottom: 60px;
  font-size: 36px;
  font-weight: 700;
}

.notice-board {
  /* border: 1px solid #ddd; */
  border-radius: 8px;
  padding: 20px;
  /* background: #f9f9f9; */
  height: 300px;
  overflow: hidden;
  position: relative;
}

.notice-wrapper {
  display: flex;
  flex-direction: column;
  position: absolute;
  animation: scrollUp 10s linear infinite;
}

.notice-item {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  /* background: #fff; */
  transition: background 0.3s ease-in-out;
}

.notice-item:last-child {
  border-bottom: none;
}

.notice-item:hover {
  background: #e9ecef;
}

.notice-date {
  font-weight: bold;
  /* color: #ff6600; */
  font-weight: 400;
}

.notice-title {
  font-size: 18px;
  font-weight: 400;
  width: 100%;
  color: #000;
}

.notice-link {
  color: #000;
  text-decoration: none;
  font-size: 16px;
}

.notice-link:hover {
  text-decoration: underline;
}

/* Seamless Scrolling */
@keyframes scrollUp {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-50%);
  }
}

.tv-display{
  margin: 24px;
  background-color: #fff;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: all .3s ease;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    height: calc(100vh - 180px);
}

.tv-display h3{
  padding: 5px 10px;
  border-bottom: 3px solid #0269a8;
  background: #0678bf;
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
  border-radius: 5px;
  color: #fff;
}

.d-header-box{
  padding: 20px 60px;
  text-align: center;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    background: url(/assets/images/bg-shapes.svg) #08447a no-repeat center center;
    background-size: cover;
    color: white;
}

.d-header-box h1, .d-header-box h3{
    color: white;
}

/* .tv-daily-display{
  overflow: scroll;
} */

.tv-display-box1{
  text-align: left !important;
  border-bottom: 1px solid #e9ecef;
  padding: 10px 0;
  color: #333;
  font-weight: bold;
}

.tv-display-box2{
  padding: 10px 30px;
  /* border-bottom: 1px solid #e9ecef; */
  background: #fd945f;
  margin-bottom: 5px !important;
  color: #fff !important;
  border-left: 10px solid #ff7b3a;
  margin: 0 20px;
    /* margin-bottom: 0px; */
  border-radius: 5px;
}

.tv-display-box2 h6{
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
}

.tv-daily-live{

  padding: 30px 50px;
  border-right: 1px solid #e5e7eb;
  font-weight: bold;

}

.tv-daily-live h3{
  margin: 0 20px 5px !important;
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.tv-daily-display{
  padding: 30px 20px !important
}

.oc-bg-green {
  background: #7dbc49;
  margin-bottom: 20px !important;
  color: #fff !important;
  border-left: 10px solid #357d01;
  margin: 0 20px;
  border-radius: 5px;
}

.oc-bg-green h6{
  color: #fff !important;
}


.view-daily-board-display-quick, .view-daily-board-display{
  margin: 20px 0 30px;
}

.view-daily-board-display-quick marquee {
  height: 84px;
  /* background: #ddd; */

}

.view-daily-board-display marquee {
  height: calc(100vh - 450px);
  /* background: #ddd; */
}