@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Light"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype");
    font-weight: 100;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Semilight"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Bold"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Semibold"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype");
    font-weight: 700;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.inline-cron-ui {
    display: inline-block;
}
select.inline-cron-ui,
input.inline-cron-ui,
#bulk-action {
    width: 250px;
}
.table-row td {
    vertical-align: middle !important;
}

.pointer {
    cursor: pointer;
}
.margin-r-20 { margin-right: 20px; }

.per-page.vertical select, .per-page.horizontal select {
    width: 120px;
}
.per-page.horizontal label, .per-page.horizontal select {
    float: left;
}
.per-page.horizontal label {
    padding-right: 15px;
    padding-top: 5px;
}
.shrink-padding-5 {
    padding: 5px !important;
}
ul.help-list {
    padding-left: 20px;
}
ul.help-list li {
    color: #737373;
}
.table-cron-list a.cron-link {
    color: #333;
}

/* TAMBAHAN */
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 8px !important;
}
.input-daterange input:first-child {
  border-radius: 6px 0 0 6px !important;
}
.input-daterange input:last-child {
    border-radius: 0 6px 6px 0 !important;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff !important;
  background: #20a53a !important;
}
.progress-bar-green, .progress-bar-success {
    background-color: #20a53a !important;
}
.fa-edit {
  color: #ff8f00;
}
.fa-times {
  color: #ff5964;
}
.fa-clone {
  color: #535eff;
}
.fa-flask {
  color: #00c0ef;
}
.fa-sync {
  color: #dc3545;
}
.skin-blue .sidebar a {
    color: #3a424d;
    background: #f2f5f999;
    margin-top: 5px;
    border-radius: 8px;
}
.main-footer {
  background: #f3f7fa;
  border-top: 0px solid #d2d6de;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.bg-navy {
  background-color: #20a53a1a !important;
  color: #20a53a !important;
  font-weight: 600;
}
.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
  background-color: #f2f5f999 !important; 
}
.btn-success {
  background-color: #20a53a !important;
  border-color: #20a53a !important;
}
.bg-purple {
  background-color: #ff8f00 !important;
}
.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
  background: #fff5e1 !important;
}