.sml-header{
    /* background-color: #f58531!important; */
    background-color: #13a54a!important;
}

.sml-menu{
    /* background-color: #13a54a!important; */
    /* background-color: #fff!important;    */
    background-color: #2A3F54!important; 
}

.sml-font-menu{
    /* color: #363636!important; */
    color: #F7F7F7!important;
}

.sml-list-menu{
    color: #363636!important;
}

/* 
.sml-list-menu:hover{
    background-color: #00B16A!important;
    color:#fff!important;
} */
.sml-table-header thead tr th {
    background-color: #13a54a!important;
    text-align: center;
    color:#fff!important;
}

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

.sml-toogle a{
    color:#fff!important;
}

.sml-margin-bottom {
    margin-bottom: 15px;
}

.sml-half{
    width:50%!important;
}

.sml-image{
    padding: 5px 5px 5px 5px!important;
    text-align: center;
}

.sml-image-active:hover{
    cursor: pointer;
}

.sml-image a{
    text-decoration: none;
}

.sml-btn-primary-air{
    background-color: #13a54a!important;
    color: #fff!important;
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important;
}

.sml-btn-primary-air:hover{
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.36)!important
}

.sml-btn-warning-air{
    background-color: #f58531!important;
    color: #fff!important;
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important;
}

.sml-btn-warning-air:hover{
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.36)!important
}

.sml-btn-success-air{
    background-color: #2ECC71!important;
    color: #fff!important;
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important;
}

.sml-btn-success-air:hover{
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.36)!important
}

.sml-btn-info-air{
    background-color: #00B16A!important;
    color: #fff!important;
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important;
}

.sml-btn-info-air:hover{
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.36)!important
}

.sml-btn-danger-air{
    background-color: #f58531!important;
    color: #fff!important;
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.19)!important;
}

.sml-btn-danger-air:hover{
    box-shadow: 0 5px 10px 2px rgba(88,103,221,.36)!important
}

.sml-btn-primary{
    background-color: #13a54a!important;
    color: #fff!important;
}

.sml-btn-primary:hover{
    background-color: #00B16A!important;
}

.sml-btn-info{
    background-color: #4DAF7C!important;
    color: #fff!important;
}

.sml-btn-info:hover{
    background-color: #26C281!important;
}

.sml-btn-warning{
    background-color: #f58531!important;
    color: #fff!important;
}

.sml-btn-warning:hover{
    background-color: #F9BF3B!important;
}

.sml-btn-success{
    background-color: #2ECC71!important;
    color: #fff!important;
}

.sml-btn-success:hover{
    background-color: #2ECC71!important;
}

.sml-btn-danger{
    background-color: #E67E22!important;
    color: #fff!important;
}

.sml-btn-danger:hover{
    background-color: #f58531!important;
}

.sml-min-margin-bottom{
    margin-bottom:-50px!important;
}

.sml-primary-bg{
    background-color: #13a54a!important;
}
.sml-success-bg{
    background-color: #2ECC71!important;
}
.sml-warning-bg{
    background-color: #f58531!important;
}
.sml-info-bg{
    background-color: #4DAF7C!important;
}
.sml-danger-bg{
    background-color: #E67E22!important;
}

.sml-0-padding-bottom{
    padding-bottom: -190px!important;
}
.sml-padding{
    padding: 5px 5px 5px 5px!important;
}

.sml-padding-top{
    padding-top: 60px!important;
}

.sml-mini-padding{
    padding: 5px 5px 5px 5px!important;
    border: none!important;
}

.upload-photo{
    min-height: 300px!important;
}
.upload-photo-help{
    min-height: 100px!important;
    text-align: center!important;
}
.upload-photo-form{
    min-height: 100px!important;
    text-align: center!important;
}
.box {
    height:400px!important;
    border:solid 1px #13a54a;
    width: 100%!important;    
}
.box-header {
    border-bottom: dashed 1px #00B16A;
    background-color: #13a54a;
    padding: 10px 10px 10px 10px;
    color: #fff;
}
.box-filter {
    width: 100%;    
}
.box-body {
    height: 318px;
    overflow-y: scroll!important;
    padding-left:10px;
}
.sml-mail{
    width: 100%;
    margin-bottom: 15px;
    text-align: center
}
.sml-unread-mail{
    font-weight: bold;
}
.sml-starred-mail{
    color:#F7CA18;
}
.sml-click-row{
    cursor: pointer;
}
.sml-click-row:hover{
    background-color: #f0f0f0;
}
.sml-0-height{
    height:0!important;
}
.sml-right-text{
    text-align: right!important;
}

.sml-active-row{
    background-color: #4DAF7C;
    color: #fff;
    font-weight: bold;
}

