/**
* @package		Custom Cascading Style Sheet
* @author		Hadi Sukirno <dev@hadisukirno.com>
* @link			https://hadisukirno.com
* @copyright	Copyright (c) 2021, Hadi Sukirno
*/

/* hidden logo fancygrid */
.fancy-grid-body > div > a {
  display: none;
}
.fancy.fancy-button.fancy-bar-button {
  border-color: #d4d4d4 #d4d4d4 #bcbcbc !important;
}
.nav-small-cap {
  font-size: 15px;
  text-align: center;
  background: #edf1f5;
}
.logo > img {
  width: 45px;
  /*padding-top: 13px;*/
  padding-left: 10px;
}
.logo > .hidden-xs > img {
  padding-top: 13px;
  width: 185px;
  margin-left: -10px;
}
.logo-text {
  display: contents;
}
.top-left-part {
  padding-top: 15px;
}
.action-column-down-render {
  cursor: pointer;
  padding: 5px !important;
  position: relative;
  top: -5px;
  border-radius: 2px;
  background-color: #f96262;
  color: #fff;
  margin-right: 5px !important;
  float: left;
  width: 20px;
  text-align: center;
}
.action-column-down-render:hover {
  background-color: #f9626275;
}
.action-column-up-render {
  cursor: pointer;
  padding: 5px !important;
  position: relative;
  top: -5px;
  border-radius: 2px;
  background-color: #00c292;
  color: #fff;
  margin-right: 5px !important;
  float: left;
  width: 20px;
  text-align: center;
}
.action-column-up-render:hover {
  background-color: #00c29275;
}
.action-column-detail {
  cursor: pointer;
  padding: 5px !important;
  position: relative;
  top: -5px;
  border-radius: 2px;
  background-color: #00d458;
  color: #fff;
  margin-right: 5px !important;
}
.action-column-detail:hover {
  background-color: #00d45875;
}
.action-column-edit {
  cursor: pointer;
  padding: 5px !important;
  position: relative;
  top: -5px;
  border-radius: 2px;
  background-color: #03a9f3;
  color: #fff;
  margin-right: 5px !important;
  float: left;
  text-align: center;
}
.action-column-edit:hover {
  background-color: #1795de6e;
}
.action-column-remove {
  cursor: pointer;
  padding: 5px !important;
  position: relative;
  top: -5px;
  border-radius: 2px;
  background-color: #e4827d;
  color: #fff;
  float: left;
  text-align: center;
}
.action-column-remove:hover {
  background-color: #f9dde0;
}
.action-column-green,
.action-column-red,
.action-column-blue {
  cursor: pointer;
  padding: 5px !important;
  position: relative;
  top: -5px;
  border-radius: 2px;
  color: #fff;
  margin-right: 5px !important;
  float: left;
  text-align: center;
}
.action-column-green {
  background-color: #00c292;
  width: 70px;
}
.action-column-red {
  background-color: #f96262;
  cursor: pointer;
  padding: 5px !important;
  position: relative;
  top: -5px;
  border-radius: 2px;
  color: #fff;
  margin-right: 5px !important;
  float: left;
  text-align: center;
}
.action-column-blue {
  background-color: #00bcd4;
  width: 100px;
}
.action-column-green:hover {
  background-color: #00c29275;
}
.action-column-red:hover {
  background-color: #f9626275;
}
.action-column-blue:hover {
  background-color: #00bcd475;
}
.modal-header,
.modal-header .close,
.modal-header .modal-title {
  background-color: #626262;
  color: #f3f3f3;
  opacity: 1;
}
.jq-toast-wrap.top-right {
  top: 65px;
  right: 25px;
}
.col-in h3.counter {
  font-size: 28px !important;
}

@media (max-width: 480px) {
  .fix-header .sidebar {
    height: 100%;
  }
  .bg-title {
    margin-bottom: 5px !important;
  }
  .breadcrumb {
    font-size: 12px;
  }
  .main-content {
    margin: -25.5px !important;
  }
  .main-content .white-box {
    margin-bottom: 0px;
  }
  .footer {
    font-size: 12px;
    padding: 20px 0px;
    border-top: 1px solid #f2f2f2 !important;
  }
  .login-register {
    background: #fff !important;
  }
  .white-box .box-title {
    font-size: 11px;
  }
}