@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');
:root { --color-white: #ffffff; --color-gradientblue: linear-gradient(90deg, rgba(0, 109, 170, 1) 0%, #0dcaf0 100%); --color-lightblue: #0dcaf0; }
body { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; font-size: 14px; line-height: 1.8; }
a { color: #0d6efd; text-decoration: none; font-weight: 500;word-wrap: break-word;}
a:focus { outline: none; }
a:hover { text-decoration: none; color: #20428B; }
a.link { text-decoration:underline; }
a.txt-link { color: #156FD1; }
a.txt-link:hover { color: #0dcaf0; text-decoration: underline; }
a.underline { text-decoration: underline; }
textarea:focus,
input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; }
*:focus { outline: none; }
p { letter-spacing: normal; margin-bottom: 30px; }
p.intro { font-size: 18px; }
ul {margin-bottom: 0;padding-left: 20px;}
ul li {margin-bottom: 0;position: relative;}
ul.styled {list-style: none;}
ul.styled li::before {content: "\2022";color: #78A1D3;font-weight: bold;font-size: 30px;line-height: 1;display: inline-block;width: 0.6em;left: -0.6em;top: -0.2em;position: absolute;}
ul.list-dashed { margin-bottom: 0; padding-left: 0; margin-bottom: 5px; }
ul.list-dashed li { list-style-type: none; }
ul.list-dashed li::before { content: "\f068"; font-family: "Font Awesome 5 Pro"; font-size: 12px; margin-right: 10px; }
ol { padding-left: 20px; }
ol li::marker { color: #438400 }
ul li,
ol li { padding: 2px 5px; line-height: 1.4; text-align: left; }
ol.breadcrumb { margin-bottom: 0; }
ul.list-unstyled li:before { display: none; }
img { max-width: 100%; }
img.full-width { width: 100%; }
button:focus:not(:focus-visible) { box-shadow:none; }
.red {color: #dd5a43 !important}
.green { color: #69aa46 !important;}
.bg-success { background-color: #69aa46 !important; }
.width600 { max-width: 600px; }

.spacer10 { height: 10px; }
.spacer20 { height: 20px; }
.spacer30 { height: 30px; }
.spacer50 { height: 50px; }
.spacer100 { height: 100px; }

svg.green { color: green; }
svg.red { color: red; }

.form-control::-webkit-input-placeholder { color: #ccc; }
.form-control:-ms-input-placeholder { color: #ccc; }
.form-control::placeholder { color: #ccc; }

#back-top {width: 40px;height: 40px;position: fixed;text-align: center;bottom: 75px;right: 10px;line-height: 40px;z-index: 10500;color: #fff;background-color: #2e3091;border-radius: 50%;opacity: .85;border: 3px solid #fff;box-shadow: 1px 1px 10px #666}
#back-top:hover { opacity: 1 }
#back-top svg { font-size: 20px; }

footer { background: #ccc; padding: 20px 0; font-size: 13px; color: #666; }
.alert .btn-wrapper { justify-content: flex-end; }
.ft-social { text-align: right; }
.ft-social ul>li>a {background-color: #999;width: 25px;height: 25px;line-height: 26px;border-radius: 50%;display: inline-block;text-align: center;color: #fff;font-size: 16px}
.ft-social ul>li>a.fb { background-color: #3658a7 }
.ft-social ul>li>a.tw { background-color: #3cf }

.navbar { padding: 0; background: #2e3091; box-shadow: 0 0 5px rgba(0,0,0,0.3)}
.navbar-brand { padding: 0; margin:0; }
.navbar span.text-wrap { color:#fff; padding: 0 15px; font-size: 12px;}
.navbar-toggler { color: #fff; border: 0; box-shadow: none; }

.sidebar { width: 220px; min-height: 100vh; float: left; position: static; padding-left: 0; padding-right: 0; background-color: #f5f5f5; border-right: 1px solid #ccc;  }
.sidebar li, .submenu {padding: 0;margin: 0;}
.sidebar li a {display: block;padding: 8px 15px;color: #666;font-size: 14px;}
.sidebar li a:hover, .sidebar li a:focus { color:#3cf; }
.sidebar li { padding: 0; border-top: 1px solid #ccc; }
.submenu { position: static; border: 0;border-radius: 0; }
.submenu li.active a { color: #3cf }
.submenu li a { text-align: left;  }
.sidebar-toggle {border-top: 1px solid #ccc;padding: 10px 10px;}
.sidebar-toggle:hover, .sidebar-toggle:focus { cursor: pointer; }
.sidebar-toggle .ace-icon {display: block;margin: 0 auto;font-size: 16px;}
.sidebar.menu-min { width: 45px; }
.sidebar.menu-min .menu-text { display: none; }
.sidebar.menu-min .dropdown-menu { box-shadow: 0 0 5px rgba(0,0,0,0.3)}
.sidebar.menu-min .dropdown-menu.show { position: absolute; top: -2px; left: 45px; }
.sidebar.menu-min .dropdown-toggle:after { display: none; }
.sidebar.menu-min li a {text-align: center;}
.sidebar.menu-min .submenu li a {text-align: left;}
.sidebar.menu-min .sidebar-toggle .ace-icon { transform:rotate(180deg); }
.sidebar .menu-icon { font-size: 18px; }
.dropdown-toggle:after {float: right;margin-top: 8px; transform: rotate(0deg); }
.dropdown-toggle.show:after {transform: rotate(180deg);}
.dropdown.show .dropdown-menu { display: block; }
.dropdown-menu a.dropdown-item { position:relative; }
.dropdown-menu li.active a.dropdown-item:after, .dropdown-item:active:after  {content: "";width: 0px;height: 0px;border-top: 18px solid transparent;border-bottom: 18px solid transparent;border-right: 10px solid #3cf;position: absolute;top:0;right: 0;}
.dropdown-item.active, .dropdown-item:active { background-color: transparent;  }

.page-content {width: 100%; background-color: #fff; position: relative; margin: 0; padding: 8px 20px 80px }
.page-header { margin: 0 0 20px; border-bottom: 1px dotted #e2e2e2; padding-bottom: 16px; padding-top: 7px }
.page-header h1 { padding: 0; margin: 0 8px; font-size: 24px; font-weight: lighter; color: #2e3091 }
.page-header h1 small { margin: 0 6px; font-size: 14px; font-weight: normal; color: #8089a0 }
.page-header h1 small svg { margin-right: 5px; }

.contentWrapper { display: flex; }

.form-control, .form-select { border-radius: 0; margin-bottom: 15px; }
.form-label { margin-bottom: 5px; }
.form-check-input[type=radio] { margin-top: 5px; }
.help { color: #00b6f3; }
.custom-tooltip { --bs-tooltip-bg: #f5f5f5; --bs-tooltip-color: #666; }
.sec-title h3 { font-size: 20px; color: #2e3091; border-bottom: 1px solid #2e3091; padding-bottom: 10px }
.sub-title h3 {font-size: 20px; color: #2e3091; padding-bottom: 10px;}

.alert { border-radius: 0; }
.btn {  padding: 5px 15px; border-radius: 0; }
.btn-primary { padding: 5px 15px; background-color: #2e3091; border-color: #2e3091; border-radius: 0; }
.btn-wrapper>.btn-wrapper:not(:first-child), .btn-wrapper>:not(.btn-check:first-child)+.btn { margin-left:10px; }
.btn-group>.btn-xs {font-size: 12px;border-radius: 0;border: 0;padding: 2px 15px;}
.btn-dl { color:#fff; background-color: #dd5a43; }
.btn-dl:hover { color:#fff; background-color: #ff2600; }
.btn-dl.disabled { background-color: #bbb; }
.btn-dl.disabled:hover  { cursor: default; }
.btn-full { width: 100%; }
.btn-xl { min-width: 200px; }

.table-header { background-color: #00b6f3; color: #fff; font-size: 14px; line-height: 38px; padding-left: 12px; margin-bottom: 1px; }
.table th { font-weight: bold; color: #666; background: #f2f2f2; background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%); background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%); background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0); }
.table { --bs-table-hover-bg: rgba(0, 0, 0, 0); }
h3.modal-title.sec-title { font-size: 20px; color: #2e3091; padding-bottom: 0; }
.modal-header { border-bottom: 1px solid #2e3091; }
.modal-wrapper .btn { height: fit-content; min-width: 120px; }
.top-info { padding: 10px 15px; border-color: #e4e9ee; background-color: #eff3f8;}
.top-info .form-control { margin-bottom: 0; }
.order-wrapper h4.title { font-size:20px; color: #2e3091; margin-left:8px; }
.payment-box { padding:20px 25px; border: 1px solid #ccc; background-color: #f5f5f5; }
.aset-wrap figure { width: 80px; margin-bottom: 0;  }
.aset-details { padding: 0 10px; }
.aset-table td { font-size: 12px;  }

.tenderList { max-width: 100%; }
.tenderList .container-fluid { display: flex; flex-direction: row; -webkit-flex-direction: row; overflow-x: scroll; width: 100%; }
.tender-box { display: flex; flex-grow: 1; position: relative;flex: 0 0 250px; padding: 35px 35px 80px; border: 2px solid #ddd; background-color: #f8f8f8; justify-items: center; align-items: center; margin-bottom: 30px; }
.tender-box + .tender-box { margin-left: 15px;}
.tender-box:hover, .tender-box:focus { opacity: 0.8;}
.tender-box span.edit-ico { position: absolute; bottom: 0; right: 0; z-index: 10; color: #fff; background-color: #20428B; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.tender-box figure { margin-bottom: 0;}
.tender-title {display: block;position: absolute;text-align: center;bottom: 0;left: 0;padding: 10px 30px 20px;line-height: 1.5;color: #666;font-size: 12px;}
.infoBlock { text-align: center; padding: 50px 0; max-width: 800px; margin: 0 auto; }
.infoBlock h1 { color: #20428B; text-transform: uppercase; font-size: 30px; margin-bottom: 20px; }


@media (max-width:1199px) {
}
@media (max-width:991px) {
    .contentWrapper { padding-bottom:65px; }
    .navbar-brand { justify-content: flex-end; }
    .sidebar.responsive {
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.15);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.15);
        min-height: 100vh;
        display: none;
    }
    .sidebar.responsive.show {
        -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.15);
        box-shadow: 2px 1px 2px 0 rgba(0,0,0,.15);
        min-height: 100vh;
        display: block;
    }
    .sidebar.menu-min .dropdown-menu.show { left: 42px; }
}
@media (max-width:767px) {
    body { font-size: 14px; }
    .page-content { padding-bottom: 0;}
    footer.fixed-bottom { position: relative; }
    .alert .btn-wrapper { justify-content: center; margin-top: 10px;}
    .ft-alert { text-align: center; }
    h3 { font-size: 20px; }
    .spacer10 { height: 5px; }
    .spacer20 { height: 10px; }
    .spacer30 { height: 15px; }
    .spacer50 { height: 30px; }
    .spacer100 { height: 60px; }
    .ft-social { text-align: left; }
}
@media (max-width:650px) {

}
@media (max-width:575px) {
}
@media (min-width:768px) {
}
@media (min-width:992px) {
}
@media print {
}

.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
}

.TIN-group {
    padding: 15px 15px 0;
    background: #90d5f4;
    margin-bottom: 15px;
}

#formSejarahPembelian .table-header {
    font-size: 12px;
}

#formSejarahPembelian .table-header h4 {
    padding: 10px 0 0;
}

.TIN-group .form-control {
    margin-bottom: 0;
}

.TIN-group .btn-primary {
    margin-top: 15px;
}

.small-notes {
    font-size: 10px;
    font-style: italic;
}