.sml-active{
    font-weight: bold;   
}
.sml-no-border-radius{
    border-radius: 0px 0px 0px 0px !important;
}

.sml-status{
    font-weight: bold;
}
.sml-th{
    cursor: pointer;
}
.sml-free-product{
    background-color: #eeeeee;
}

.sml-starred-td{
    color: #f4f776!important;
}

.sml-starred{
    color: #f4f776!important;
}

.sml-hide{
    color: #fff;
}

.form-control{
    overflow: hidden !important;
}

.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span {
    background: #fff !important;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span:before {
    background: #fff !important;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__toggler span:after {
    background: #fff !important;
}

table .tablesort-sortable:after{
    content:"";
    float:right;
    margin-top:7px;
    visibility:hidden;
    border-left:4px solid transparent;
    border-right:4px solid transparent;

    border-top:none;
    border-bottom:4px solid #000;
}

table .tablesort-desc:after{
    border-top:4px solid #000;
    border-bottom:none;
}

table .tablesort-asc,table .tablesort-desc{
    /*background-color:rgba(141, 192, 219, 0.25);*/
    background-color: transparent;
}

table .tablesort-sortable:after, table .tablesort-asc:after, table .tablesort-desc:after {
    visibility:visible;
}

.table-sort-up-down {
    background: url("/img/bg.gif") no-repeat 99%;
    background-position-y: 15px;
}



/*
 * Styling for the table row shown in empty tables
 */

/* The row is always added as the first row in a table
   Hide it by default */
.showIfLast {
    display: none;
}

/* Only show it if it is also the last row of the table. */
.showIfLast:last-child {
    display: table-row;
}

.showIfLast td {
    text-align: center;
}

.showIfLast td:after {
    content: "Tidak ada data";
}

.cursor-pointer {
    cursor: pointer;
}

.sml-not-display{
    display: none !important;
}

/* .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; 
    animation: spin 2s linear infinite;
    z-index:1500;
  } */
  .loader {
	border: 16px solid #a9a9a9;
  	border-radius: 50%;
  	border-top: 16px solid #3498db;
  	width: 120px;
  	height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  	margin-left: -40px;
  	position: absolute;
    top: 50%;
    left: 50%;
    z-index:1500;
}
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .overlay{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 5000;
}

.sml-nominal{
    text-align: right;
}

.sml-green{
    color: #13a54a!important;
}

.m-brand.m-brand--skin-light .m-brand__tools .m-brand__icon:hover>i {
    color: #fff;
}
.m-brand.m-brand--skin-light .m-brand__tools .m-brand__icon>i{
    color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #13a54a !important;
    border-color: #13a54a !important;
}

.lds-ellipsis {
    display: inline-block;
    
    width: 100px;
    height: 100px;
    margin-left: -40px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index:1500;    
  }
  .lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(19px, 0);
    }
  }
  

.alert.m-alert--outline.alert-brand.m-alert--icon-solid .m-alert__icon span {
    border-left-color: #13a54a;
}  

.alert.m-alert--outline.alert-brand.m-alert--icon-solid .m-alert__icon {
    position: relative;
    background: #13a54a;
}

.alert.m-alert--outline.alert-brand {
    color: #575962;
    background-color: #fff;
    border-color: #13a54a;
    color: #363636;
    font-weight: 400;
}

.m-tabs-line.m-tabs-line--primary a.m-tabs__link.active, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover {
    color: #363636 !important;
    border-bottom: 1px solid #13a54a;
}



.form-inline {
    display: inline !important;
}


.sml-login-background {
    background-color: #F7F7F7 !important;
}
.sml-login-form input{
    background-color: #FFF !important;
}

.form-control, .form-control[readonly] {
    border-color: #a3a3a3;
    border-radius: 0px;
}

.m-checkbox>span, .m-radio>span {   
    border: 1px solid #a3a3a3;
}

.m-checkbox>span, .m-radio>span {                
    border-radius: 0px;
}

.ui-select-bootstrap > .ui-select-match > .btn {
    border-color: #a3a3a3 !important;
}
.form-control .ui-select-search{
    border-radius: 0px !important;
}
.custom-file input{
    border-radius: 0px !important;
}

.sml-red {
    background-color: #ad0f0f !important;
}
.sml-number-form{
    text-align: right;
}

.m-menu__link:hover {
    background-color: #00B16A!important;
    color:#fff!important;
}

.m-menu__item--open{
    background-color: transparent !important;
}

.input-group .input-group-append>.input-group-text, .input-group .input-group-prepend>.input-group-text{
    border-color: #a3a3a3 !important;
}
.m-badge--sml-primary{
    background-color: #13a54a!important;
    color: #fff!important;
}

.nominal{
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
}