*, h1, h2, h3, h4, h5, h6 {
    font-family: 'Signika', sans-serif;
}

a {
  color: #FFA000;
}

.btn {
  border-radius: 20px !important;
}

#notif {
    border-radius: 0.625rem;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1),
    0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1),
    0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12),
    0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);

    position: absolute;
    z-index: 9999;
    top: 1em;
    margin: auto;
    min-width: 33.33%;
    left: 33.33%;

}
.bootgrid-footer,
.bootgrid-header{
    padding: 0 !important;
}
.bootgrid-header .actionBar .input-group{
    margin-left: -15px !important;
}

.tooltip-inner {
  background-color:#FFA000;
  color: #FFFFFF;
}
.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #FFA000 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
  border-left-color:#FFA000 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #FFA000 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #FFA000 !important;
}

.main-sidebar .nav .nav-item .nav-link.active, .main-sidebar .nav .nav-item .nav-link:hover, .main-sidebar .nav .nav-item.active, .main-sidebar .nav .nav-item:hover {
  box-shadow: inset 0.1875rem 0 0 #FFA000;
  background-color: #fbfbfb;
  color: #FFA000;
}
.main-sidebar .nav .nav-item .nav-link.active i, .main-sidebar .nav .nav-item .nav-link:hover i, .main-sidebar .nav .nav-item.active i, .main-sidebar .nav .nav-item:hover i {
  color: #FFA000;
}
.bootgrid-table a {
  outline: 0;
  color: #FFA000;
}
.bootgrid-table a.btn {
  outline: 0;
  color: #FFFFFF;
}

ul.dept-nav.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #FFA000 !important;
}

ul.dept-nav.nav-pills .nav-link {
  color: #FFA000;
}

.main-content>.main-content-container.container-fluid {
  min-height: calc(100vh - 8.7rem) !important;
}


.segment {
    color: #FFA000 !important;
    position: relative;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    padding: 1em 1em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34, 36, 38, 0.15);
    margin: -2px !important;
}

.subtitle {
  padding: 0px !important;
  margin-top: -10px !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  margin-bottom: 0px !important;
}

xmp {
    margin-top: -5px !important;
    white-space: pre-wrap !important;
}

xmp.title{
   display: inline;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.btn-mini {
  margin: 8px !important;
  padding: 6px 16px !important;
  font-size: 10px !important;
}




.card.card-menu-au {
  margin: 8px 4px !important;
  min-height: 100% !important;
  padding: 16px !important;
}

.card.card-menu-au.text-center.bg-warning,
.card.card-menu-au.text-center.bg-warning > a{
  color: #ffffff !important;
}

.circular--portrait-5vm {
  position: relative;
  width: 5vw;
  height: 5vw;
  overflow: hidden;
  border-radius: 50%;
}

.circular--portrait-5vm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.circular--portrait-4vm {
  position: relative;
  width: 4vw;
  height: 4vw;
  overflow: hidden;
  border-radius: 50%;
}

.circular--portrait-4vm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.circular--portrait-3vm {
  position: relative;
  width: 3vw;
  height: 3vw;
  overflow: hidden;
  border-radius: 50%;
}

.circular--portrait-3vm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.light-font {
  font-weight: 300 !important;
}

.card.bg-blue-image {
  margin-top: 0px;
  /* border-radius: 40px !important; */
  background-image: url('../images/bg-blue.jpg') !important; 
  /* min-height: 600px !important; */
  border: none !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top right !important;
  color:#fff !important;
}

.card.bg-blue-image > .card-body > * {
  color:#fff !important;
}


.card.bg-orange-image {
  margin-top: 0px;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255, 0),
    rgba(255,255,255, 0.5)
  ), url('../images/bg-orange.jpg');
  /* border-radius: 40px !important; */
  /* background-image: url('../images/bg-orange.jpg') !important;  */
  /* min-height: 600px !important; */
  border: none !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top right !important;
  color:#fff !important;
}

.card.bg-orange-image > .card-body > * {
  color:#fff !important;
}

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

