/*css custom*/
textarea{
  margin-bottom: 10px;
}

.top-right-button{
  position: absolute;
    top: 13px;
    right: 15px;
    min-width: 150px;
    text-align: right;
    text-decoration: none!important;
    cursor: pointer;
    color: #7ab7b4;
}
.no-border{
  border:none!important;
}

.slimScrollDiv{
  background: #3c3c3c;
}

.sidebar .nav > li.nav-profile .cover.with-shadow:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(52 115 138 / 75%);
    transition: all 0.2s linear;
}

.page-with-light-sidebar .sidebar .nav > li > a {
    color: #cbcbcb;
    font-weight: 600;
}
.page-with-light-sidebar .sidebar .nav > li > a:hover {
    color: white;
}
.page-with-light-sidebar .sidebar .nav > li > a:focus {
    color: white;
}
.page-with-light-sidebar .sidebar .nav > li > a:active {
    color: white;
}
.label-title{
  color: #77bbc5;
  font-weight: 100;
}
.icon-title{
  margin-right: 5px;
}
.border-top-dashed{
  border-top: dashed 1px #e3e3e3;
    margin-top: 10px;
}

.sidebar .nav > li.nav-profile .image {
  width: 75px;
    height: 75px;
}

.panel-sample{
  padding: 10px;
    /*border: solid 1px #e0e0e0;*/
    margin-bottom: 15px;
    border-radius: 8px;
    margin-left: 0px;
}

.label-header{
  background: #f9f9f9;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px!important;
  padding-bottom: 5px!important;
}
.label-header-child{
  background: #f9f9f9;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px!important;
  padding-bottom: 5px!important;
}

.page-with-light-sidebar .sidebar .nav > li.active > a {
  color: #ffffff;
  background: #3c3c3c;
}
.page-with-light-sidebar .sidebar .nav > li.active > a:hover {
  color: #ffffff;
  background: #3c3c3c;
}
.page-with-light-sidebar .sidebar .nav > li.active > a:focus {
  color: #ffffff;
  background: #3c3c3c;
}
.page-with-light-sidebar .sidebar .nav > li.active > a:active {
  color: #ffffff;
  background: #3c3c3c;
}

.page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active > a {
  color: #ffffff;
    background: #3c3c3c;
}
.page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active > a:hover {
  color: #ffffff;
    background: #3c3c3c;
}
.page-with-light-sidebar.page-sidebar-minified .sidebar .nav > li.active > a:focus {
  color: #ffffff;
    background: #3c3c3c;
}

.page-with-light-sidebar .sidebar .sub-menu > li > a {
    color: #b8b8b8;
    font-weight: 600 !important;
}

.page-with-light-sidebar .sidebar .sub-menu > li > a:hover {
    color: white;
    font-weight: 600 !important;
}
.page-with-light-sidebar .sidebar .sub-menu > li > a:focus {
    color: white;
    font-weight: 600 !important;
}

.button-right{
  position: absolute;
    right: 15px;
}
.mb-min-30{
  margin-bottom: -30px!important;
}
.mb-min-3{
  margin-bottom: -3px!important;
}
.ml-min-20{
  margin-left: -20px!important;
}
.mb-10{
  margin-bottom: 10px!important;
}
.ml-10{
  margin-left: 10px!important;
}
.ml-100{
  margin-left: 100px!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cbcbcb!important;
}

.min-width-100{
  min-width: 100px!important;
}

.form-horizontal.form-bordered .form-group .col-form-label {
    margin-top: -5px;
}

.for-input-radio{
  display:inline-flex;padding-top:10px;
}

.pt-10{
  padding-top: 10px!important;
}

.hidden-it{
  display: none!important;
}

.login-info-red{
    padding: 15px 3px;
    margin-top: 15px;
    text-align: center;
    border-radius: 7px;
    background: #e530308a;
    color: #fdfdfd;
    background: linear-gradient(153deg, rgb(173, 71, 71) 0%, rgb(162, 19, 19) 100%);
    border: solid 1px red;
    box-shadow: 1px 2px 10px rgba(250, 17, 17, 0.51);
}

.m-7-0{
  margin:7px 0px;
}

.boxlogologin{
  border-bottom: dashed 1px #d2d2d2;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.logologin{
  height: 80px;
    width: auto;
    margin-left: -10px;
}

.subtitle-logo{
  font-size: 20px;
    font-weight: lighter;
    color: #7d7d7d;
    margin-bottom: 5px;
}
.mini-subtitle-logo{
  font-size: 15px;
    font-weight: lighter;
    color: #707070;
}

.mt-min-35{
  margin-top: -35px!important;
}

.bg-content-login{
    background: rgb(255 255 255);
    background: -moz-linear-gradient(166deg, rgb(255 255 255) 0%, rgb(241 241 241) 100%);
    background: -webkit-linear-gradient(166deg, rgb(255 255 255) 0%, rgb(241 241 241) 100%);
    background: linear-gradient(166deg, rgb(255 255 255) 0%, rgb(241 241 241) 100%);
}

.login.login-with-news-feed .news-feed .news-caption {
    color: rgba(255, 255, 255, 0.85);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    font-size: 18px;
    letter-spacing: 0.25px;
    z-index: 20;
    font-weight: 300;
    background: linear-gradient(to bottom, rgb(197 208 165 / 35%) 0%, #0a435d73 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
    backdrop-filter: blur(2px);
  }

  .bootstrap-select .dropdown-menu li a span.text {
      display: inline-block;
      word-wrap: break-word!important;
      text-overflow: inherit!important;
      white-space: normal!important;
  }

.w-75{
  width: 75px!important;
}
.w-100{
  width: 100px!important;
}
.w-150{
  width: 150px!important;
}
.w-200{
  width: 230px!important;
}
.w-350{
  width: 450px!important;
}
.w-350 .bootstrap-select .dropdown-toggle .filter-option {

    width: 350px!important;

}
.w-350>.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    width: 450px;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.komoditi-box-subtitle-2 {
    padding: 12px 10px;
    background: #575757;
    margin-bottom: 10px;
    color: #e6e6e6;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
}

.divider-ecer{
  margin-top: 5px;
    border-top: dashed 1px lightgrey;
    padding-top: 10px;
}

.button-remove{
  margin-left: -4px;
    margin-top: -5px;
    margin-right: 10px;
    border-radius: 20px;
}

.hemat-text{
   display: block;
   width: 350px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor:pointer;
}

.m-b-5{margin-bottom:5px}

.thead-black{
    background: #5e5e5e;
    color: white;
}
.pad-10{padding:5px;}
.bg-grey-a{background: #efefef;}
.bg-grey-b{background: #e3e3e3;}
.bg-grey-c{background: #dbdbdb;}

.bootstrap-select .dropdown-menu {
    z-index: 2500!important;
}

.accordion > .xcard {
    overflow: inherit!important;
}

div .bootstrap-select .btn.bs-placeholder {
    color: rgb(54 54 54 / 75%) !important;
}
div .bootstrap-select .btn.bs-placeholder:hover {
    color: rgb(54 54 54 / 75%) !important;
}