thead input {
  width: 100%;
  padding: 3px;
  box-sizing: border-box;
}

.select2-selection__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    height: 38px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}


.tbl-dropdown-button .dropdown-menu {
  position: fixed !important;
}

ul.ui-autocomplete {
  z-index: 1100;
}

.form-group > label{
  color: #484f56;
  font-size: 10pt;
  font-style: italic;
}

table.dataTable td,
.dataTables_filter input{
  font-size: 9.5pt;
}

table.dataTable th{
  font-size: 9pt;
}

.zandgar__wizard {
  display: block;
  height: 100%;
  position: relative;
}

.zandgar__wizard .zandgar__step {
  display: none;
}
.zandgar__wizard .zandgar__step.zandgar__step__active {
  display: block;
}

.app-sidebar.sidebar-text-dark-white-to-green {
  border-right: 0 !important; }
.app-sidebar.sidebar-text-dark-white-to-green .app-sidebar__heading {
  color: rgba(0, 0, 0, 0.6); }
.app-sidebar.sidebar-text-dark-white-to-green .app-sidebar__heading::before {
  background: rgba(0, 0, 0, 0.5) !important; }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu li a {
  color: rgba(0, 0, 0, 0.6); }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu li a i.metismenu-icon {
  opacity: .5; }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu li a i.metismenu-state-icon {
  opacity: .5; }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu li a:hover {
  background: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.7); }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu li a:hover i.metismenu-icon {
  opacity: .7; }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu li a:hover i.metismenu-state-icon {
  opacity: 1; }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu li a.mm-active {
  color: rgba(0, 0, 0, 0.7);
  background: linear-gradient(120deg, #fafbfc 0%, #bbf6af 100%) !important;}
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu ul:before {
  background: linear-gradient(120deg, #fafbfc 0%, #bbf6af 100%) !important;}
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu ul > li > a {
  color: rgba(0, 0, 0, 0.4); }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu ul > li > a:hover {
  color: rgba(0, 0, 0, 0.7); }
.app-sidebar.sidebar-text-dark-white-to-green .vertical-nav-menu ul > li > a.mm-active {
  color: rgba(0, 0, 0, 0.7);
  background: linear-gradient(120deg, #fafbfc 0%, #bbf6af 100%) !important; }
.app-sidebar.sidebar-text-dark-white-to-green .ps__thumb-y {
  background: linear-gradient(120deg, #fafbfc 0%, #bbf6af 100%) !important;}
.app-sidebar.sidebar-text-dark-white-to-green .ps__rail-y:hover .ps__thumb-y {
  background: linear-gradient(120deg, #fafbfc 0%, #bbf6af 100%) !important; }
.app-sidebar.sidebar-text-dark-white-to-green .app-header__logo .hamburger-inner,
.app-sidebar.sidebar-text-dark-white-to-green .app-header__logo .hamburger-inner::before,
.app-sidebar.sidebar-text-dark-white-to-green .app-header__logo .hamburger-inner::after {
  background-color: linear-gradient(120deg, #fafbfc 0%, #bbf6af 100%) !important; }

.bg-white-to-light-green {
  background-image: linear-gradient(120deg, #fafbfc 0%, #bbf6af 100%) !important; }

.img-cover-500{
  width: 100%;
  height: 500px;
  object-fit:cover;
}

.text-white-shadow{
  color: #ffffff;
  text-shadow: 1px 4px 5px rgba(0,0,0,0.93);
}

.crop-text-1 {
  -webkit-line-clamp: 1;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-justify: inter-word;
}

.crop-text-2 {
  -webkit-line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-justify: inter-word;
}

.crop-text-3 {
  -webkit-line-clamp: 3;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-justify: inter-word;
}

section.new-page {
  padding-top: 158px;
  overflow: hidden;
  position: relative;
}
section.new-page .new-page-body {
  margin-top: 56px;
  margin-bottom: 56px;
  border-radius: 55px;
  overflow: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.lpagignate {
  user-select: none;
  display: flex;
  margin:15px;
    
  a {
    text-decoration: none;
  }
}

.paginationls {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style:none;
  text-decoration:none;

  li {
    width: 24px;
    margin: 0 1px;
    list-style:none;
    text-decoration:none;

    a.page {
      height: 24px;
      width: 24px;
      display: block;
      border: none;
      line-height: 24px;
      padding: 0;
      text-align: center;
      border-radius: 50%;
      font-weight: 700;
      color: #3498DB;
      background-color: transparent;
      list-style:none;
      text-decoration:none;

      &:hover {
        background-color: #3498DB;
        color: #fff;
      }
    }

    &.active {
      a.page {
        background-color: #3498DB;
        color: #fff;
      }
    }

    &.disabled {
      a.page {
        &:hover {
          color: #3498DB;
          background-color: transparent;
        }
      }
    }
  }
}

.paginationls li a{
    text-decoration : none;
    list-style : none;
    color : #555555;
}

.paginationls li {
    background-color:#ffffff;
    border : 1px solid #eaeaea;
    padding:5px 10px;
    margin-left:3px;
    border-radius:5px;
}

.paginationls li :active{
    background-color : green;
}

.jPaginateLast{
    margin-left:3px;
}

.jPaginateLast, .jPaginateFirst {
  color: green;
  background-color:#ffffff;
  border:1px solid #eaeaea;
  padding:5px 10px;
  border-radius:5px;

  &:hover {
    color: lighten(#3498DB, 20%);
  }

  &.disabled {
    color: #D8D8D8;
    cursor: default;

    &:hover {
      color: #D8D8D8;
    }
  }
}

.header-running-text{
    background-color:#174625;
    padding:5px;
    height:38px;
}

.tag-runningtext{
    background-color:#ffcc16;
    color:#ffffff;
    width:40px;
    padding:5px;
    font-size:9pt;
    border-radius:5px;
    float:left;
    margin-right:10px;
}

.div-marquee{
    margin-left: 50px;
    color:#ffffff;
    font-size: 11pt;
}

.split-marquee{
    padding: 0 8.3px;
    background-color:#ffcc16;
    border-radius:20px;
    margin: 0 20px;
}