.list-group.list-group-flush.profile > .list-group-item.d-flex.px-4.active {
  background: none !important;
  border-bottom: #EFEFEF !important;
  border-top: #EFEFEF !important;
  border-left: 2px solid #FFA000 !important;
  border-radius: 0px !important;
}

.search-close {
  color: #aa7400 !important;
  text-decoration: none;
}

.quartile-circle1 {
  background: #FF6A00;
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  color: #FFFFFF !important;
}

.quartile-circle2 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #CDDC39;
  color: #FFFFFF !important;
}

.quartile-circle3 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #FFEB3B;
  color: #FFFFFF !important;
}

.quartile-circle4 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #FFC107;
  color: #FFFFFF !important;
}
.quartile-circle-, .quartile-circle0, .quartile-circle {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #EAEAEA;
}

.sinta-circle1 {
  background: #8BC34A;
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
}

.sinta-circle2 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #CDDC39;
}

.sinta-circle3 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #FFEB3B;
}

.sinta-circle4 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #FFC107;
}

.sinta-circle5 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #FF9800;
}

.sinta-circle6 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #FF5722;
}

.sinta-circle91 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #2e2e2e;
  color: #FFF !important;
}

.sinta-circle92 {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #9f0000;
  color: #FFF !important;
}

.sinta-circle-, .sinta-circle0, .sinta-circle {
  padding-top: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px !important;
  background: #EAEAEA;
}

.nav.nav-tabs.au-profile {
  border-bottom: none !important;
}

.nav.nav-tabs.au-profile > .nav-item > .nav-link:hover,
.nav.nav-tabs.au-profile > .nav-item > .nav-link.active{
  border-bottom: none; 
  border-left: none; 
  border-right: none; 
  border-radius: 0px;
  border-top: 2px solid #FFA000;
}

.nav.nav-tabs.au-profile > .nav-item > .nav-link{
  border-bottom: none; 
  border-left: none; 
  border-right: none; 
  border-radius: 0px;
  border-top: none;
}

hr.double-style {
	border-top: 3px double #dfdfdf;
}

.search-alert {
  margin-top: 8px;
  margin-bottom: 8px;
}

.search-alert > a{
  font-size: 8px; 
  padding: 2px 6px 2px 6px; 
  margin-right: 10px;
}

.btn-danger, .btn-success {
  color: #FFFFFF !important;
}

.logo-product-au-profile {
  height: 30px;
  margin-bottom: 8px;
}

.logo-product-au-profile-wos {
  height: 40px;
  margin-bottom: 8px;
}

.alert-warning-custom {
  border-radius: 10px !important; 
  background: #fff0e5 !important; 
  color: #FE8024 !important;
  font-weight: 300 !important;
  text-align: center !important;
}

.alert-success-custom {
  border-radius: 10px !important; 
  background: #f3ffe5 !important; 
  color: #98fe24 !important;
  font-weight: 300 !important;
  text-align: center !important;
}

.list-afil-img {
  width: 60px !important;
}

.profile-afil-img {
  width: 100px !important;
}

.btn-icon{
  font-size: 12px !important; 
  padding: 6px 9px 6px 9px !important; 
  margin-right: 10px !important;
}

.small-title {
  font-size: 13px !important; 
  font-weight: 300 !important;
}

#image-preview{
  display:none;
  width : 200px;
  height : auto;
}

.alert-danger-custom {
  background-color: rgb(240, 137, 137) !important;
  color: #740000 !important;
  font-weight: bold !important;
  border-radius: 8px !important;
}

.alert-success-custom {
  background-color: rgb(192, 240, 137) !important;
  color: #3e7400 !important;
  font-weight: bold !important;
  border-radius: 8px !important;
}

.disable-click {
  pointer-events: none !important;
}

.nav-item.dropdown.active .nav-link.dropdown-toggle,
.dropdown-item.active{
  color: #FFA000 !important;
}

.matriks-score-all {
  background: rgba(255, 162, 0, 0.137) !important;
}

.matriks-score-3yr {
  background: rgba(2, 155, 28, 0.089) !important;
}

.no-wrap {
  white-space: nowrap;
}


.text-nowrap {
    white-space: nowrap !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .text-lg-nowrap {
        white-space: inherit !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

 }