@import url("fonts.css"); @import url("button.css"); body { font-family: 'Poppins Regular'; font-size: 13px; color: #333; /*background: #ededed;*/ /*background: #f7f7f7 url(../images/bg-body.png) top right 300px no-repeat; background-size: 759px auto;*/ /*background: url(../images/bg.jpg) top center no-repeat fixed;*/ /*background: url(../images/bg.jpg) top center no-repeat;*/ /*background-size: 100% calc(100vh + 200px);*/ /*background-size: 100% 100vh;*/ /*background-size: 100% 100%;*/ background: #e6fbf2; } body.home{ background: #ededed; } body.body-detil{ /*padding-top: 110px;*/ } /*

URAIAN KEGIATAN Q DAN MU

*/ /****/ /*.area-langit{ background:url(../images/bg-langit.png) top center no-repeat fixed; background-size:100%; }*/ #myHeader{ padding-left: 50px; padding-right: 50px; width: 100%; height: 35px; background-color: #2a9055; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; background: -webkit-gradient(linear, left top, right top, from(#2a9055), to(#77c128)); background: -webkit-linear-gradient(left, #2a9055, #77c128); background: -moz-linear-gradient(left, #2a9055, #77c128); background: -ms-linear-gradient(left, #2a9055, #77c128); background: -o-linear-gradient(left, #2a9055, #77c128); } .top-container { background-color: #f1f1f1; text-align: center; height: 400px; position: relative; margin-top: 110px; } @media screen and (max-width:767px) { .top-container { height: 200px; } #myHeader{ padding-left: 20px; padding-right: 20px; /*background: darkcyan;*/ } #myHeader #navbar.navbar-collapse { /*background: rosybrown;*/ background: #2a9055; top: 120px; position: absolute; left: 0; right: 0; padding-bottom: 0px; /*display: inline-block;*/ max-height: inherit; } #myHeader #navbar.navbar-collapse li { border-bottom: 1px solid rgba(0,0,0,0.1); } #myHeader #navbar .navbar-nav.sm-collapsible .caret, #myHeader #navbar .navbar-nav.sm-collapsible ul .caret { margin-top: 4px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: yellow; } } #myHeader.header.sticky { position: fixed; top: 0; width: 100%; top: 70px; } #myHeader.header.sticky{ z-index: 999; } #myHeader.header.sticky + .container-utama { *padding-top: 102px; padding-top: 55px; *padding-top: 502px; } #myHeader.header.halaman-detil{ *margin-top: 70px; position: fixed; top: 70px; right: 0; left: 0; z-index: 1028; } .container-aps{ min-height:calc(100vh - 94px - 122px); *border:1px solid red; } @media screen and (max-width:767px) { .container-aps{ min-height: auto; } } @media only screen and (max-width: 1024px) { .container { width: calc(100% - 0px); } } .container-aps-header{ *border:4px solid blue; padding-left:0px !important; padding-right:0px !important; position:relative; transition: all 0.2s ease-in-out; *border:1px solid red; *height:47px; *line-height:47px; } @media only screen and (max-width: 1024px) { .container-aps-header{ *border:1px solid red; padding-left:15px !important; padding-right:15px !important; } } @media screen and (max-width:767px) { .container-aps-header{ *border: 2px solid red; padding-left: 0px !important; padding-right: 0px !important; } } .container-aps{ *border:4px solid green; } .container-aps-footer{ *padding-left:0px; *padding-right:0px; *border:4px solid red; height:100px; background:url(../images/bg-footer.png) bottom center no-repeat; position:relative; } @media screen and (max-width:767px) { .container-aps-footer{ *border:1px solid red; height:auto; *background:pink; *background:none; background-size:200% 100% ; } } .container-aps-footer .judul-kontak{ float:left; width:160px; height:100px; background:url(../images/bg-judul-kontak.png) top left no-repeat; color:#029ac1; position:relative; } @media screen and (max-width:767px) { .container-aps-footer .judul-kontak{ width: 100%; height: auto; *border:1px solid cyan; background:none; padding-top:10px; } } .container-aps-footer .judul-kontak span:nth-child(1){ position:absolute; bottom:30px; right:40px; } .container-aps-footer .judul-kontak span:nth-child(2){ position:absolute; bottom:10px; right:40px; letter-spacing:3.4px; } @media screen and (max-width:767px) { .container-aps-footer .judul-kontak span:nth-child(1){ position:relative; bottom: auto; right: auto; } .container-aps-footer .judul-kontak span:nth-child(2){ position:relative; bottom: auto; right: auto; letter-spacing: normal; } } .container-aps-footer .alamat{ float:left; padding-top:14px; } .container-aps-footer .alamat table{ font-size:13px; color:#999999; } .container-aps-footer .alamat table td{ padding:0 5px; } .container.container-aps-footer{ *border:1px solid cyan; position:relative; } .container-aps-footer .copyright{ position:absolute; bottom:6px; right:15px; float:right; *margin-top:74px; color:#029ac1; letter-spacing:3px; text-transform:uppercase; font-size:13px; *border:1px solid red; text-align:right; } @media screen and (max-width:767px) { .container-aps-footer .copyright{ position:relative; bottom:auto; right:auto; width:100%; letter-spacing: normal; text-transform:uppercase; font-size:13px; text-align:center; padding-top:20px; *padding-bottom:20px; padding-bottom: 80px; } } @media (min-width: 1200px) { .container-aps-header { *border:1px solid green; width: 100%; *width: 1300px; *min-height:94px; *background:rgba(0,0,0,0.2); *background:#1aa7cb; } .container-aps{ *border:2px solid red; *width: 1300px; width:calc(100% - 130px); *min-height:94px; *background:rgba(0,0,0,0.2); } .container-aps-footer{ width:calc(100% - 130px); *background:cyan; } } .container-aps .area-logo{ padding:0 0; } .container-aps .col-md-12{ *padding-left:0px; *padding-right:0px; *position:inherit; } /*.container-aps > .col-md-9, .container-aps-footer > .col-md-9{ padding-left:0px; padding-right:0px; } .container-aps > .col-md-3, .container-aps-footer > .col-md-3{ padding-left:0px; padding-right:0px; } */ .container-aps > .row > .col-md-9{ padding-right:0px; } .container-aps > .row > .col-md-3{ padding-left:0px; *padding-right:0px; } @media only screen and (max-width: 1024px) { .container-aps{ *border:1px solid red; } .container-aps > .row{ *border:3px solid cyan; } .container-aps > .row > .col-md-9{ *width:calc(75% - 50px); *border:1px solid green; } .container-aps > .row > .col-md-3{ *width:calc(25% - 50px); *border:1px solid yellow; } } .container-aps-footer > .row > .col-md-9, .container-aps-footer > .row > .col-md-3{ padding-left:0px; padding-right:0px; } @media screen and (max-width:767px) { .container-aps > .row{ *border:5px solid green; clear:both; padding-top:15px; padding-top: 0px; *margin-left: 0px; *margin-right: 0px; } .container-aps > .row > .col-md-12{ padding-left: 0px; padding-right: 0px; } .container-aps > .row > .col-md-9{ *border:2px solid cyan; padding-left:0px !important; clear:both; *padding-top:15px; *padding-left:15px !important; float:left; width:100%; } .container-aps > .row > .col-md-3{ *border:2px solid red; clear:both; padding-top:15px; padding-left:15px !important; } } /****/ .logo-perusahaan-group{ float:left; margin-right:20px; position:relative; } @media screen and (max-width:767px) { .logo-perusahaan-group{ margin-right:0px; } } .logo-perusahaan-group .shadow{ *border:1px solid red; position:absolute; bottom:-11px; left:0; *width:164px; *height:17px; width:110px; height:11px; background:url(../images/shadow-logo-perusahaan.png) top center; } .logo-perusahaan-group img{ height:70px; } /****/ .navbar-brand.area-logo{ padding:0 0; margin-left:0px !important; *margin-right:0px !important; position:relative; z-index:9; *border:1px solid cyan; float:left; } @media screen and (max-width:767px) { .navbar-brand.area-logo{ *border:1px solid yellow; width:calc(100% - 60px); *width:calc(100% - 170px); padding-left:10px; *padding-right:10px; } } .area-logo .logo{ *background:rgba(255,255,255,1); *padding-left:20px; *padding-right:20px; *height:94px; *line-height:94px; float:left; } @media screen and (max-width:767px) { .area-logo .logo{ *border:2px solid red; *width:calc(100% - 170px); width:100%; *display:flex; *display:none; margin-top:5px; width: auto; height: 20px; } } .area-logo .nama{ *float:left; *clear:both; *background:url(../images/bg-shadow-nama-aplikasi.png) top left no-repeat; *height:60px; *line-height:60px; *font-size:28px; color:#FFF; text-transform:uppercase; padding-left:20px; padding-right:20px; background:rgba(255,255,255,0.15); height:23px; line-height:23px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; margin-top:18px; margin-left:20px; position:absolute; left:98px; bottom:3px; white-space:nowrap; *border-top:2px solid rgba(0,0,0,0.15); font-size:13px; } @media screen and (max-width:767px) { .area-logo .nama{ left:0px; font-size:8px; margin-left:10px; *border:1px solid red; max-width:calc(100% - 20px); height:auto; line-height:normal; white-space:normal; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; -webkit-border-radius: 14px; -moz-border-radius: 4px; border-radius: 4px; } } @media only screen and (max-width: 1024px) { .area-logo{ *border:1px solid cyan !important; } .area-logo .nama{ margin-top:18px; margin-left:0px; left:0px; bottom:0px; font-size:50%; } } @media screen and (max-width:767px) { .area-logo .nama{ margin-top: 5px !important; margin-bottom: 5px !important; float: left; *border: 2px solid cyan; bottom: auto; top: auto; position: relative; width: 100%; } } /*.navbar-brand.area-logo span.nama-perusahaan{ float:left; border:1px solid cyan; } */ /****/ .area-waktu{ display:inline-block; height:34px; line-height:34px; color:#FFF; text-align: right; position: absolute; bottom: 200px; right: 100px; z-index: 999; } .area-waktu .info-hari-bulan-tahun{ *border: 1px solid red; line-height: 10px; margin-top: -5px; letter-spacing: 3px; } @media screen and (max-width:767px) { .area-waktu{ *border: 10px solid red; } } .area-waktu .servertime{ } .area-waktu .servertime span i.fa-clock-o{ *color:rgba(255,255,255,0.4); color:rgba(0,0,0,0.2); } .area-waktu span#varpukul, .area-waktu span#varmenit, .area-waktu span#vardetik{ font-family: 'BebasNeue'; font-size: 41px; *line-height:10px; *padding-top:10px; color:rgba(255,255,255,0.8); } .area-waktu span#varhari, .area-waktu span#varbulan, .area-waktu span#vartahun{ font-size:13px; color:rgba(255,255,255,0.8); } /****/ .area-header-utama{ /*border: 1px solid red;*/ float:left; width:100%; clear:both; background: #FFFFFF; } body.body-detil .area-header-utama { /*background-color: green;*/ background-color: #FFFFFF; border-bottom: 1px solid #f0f0f0; /*background-color: #FFFFFF; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F4F4F4)); background: -webkit-linear-gradient(top, #FFFFFF, #F4F4F4); background: -moz-linear-gradient(top, #FFFFFF, #F4F4F4); background: -ms-linear-gradient(top, #FFFFFF, #F4F4F4); background: -o-linear-gradient(top, #FFFFFF, #F4F4F4);*/ } .area-header-utama-inner{ /**border:10px solid cyan;*/ } @media (min-width: 1200px) { .area-header-utama-inner{ /*width:calc(100% - 160px);*/ width:calc(100% - 100px); /*height:70px;*/ height: 60px; /**height: 76px;*/ margin:0 auto; /**border-bottom:1px solid rgba(255,255,255,0.2);*/ border-bottom: none; /**background: pink;*/ } } body.body-detil .area-header-utama-inner { /*width: 100%;*/ /*border: 1px solid cyan;*/ } @media screen and (max-width:767px) { .area-header-utama{ /**border: 2px solid orange;*/ height: auto; /*height: 105px;*/ } .area-header-utama-inner{ *border: 2px solid cyan; } } .area-header-utama > .area-header-utama-inner > .navbar-header{ /**max-width:40%;*/ max-width:calc(50% - 100px); height: 100%; /*background: pink;*/ } @media screen and (max-width:767px) { .area-header-utama > .area-header-utama-inner > .navbar-header{ width: 100%; max-width: none; } } .area-header-utama > .area-header-utama-inner > .navbar-header > a.navbar-brand.area-logo{ max-width:100%; float:left; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ background-color: #FFFFFF; /*border: 1px solid #f0f0f0;*/ /*border: 1px solid #dadada;*/ /*-webkit-border-radius: 20px; -webkit-border-bottom-left-radius: 45px; -moz-border-radius: 20px; -moz-border-radius-bottomleft: 45px; border-radius: 20px; border-bottom-left-radius: 45px;*/ /*padding: 16px 45px;*/ /*height: auto;*/ transition: all .3s; /*margin-top: 4px;*/ height: 100%; margin-top: 0px; } .navbar.navbar-default.navbar-fixed-top.blue a.navbar-brand.area-logo { /*padding: 0px 0px;*/ padding: 5px 20px; /*margin-top: 4px;*/ /*-webkit-border-radius: 20px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius: 20px; -moz-border-radius-bottomleft: 30px; border-radius: 20px; border-bottom-left-radius: 30px;*/ /*background-color: cyan;*/ } } .area-header-utama > .area-header-utama-inner > .navbar-header > a.navbar-brand.area-logo > .inner{ display: inline-block; } .area-header-utama > .area-header-utama-inner > .navbar-header > a.navbar-brand.area-logo > .inner > .ikon-ap1{ float: left; /*width: 160px;*/ } .area-header-utama > .area-header-utama-inner > .navbar-header > a.navbar-brand.area-logo > .inner > .ikon-ap1 > img.logo{ /*max-width:100%;*/ height: 40px; } .navbar.navbar-default.navbar-fixed-top.blue a.navbar-brand.area-logo > .inner > .ikon-ap1 { /*width: 140px;*/ width: 330px; } body.body-detil .navbar.navbar-default.navbar-fixed-top a.navbar-brand.area-logo { /*padding: 7px 20px; margin-top: 4px; -webkit-border-radius: 20px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius: 20px; -moz-border-radius-bottomleft: 30px; border-radius: 20px; border-bottom-left-radius: 30px;*/ /*border: 1px solid red;*/ } body.body-detil .navbar.navbar-default.navbar-fixed-top a.navbar-brand.area-logo > .inner > .ikon-ap1 { width: 330px; } .navbar.navbar-default.navbar-fixed-top.blue a.navbar-brand.area-logo > .inner > .ikon-ap1 > img.logo { /*max-width: 80%;*/ } .area-header-utama > .area-header-utama-inner > .navbar-header > a.navbar-brand.area-logo > .inner > .nama-eproc{ float: left; border-left: 1px solid rgba(0,0,0,0.2); padding-left: 30px; margin-left: 30px; color: #333333; text-transform: uppercase; } .area-header-utama > .area-header-utama-inner > .navbar-header > a.navbar-brand.area-logo > .inner > .nama-eproc > .aplikasi{ font-family: 'Poppins Regular'; font-size: 30px; } .area-header-utama > .area-header-utama-inner > .navbar-header > a.navbar-brand.area-logo > .inner > .nama-eproc > .perusahaan{ font-size: 13px; } @media screen and (max-width:767px) { .area-header-utama > .area-header-utama-inner > .navbar-header > a.navbar-brand.area-logo{ /**border:1px solid red;*/ width:calc(100% - 60px); height: auto; } } .area-header-utama > .area-header-utama-inner > .nav.navbar-nav.navbar-right{ /**max-width:60%;*/ max-width:calc(50% + 100px); } @media screen and (max-width:767px) { .area-header-utama > .area-header-utama-inner > .nav.navbar-nav.navbar-right{ /*border: 2px solid blue;*/ width: 100%; max-width: 100%; margin-top: 0px; margin-bottom: 0px; } .area-header-utama > .area-header-utama-inner > .nav.navbar-nav.navbar-right > li { float: left; /*border: 1px solid red;*/ } } .area-header-utama ul.nav.navbar-nav.navbar-right{ margin-right:0px !important; } @media screen and (max-width:767px) { .area-header-utama ul.nav.navbar-nav.navbar-right{ margin-left:0px !important; } } .area-header-utama ul.nav.navbar-nav.navbar-right > li > a{ height: 27px; /*line-height: 15px;*/ padding-left: 10px; padding-right: 10px; /*padding-top: 25px;*/ padding-top: 3px; margin-right: 10px; /*background-color: #f8f8f8;*/ background: #e2e2e2; /*background: rgba(42,144,85,0.15);*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .area-header-utama ul.nav.navbar-nav.navbar-right > li.active > a:after{ content:" ●"; color:#da1a1a; } .area-header-utama ul.nav.navbar-nav.navbar-right > li.dropdown > a:after{ content:""; } .area-header-utama ul.nav.navbar-nav.navbar-right > li > a:after{ *content:" •"; *font-size:30px; *vertical-align:middle; *content:" ●"; } /****/ .area-header-utama ul.nav.navbar-nav.navbar-right > li > ul.dropdown-menu > li > a { padding: 2px 10px; border-bottom: 1px solid #dadada; } .area-header-utama ul.nav.navbar-nav.navbar-right > li > ul.dropdown-menu .tipe-user { /*border: 1px solid red;*/ padding: 2px 10px; border-bottom: 1px solid #dadada; white-space: nowrap; } .area-header-utama ul.nav.navbar-nav.navbar-right > li > ul.dropdown-menu .tipe-user small { white-space: break-spaces; line-height: normal; } /****/ li.dropdown > ul.dropdown-menu { border: 1px solid #dadada; } /****/ .area-sub-header{ clear:both; float:left; width:100%; height:34px; position:relative; } @media screen and (max-width:767px) { .area-sub-header{ *border: 1px solid red; *display: none; height: 0px; } } .area-sub-header.active { background:rgba(0,0,0,0.5) url(../images/bg-shadow-menu.png) top center no-repeat; *background:rgba(255,255,255,0.8) url(../images/bg-shadow-menu.png) top center no-repeat; *background:#545454 url(../images/bg-shadow-menu.png) top center no-repeat; *background: #fff url(../images/bg-shadow-menu.png) top center no-repeat; *-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); *-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); *box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .area-sub-header-inner{ *padding-left:130px; *padding-left:115px; } @media (min-width: 1200px) { .area-sub-header-inner{ width:calc(100% - 160px); margin:0 auto; } } .area-sub-header-inner .nav.navbar-nav.navbar-right{ margin-right:0px !important; *margin-top:1px !important; } @media screen and (max-width:767px) { .area-sub-header-inner .nav.navbar-nav{ *background:pink; background:rgba(0,0,0,0.9); *margin: 7.5px -15px; *margin: 7.5px -10px !important; margin: 0px -15px; } .area-sub-header-inner .nav.navbar-nav.navbar-right{ background:rgba(0,0,0,0.9); margin-right:-15px !important; } } .area-sub-header-inner .nav.navbar-nav.navbar-right > li > ul{ *border:1px solid red; *background:#1692b2; border:none; padding-top:0px; padding-bottom:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .area-sub-header-inner .nav.navbar-nav.navbar-right > li > a { *color: #777; /*background: rgba(255,255,255,0.3); color: #FFF; margin-left: 1px; height: 34px; line-height: 34px;*/ padding-left: 7px; padding-right: 7px; } @media screen and (max-width:767px) { .area-sub-header-inner .nav.navbar-nav.navbar-right > li{ border-bottom:1px solid rgba(0,0,0,0.1); } .area-sub-header-inner .nav.navbar-nav.navbar-right > li > ul > li{ border-bottom:1px solid rgba(255,255,255,0.1); } } @media only screen and (max-width: 1024px) { .area-sub-header-inner .nav.navbar-nav.navbar-right > li > a { *border:2px solid red; font-size:11px; height: 24px; line-height: 24px; } } @media screen and (max-width:767px) { .area-sub-header-inner .nav.navbar-nav.navbar-right > li > a { height: auto; line-height: normal; padding-top: 10px; padding-bottom: 10px; } } .area-sub-header .logo{ float:left; height:34px; line-height:34px; } /*.area-sub-header .area-login{ float:right; } */ /****/ .area-bahasa{ float:left; margin-top: 20px; margin-left:10px; height: 28px; padding: 5px 6px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d2d1d1; background: rgba(255,255,255,0.4); /*-webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;*/ *-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); *-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); *box-shadow: inset 0 0 10px rgba(0,0,0,0.1); } @media screen and (max-width:767px) { .area-bahasa{ position:fixed; bottom:0; background:rgba(0,0,0,0.5); width:100%; margin-left:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index:98; } } .area-bahasa a{ display:inline-block; width: 15px; height: 9px; margin: 0 2px; *-webkit-border-radius: 50%; *-moz-border-radius: 50%; *border-radius: 50%; } .area-bahasa a.flag-id{ background:url(../images/icn-id.png) center center; background-size: 100% 100%; } .area-bahasa a.flag-en{ background:url(../images/icn-en.png) center center; background-size: 100% 100%; } /****/ .area-login{ float:left !important; margin-top: 20px; } @media screen and (max-width:767px) { .area-login{ *border:1px solid cyan; background:#1692b2; width:100%; } } .area-login form{ float:left; *margin-top:18px; } @media screen and (max-width:767px) { .area-login form{ margin-top:12px; margin-bottom:5px; padding-left:5px; padding-left: 10px; padding-right: 5px; } } .area-login form input[type=text], .area-login form input[type=password], .area-login form input.input-captcha{ border:none; *background:rgba(0,0,0,0.2); background: none; border-bottom: 1px solid rgba(0,0,0,0.2); *color:#FFF; height:28px; *line-height:34px; *padding-left:20px; *padding-right:20px; float:left; *margin-left:10px; *width:180px; *width:130px; width:150px; } .area-login form input[type=text]{ margin-right: 20px; *background:rgba(0,0,0,0.2) url(../images/divider-username.png) right no-repeat; /*-webkit-border-top-left-radius: 17px; -webkit-border-bottom-left-radius: 17px; -moz-border-radius-topleft: 17px; -moz-border-radius-bottomleft: 17px; border-top-left-radius: 17px; border-bottom-left-radius: 17px;*/ } .area-login form input[type=password]{ margin-right: 20px; } .area-login form input.input-captcha{ *background:rgba(0,0,0,0.4) url(../images/divider-username.png) left no-repeat; background:rgba(0,0,0,0.4); *background:rgba(255,255,255,0.4) url(../images/divider-username.png) left no-repeat; *background:rgba(0,0,0,0.1) url(../images/divider-username.png) left no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width:100px; } .area-login form .area-captcha{ *border:1px solid red; float:left; position:relative; z-index:1px; *background:#6a7392; *background:rgba(0,0,0,0.2); background:#FFF; } .area-login form .area-captcha img#captchaImage{ *height:100%; *background:red; } .area-login form .area-captcha img.refresh-captcha{ width:25px; *height:25px; margin-right:14px; background:#FFF; *-webkit-border-radius: 50%; *-moz-border-radius: 50%; *border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; *position:absolute; *left:0; } .area-captcha-2{ *border:1px solid red; *float:left; *position:relative; height:34px; float: left; margin-left: 10px; *border: 1px solid red; *height: 60px; *line-height: 60px; *margin-top: 19px; margin-top: 11px; background: rgba(0,0,0,0.1); *height: 34px; height: 48px; *padding: 2px; padding: 7px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); } .area-captcha-2 img#captchaImage{ -webkit-border-radius: 17px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius: 17px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-radius: 17px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; float:left; } .area-captcha-2 img.refresh-captcha{ width:34px; *padding:5px; height:34px; background:#FFF; -webkit-border-radius: 1px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-right-radius: 17px; -moz-border-radius: 1px; -moz-border-radius-topright: 17px; -moz-border-radius-bottomright: 17px; border-radius: 1px; border-top-right-radius: 17px; border-bottom-right-radius: 17px; } /****/ .area-captcha-3{ *border:1px solid red; float:left; background:rgba(0,0,0,0.2); *-webkit-border-radius: 17px; *-moz-border-radius: 17px; *border-radius: 17px; *margin-right:5px; padding-right:20px; padding-top:2px; padding-bottom:2px; } .area-captcha-3 .inner{ *border:1px solid red; float:left; *background:#17adde; } .area-captcha-3 input, .area-captcha-3 span{ float:left; height:30px !important; line-height:30px !important; *min-width:20px; text-align:center; *background:rgba(255,255,255,0.2) !important; *background:#73d4ee !important; background:#17adde !important; } .area-captcha-3 input{ width:34px !important; padding:0 0 !important; text-align:center; background-image: none !important; *background-color:transparent !important; } .area-captcha-3 span{ color:rgba(255,255,255,0.5); } .area-captcha-3 input:nth-child(1){ *background:rgba(0,0,0,0.2) !important; -webkit-border-radius: 4px !important; -webkit-border-top-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-radius: 4px !important; -moz-border-radius-topright: 0px !important; -moz-border-radius-bottomright: 0px !important; border-radius: 4px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .area-captcha-3 input:nth-child(3){ -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .area-captcha-3 span:nth-child(4){ padding-right:10px; } .area-captcha-3 input:nth-child(5){ *background:rgba(0,0,0,0.1) !important; *background:rgba(23,173,222,0.6) !important; background-color:transparent !important; border-top:1px solid rgba(23,173,222,1) !important; border-right:1px solid rgba(23,173,222,1) !important; border-bottom:1px solid rgba(23,173,222,1) !important; -webkit-border-radius: 0px !important; -webkit-border-top-right-radius: 4px !important; -webkit-border-bottom-right-radius: 4px !important; -moz-border-radius: 0px !important; -moz-border-radius-topright: 4px !important; -moz-border-radius-bottomright: 4px !important; border-radius: 0px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } @media screen and (max-width:767px) { .area-login form input[type=text], .area-login form input[type=password]{ width:calc(50% - 48px); } } @media screen and (max-width:767px) { .area-login form input[type=text], .area-login form input[type=password]{ width:calc(50% - 34px); } } .area-login form input[type=text]::-webkit-input-placeholder, .area-login form input[type=password]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ *color: rgba(255,255,255,1); color: rgba(119,119,119,1); opacity: 1 !important; } .area-login form input[type=text]::-moz-placeholder, .area-login form input[type=password]::-moz-placeholder { /* Firefox 19+ */ *color: rgba(255,255,255,1); color: rgba(119,119,119,1); opacity: 1 !important; } .area-login form input[type=text]:-ms-input-placeholder, .area-login form input[type=password]:-ms-input-placeholder { /* IE 10+ */ *color: rgba(255,255,255,1); color: rgba(119,119,119,1); opacity: 1 !important; } .area-login form input[type=text]:-moz-placeholder, .area-login form input[type=password]:-moz-placeholder { /* Firefox 18- */ *color: rgba(255,255,255,1); color: rgba(119,119,119,1); opacity: 1 !important; } .area-login form input[type=submit], .area-login form button[type=submit]{ *width:48px; *height:48px; *margin-top:-7px; *margin-left:-10px; *background:#27c2ea/*25b8eb*//*02b4e2*/ url(../images/icon-tombol-logout.png) center center no-repeat; /*-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);*/ float:left; /*-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;*/ border:none; position:relative; z-index:2; } .area-login form button[type=submit]{ background: #2a9055; color: #FFFFFF; height: 28px; line-height: 28px; padding: 0 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width:767px) { .area-login form input[type=submit], .area-login form button[type=submit]{ z-index: auto; width: 34px; height: 34px; margin-top: 0px; margin-left: -11px; background-size: 70%; } } .area-login a.lupa-password{ background: rgba(0,0,0,0.5); color: #FFFFFF; float:left; height:28px; line-height: 28px; margin-left: 20px; margin-right: 10px; padding: 0 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .area-login a.lupa-password:hover{ background: rgba(0,0,0,0.8); text-decoration: none; } @media screen and (max-width:767px) { .area-login a.lupa-password{ *width: 34px; height: 28px; line-height: 28px; margin-top: 0px; *background-size: 70%; } } .area-login a.ganti-hak-akses{ float:left; *width:48px; height: 28px; line-height: 28px; padding-left: 20px; padding-right: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #2a9055; color: #FFFFFF; margin-right: 10px; } .area-login a.ganti-hak-akses:hover{ *background:rgba(255,255,255,0.4) url(../images/icon-hak-akses.png) center center no-repeat; background: #2a9055; } .area-login .area-bendera{ display:inline-block; width:110px; height:34px; text-align:center; background:#626262; } .area-login .area-user-login{ *background:#e6e6e6; height:34px; line-height:34px; *padding-left:15px; *padding-top:5px; *color:#FFF; font-size:13px; display:inline-block; } @media screen and (max-width:767px) { .area-login .area-user-login{ height:auto; line-height:normal; padding-top:0px; } } .area-login .area-user-login .selamat-datang{ *background:rgba(0,0,0,0.2); float:left; height:34px; line-height:34px; /*margin-top:13px; margin-right:-10px; padding-left:20px; padding-right:20px;*/ /*-webkit-border-top-left-radius: 17px; -webkit-border-bottom-left-radius: 17px; -moz-border-radius-topleft: 17px; -moz-border-radius-bottomleft: 17px; border-top-left-radius: 17px; border-bottom-left-radius: 17px;*/ } .area-login .area-user-login .selamat-datang{ line-height: normal !important; text-align: right; } .area-login .area-user-login .selamat-datang .tipe-user{ font-size: 10px; } @media screen and (max-width:767px) { .area-login .area-user-login .selamat-datang{ font-size:13px; } } .area-login .area-user-login .logout{ *background:#c60101/*9e1919*//*da1a1a*/ url(../images/icon-tombol-logout.png) center center no-repeat; *width:48px; height: 28px; line-height: 28px; text-align:center; background: red; color: rgba(255,255,255,0.8); padding: 0 20px; *margin-top:6px; margin-left: 20px; margin-right: 20px; /*-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);*/ float:left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:none; } .area-login .area-user-login .logout:hover{ color: #FFFFFF; text-decoration: none; } /*.area-login .area-user-login .logout i{ color:#fff; font-size:38px; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); }*/ .area-login .area-user-login .dropbtn { border: 1px solid #fff; color: #fff; padding: 0px 10px; height: 27px; line-height: 27px; background-color: #2a9055; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 1032 !important; } .area-login .area-user-login .dropdown { position: relative; display: inline-block; } .area-login .area-user-login .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 450px; width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1032 !important; float: right; right: 0; line-height: 20px; font-size: 13px; } .area-login .area-user-login .dropdown-content a { color: #000; padding: 5px 10px; text-decoration: none; display: block; z-index: 1032 !important; } .area-login .area-user-login .dropdown-content a:hover { background-color: #ddd; z-index: 1032 !important; } .area-login .area-user-login .dropdown-content .dropdown-content-seluruhnya a{ background-color: #2a9055; color: #fff; padding: 10px 10px; text-decoration: none; display: block; z-index: 1032 !important; } .area-login .area-user-login .dropdown:hover .dropdown-content { display: block; } /****/ .area-banner-home{ background:url(../images/kardus-pesawat.png) top left no-repeat; height:190px; *margin-top:25px; } .area-banner-home .inner{ *border:1px solid green; padding-top:60px; } .area-banner-home .inner .judul{ text-align:right; font-weight:bold; } .area-banner-home .inner .isi{ text-align:right; *padding-left:50%; } /****/ .judul-halaman{ /*font-family: 'Poppins Regular'; font-size:16px;*/ /*font-weight:500;*/ /*padding: 9px 0;*/ font-family: 'Poppins Bold'; font-size: 20px; margin-bottom: 10px; } .area-main.popup .judul-halaman{ padding-left: 15px; padding-right: 15px; padding-bottom: 0px; padding-top: 12px; } .area-konten-atas > .judul-halaman{ padding-left: 15px; padding-right: 15px; padding-bottom: 0px; padding-top: 12px; } @media screen and (max-width:767px) { .judul-halaman{ height:auto; line-height:normal; *padding-top:15px; *padding-bottom:15px; padding:15px 20px 15px; float:left; width:100%; } } .judul-halaman .area-cari-lelang.area-cari-lelang-home { /**background:cyan;*/ float:right; line-height:normal; font-family: 'Poppins Regular'; font-size: 13px; /*border: 1px solid #aaaaaa;*/ -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; padding: 12px 25px; margin-top: -20px; position: relative; right: 0; background: rgba(239,237,237,0.5); } @media screen and (max-width:767px) { .judul-halaman .area-cari-lelang.area-cari-lelang-home { margin-top: inherit; } } .judul-halaman .area-cari-lelang.area-cari-lelang-home > form { margin-bottom: 0px; } .judul-halaman .area-cari-lelang { /**background:cyan; float:right; line-height:normal; font-family: 'Poppins Regular'; font-size: 13px; border: 1px solid #aaaaaa; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; padding: 12px 25px; margin-top: -20px;*/ /*position: absolute;*/ /*right: 100px;*/ /*border: 1px solid red;*/ font-size: 13px; /*margin-top: 13px;*/ } .judul-halaman .area-cari-lelang { } .judul-halaman .area-cari-lelang label { line-height: 17px; } .judul-halaman .area-cari-lelang select{ margin-right: 15px; } @media screen and (max-width:767px) { .judul-halaman.paket-lelang{ float:left; width:100%; clear:both; } .judul-halaman .area-cari-lelang{ width:100%; /**background:#ddd; */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:5px 0; border-top: 1px solid rgba(255,255,255,0.2); margin-top: 8px; padding-top: 8px; text-transform: none; font-size: 13px; } } .judul-halaman .area-cari-lelang input{ border:none; background-color:transparent; font-size:13px; } .judul-halaman .area-cari-lelang input[type=text] { border-bottom: 1px solid #2a9055; margin-left: 10px; margin-top: -4px; } .judul-halaman .area-cari-lelang ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ *color: #FFF; } .judul-halaman .area-cari-lelang ::-moz-placeholder { /* Firefox 19+ */ *color: #FFF; } .judul-halaman .area-cari-lelang :-ms-input-placeholder { /* IE 10+ */ *color: #FFF; } .judul-halaman .area-cari-lelang :-moz-placeholder { /* Firefox 18- */ *color: #FFF; } .judul-halaman .area-cari-lelang button{ background-color:transparent; border:none; } @media screen and (max-width:767px) { .judul-halaman .area-cari-lelang input{ width:calc(100% - 50px); *border:1px solid red; padding-left:10px; } } .judul-halaman .area-cari-lelang i { font-size: 30px; color: #2a9055; } /****/ .judul-halaman.merah{ *background:#8c1a1f; background:rgba(140,26,31,0.5); color:#FFF; } .judul-halaman.merah:before{ color:#FFF; } .judul-halaman.hitam{ background:#333333; color:#FFF; } .judul-halaman.hitam a{ color:#FFF; } .judul-halaman.hitam i{ color:#a51e24; } .judul-halaman.hitam:before{ color:#292929; content:"\f007"; font-size:40px; vertical-align:middle; } .judul-halaman .info{ *background:#f4f4f4; background:rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.1); font-size:13px; text-transform:none; float:right; letter-spacing:normal; padding:2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /****/ .area-paket-lelang-wrapper{ float:left; width:100%; clear:both; /*border: 1px solid red;*/ /*-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;*/ -webkit-border-radius: 0px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius: 0px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-radius: 0px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .area-paket-lelang{ /*background: #fcfcfc; float:left; width:100%; clear:both; border: 1px solid #e3e2e2; border-radius: 7px 65px 7px 7px;*/ border: 1px solid #f0f0f0; background-color: #FFFFFF; } #area-paket-lelang-top ~ .area-paket-lelang-wrapper .area-paket-lelang { -webkit-border-radius: 0px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius: 0px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-radius: 0px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; /*border-top: none;*/ border: none; } @media screen and (max-width:767px) { .area-paket-lelang{ padding-left:15px; padding-right:15px; } } .area-paket-lelang .inner { /*border: 1px solid red;*/ padding: 0 30px; } @media screen and (max-width:767px) { .area-paket-lelang .inner { /*border: 1px solid red;*/ padding: 0px 0px; } } .area-paket-lelang .list{ /*border-bottom: 1px dashed #0582bb;*/ border-bottom: 1px solid #dadada; padding: 15px 0px; } .area-paket-lelang .inner .list:first-child { border-top: 1px solid #dadada; } /*.area-paket-lelang .list:last-child() { border-bottom: none; }*/ .area-paket-lelang .list:after { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; content: "."; font-size: 0; } .area-paket-lelang .list .waktu{ color: #2a9055; letter-spacing: 1px; /*margin-bottom: 5px;*/ } .area-paket-lelang .list .waktu > span{ font-size: 13px; color: #777777; } .area-paket-lelang .list .waktu .tanggal{ font-size:30px; line-height:24px; text-align:center; } .area-paket-lelang .list .waktu .bulan-tahun{ font-size:13px; text-align:center; } @media screen and (max-width:767px) { .area-paket-lelang .list .waktu{ width:100%; /**background:red;*/ line-height:normal; text-align:left; /*padding-left:20px;*/ padding-left: 0px; /*padding-top:15px;*/ padding-top: 0px; font-size:13px; } } .area-paket-lelang .list .keterangan{ } .area-paket-lelang .list .keterangan.keterangan-daftar{ width:calc(100% - 110px - 140px); } .area-paket-lelang .list .keterangan .judul{ text-transform:uppercase; font-family: 'Poppins Regular'; font-size: 13px; } .area-paket-lelang .list .keterangan .daftar{ margin-top:-65px; float:right; text-transform:uppercase; } @media screen and (max-width:767px) { .area-paket-lelang .list .keterangan{ width:100%; /*padding:0 20px;*/ padding:0px 0px; } .area-paket-lelang .list .keterangan.keterangan-daftar{ width:100%; } .area-paket-lelang .list .keterangan .judul{ padding-top:5px; font-weight:bold; } } .area-paket-lelang .list .keterangan .judul a{ color:#333; font-family: 'Poppins Bold'; font-size: 14px; display: block; } .area-paket-lelang .list .keterangan .judul a:hover { color: #2a9055; } .area-paket-lelang .list .keterangan > .keterangan-info{ /*margin-top: 10px;*/ /*border-top: 1px solid rgba(0,0,0,0.05);*/ /*border-bottom: 1px solid rgba(0,0,0,0.05);*/ /*background:#f3fbfe;*/ background: #f7f6f4; /*padding-top: 8px; padding-bottom: 8px;*/ padding-top: 0px; padding-bottom: 2px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding-left: 10px; margin-top: 7px; } .area-paket-lelang .list .keterangan > .keterangan-info .item{ /*color: #646464;*/ /*color: #2a9055;*/ color: #848484; display: inline-block; font-size: 10px; margin-right: 15px; letter-spacing: 0.5px; } .area-paket-lelang .list .keterangan > .keterangan-info .item i{ /*color: #333333;*/ /*color: #9bcfff;*/ /*color: #999;*/ color: #76bd57; font-size: 11px; } /*.area-paket-lelang .list .keterangan .lokasi{ color: #999999; padding-top: 8px; padding-bottom: 8px; display: inline-block; font-size: 13px; } .area-paket-lelang .list .keterangan .lokasi i{ color: #333333; margin-left: 12px; }*/ .area-paket-lelang .list .daftar-paket-ini{ float:right; width:120px; margin-top:18px; margin-right:20px; text-align:center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #27c2ea; } @media screen and (max-width:767px) { .area-paket-lelang .list .daftar-paket-ini{ margin-top:0px; margin-bottom:18px; } } .area-paket-lelang .list .daftar-paket-ini a{ display:block; color:#FFF; padding-top:5px; padding-bottom:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-bottom:2px solid rgba(0,0,0,0.2); } .area-paket-lelang .list .daftar-paket-ini a:hover{ background:rgba(0,0,0,0.2); text-decoration:none; border-bottom:2px solid rgba(0,0,0,0.5); } .area-paket-lelang .list .daftar-paket-ini a i{ color:rgba(255,255,255,0.8); vertical-align:middle; } .area-paket-lelang .list .daftar-paket-ini a:hover i{ color:rgba(255,255,255,1); } @media screen and (max-width:767px) { .area-paket-lelang .list .keterangan .lokasi{ font-size:13px; } } .area-paket-lelang .list .keterangan .batas-bawah{ border-bottom:1px solid #da1a1a; } .area-paket-lelang .list .keterangan .info-bs-daftar{ background:rgba(255,255,255,0.2); border-left:10px solid rgba(255,255,255,1); } /****/ /*.area-paket-lelang .list.main{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(2,174,218,1)), to(rgba(115, 212, 238, 1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, rgba(2,174,218,1), rgba(115, 212, 238, 1)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, rgba(2,174,218,1), rgba(115, 212, 238, 1)) 1 100%; -o-border-image: -o-linear-gradient(bottom, rgba(2,174,218,1), rgba(115, 212, 238, 1)) 1 100%; border-image: linear-gradient(to top, rgba(2,174,218,1), rgba(115, 212, 238, 1)) 1 100%; } .area-paket-lelang .list.tps{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#142267), to(#3c4c96)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #142267, #3c4c96) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #142267, #3c4c96) 1 100%; -o-border-image: -o-linear-gradient(bottom, #142267, #3c4c96) 1 100%; border-image: linear-gradient(to top, #142267, #3c4c96) 1 100%; } .area-paket-lelang .list.phc{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#ddb41d), to(#fed640)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #ddb41d, #fed640) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #ddb41d, #fed640) 1 100%; -o-border-image: -o-linear-gradient(bottom, #ddb41d, #fed640) 1 100%; border-image: linear-gradient(to top, #ddb41d, #fed640) 1 100%; } .area-paket-lelang .list.bjti{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#bfc139), to(#dee353)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #bfc139, #dee353) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #bfc139, #dee353) 1 100%; -o-border-image: -o-linear-gradient(bottom, #bfc139, #dee353) 1 100%; border-image: linear-gradient(to top, #bfc139, #dee353) 1 100%; } .area-paket-lelang .list.pms{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#d76001), to(#fd7100)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #d76001, #fd7100) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #d76001, #fd7100) 1 100%; -o-border-image: -o-linear-gradient(bottom, #d76001, #fd7100) 1 100%; border-image: linear-gradient(to top, #d76001, #fd7100) 1 100%; } .area-paket-lelang .list.lamong{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#78a348), to(#9dc872)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #78a348, #9dc872) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #78a348, #9dc872) 1 100%; -o-border-image: -o-linear-gradient(bottom, #78a348, #9dc872) 1 100%; border-image: linear-gradient(to top, #78a348, #9dc872) 1 100%; } .area-paket-lelang .list.pds{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#bb1e22), to(#e03336)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #bb1e22, #e03336) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #bb1e22, #e03336) 1 100%; -o-border-image: -o-linear-gradient(bottom, #bb1e22, #e03336) 1 100%; border-image: linear-gradient(to top, #bb1e22, #e03336) 1 100%; }*/ /****/ .area-paket-lelang-kosong{ padding-right:30px; } @media screen and (max-width:767px) { .area-paket-lelang-kosong{ padding-right:15px !important ; padding-left:15px !important; margin-top:10px; } } .area-paket-lelang-kosong .judul-halaman{ } .area-paket-lelang-kosong .inner{ background:url(../images/bg-data-kosong.png) top left no-repeat; height:300px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border:1px solid rgba(0,0,0,0.1); border-width:0 1px 1px 1px; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } @media screen and (max-width:767px) { .area-paket-lelang-kosong .inner{ background:url(../images/bg-data-kosong.png) center center no-repeat; height:160px; } } .area-paket-lelang-kosong .list{ color:red; *height:200px; padding-top:40px; padding-bottom:40px; *display: flex; *justify-content: center; /* align horizontal */ *align-items: center; /* align vertical */ } .area-paket-lelang-kosong .list div{ } /****/ .area-kanan{ } .area-kanan .judul-halaman a{ color:rgba(255,255,255,0.8); } .area-kanan .judul-halaman a:hover{ color:rgba(255,255,255,1); text-decoration:none; } @media screen and (max-width:767px) { .area-kanan > .judul-halaman.text-right{ clear:both; } } /****/ .area-berita{ background:rgba(255,255,255,0.4) url(../images/bg-info.png) top right no-repeat; padding:18px 20px 0; } @media screen and (max-width:767px) { .area-berita{ background-size:100%; } } .area-berita .list{ padding:10px 0;8643 border-bottom:1px solid #02aeda; text-align:right; } .area-berita .list:last-child{ border-bottom:none; } .area-berita .list .tanggal{ color:#02aeda; text-transform:uppercase } .area-berita .list .judul, .area-berita .list .judul a{ color:#333; text-transform:uppercase } .area-berita .list .selengkapnya { text-align:right; } .area-berita .list .selengkapnya a{ color:rgba(255,255,255,0.3); } .area-berita .list .selengkapnya a:hover{ color:rgba(255,255,255,0.6); } /****/ .area-berita.semua, .area-berita.detil{ background: none; *padding:18px 20px 0; padding:0px 0px; } .area-berita.semua .list{ border-bottom:1px solid rgba(0,0,0,0.1); *border-width:1px 0 1px 0; text-align:left; } @media screen and (max-width:767px) { .area-berita.semua .list{ padding:10px 10px; } } .area-berita.detil .list{ border-bottom:none; *border-width:1px 0 1px 0; text-align:left; padding-bottom:0px; } @media screen and (max-width:767px) { .area-berita.detil .list{ padding:10px 10px; } } .area-berita.semua .list .tanggal, .area-berita.detil .list .tanggal{ color:rgba(0,0,0,0.5); } .area-berita.semua .list .judul a, .area-berita.detil .list .judul a{ *color:#FFF; font-weight: bold; text-transform:uppercase; } .area-berita.semua .list .isi{ margin-top:5px; padding-left:15px; border-left:4px solid rgba(0,0,0,0.1); } .area-berita.detil .list .isi{ margin-top:5px; padding:15px; *border-left:4px solid rgba(0,0,0,0.1); background:rgba(0,0,0,0.05) url(../images/bg-shadow-data-kosong.png) top left no-repeat; border-top:4px solid rgba(255,255,255,0.2); } @media screen and (max-width:767px) { .area-berita.detil .list .isi{ *border:2px solid red; overflow:auto; } } .area-berita.detil .kembali{ *border:1px solid red; display:inline-block; } .area-berita.detil .kembali a{ display:block; height:34px; line-height:34px; background:rgba(0,0,0,0.2); color:#FFF; padding-left:15px; padding-right:15px; -webkit-border-bottom-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; -moz-border-radius-bottomright: 17px; -moz-border-radius-bottomleft: 17px; border-bottom-right-radius: 17px; border-bottom-left-radius: 17px; } .area-berita.detil .kembali a:before{ content:"◄ "; } .area-berita.detil .kembali a:hover{ text-decoration:none; background:rgba(0,0,0,0.4); } /****/ .lihat-semua{ *border:1px solid rgba(255,255,255,0.4); *border-width:1px 0; margin:10px 0px; *background:rgba(0,0,0,0.8); } .lihat-semua a{ height:34px; line-height:34px; *background:rgba(255,255,255,0.1); *color:rgba(255,255,255,0.3); display:block; text-align:right; padding-left:10px; padding-right:10px; } .lihat-semua a:hover{ *background:rgba(255,255,255,0); text-decoration:none; } /****/ .area-footer{ width:100%; background:#FFF; } /****/ .area-info-pengunjung{ margin-top: 20px; padding: 20px 30px 100px; /**background:rgba(255,255,255,0.3);*/ /**border:2px solid cyan;*/ /*float:left; width:100%; clear:both;*/ background: #FFFFFF url(../images/bg-info-pengunjung.jpg) bottom center no-repeat; background-size: 100% auto; /*border: 1px solid #f0f0f0;*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; /*border: 1px solid #d0eee1; background: #FFFFFF url(../images/img-staff.jpg);*/ } .area-info-pengunjung .judul { font-family: 'Poppins Bold'; font-size: 20px; margin-bottom: 5px; } .area-info-pengunjung .inner{ /*float:left;*/ /*width: calc(100% + 20px);*/ /*clear:both;*/ /*border:1px solid red;*/ /*padding-top:18px;*/ /*margin-left: -10px; margin-right: -10px;*/ } .area-info-pengunjung table { border-collapse:separate; border-spacing: 0 5px; } .area-info-pengunjung table tr { background: rgba(255,255,255,0.6); } .area-info-pengunjung table td { padding: 1px 12px 1px 0; font-size: 12px; } /*.area-info-pengunjung .item{ border:1px solid red;*/ /**background:#73d4ee;*/ /*background: #f7f7f7;*/ /*float:left; *width:calc(50% - 10px); width:calc(33.3% - 20px); *height:100px; position:relative; *margin-bottom:20px; margin: 0 10px; padding: 20px 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ /*}*/ /*.area-info-pengunjung .item:nth-child(odd){ *float:right; } .area-info-pengunjung .item:last-child{ float:right; }*/ /*.area-info-pengunjung .item .ikon{ text-align: center; font-size: 28px; } .area-info-pengunjung .item.online .ikon{ color: #66b82e; } .area-info-pengunjung .item.hari-ini .ikon{ color: #2a9055; } .area-info-pengunjung .item.total .ikon{ color: #b8b8b8; } .area-info-pengunjung .item .nilai{ *font-size:48px; font-family: 'Poppins Regular'; font-size: 16px; color: #333; text-align:center; *line-height:100px; line-height: 40px; } .area-info-pengunjung .item.total .nilai{ *font-size:28px; *font-size: 18px; } .area-info-pengunjung .item.ip-address .nilai{ }*/ /*.area-info-pengunjung .item .keterangan{ text-align: center;*/ /*position:absolute; bottom:10px; right:10px; *color:#029ac1; color:rgba(0,0,0,0.4);*/ /*}*/ /*.area-info-pengunjung .item .shadow{ width:130px; height:34px; background:url(../images/shadow-info-pengunjung.png); position:absolute; bottom:-34px; }*/ /*.area-info-pengunjung .ip-address{ height:60px; line-height:60px; text-align:center; letter-spacing:4px; font-size:18px; color:#FFF; } .area-info-pengunjung .ip-address img{ vertical-align:middle; } .area-info-pengunjung .data{ padding-left:30px; padding-right:30px; padding-bottom:20px; } .area-info-pengunjung .data table{ border-collapse:collapse; width:100%; color:#FFF; } .area-info-pengunjung .data table td{ padding:1px 4px; } .area-info-pengunjung .data table td:nth-child(1){ *text-align:right; }*/ /****/ .area-footer-kontak{ background:#e6e6e6 url(../images/bg-footer-kontak.png) top right no-repeat; min-height:156px; padding:8px 30px; } .area-footer-kontak table{ border-collapse:collapse; width:100%; } .area-footer-kontak table td{ padding:2px 0px; vertical-align:top; } .area-footer-kontak table td i{ color:#a51e24; } /****/ /*.area-pagination{ padding:0 0; *background:#6a6a6a url(../images/bg-shadow-pagination.png) top center no-repeat; margin-top:15px; padding-bottom:10px; } .area-pagination:after { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; content: "."; font-size: 0; } .area-pagination .menampilkan{ float:left; color:#333; line-height:40px; } .area-pagination .halaman{ float:right; }*/ /****/ .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fcfcfc; background-clip: border-box; border: 0 solid #f7f7f7; border: 1px solid #e3e2e2; border-radius: 7px 7px 7px 7px; padding:10px 10px; } .card h4 { font-size: 17px; font-weight: 400; padding: 0rem 0.5rem; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0; } .list-group-item:first-child { } .list-group-item { position: relative; padding: 0.7rem 0.5rem; color: inherit; } .me-1{ margin-right: 0.375rem !important; } .me-2{ margin-right: 0.5rem !important; } .me-3{ margin-right: 0.85rem !important; } .mt-1{ margin-top: 0.375rem !important; } .mt-2{ margin-top: 0.5rem !important; } .mt-3{ margin-top: 0.85rem !important; } .mb-1{ margin-bottom: 0.375rem !important; } .mb-2{ margin-bottom: 0.5rem !important; } .mb-3{ margin-bottom: 0.85rem !important; } /****/ .bulog-pagination{ width:100%; float:left; clear:both; *padding-bottom:5px; padding-right: 30px; padding-left: 30px; *border:1px solid red; margin-top: 15px; margin-bottom: 20px; } @media screen and (max-width:767px) { .bulog-pagination{ float:none; display:inline-block; margin-bottom:0px; } } .bulog-pagination .menampilkan{ float:left; height:30px; line-height:30px; padding-right:15px; font-size:12px; color: #686868; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .bulog-pagination .halaman{ float:right; background: #FFFFFF; /*border: 1px solid #2a9055;*/ overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width:767px) { .bulog-pagination .menampilkan{ text-align:center; width:100%; } .bulog-pagination .halaman{ text-align:center; width:100%; } } .bulog-pagination .halaman a{ width: 34px; height: 34px; line-height: 34px; text-align: center; display: inline-block; color: #333333; background-color: #f7f6f4; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 4px; } .bulog-pagination .halaman a:last-child{ border-right: none; } .bulog-pagination .halaman a:hover { background: #f4f4f4; text-decoration: none; } .bulog-pagination .halaman b{ width: 34px; height: 34px; line-height: 34px; text-align: center; display: inline-block; background: #77c128; color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 4px; } /****/ .area-main{ *padding-top:54px; *padding-top:54px; position:relative; } @media screen and (max-width:767px) { .area-main{ *clear:both; *border:1px solid cyan; } } .area-main.popup{ padding-top:0px !important; } .area-main.popup .judul-halaman select{ color:#333; } .area-main .inner{ } @media screen and (max-width:767px) { .area-main .inner{ margin-bottom:15px; clear:both; *border:1px solid red; } } .area-main .inner:after{ clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; content: "."; font-size: 0; } .area-konten{ float:left; width:100%; margin-bottom: 20px; } @media screen and (max-width:767px) { .area-konten{ padding:0px 0px 0px; } } .area-konten-inner{ border: 1px solid #d0eee1; background: #fcfcfc; padding: 20px 0px 20px 0px; background-color: #FFFFFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: visible !important; } @media screen and (max-width:767px) { .area-konten-inner{ padding: 20px 0px 0px; border:none; } } .area-konten-inner > form > .row{ *border:1px solid red; margin-left:0px; margin-right:0px; } .area-konten-inner > form > .row > .col-md-12{ *border:1px solid cyan; } .area-konten-inner .form-group{ } .area-konten-inner .form-group .form-kolom{ float:left; padding-left:15px; } @media screen and (max-width:767px) { .area-konten-inner .form-group .form-kolom{ width:100% !important; margin-top:5px; *margin-bottom:5px; } } .area-konten-inner .form-group textarea{ border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 6px 12px; } .area-konten-inner .form-group .form-rounded{ border:1px solid #cccccc; height:34px; padding-left:4px; padding-right:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /****/ .area-keterangan-paket-lelang > .row > .col-md-12 > .form-group{ padding-bottom: 10px; } /****/ span.merah{ color:#da1a1a; } .area-tahapan-lelang{ } .area-tahapan-lelang .keterangan{ font-size:13px; color:#666; } .area-tahapan-lelang table{ border-collapse:collapse; width:100%; } .area-tahapan-lelang table tr td{ padding:4px 8px; } .area-tahapan-lelang table tr:nth-child(odd) td{ *background:rgba(0,0,0,0.1) !important; *background:#fef0f0 !important; background:rgba(255,255,255,0.6) !important; } .area-tahapan-lelang table tr:nth-child(even) td{ *background:rgba(0,0,0,0.05) !important; background:#FFF !important; } /*.area-tahapan-lelang table tr:nth-child(odd) td:nth-child(2){ background:#fef0f0; } .area-tahapan-lelang table tr:nth-child(even) td:nth-child(2){ background:#FFF; } */ /****/ .area-konten table{ border-collapse:separate; border-spacing:1px; width:100%; } .area-konten table td{ padding:4px 6px; vertical-align:top; } .area-konten table tr:nth-child(odd) td{ /*background:rgba(255,255,255,0.6);*/ } .area-konten table tr:nth-child(even) td{ /*background:rgba(255,255,255,0.6);*/ } .area-konten table tr.judul-kolom th, .area-konten table tr.judul-kolom td{ /*background: #96dbf9;*/ padding: 6px 6px; /*color: #000;*/ font-weight: 500 !important; background-color: #2a9055; color: #FFFFFF; } .area-konten table tr.judul-header th, .area-konten table tr.judul-header td{ background: #2a9055; padding: 6px 6px; color: #FFFFFF; font-weight: 500 !important; } /****/ .judul-grup{ padding-left:10px; padding-right:10px; height:34px; line-height:34px; margin-bottom:15px; color: #333; font-family: 'Poppins Bold'; background-color: #d3f4e2; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; background: -webkit-gradient(linear, left top, right top, from(#d3f4e2), to(#2a9055)); background: -webkit-linear-gradient(left, #d3f4e2, #2a9055); background: -moz-linear-gradient(left, #d3f4e2, #2a9055); background: -ms-linear-gradient(left, #d3f4e2, #2a9055); background: -o-linear-gradient(left, #d3f4e2, #2a9055); /*background-color: #e2fbed; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; background: -webkit-gradient(linear, left top, right top, from(#e2fbed), to(#2a9055)); background: -webkit-linear-gradient(left, #e2fbed, #2a9055); background: -moz-linear-gradient(left, #e2fbed, #2a9055); background: -ms-linear-gradient(left, #e2fbed, #2a9055); background: -o-linear-gradient(left, #e2fbed, #2a9055);*/ /*background-color: #e2fbed; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; background: -webkit-gradient(linear, left top, right top, from(#e2fbed), to(#eef9cf)); background: -webkit-linear-gradient(left, #e2fbed, #eef9cf); background: -moz-linear-gradient(left, #e2fbed, #eef9cf); background: -ms-linear-gradient(left, #e2fbed, #eef9cf); background: -o-linear-gradient(left, #e2fbed, #eef9cf);*/ } @media screen and (max-width:767px) { .judul-grup{ height:auto; line-height:normal; padding-top:5px; padding-bottom:5px; } } /****/ .area-konten-inner form label{ font-weight:500 !important; } /****/ .harus-diisi:after{ /* content:" *";*/ /* color:#da1a1a;*/ } /****/ .area-datatable{ *border:1px solid red; *background:rgba(255,255,255,0.2) url(../images/bg-mengetik.png) top right no-repeat; *position:relative; } .area-datatable .dataTables_scrollHeadInner{ /** STYLE INI BERFUNGSI JIKA MENGGUNAKAN scrollY **/ background:#666666; } /****/ .area-datatable table.dataTable{ border-collapse:separate; border-spacing:1px; *border-top:1px solid #111; *border-top: 2px solid #FFF; border-top: none; } .area-datatable table.dataTable thead{ *background:#d9d9d9; *background:#d4d4d4; background: #2a9055; } .area-datatable table.dataTable thead th{ *color:#FFF; font-weight:normal; } .area-datatable .dataTables_scrollHeadInner table thead th{ color:#fff; font-weight:400; background: #2a9055; } .area-datatable table.dataTable tbody tr.odd.row_selected, .area-datatable table.dataTable tbody tr.even.row_selected { background-color: rgba(0,0,0,0.7) !important; } .area-datatable table.dataTable tbody tr.odd.row_selected td, .area-datatable table.dataTable tbody tr.even.row_selected td { color: #FFFFFF; } .area-datatable .dataTables_length{ position:absolute; z-index:999; *top:-91px; top:0px; *top:-50px; right:0; *right:-51px; *background:#da1a1a; *background:rgba(0,0,0,0.4); *height:50px; *padding:0 20px; padding:0px 0px 0px 20px; height:44px; line-height:44px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } @media screen and (max-width:767px) { .area-datatable .dataTables_length{ position:relative; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; } .area-datatable table.dataTable tbody th, .area-datatable table.dataTable tbody td { padding:4px 4px; } } .area-datatable .dataTables_length label{ font-weight:normal; *color:#FFF; *line-height:50px; margin-bottom:0px; } .area-datatable .dataTables_length select{ color:#333; } .area-datatable .dataTables_filter{ padding:10px 10px 10px; } .area-datatable .dataTables_filter.stickfilter{ margin-right: 0px; } @media screen and (max-width:767px) { .area-datatable .dataTables_filter{ *background:#c9c9c9; *background:#d6d6d6; *background:#111111; background:#838383; margin-top:0px !important; margin-bottom:0px !important; margin-right:0px; padding-top:10px; padding-bottom:10px; } } .area-datatable .dataTables_filter label{ background: #c9c9c9; padding-left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight:normal; margin-bottom:0px; height: 25px; line-height: 25px; } .area-datatable .dataTables_filter input[type=search]{ height: 25px; line-height: 25px; background:#FFF; border: 1px dashed #c9c9c9; padding-left:10px; padding-right:10px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .area-datatable .dataTables_info{ padding-left:20px; height:35px; line-height:35px; font-size: 11.5px; } /****/ .area-datatable .area-menu-aksi{ position:absolute; z-index:99; float:left; width:calc(100% - 400px); padding: 10px 0px 10px 10px; } @media screen and (max-width:767px) { .area-datatable .area-menu-aksi{ position:relative; padding: 10px 0px 10px 10px; width:calc(100% - 0px); } } .area-treetable .area-menu-aksi{ *border:1px solid red; position:relative; z-index:99; float:left; width:calc(100% - 400px); } .area-datatable .area-menu-aksi a, .area-treetable .area-menu-aksi a{ /*background: #2a9055;*/ background: #333333; color:#FFF; font-size: 12.5px; height: 25px; line-height: 25px; padding-left:10px; padding-right:10px; float:left; margin-right:2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .area-datatable .area-menu-aksi a:hover, .area-treetable .area-menu-aksi a:hover{ *background:#da1a1a url(../images/bg-menu-aksi-hover.png) top center no-repeat; background:rgba(0,0,0,0.7); color:#FFF; text-decoration:none; } @media screen and (max-width:767px) { .area-datatable #sticker{ float:left !important; *display:inline-block; width:100%; *min-height:40px; clear:both; *border:2px solid red; *background:red; background:#d6d6d6; } .area-datatable .area-menu-aksi a{ height:auto; line-height:normal; white-space:nowrap; padding-top:5px; padding-bottom:5px; padding-left:7px; padding-right:7px; margin-bottom:1px; float:left; } .area-datatable section{ *border:2px solid green; *clear:both; float:left; width:100%; } } /****/ .area-datatable .dataTables_paginate{ *border:1px solid red; } .area-datatable .dataTables_paginate a.fg-button{ background:rgba(0,0,0,0.5) url(../images/bg-menu-aksi-hover.png) top center no-repeat;; color:#FFF; height:32px; line-height:32px; padding-left:14px; padding-right:14px; margin-left:1px; float:left; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .area-datatable .dataTables_paginate a.fg-button:hover, .area-datatable .dataTables_paginate a.fg-button.ui-state-disabled{ background:#cacaca; color:#333333; text-decoration:none; } .area-datatable .dataTables_paginate span.ellipsis{ background:rgba(255,255,255,0.2); height:32px; line-height:32px; padding-left:14px; padding-right:14px; margin-left:1px; float:left; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /****/ .area-konten-inner .form-horizontal .control-label{ padding-top:0px; } /****/ .area-tahapan-lelang{ *border:1px solid red; } .area-tahapan-lelang span.nomor{ display:inline-block; background:#a42421; color:#FFF; width:28px; height:28px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right:15px; position:relative; } .area-tahapan-lelang span.nomor:after{ position:absolute; font-family:"FontAwesome"; content:"\f111"; top:-2px; *margin-right:-17px; *color:#999; color:rgba(0,0,0,0.3); } /****/ .area-submenu-paket-lelang{} .area-submenu-paket-lelang .inner{ *border:1px solid #e4e4e4; background:rgba(255,255,255,0.7); padding:10px 10px 0 10px; } .area-submenu-paket-lelang .inner .sparator{ *border-top:1px solid #bcbcbc; *border-bottom:1px solid #FFF; *margin-top:7px; *margin-bottom:7px; border-bottom:3px solid #d7d7d7; } .area-submenu-paket-lelang .inner .judul-grup{ margin-bottom:0px; } /****/ .area-submenu-paket-lelang .inner ul#accordion{ padding:0 0; list-style:none; } .area-submenu-paket-lelang .inner ul#accordion > li{ *margin-bottom:10px; } .area-submenu-paket-lelang .inner ul#accordion > li > a{ display:block; *background:#da1a1a; color:#FFF; } .area-submenu-paket-lelang .inner ul#accordion > li > a span{ padding:5px 10px; display:inline-block; width:100%; background: #838383; /* fallback */ background-color: #838383; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#838383), to(#6f6f6f)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #838383, #6f6f6f); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #838383, #6f6f6f); /* IE 10 */ background: -ms-linear-gradient(top, #838383, #6f6f6f); /* Opera 11.10+ */ background: -o-linear-gradient(top, #838383, #6f6f6f); } .area-submenu-paket-lelang .inner ul#accordion a:hover{ text-decoration:none; } .area-submenu-paket-lelang .inner ul#accordion > li > a > ul{ padding:0 0; list-style:none; } .area-submenu-paket-lelang .inner ul#accordion > li > a > ul > li{ background: #c8c8c8; /* fallback */ background-color: #c8c8c8; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#e5e5e5)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #c8c8c8, #e5e5e5); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #c8c8c8, #e5e5e5); /* IE 10 */ background: -ms-linear-gradient(top, #c8c8c8, #e5e5e5); /* Opera 11.10+ */ background: -o-linear-gradient(top, #c8c8c8, #e5e5e5); font-size:13px; color:#333; padding:5px 10px; } /****/ .area-submenu-paket-lelang .inner .item{ margin-bottom:3px; } .area-submenu-paket-lelang .inner .item a{ display:block; } .area-submenu-paket-lelang .inner .item a:hover{ text-decoration:none; } .area-submenu-paket-lelang .inner .item .nama{ background: #d6260e; /* fallback */ background-color: #d6260e; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6260e), to(#be1f0a)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #d6260e, #be1f0a); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #d6260e, #be1f0a); /* IE 10 */ background: -ms-linear-gradient(top, #d6260e, #be1f0a); /* Opera 11.10+ */ background: -o-linear-gradient(top, #d6260e, #be1f0a); color:#FFF; padding:5px 10px; font-size:13px; text-transform:uppercase; } .area-submenu-paket-lelang .inner .item a:hover .nama{ background:#be1f0a; } .area-submenu-paket-lelang .inner .item .ket{ font-size:13px; color:#333; background: #c8c8c8; /* fallback */ background-color: #c8c8c8; background: url(images/linear_bg_2.png); background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#e5e5e5)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #c8c8c8, #e5e5e5); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #c8c8c8, #e5e5e5); /* IE 10 */ background: -ms-linear-gradient(top, #c8c8c8, #e5e5e5); /* Opera 11.10+ */ background: -o-linear-gradient(top, #c8c8c8, #e5e5e5); border-bottom:1px solid #c8c8c8; padding:3px 10px; } .area-submenu-paket-lelang .inner .item a:hover .ket{ background:#ededed; } /****/ .area-tab-external{ *border:1px solid red; } .area-tab-external ul.tab-navigasi{ padding:0 0; display:table; margin-bottom:0px; } .area-tab-external ul.tab-navigasi li{ list-style:none; *display:inline-block; float:left; margin-right:2px; } .area-tab-external ul.tab-navigasi li a{ background:#b8b8b8; color: rgba(255,255,255,0.8); display:block; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding:5px 10px; } .area-tab-external ul.tab-navigasi li a:hover{ text-decoration:none; background:#a9a9a9; } .area-tab-external ul.tab-navigasi li a.current{ background: #8cc63f/*02aeda*/; color:#FFF; } .area-tab-external .konten{ clear:both; padding-top:10px; overflow-x:auto; } .area-tab-external .tab-navigasi ~ .konten { padding-top: 0px; } .area-tab-external .konten .row{ margin-left:0px; margin-right:0px; } .area-tab-external .dataTables_filter{ margin-right:10px; } /****/ .tab-navigasi-sub{ *padding-left:10px; padding-left:8px; padding-top:10px; margin-left:7px; margin-right:7px; margin-top:0px; } .tab-navigasi-sub a{ background:rgba(0,0,0,0.5); color:#FFF; padding:4px 15px; display:inline-block; } .tab-navigasi-sub a:hover{ background:rgba(0,0,0,0.7); text-decoration:none; } .tab-navigasi-sub a.current{ background:rgba(0,0,0,0.7); color:#FFF; } /** COMBOBOX **/ /****/ .area-konten-inner span.combo{ border:1px solid #cccccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:34px !important; } @media screen and (max-width:767px) { .area-konten-inner span.combo{ *border:2px solid red; max-width:100%; } } .area-konten-inner span.combo input.combo-text{ height:32px !important; line-height:30px !important; padding-left:13px; font-size:13px; } @media screen and (max-width:767px) { .area-konten-inner span.combo input.combo-text{ *border:2px solid cyan; max-width:calc(100% - 18px); } } .area-konten-inner span.combo.datebox input.combo-text{ padding-left:2px; } .area-konten-inner span.combo input.combo-text ~ span.combo-arrow-wadah{ } .area-konten-inner span.combo span.combo-arrow-wadah span.combo-arrow{ height:33px !important; } /*input[type=text].easyui-combobox{ border:2px solid magenta !important; *padding-right:200px !important; width: auto !important; float:left !important; }*/ /****/ input.easyui-combobox.combobox-f.combo-f{ } input.easyui-combobox{ width:350px; } input.easyui-datebox{ width:115px !important; } @media screen and (max-width:767px) { input.easyui-combobox{ *width:100% !important; *border:5px solid yellow; } } /****/ .area-konten-inner .form-control{ font-size:13px; } @media screen and (max-width:767px) { .area-konten-inner input[name=reqNamaPerusahaan]{ width:100% !important; } } /****/ .area-breadcrumb{ display:inline-block; clear:both; float:left; position:relative; transition: all 0.2s ease-in-out; } @media screen and (max-width:767px) { .area-breadcrumb{ height:auto; line-height:normal; } } .area-breadcrumb.detil{ height:auto; line-height:normal; padding-left: 15px; } .area-breadcrumb.active{ /*background:#444444 url(../images/bg-shadow-menu.png) top center no-repeat;*/ /*background-color: #0637a2;*/ background-color: #2a9055; position:fixed; width:100%; left:0; right:0; /*top: 110px;*/ /*top: 105px;*/ top: 95px; z-index: 999; padding-left: 70px; } .area-breadcrumb.detil.active ~ .row { padding-top: 40px; } @media screen and (max-width:767px) { .area-breadcrumb.active{ *top:136px; top:105px; padding-left:15px; } } .area-breadcrumb ol{ padding:0 0; margin-bottom:0px !important; } .area-breadcrumb ol li{ font-size:12px; color:rgba(255,255,255,1) !important; } .area-breadcrumb ol a{ font-size:11px; height:34px; line-height:34px; } @media screen and (max-width:767px) { .area-breadcrumb ol a{ height:auto; line-height:normal; } } .area-breadcrumb ol a:hover{ color:rgba(255,255,255,1) !important; } .area-breadcrumb.detil ol{ margin-bottom:12px !important; } .area-breadcrumb.detil ol li{ color: #333333 !important; } .area-breadcrumb.detil ol a{ height:auto; line-height:normal; color: #2a9055 !important; } .area-breadcrumb.detil ol a:hover { color: #333 !important; } .area-breadcrumb.detil.active ol{ margin-bottom:0px !important; margin-top: 0px !important; } .area-breadcrumb.detil.active ol li{ line-height:28px; color: rgba(255,255,255,0.8) !important; font-size:11px; } .area-breadcrumb.detil.active ol li a { color: #fff402 !important; } .area-breadcrumb.detil.active ol li a:hover { color: #FFFFFF !important; } /****/ iframe.embed-responsive-item.modal-tmp{ *border:5px solid green; } .body-popup{ *border:10px solid red !important; *float:left; *width:100%; background:url(../images/bg-konten.png); padding:0px 0px; margin:0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .body-popup.sudah{ background: none; } .body-popup > .container-fluid > .row > .col-md-12{ padding-left:0px !important; padding-right:0px !important; } /*.area-menu-aksi{ background:#e5e5e5; padding:5px; } */ /****/ .panel.datagrid{ *border:1px solid red !important; width:100% !important; *height:calc(100vh - 90px); height:calc(100vh - 50px); *border:none !important; } .datagrid-header-inner{ width:100% !important; *border:4px solid green; display:inline-block; } table.datagrid-htable{ width:100%; *border:1px solid red; } table.datagrid-btable{ width:100%; } table.datagrid-btable .datagrid-cell{ *border:2px solid red !important; *width:auto !important; *display:inline-block; } .panel.datagrid .panel-body { min-height: 97% !important; } /* table.datagrid-btable{ *border:2px solid green !important; width:100% !important; } td .datagrid-cell{ *border:2px solid green !important; width:100% !important; } table.datagrid-htable{ *border:2px solid red !important; *width:calc(100% - 1000px) !important; *border-collapse:collapse; } table.datagrid-htable td{ border:none !important; }*/ /****/ #tbl_bidang.paket-lelang{ border-collapse:collapse; } #tbl_bidang.paket-lelang tr.judul-kolom th.nama{ *width:350px; *background:cyan !important; } #tbl_bidang.paket-lelang th:nth-child(1){ width:100px; } #tbl_bidang.paket-lelang th:nth-child(2){ width:100px; } #tbl_bidang.paket-lelang th:nth-child(3){ width:350px; } #tbl_bidang.paket-lelang th:nth-child(4){ } #tbl_bidang.paket-lelang th:nth-child(4){ *width:100px; } #tbl_bidang.paket-lelang td{ padding:10px 10px; /*border-top: 1px dashed #2a9055;*/ border-top: 1px solid #dadada; } @media screen and (max-width:767px) { #tbl_bidang.paket-lelang tr:last-child{ border:none; } #tbl_bidang.paket-lelang tr:last-child td{ border-bottom:none; padding:0 0; padding-top:0px !important; padding-left:0px !important; background:none; } } #tbl_bidang.paket-lelang tr:nth-child(odd) td{ *background:rgba(0,0,0,0.4); } #tbl_bidang.paket-lelang td.tgl{ } #tbl_bidang.paket-lelang td.tgl .bln-thn{ background-color: #6ab21d; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; background: -webkit-gradient(linear, left top, right top, from(#6ab21d), to(#77c128)); background: -webkit-linear-gradient(left, #6ab21d, #77c128); background: -moz-linear-gradient(left, #6ab21d, #77c128); background: -ms-linear-gradient(left, #6ab21d, #77c128); background: -o-linear-gradient(left, #6ab21d, #77c128); color:#FFF; text-align:center; font-size:13px; padding: 0px 10px 4px; -webkit-border-radius: 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #tbl_bidang.paket-lelang td.tgl .tgl{ background-color: #6ab21d; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; background: -webkit-gradient(linear, left top, right top, from(#6ab21d), to(#77c128)); background: -webkit-linear-gradient(left, #6ab21d, #77c128); background: -moz-linear-gradient(left, #6ab21d, #77c128); background: -ms-linear-gradient(left, #6ab21d, #77c128); background: -o-linear-gradient(left, #6ab21d, #77c128); color: #FFFFFF; /*border:1px solid #2a9055;*/ text-align:center; font-size:30px; -webkit-border-radius: 10px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 10px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } #tbl_bidang.paket-lelang td a{ color:#333 !important; } /****/ #tbl_bidang.paket-lelang td.nama{ position:relative; font-family: 'Poppins Bold'; /**padding-bottom:80px !important;*/ /*padding-bottom:100px !important;*/ /* *border:1px solid red; *display: table-cell; *vertical-align: bottom; *background-color:rgba(255,255,255,0.3);*/ } @media screen and (max-width:767px) { #tbl_bidang.paket-lelang td.nama{ padding-bottom:150px !important; } } #tbl_bidang.paket-lelang td.nama .nama-paket{ /**position:relative; *border:1px solid red; *position:absolute; *top:0;*/ } #tbl_bidang.paket-lelang #ket-daftar{ /* position:absolute; bottom:10px; width:calc(100% - 20px);*/ margin-top: 5px; } #tbl_bidang.paket-lelang #ket-daftar .dibatalkan-diulang{ background:#FFF; padding:5px 10px; color:#a51e24; border-radius: 4px; font-size:13px; border:1px solid rgba(165,30,36,0.4); } #tbl_bidang.paket-lelang #ket-daftar .dapat{ background:rgba(0,0,0,0.1); padding:5px 10px; border-radius: 4px; font-size:13px; } #tbl_bidang.paket-lelang #ket-daftar .dapat:before{ font-family:"FontAwesome"; *content:"\f00c"; content:"\f058"; margin-right:5px; } #tbl_bidang.paket-lelang #ket-daftar .tdk-dapat{ background:rgba(165,30,36,0.4); padding:5px 10px; border-radius: 4px; font-size:13px; } #tbl_bidang.paket-lelang #ket-daftar .tdk-dapat:before{ color:#a51e24; font-family:"FontAwesome"; *content:"\f057"; content:"\f06a"; margin-right:5px; } /****/ #tbl_bidang.paket-lelang .tidak-memenuhi-syarat{ background:rgba(218,26,26,0.1); color:#333; padding:5px 10px; border-top:2px solid #da1a1a; font-size:13px; } /*#tbl_bidang.paket-lelang .tidak-memenuhi-syarat ~ div a{ display:block; padding-top:3px; padding-bottom:3px; background:#FFF; } */ /****/ /*#tbl_bidang.paket-lelang td .area-aksi{ *display: flex; *justify-content: center; /* align horizontal * *align-items: center; /* align vertical * } #tbl_bidang.paket-lelang td .area-aksi a{ display:block; *background:cyan; background-color: #1e6695; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e6695), to(#135077)); background: -webkit-linear-gradient(top, #1e6695, #135077); background: -moz-linear-gradient(top, #1e6695, #135077); background: -ms-linear-gradient(top, #1e6695, #135077); background: -o-linear-gradient(top, #1e6695, #135077); color:rgba(255,255,255,0.8); *padding:5px 15px; *padding-left:15px; *padding-right:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #tbl_bidang.paket-lelang td .area-aksi a:hover{ background:#333; color:rgba(255,255,255,1); text-decoration:none; }*/ /*#ket-daftar{ *background:#ecf3ff; *border-left:10px solid #77bff1; background:rgba(0,0,0,0.1); border-left:10px solid rgba(0,0,0,0.5); *background:red; *border:1px solid #77bff1; color:rgba(0,0,0,0.6); *-webkit-border-radius: 3px; *-moz-border-radius: 3px; *border-radius: 3px; padding:3px 10px; } #ket-daftar.tdk-dapat{ background:rgba(218,26,26,0.1); *border:1px solid #da1a1a; border-left:10px solid #da1a1a; } .tidak-memenuhi-syarat{ background:rgba(218,26,26,0.1); color:rgba(0,0,0,0.6); padding:3px 10px; border-top:2px solid #da1a1a; } .tidak-memenuhi-syarat ~ div{ } .tidak-memenuhi-syarat ~ div a{ display:block; padding-top:3px; padding-bottom:3px; background-color: #525252; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#525252), to(#333)); background: -webkit-linear-gradient(top, #525252, #333); background: -moz-linear-gradient(top, #525252, #333); background: -ms-linear-gradient(top, #525252, #333); background: -o-linear-gradient(top, #525252, #333); background-color: #da1a1a; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da1a1a), to(#a42421)); background: -webkit-linear-gradient(top, #da1a1a, #a42421); background: -moz-linear-gradient(top, #da1a1a, #a42421); background: -ms-linear-gradient(top, #da1a1a, #a42421); background: -o-linear-gradient(top, #da1a1a, #a42421); color:rgba(255,255,255,0.6) !important; } .tidak-memenuhi-syarat ~ div a:hover{ background: #333; color:rgba(255,255,255,0.9) !important; text-decoration:none; }*/ /****/ /*#tbl_bidang.paket-lelang thead th{ *background:#333333; *color:#FFF; font-weight:normal; text-transform:uppercase; } #tbl_bidang.paket-lelang td.tgl{ *background:#c6c6c6; *background:#b8b8b8; *padding:0 0 !important; } #tbl_bidang.paket-lelang td.tgl .bln-thn{ *background:rgba(0,0,0,0.2); *background:#525252; background:#a51e24; color:#FFF; text-align:center; padding:4px; font-size:13px; } #tbl_bidang.paket-lelang td.tgl .tgl{ *background:pink; text-align:center; font-size:24px; *border:1px solid rgba(0,0,0,0.2); *border:1px solid #525252; border:1px solid #a51e24; border-width:0 1px 1px 1px; } #tbl_bidang.paket-lelang tr td{ border-bottom:1px solid rgba(0,0,0,0.1); } #tbl_bidang.paket-lelang tr:nth-child(odd){ *background:rgba(255,255,255,0.9); } #tbl_bidang.paket-lelang tr:nth-child(even){ *background:rgba(230,230,230,0.4); *background:red; *background:rgba(255,255,255,0.5); } #tbl_bidang.paket-lelang a{ color:#333; }*/ /****/ /*#tbl_bidang a{ color:#333; } #tbl_bidang .keterangan{ background:#ecf3ff; border:1px solid #77bff1; color:rgba(0,0,0,0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:3px 10px; } #tbl_bidang .keterangan.warning{ background:rgba(218,26,26,0.1); border:1px solid #da1a1a; } */ /****/ .notifikasi-seluruhnya { background-color: #2a9055; /*padding: 3px 5px !important;*/ } .notifikasi-seluruhnya a { background-color: #2a9055 !important; color: #fff !important; padding: 3px 5px !important; } .notifikasi-seluruhnya a:hover { background-color: #333 !important; color: #fff !important; font-weight: bold; } .notifikasi-seluruhnya a.logout { background-color: #a90e0e !important; } .frameblue{ *background:#00487b url(../images/shadow-vr-notifikasi.png) top left no-repeat; /*background:rgba(0,0,0,0.2) url(../images/shadow-vr-notifikasi.png) top left no-repeat; color:#fff; min-height:300px;*/ margin:0 0 !important; font-size:15px; } .frameblue > ul.verifikasi-keterangan{ list-style:none; padding: 10px 0 0; background:url(../images/icon-i.png) top 0px right 100px no-repeat; } .frameblue > ul.verifikasi-keterangan li{ *border-bottom:1px solid rgba(0,0,0,0.1); *padding-top:10px; *padding-bottom:10px; padding:5px 10px; margin-bottom:10px; } .frameblue > ul.verifikasi-keterangan li:before{ } .frameblue > ul.verifikasi-keterangan li.info{ background: rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); } .frameblue > ul.verifikasi-keterangan li.gagal{ color:#f00; background:rgba(255,255,255,0.7); border-bottom:1px solid rgba(255,255,255,0.9); } .frameblue > ul.verifikasi-keterangan li.gagal table.verifikasi-gagal{ border-collapse:collapse; *width:calc(100% - 20px); *margin-left:20px; margin-top:6px; margin-bottom:6px; } .frameblue > ul.verifikasi-keterangan li.gagal table.verifikasi-gagal tr.judul-kolom td{ background:rgba(0,0,0,0.5); color:#FFF; text-transform:uppercase; } .frameblue > ul.verifikasi-keterangan li.gagal table.verifikasi-gagal tr.gelap td{ background:rgba(0,0,0,0.2); color:#333; } .frameblue > ul.verifikasi-keterangan li.gagal table.verifikasi-gagal tr.terang td{ background:rgba(0,0,0,0.1); color:#333; } .frameblue > ul.verifikasi-keterangan li.gagal table.verifikasi-gagal tr td{ border-right:1px solid rgba(0,0,0,0.2); padding:5px 10px; } .frameblue > ul.verifikasi-keterangan li.gagal table.verifikasi-gagal tr td:last-child{ border-right:none; } /****/ .area-tombol-atas{ *padding-bottom:10px; display:inline-block; width:100%; } .area-tombol-atas a{ height: 28px !important; line-height: 28px !important; padding-left: 10px; padding-right: 10px; font-size: 13px; text-transform: none; } /****/ .area-show-hide-konten{ *border:2px solid red; } .area-show-hide-konten{ } @media screen and (max-width:767px) { .area-show-hide-konten{ max-width:calc(100vw - 75px); overflow:auto; } } .area-show-hide-konten table{ border-collapse:separate; width:100%; border-spacing:1px; border:1px solid rgba(0,0,0,0.2); } .area-show-hide-konten table tr.judul-kolom2 td{ background:#cccccc; } .area-show-hide-konten table tr.judul-kolom4 td{ background:#f4f4f4; } /****/ .form-group table .kolom-aksi{ text-align:center !important; *background:cyan !important; } .form-group table a{ } .form-group table a:hover{ text-decoration:none; } /*.form-group table a:hover i{ background:rgba(0,0,0,0.8); }*/ .form-group table a.kolom-buka-show-hide{ *border:1px solid red; display:block; } .form-group table a.kolom-buka-show-hide:hover:after{ content:"↓"; float:right; *background:yellow; *color:#a42421; margin-left:-20px; } /****/ table.tambah-baris{ *border:2px solid yellow; *border-collapse:collapse; *width:100%; } table.tambah-baris thead th{ background:#d9d9d9; padding:4px 8px; } /****/ table.header-keterangan{ border-collapse:collapse; width:100%; *border:2px solid red; *border-top:3px solid #a42421; border-bottom:3px solid rgba(0,0,0,0.2); margin-bottom:10px; } table.header-keterangan td:nth-child(1){ width:200px; } table.header-keterangan td:nth-child(2){ width:20px; } /****/ .informasi{ } .informasi > ul{ margin:10px; padding:0 0; list-style:none; } .informasi > ul > li{ background:rgba(0,0,0,0.2); *color:#fff; padding:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid rgba(0,0,0,0.1); margin-bottom:4px; } .informasi > ul > li i{ *color:#fc665f; font-size:24px; vertical-align:middle; } /****/ .keterangan-list{ margin-top:-10px; } .keterangan-list > ul{ padding:0 0; list-style:none; } .keterangan-list > ul > li{ border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 10px; background:rgba(255,255,255,0.5); } /****/ .info-perusahaan{ border:1px solid rgba(0,0,0,0.2); padding:10px; margin:10px; } .info-perusahaan table{ } .info-perusahaan table td{ background:rgba(255,255,255,0.7) !important; padding:5px 10px !important; } .info-perusahaan table td:nth-child(1){ width:200px; } .info-perusahaan table td:nth-child(2){ width:20px; } /** FIXED AREA-MENU-AKSI WHEN SCROLLING UP **/ div#sticker { } .stick { position:fixed; top:138px !important; left:0; z-index:999; width:50%; height:44px; padding-top:5px; padding-left: 100px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,0.1); } @media screen and (max-width:767px) { .stick { padding-left:0px; padding-top:5px; padding-bottom:5px; padding-left:5px; height:auto; } .stick .area-menu-aksi{ padding:0px; } } .stick .area-menu-aksi{ width:100%; } .stickfilter { position:fixed; top:138px !important; right:0; z-index:999; width:50%; height:44px; padding-top:5px; padding-right: 100px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,0.1); } @media screen and (max-width:767px) { .stickfilter { top:178px !important; padding-right:0px; width:100%; height:auto; } } /****/ .container-treegrid, .row-treegrid, .col-treegrid{ height:100% !important; } .container-treegrid{ *border:1px solid cyan; } .row-treegrid{ *border:1px solid blue; } .col-treegrid{ *border:1px solid yellow; } /****/ table.syarat-ketentuan{ *border:5px solid green; *border-collapse:collapse; border-collapse:separate; border-spacing:0 10px; } table.syarat-ketentuan tr.judul-kolom td{ *border:2px solid hotpink !important; border-right:1px solid rgba(0,0,0,0.1); } table.syarat-ketentuan tr.judul-kolom td:last-child{ border-right: none; } table.syarat-ketentuan tr.judul-kolom td:nth-child(1){ width:300px; } table.syarat-ketentuan tr.judul-kolom td:nth-child(2){ width:300px; } table.syarat-ketentuan tr.gelap, table.syarat-ketentuan tr.terang{ *border-spacing:10px; *margin-bottom:100px !important; } table.syarat-ketentuan tr.gelap td, table.syarat-ketentuan tr.terang td{ border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); *padding:15px 15px; } table.syarat-ketentuan tr.gelap td:nth-child(3), table.syarat-ketentuan tr.terang td:nth-child(3){ *padding:0px 0px !important; padding:0px 0px ; *background:rgba(255,255,255,0.2); *background:#FFF; *border:1px solid cyan; border:1px solid rgba(0,0,0,0.1); position:relative !important; } /****/ /*.area-info-kelengkapan-pendaftaran{ border:2px solid green; *background:rgba(0,0,0,0.4); background:red; padding:2px; }*/ table.syarat-ketentuan input.info-kelengkapan-pendaftaran{ *background:#da1a1a; *background:rgba(0,0,0,0.25); background:rgba(0,0,0,0.4); *background:rgba(0,0,0,0.1); color:#FFF; height:34px; padding-left:10px; width:100%; border:none; border-bottom:1px solid rgba(0,0,0,0.2); *border:1px solid cyan; *background-color:transparent; } table.syarat-ketentuan input.info-kelengkapan-pendaftaran.easyui-validatebox.validatebox-text{ *background-color:transparent; } table.syarat-ketentuan input.info-kelengkapan-pendaftaran.easyui-validatebox.validatebox-text.validatebox-invalid{ background-image: url('images/validatebox_warning.png'); background-repeat: no-repeat; background-position: right center; border-color: #ffa8a8; background-color: #fff3f3; *color: #000; color:red; *color:#a42421; } table.syarat-ketentuan input.info-kelengkapan-pendaftaran:after{ *border:1px solid red !important; } table.syarat-ketentuan .area-klik.btn-lookup{ position:absolute; top:5px; right:10px; *margin-top:5px; *border:1px solid rgba(0,0,0,0.4) !important; border:1px solid rgba(255,255,255,0.9) !important; *border:none !important; *padding:0 0; line-height:normal !important; } table.syarat-ketentuan .area-klik.btn-lookup img{ *border:1px solid red; } table.syarat-ketentuan .area-klik.btn-lookup:before{ /*border:10px solid red; content:"fghjk"; position:absolute; z-index:-1;*/ } /*****/ .tabel-pengalaman table{ border-collapse:collapse; width:calc(100% - 20px); margin:10px; } .tabel-pengalaman table thead tr.judul-kolom th{ border:1px solid rgba(0,0,0,0.2) !important; } .tabel-pengalaman table thead tr.judul-kolom th:nth-child(1){ width:200px; } .tabel-pengalaman table thead tr.judul-kolom th:last-child{ width:200px; } .tabel-pengalaman table tr:nth-child(odd) td{ background:rgba(0,0,0,0.02); } .tabel-pengalaman table tr:nth-child(even) td{ background:rgba(0,0,0,0.05); } .tabel-pengalaman table tbody tr td{ border:1px solid rgba(0,0,0,0.2) !important; } .tabel-pengalaman table tbody tr td:last-child{ padding:4px 6px !important; } .tabel-pengalaman table tbody tr td:nth-child(3){ } /****/ .tabel-pengalaman-2 table{ border-collapse:collapse; width:calc(100% - 20px); margin:10px; } .tabel-pengalaman-2 table thead tr.judul-kolom th{ border:1px solid rgba(0,0,0,0.2) !important; } .tabel-pengalaman-2 table thead tr.judul-kolom th:nth-child(1){ } .tabel-pengalaman-2 table thead tr.judul-kolom th:last-child{ width:200px; } .tabel-pengalaman-2 table tr:nth-child(odd) td{ background:rgba(0,0,0,0.02); } .tabel-pengalaman-2 table tr:nth-child(even) td{ background:rgba(0,0,0,0.05); } .tabel-pengalaman-2 table tbody tr td{ border:1px solid rgba(0,0,0,0.2) !important; } .tabel-pengalaman-2 table tbody tr td:last-child{ padding:4px 6px !important; } /****/ .area-pencarian{ *border:1px solid cyan; text-align:right; } body.body-popup .row-treegrid .col-treegrid > .area-pencarian{ position: absolute; z-index: 9; *border: 1px solid red; top: 42px; right: 15px; } /****/ .area-aksi-paket-lelang{ *border:1px solid red; } #tbl_bidang.paket-lelang td .area-aksi-paket-lelang a{ height:auto !important; line-height:normal !important; color:rgba(255,255,255,0.6) !important; padding-top:5px; padding-bottom:6px; } .area-aksi-paket-lelang a:hover{ color:rgba(255,255,255,0.9) !important; } /** AANWIJZING **/ .frameBuku{ border:2px solid red; width:100%; height:100%; } .klik-buku a{ display:block; width:180px; height:260px; /*margin-top:-160px; background:#F6F;*/ position:relative; z-index:999; /*background:#990;*/ *background:url(../images/cover-buku.jpg); /*background:rgba(245,255,34,0.7);*/ } /*.klik-buku a span:nth-child(1){ background:rgba(0,0,0,0.7); color:#FFF; height:20px; line-height:20px; padding:0 5px; bottom:36px; right:0px; position:absolute; } .klik-buku a span:nth-child(2){ background:rgba(255,255,255,0.8); color:#000; height:20px; line-height:20px; padding:0 10px; bottom:15px; right:0px; position:absolute; }*/ .klik-buku a:nth-child(2){ visibility:hidden;} iframe#buku-frame{ width:100%; height:100%; min-height:100%; border:none; } figure.close{ *float: right; *font-size: 21px; *font-weight: bold; *line-height: 1; *color: #000; text-shadow: none/* 0 1px 0 #fff*/; filter: alpha(opacity=100); opacity: 1; *background:red !important; } figure.close:hover { *color: #000; *text-decoration: none; *cursor: pointer; filter: alpha(opacity=100); opacity: 1; } figure.close .buttons.klik-buku a:hover{ text-decoration:none; } /****/ #separuh-kiri{ width:50%; float:left; background:#0086a9 !important; *height:100%; *min-height:100%; height:calc(100vh - 0px); min-height:calc(100vh - 0px); /*height: -moz-calc(100% + 150px); height: -webkit-calc(100% + 150px); height: -o-calc(100% + 150px); height: calc(100% + 150px); min-height: -moz-calc(100% + 150px); min-height: -webkit-calc(100% + 150px); min-height: -o-calc(100% + 150px); min-height: calc(100% + 150px);*/ *border:2px solid lime; } #separuh-kiri img{ height:100%; width:100%; } #separuh-kiri-tombol{ position:absolute; right:50%; padding:20px 20px 10px; } #separuh-kiri-tombol input[type = button]{ background:#4bbad9; color:#FFF; border:none; padding:7px 10px 8px; font-size:13px; text-transform:uppercase; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } #separuh-kiri-tombol input[type = button].disable{ background:#b0b0b0; color:#dddddd; border:none; padding:7px 10px 8px; font-size:13px; text-transform:uppercase; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } #separuh-kanan{ width:50%; float:right; background:#f4f4f4; *height:100%; *min-height:100%; height:calc(100vh - 0px); min-height:calc(100vh - 0px); position:relative; *border:2px solid cyan; } #separuh-kanan img{ height:100%; width:100%; } #separuh-kanan iframe{ width:100%; height:100%; min-height:100%; /* height:50%; min-height:50%;*/ border: none; overflow:hidden; } #separuh-kanan #kanan-bawah{ background:#e0f5fb; height:100%; min-height:100%; overflow-y:scroll; } #kanan-bawah-inner{ padding:18px 20px; } #tombol2{ float:left; position:fixed; left:160px; top:20px; height:32px; padding:0 20px; z-index:999; } /*****/ .area-aanwijzing-shoutbox .tabs { position: relative; clear: both; margin:0 0; *height:100%; *min-height:100%; height:100vh; min-height:100vh; position:relative; *background:#73d4ee; *background:rgba(115,212,238,0.2); *background:#3bbdde; background-color: #02aeda; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#02aeda), to(#3bbdde)); background: -webkit-linear-gradient(top, #02aeda, #3bbdde); background: -moz-linear-gradient(top, #02aeda, #3bbdde); background: -ms-linear-gradient(top, #02aeda, #3bbdde); background: -o-linear-gradient(top, #02aeda, #3bbdde); } #bg-tab-header{ height:35px; *background:#a51e24; background:rgba(0,0,0,0.2); position:fixed; width:100%; top:0; right:0; } .area-aanwijzing-shoutbox .tab { float: left; height: -moz-calc(100% - 10px); height: -webkit-calc(100% - 10px); height: -o-calc(100% - 10px); height: calc(100% - 10px); } .area-aanwijzing-shoutbox .tab [type=radio] { display: none; } .area-aanwijzing-shoutbox .tab .content { position: absolute; top: 28px; left: 0; *background: #da1a1a/*4bbad9*/; right: 0; bottom: 0; /*padding: 20px;*/ /*border: 1px solid #ccc;*/ /*overflow: hidden;*/ } .area-aanwijzing-shoutbox .tab .content > * { opacity: 0; /*-webkit-transform: translate3d(0, 0, 0); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease;*/ } .area-aanwijzing-shoutbox .tab label { font-size:13px; color:#FFF; background:rgba(0,0,0,0.3); padding: 0px 10px 1px; width:190px; height:28px; line-height:28px; position: fixed; left: 3px; margin-top:6px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; z-index: 99; text-align:center; font-weight:normal; } .area-aanwijzing-shoutbox [type=radio]:checked ~ label { *background: #71cee8; *background:#da1a1a; background:#02aeda; color:#FFF; height:28px; line-height:28px; text-align:center; /*border-right:1px solid #0289ab; padding:10px;*/ /*border-bottom: 1px solid white;*/ z-index: 99; } .area-aanwijzing-shoutbox [type=radio]:checked ~ label ~ .content { z-index: 1; } .area-aanwijzing-shoutbox [type=radio]:checked ~ label ~ .content > * { opacity: 1; /*-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);*/ } /****/ #content-inner{ padding:18px 20px; font-size:13px; color:#FFF; /*background:#71cee8;*/ *height:92%; *min-height:90%; height:calc(100% - 5px); min-height:calc(100% - 5px); } #content-inner table{ border-collapse:collapse; width:100%; } #content-inner table tr.judul td{ text-align:center; background:#0289ab; } #content-inner table tr.sub-judul1 td{ text-align:center; font-weight:bold; background:#3bbdde; } #content-inner table tr.sub-judul td{ text-align:left; background:#2db0d1; } #content-inner table td{ border:1px solid #0289ab; background:#81d9f2; color:#FFF; padding:4px 10px; text-align:center; } /****/ .area-auction{ *border:2px solid red; } .area-auction .area-data{ *border:2px solid green; float:left; width:100%; clear:both; *margin-bottom:20px; } .area-auction .area-data .waktu-peserta{ *border:2px solid cyan; float:left; width:50%; padding:10px 20px; border:1px solid rgba(0,0,0,0.2); border-width:1px 0 0px 1px; height:134px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .area-auction .area-data .waktu-peserta .list{ border-bottom:1px solid #e6e6e6; padding:10px 0; } .area-auction .area-data .waktu-peserta .list:nth-child(1){ border-top:1px solid #e6e6e6; } .area-auction .area-data .waktu-peserta span:nth-child(1){ display:inline-block; width:200px; } .area-auction .area-data .waktu-peserta span:nth-child(2) input[type=text]{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #cccccc; height:34px; line-height:34px; } .area-auction .area-data .harga-terendah{ *border:2px solid pink; float:left; width:50%; } .area-auction .area-data .harga-terendah .judul{ *background:red; background:#D9D9D9; height:34px; line-height:34px; padding:0 15px; *border-bottom:4px solid rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.2); border-width:1px 1px 0px 0px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .area-auction .area-data .harga-terendah .data{ float:left; width:100%; clear:both; *border:1px solid yellow; } .area-auction .area-data .harga-terendah .data .nilai{ float:left; width:calc(100% - 100px); height:100px; line-height:100px; text-align:center; background:rgba(0,0,0,0.2) url(../images/bg-shadow-menu.png) top center no-repeat; *color:#FFF; font-size:50px; } .area-auction .area-data .harga-terendah .data .ikon{ float:left; width:100px; height:100px; line-height:100px; text-align:center; background:rgba(255,255,255,0.5); font-size:36px; color:#da1a1a; border-right:1px solid rgba(0,0,0,0.2); } /****/ .area-auction .area-penawaran-anda{ *border:1px solid rgba(0,0,0,0.2); *border-width:1px 1px 1px 1px; padding:15px 20px; clear:both; margin-bottom:20px; /*background: #da1a1a; background-color: #da1a1a; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da1a1a), to(#a42421)); background: -webkit-linear-gradient(top, #da1a1a, #a42421); background: -moz-linear-gradient(top, #da1a1a, #a42421); background: -ms-linear-gradient(top, #da1a1a, #a42421); background: -o-linear-gradient(top, #da1a1a, #a42421); color: #fafafa;*/ *background:#cccccc; *border:1px solid rgba(0,0,0,0.2); *border-width:0px 1px 1px 1px; background:#e6e6e6 url(../images/bg-penawaran-anda.png) top right no-repeat; *border-top:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(0,0,0,0.2); -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .area-auction .area-penawaran-anda span:nth-child(1){ display:inline-block; width:200px; } .area-auction .area-penawaran-anda span:nth-child(2) input[type=text]{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *border: none; border:1px solid rgba(0,0,0,0.2); height:34px; line-height:34px; color: #333; } .area-auction .area-penawaran-anda span.keterangan{ float:right; color:rgba(255,255,255,1); *color:#da1a1a; font-weight:normal; font-size:13px; padding-top:15px; } /****/ .area-auction{ *border:2px solid red; float:left; width:100%; clear:both !important; } /****/ .area-auction .jam-jumlah{ float:left; width:calc(33.3% - 20px); height:170px; margin-right:20px; *border:2px solid cyan; *background: #a51e24 url(../images/bg-shadow-kanan.png) top left no-repeat; *background: #a51e24 url(../images/bg-peserta.png) top left no-repeat; background:#02aeda url(../images/bg-peserta.png) top left no-repeat; *padding:20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width:767px) { .area-auction .jam-jumlah{ width:calc(100% - 30px); margin-left:15px; margin-top:10px; margin-bottom:10px; *-webkit-border-radius: 0px; *-moz-border-radius: 0px; *border-radius: 0px; } } .area-auction .jam-jumlah .jam{ color:#FFF; text-align:center; *border-bottom:1px dashed rgba(255,255,255,0.2); background:rgba(0,0,0,0.2); font-size:30px; line-height:40px; padding-top:10px; padding-bottom:10px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .area-auction .jam-jumlah .area-jumlah{ padding-left:20px; padding-right:20px; } .area-auction .jam-jumlah .area-jumlah .nilai{ font-size:42px; color:#FFF; text-align:center; } .area-auction .jam-jumlah .area-jumlah .keterangan{ color:#FFF; text-align:center; border-top:1px dashed rgba(255,255,255,0.2); padding-top:10px; padding-bottom:10px; } /****/ .area-auction .penawaran{ float:left; width:33.3%; height:170px; *border:2px solid pink; background:rgba(0,0,0,0.15) url(../images/bg-penawaran.png) bottom right no-repeat; *background:url(../images/bg-judul-penawaran.png) bottom right no-repeat; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding:20px; } @media screen and (max-width:767px) { .area-auction .penawaran{ width:calc(100% - 30px); margin-left:15px; } } .area-auction .penawaran .judul{ text-align:center; height:40px; line-height:40px; border-bottom:1px solid rgba(255,255,255,0.2); text-transform:uppercase; font-size:20px; } .area-auction .penawaran input[type=text]{ width:100%; height:60px; *border-bottom:1px dashed rgba(0,0,0,0.2); border-width:0 0 0px 0; text-align:center; background-color:transparent; font-size:24px; *font-size:30px; } .area-auction .penawaran label.besaran-penurunan{ width:100%; height:55px; line-height:55px; margin-top:5px; *border-bottom:1px dashed rgba(0,0,0,0.2); border-width:0 0 0px 0; text-align:center; background-color:transparent; *font-size:24px; *font-size:30px; border:1px solid rgba(2,174,218,0.2); background:rgba(255,255,255,0.4); } .area-auction .penawaran button{ /*background: #da1a1a; background-color: #da1a1a; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da1a1a), to(#a42421)); background: -webkit-linear-gradient(top, #da1a1a, #a42421); background: -moz-linear-gradient(top, #da1a1a, #a42421); background: -ms-linear-gradient(top, #da1a1a, #a42421); background: -o-linear-gradient(top, #da1a1a, #a42421);*/ background: #73d4ee; background-color: #73d4ee; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d4ee), to(#02aeda)); background: -webkit-linear-gradient(top, #73d4ee, #02aeda); background: -moz-linear-gradient(top, #73d4ee, #02aeda); background: -ms-linear-gradient(top, #73d4ee, #02aeda); background: -o-linear-gradient(top, #73d4ee, #02aeda); color: #fafafa; border:none; width:100%; height:34px; } /****/ .area-auction .harga{ float:left; width:33.3%; height:170px; *border:2px solid purple; background:#FFF; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding:20px; position:relative; } @media screen and (max-width:767px) { .area-auction .harga{ width:calc(100% - 30px); margin-left:15px; margin-top:10px; } } .area-auction .harga.panitia .jam{ position:absolute; width:100%; left:0; top:0; *background:rgba(0,0,0,0.7); background:#02aeda; color:#FFF; text-align:center; *border-bottom:1px dashed rgba(255,255,255,0.2); *background:rgba(0,0,0,0.2); font-size:30px; line-height:40px; padding-top:10px; padding-bottom:10px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; /*-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 4px; border-top-left-radius: 0px; border-top-right-radius: 4px;*/ } .area-auction .harga.panitia .jam input[type=button]{ border:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ededed; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#dbdbdb)); background: -webkit-linear-gradient(top, #ededed, #dbdbdb); background: -moz-linear-gradient(top, #ededed, #dbdbdb); background: -ms-linear-gradient(top, #ededed, #dbdbdb); background: -o-linear-gradient(top, #ededed, #dbdbdb); color: rgba(0,0,0,0.5); font-size:18px; text-transform:uppercase; } .area-auction .harga.panitia .jam label.is-countdown, label.is-countdown{ font-family: 'BebasNeue'; font-size:40px; font-weight:normal; } .area-auction .harga.panitia .jam input[type=button]#btnReset{ float:right; margin-right:13px; } .area-auction .harga .judul{ text-align:center; height:40px; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.2); text-transform:uppercase; font-size:20px; } .area-auction .harga .nilai{ position:relative; } .area-auction .harga .nilai .mata-uang{ position:absolute; border:1px solid rgba(0,0,0,0.2); border-width:0 1px 1px 1px; padding:1px 15px; } .area-auction .harga .nilai .nominal{ font-size:36px; line-height:60px; text-align:center; } .area-auction .harga .nilai .nominal .ikon{ right:0; bottom:0; text-align:center; *background:#DA1A1A; background:#02aeda; color:#FFF; width:60px; height:60px; line-height:60px; margin-top:10px; margin-bottom:10px; margin-left:140px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size:30px; } .area-auction .harga .nilai .keterangan { } .area-auction .harga .nilai .keterangan .keterangan{ font-style:italic; font-size:10px; *padding-right:70px; text-align:right; } .area-auction .harga.panitia .nilai .keterangan .keterangan span{ font-size:18px; font-style:normal; } .area-auction .harga .nilai .keterangan .ikon{ position:absolute; right:0; bottom:0; background:#DA1A1A; color:#FFF; width:60px; height:60px; line-height:60px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size:30px; } .area-auction .harga.panitia .nilai .keterangan .ikon{ bottom:-20px; } /****/ .area-auction .area-chatting { margin-top:20px; clear:both; float:left; width:100%; } .area-auction .area-chatting .col-md-12{ *padding-right:0px; } .area-auction .area-chatting .panel{ background-color:transparent; } .area-auction .area-chatting .panel.panel-primary .panel-heading{ background: #D9D9D9 !important; *background:#da1a1a !important; color:#333; *color:#FFF; *border-bottom:1px solid rgba(0,0,0,0.1); *border-bottom:1px solid rgba(255,255,255,0.2); border-bottom:none; text-transform:uppercase; } .area-auction .area-chatting .panel.panel-primary .panel-heading i{ *color:#DA1A1A; color:rgba(0,0,0,0.5); font-size:24px; } .area-auction .area-chatting .panel.panel-primary .panel-footer{ background:#02aeda !important; border:none !important; *border-top:1px solid rgba(255,255,255,0.2); width:100% !important; *border:1px solid cyan !important; float:left; clear:both; } .area-auction .area-chatting .panel.panel-primary .panel-footer .input-group{ *border:1px solid green; width:calc(100% - 0px); float:left; clear:both; } .area-auction .area-chatting .panel.panel-primary .panel-footer .input-group form{ *border:1px solid blue; width:calc(100% - 0px) !important; float:left; clear:both; } .area-auction .area-chatting .panel.panel-primary .panel-footer input[type=text]{ *border:1px solid red !important; width:calc(100% - 80px) !important; height:34px; border:none; -webkit-border-top-left-radius: 17px; -webkit-border-bottom-left-radius: 17px; -moz-border-radius-topleft: 17px; -moz-border-radius-bottomleft: 17px; border-top-left-radius: 17px; border-bottom-left-radius: 17px; } .area-auction .area-chatting .panel.panel-primary .panel-footer span.input-group-btn{ float:left; *border:1px solid red; width:80px; } .area-auction .area-chatting .panel.panel-primary .panel-footer .btn{ line-height:normal !important; margin-top:0px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-right-radius: 17px; -moz-border-radius-topright: 17px; -moz-border-radius-bottomright: 17px; border-top-right-radius: 17px; border-bottom-right-radius: 17px; background-color: #ededed; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#dbdbdb)); background: -webkit-linear-gradient(top, #ededed, #dbdbdb); background: -moz-linear-gradient(top, #ededed, #dbdbdb); background: -ms-linear-gradient(top, #ededed, #dbdbdb); background: -o-linear-gradient(top, #ededed, #dbdbdb); color:rgba(0,0,0,0.5); } .area-auction .area-chatting .panel.panel-primary .panel-footer .btn:hover{ background-color: #ededed; color:rgba(0,0,0,1); } .area-auction .chat { list-style: none; margin: 0; padding: 0; } .area-auction .chat li { margin-bottom: 10px; padding-bottom: 5px; *border-bottom: 1px dotted #B3A9A9; padding-left:15px; padding-right:15px; } .area-auction .chat li:nth-child(1){ margin-top:15px; } .area-auction .chat li.left .chat-body { *margin-left: 60px; *margin-left: 20px; } .area-auction .chat li.right .chat-body { *margin-right: 60px; *margin-right: 20px; } .area-auction .panel-body { overflow-y: scroll; height: 250px; font-size: 15px; *background:rgba(255,255,255,0.2) url(../images/bg-shadow-pagination.png) top center no-repeat; *background:rgba(0,0,0,0.4) url(../images/bg-shadow-pagination.png) top center no-repeat; border:none; *background:#fafafa; *background: #cacaca url(../images/bg-mengetik.png) top right no-repeat; background:#f0f0f0 url(../images/bg-chat-body.png) top left no-repeat; } .area-auction .chat li .chat-body{ *float:left; *width:100%; *clear:both; position:relative; } .area-auction .chat li .chat-body .waktu{ *float:left; *width:180px; height:18px; line-height:18px; font-size:10px; position:absolute; top:7px; left:6px; *top:-12px; *background:rgba(218,26,26); background:rgba(0,0,0,0.5); color:#FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left:10px; padding-right:10px; } .area-auction .chat li .chat-body .waktu i{ *color:#da1a1a; } .area-auction .chat li .chat-body .data{ *float:left; *width:calc(100% - 180px); background:#FFF; border-bottom:2px solid rgba(0,0,0,0.1); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:5px 10px 5px 120px; } @media screen and (max-width:767px) { .area-auction .chat li .chat-body .data{ } } .area-auction .chat li .chat-body .data span.nama{ *color: rgba(255,255,255,0.6); text-transform:uppercase; font-weight:bold; } .area-auction .chat li .chat-body .data span.nama:after{ content:" : "; } .area-auction .chat li .chat-body .data span.isi{ *color: rgba(255,255,255,1); } .area-auction ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .area-auction ::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } .area-auction ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; } /****/ .area-auction .area-peserta{ *height:240px; *border:1px solid red; float:left; width:calc(66.6% - 20px); margin-right:20px; } .area-auction .area-peserta .judul{ background: #D9D9D9; height:46px; line-height:46px; text-transform:uppercase; padding-left:15px; padding-right:15px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .area-auction .area-peserta .judul i{ *color:#DA1A1A; color:rgba(0,0,0,0.5); font-size:24px; } .area-auction .area-peserta .inner{ height:200px; overflow-y:auto; *border:2px solid magenta; border-bottom:2px solid #7f7f7f; background:#f0f0f0 url(../images/bg-chat-body.png) top left no-repeat; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .area-auction .area-peserta .inner .list{ float:left; width:100%; *border:1px solid red; background:rgba(0,0,0,0.01); *background:rgba(255,255,255,0.3); } .area-auction .area-peserta .inner .list:nth-child(odd){ background:rgba(0,0,0,0.05); *background:rgba(255,255,255,0.5); } .area-auction .area-peserta .inner .list .nama{ float:left; width:calc(100% - 140px); *border:1px solid green; *border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 0; padding-left:10px; } .area-auction .area-peserta .inner .list .data{ float:left; width:140px; *border:1px solid cyan; border-bottom:4px solid #DA1A1A; padding:5px 0; text-align:right; padding-right:10px; } .area-auction .area-peserta .inner .list:nth-child(odd) .data{ border-bottom:4px solid #333; } .area-auction .area-peserta .inner table thead th{ *border:1px solid red; padding:5px 8px; *background:rgba(255,255,255,0.8); background:rgba(0,0,0,0.2); *background:#FFF; *background:rgba(2,174,218,0.1); } /*.area-auction .area-chatting .col-md-12{ *padding-right:0px; } .area-auction .area-chatting .panel{ background-color:transparent; } .area-auction .area-chatting .panel.panel-primary .panel-heading{ background: #D9D9D9 !important; *background:#da1a1a !important; color:#333; *color:#FFF; *border-bottom:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(255,255,255,0.2); } .area-auction .area-chatting .panel.panel-primary .panel-footer{ background: #D9D9D9 !important; border:none !important; *border-top:1px solid rgba(255,255,255,0.2); } .area-auction .area-chatting .panel.panel-primary .panel-footer input[type=text]{ height:34px; } .area-auction .area-chatting .panel.panel-primary .panel-footer .input-group-btn{ } .area-auction .area-chatting .panel.panel-primary .panel-footer .btn{ line-height:normal !important; margin-top:0px; } .area-auction .chat { list-style: none; margin: 0; padding: 0; } .area-auction .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #B3A9A9; padding-left:15px; padding-right:15px; } .area-auction .chat li.left .chat-body { *margin-left: 60px; *margin-left: 20px; } .area-auction .chat li.right .chat-body { *margin-right: 60px; *margin-right: 20px; } .area-auction .panel-body { overflow-y: scroll; height: 250px; font-size: 15px; *background:rgba(255,255,255,0.2) url(../images/bg-shadow-pagination.png) top center no-repeat; *background:rgba(0,0,0,0.4) url(../images/bg-shadow-pagination.png) top center no-repeat; border:none; *background:#fafafa; background: #cacaca url(../images/bg-mengetik.png) top right no-repeat; } .area-auction .chat li .chat-body{ float:left; width:100%; clear:both; } .area-auction .chat li .chat-body .waktu{ float:left; width:180px; } .area-auction .chat li .chat-body .waktu i{ color:#da1a1a; } .area-auction .chat li .chat-body .data{ float:left; width:calc(100% - 180px); } .area-auction .chat li .chat-body .data span.nama{ *color: rgba(255,255,255,0.6); text-transform:uppercase; } .area-auction .chat li .chat-body .data span.nama:after{ content:" : "; } .area-auction .chat li .chat-body .data span.isi{ *color: rgba(255,255,255,1); } .area-auction ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .area-auction ::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } .area-auction ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }*/ /****/ .area-pembukaan-penawaran { overflow-x:auto; padding-left:15px; padding-right:15px; } .area-pembukaan-penawaran table{ *border:2px solid red !important; border-collapse:collapse !important; } .area-pembukaan-penawaran table td{ *border:1px solid blue !important; } .area-pembukaan-penawaran table td:nth-child(1){ *width:100px; } .area-pembukaan-penawaran table .nomor{ *background:pink; width:30px; text-align:center; } .area-pembukaan-penawaran table .uraian{ *background:magenta; width:400px; } .area-pembukaan-penawaran table .data-rekanan{ *background:cyan; width:400px; } /****/ /*.area-pembukaan-auction-rekanan{ border:1px solid cyan !important; overflow-x:auto; } .area-pembukaan-auction-rekanan .nomor{ background:cyan; width:30px; } .area-pembukaan-auction-rekanan .uraian{ background:pink; width:400px; } .area-pembukaan-auction-rekanan .rekanan{ background:magenta; width:400px; }*/ /****/ .area-submenu-paket-lelang > .inner{ margin-bottom:5px; } .area-submenu-paket-lelang > .inner > #accordion{ margin-bottom:10px; } .area-submenu-paket-lelang > .inner > #accordion > h3{ font-size: 13px; line-height:normal; width: 100%; background-color: #2a9055; margin-top:0px; margin-bottom:0px; border-top: 1px solid rgba(0,0,0,0.2); } .area-submenu-paket-lelang > .inner > #accordion > h3 a{ color:#fff; display:block; text-decoration:none; font-weight: normal; padding: 5px 10px; } .area-submenu-paket-lelang > .inner > #accordion > div{ background: #c8c8c8; background-color: #c8c8c8; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#e5e5e5)); background: -webkit-linear-gradient(top, #c8c8c8, #e5e5e5); background: -moz-linear-gradient(top, #c8c8c8, #e5e5e5); background: -ms-linear-gradient(top, #c8c8c8, #e5e5e5); background: -o-linear-gradient(top, #c8c8c8, #e5e5e5); /*font-size: 13px;*/ font-size: 12px; color: #333; padding: 5px 10px; font-style: italic; } /****/ table.rincian-pekerjaan{ *border:2px solid blue; border-collapse:collapse; width:1200px; } table.rincian-pekerjaan td{ padding:0 0 !important; } /*****/ table.sub-rincian-pekerjaan{ *border:2px solid red; border-collapse:collapse; width:1300px; } table.rincian-pekerjaan tbody td:nth-child(1), table.sub-rincian-pekerjaan tbody td:nth-child(1){ *background:cyan; width:50px; } table.rincian-pekerjaan tbody td:nth-child(2), table.sub-rincian-pekerjaan tbody td:nth-child(2){ *background:red; width:300px; } table.rincian-pekerjaan tbody td:nth-child(3), table.sub-rincian-pekerjaan tbody td:nth-child(3){ *background:yellow; width:80px; } table.rincian-pekerjaan tbody td:nth-child(4), table.sub-rincian-pekerjaan tbody td:nth-child(4){ *background:lime; width:100px; } table.rincian-pekerjaan tbody td:nth-child(5), table.sub-rincian-pekerjaan tbody td:nth-child(5){ *background:green; width:150px; } table.rincian-pekerjaan tbody td:nth-child(6), table.sub-rincian-pekerjaan tbody td:nth-child(6){ *background:yellow; width:150px; } table.rincian-pekerjaan tbody td:nth-child(7), table.sub-rincian-pekerjaan tbody td:nth-child(7){ *background:cyan; width:250px; } table.rincian-pekerjaan tbody td:nth-child(8), table.sub-rincian-pekerjaan tbody td:nth-child(8){ *background:cyan; width:100px; } /****/ table.rincian-pekerjaan input, table.sub-rincian-pekerjaan input{ } table.rincian-pekerjaan thead td{ text-transform:uppercase; border-right:1px solid rgba(255,255,255,0.2); text-align:center; padding:4px 1px !important; } table.rincian-pekerjaan tbody td{ border:1px solid #eee; padding:4px !important; background:#f4f4f4 !important; } table.rincian-pekerjaan tbody td.ada-sub{ padding:0px 0px !important; border:0px 0px !important; } table.sub-rincian-pekerjaan tbody td{ *border:1px solid red; } table.sub-rincian-pekerjaan tbody td:nth-child(1){ border-left:none !important; } table.sub-rincian-pekerjaan tbody td:nth-child(8){ border-right:none !important; } /****/ .keterangan-list{ margin-top:-10px; } .keterangan-list > ul{ padding:0 0; list-style:none; } .keterangan-list > ul > li{ border-bottom:1px solid rgba(0,0,0,0.2); padding:5px 10px; background:rgba(255,255,255,0.5); } .keterangan-list > ul > li img.simbol{ float:right; } /****/ .rincian-harga{ margin-top:20px; *margin-bottom:20px; clear:both; float:left; width:100%; border-bottom:4px solid rgba(0,0,0,0.2); -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .rincian-harga .judul-halaman{ background:rgba(0,0,0,0.2); *background:#a7310e; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .rincian-harga table{ border-collapse:collapse; width:100%; } .rincian-harga table td:nth-child(1){ font-size:20px; *border-right:1px solid rgba(0,0,0,0.2); } .rincian-harga table td:nth-child(2){ width:300px; padding:0 0 !important; *background:rgba(0,0,0,0.1) !important; border:1px solid rgba(0,0,0,0.2); border-width:0 0 0 1px; position:relative; } .rincian-harga table tr:nth-child(even) td{ *background:rgba(165,30,36,0.1); background:rgba(2,174,218,0.05); } .rincian-harga input[type=text]{ *-webkit-border-radius: 3px; *-moz-border-radius: 3px; *border-radius: 3px; *border:1px solid rgba(0,0,0,0.2); *border-width:0 0 1px 0; border:none; width:100%; padding:5px 7px; box-sizing:border-box; font-size:20px; background:rgba(165,30,36,0.1); *display:block; position:absolute; width:calc(100% - 0px); height:calc(100% - 0px); -moz-box-shadow: inset 0 0 9px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.2); box-shadow: inset 0 0 9px rgba(0,0,0,0.2); } .rincian-harga table tr:nth-child(even) td input[type=text]{ *background:rgba(255,255,255,0.4); background-color:transparent; } .rincian-harga table tr:nth-child(odd) td input[type=text]{ background:rgba(255,255,255,0.4); } .rincian-harga table td:nth-child(3){ width:50px; } .rincian-harga table button{ width:100% !important; } .rincian-harga table label.jumlah{ background:#02aeda; color:#FFF; width:100%; height:40px; line-height:40px; text-align:center; margin-bottom:0px !important; } .kirim_penawan{ /*background: #da1a1a; background-color: #da1a1a; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da1a1a), to(#a42421)); background: -webkit-linear-gradient(top, #da1a1a, #a42421); background: -moz-linear-gradient(top, #da1a1a, #a42421); background: -ms-linear-gradient(top, #da1a1a, #a42421); background: -o-linear-gradient(top, #da1a1a, #a42421);*/ background: #73d4ee; background-color: #73d4ee; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d4ee), to(#02aeda)); background: -webkit-linear-gradient(top, #73d4ee, #02aeda); background: -moz-linear-gradient(top, #73d4ee, #02aeda); background: -ms-linear-gradient(top, #73d4ee, #02aeda); background: -o-linear-gradient(top, #73d4ee, #02aeda); color: #fafafa; border:none; width:100%; height:34px; } /****/ @media screen and (max-width:1366px) { .area-group{ position: relative; width:90%; background: #fff; text-align: center; border-radius: 7px 7px; margin: 0px auto; margin-top: -50px; z-index: 1001; padding: 20px 0px; } } @media screen and (max-width:1920px) { .area-group{ position: relative; width:90%; background: #fff; text-align: center; border-radius: 7px 7px; margin: 0px auto; margin-top: -50px; z-index: 1001; padding: 20px 0px; } } .area-group > .judul{ background: url(../images/bg-double-line.png) center center repeat-x; background-size: auto 10px; text-transform: uppercase; margin-top: -77px; margin-bottom: 15px; } .area-group > .judul > .inner{ background: #ededed; display: inline-block; padding-left: 50px; padding-right: 50px; } .area-group > .judul > .inner div:nth-child(1){ font-size: 15px; color: #999999; } .area-group > .judul > .inner div:nth-child(2){ font-size: 24px; color: #2a9055; } @media screen and (max-width:1366px) { .area-group .item{ height: 70px; display: inline-block; margin: 10px 10px; } } @media screen and (min-width:1920px) { .area-group .item{ height: 100px; display: inline-block; margin: 0px auto; } } .area-group .item a{ display:block; padding: 20px 50px; height: 100%; margin: 0px auto; float:left; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ background: rgba(255,255,255,0.8); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .area-group .item a:hover{ background: rgba(255,255,255,1); } .area-group .item a img{ height: inherit; max-height: 50px; } .area-group .item.main{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(2,174,218,1)), to(rgba(115, 212, 238, 1))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, rgba(2,174,218,1), rgba(115, 212, 238, 1)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, rgba(2,174,218,1), rgba(115, 212, 238, 1)) 1 100%; -o-border-image: -o-linear-gradient(bottom, rgba(2,174,218,1), rgba(115, 212, 238, 1)) 1 100%; border-image: linear-gradient(to top, rgba(2,174,218,1), rgba(115, 212, 238, 1)) 1 100%; } .area-group .item.tps{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#142267), to(#3c4c96)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #142267, #3c4c96) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #142267, #3c4c96) 1 100%; -o-border-image: -o-linear-gradient(bottom, #142267, #3c4c96) 1 100%; border-image: linear-gradient(to top, #142267, #3c4c96) 1 100%; } .area-group .item.phc{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#ddb41d), to(#fed640)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #ddb41d, #fed640) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #ddb41d, #fed640) 1 100%; -o-border-image: -o-linear-gradient(bottom, #ddb41d, #fed640) 1 100%; border-image: linear-gradient(to top, #ddb41d, #fed640) 1 100%; } .area-group .item.bjti{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#bfc139), to(#dee353)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #bfc139, #dee353) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #bfc139, #dee353) 1 100%; -o-border-image: -o-linear-gradient(bottom, #bfc139, #dee353) 1 100%; border-image: linear-gradient(to top, #bfc139, #dee353) 1 100%; } .area-group .item.pms{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#d76001), to(#fd7100)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #d76001, #fd7100) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #d76001, #fd7100) 1 100%; -o-border-image: -o-linear-gradient(bottom, #d76001, #fd7100) 1 100%; border-image: linear-gradient(to top, #d76001, #fd7100) 1 100%; } .area-group .item.lamong{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#78a348), to(#9dc872)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #78a348, #9dc872) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #78a348, #9dc872) 1 100%; -o-border-image: -o-linear-gradient(bottom, #78a348, #9dc872) 1 100%; border-image: linear-gradient(to top, #78a348, #9dc872) 1 100%; } .area-group .item.pds{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#bb1e22), to(#e03336)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #bb1e22, #e03336) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #bb1e22, #e03336) 1 100%; -o-border-image: -o-linear-gradient(bottom, #bb1e22, #e03336) 1 100%; border-image: linear-gradient(to top, #bb1e22, #e03336) 1 100%; } .area-group .item.bmc{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#fbcc00), to(#ffe471)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #fbcc00, #ffe471) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #fbcc00, #ffe471) 1 100%; -o-border-image: -o-linear-gradient(bottom, #fbcc00, #ffe471) 1 100%; border-image: linear-gradient(to top, #fbcc00, #ffe471) 1 100%; } .area-group .item.bms{ -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#0151f6), to(#3ce4ff)) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, #0151f6, #3ce4ff) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #0151f6, #3ce4ff) 1 100%; -o-border-image: -o-linear-gradient(bottom, #0151f6, #3ce4ff) 1 100%; border-image: linear-gradient(to top, #0151f6, #3ce4ff) 1 100%; } /****/ .judul-area{ border-top:1px solid #02aeda; border-bottom:1px solid #02aeda; padding-top:10px; padding-bottom:8px; font-size:18px; text-transform:uppercase; } /****/ .reg-separuh{ /*width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px);*/ width:50%; float:left; padding-right:10px; } .reg-separuh:nth-child(even){ padding-right:0px; padding-left:10px; } @media screen and (max-width:767px) { .reg-separuh{ width:100%; padding-right:0px; } .reg-separuh:nth-child(even){ padding-right:0px; padding-left:0px; padding-top:10px; } } .reg-separuh-inner{ border:1px solid #18a9d8; padding:10px; float:left; /*width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px); width: -o-calc(100% - 22px); width: calc(100% - 22px);*/ width:100%; min-height:500px; } /****/ #tombol-register{ padding:4px; background:#18a9d8 url(../images/bg-shadow-kanan2.png) top right no-repeat; color:#FFF; padding-left:5px; padding-right:5px; width:calc(100% - 0px); text-align:left; font-size:13px; float:left; margin-right:10px; -webkit-border-bottom-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomright: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; } #tombol-register:hover{ background:#0086a9 url(../images/bg-shadow-kanan2.png) top right no-repeat; } #tombol-register img{ vertical-align:middle; } #tombol-register a{ display:block; color:#c5f1ff; text-decoration:none; } #tombol-register a:hover{ display:block; color:#FFF; text-decoration:none; } @media screen and (max-width:767px) { #tombol-register a{ line-height:normal; } } #tombol-register a img{ float:left; } #tombol-register a span{ float:left; width:calc(100% - 100px); line-height:100px; padding-left:10px; } @media screen and (max-width:767px) { #tombol-register a span{ height:100px; line-height:normal; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ font-size:13px; } } /****/ #parameter-tambahan{ position:absolute; *z-index:99999 !important; z-index:999 !important; *background:cyan; *right:350px; right: 250px; *background:rgba(0,0,0,0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-left:10px; } #parameter-tambahan.stick-parameter-tambahan { position:fixed !important; top:138px !important; right:260px; z-index:9999 !important; width:50%; height:44px; padding-top:5px; padding-right:80px; background-color:transparent !important; border-bottom:1px solid rgba(0,0,0,0.1); } @media screen and (max-width:767px) { #parameter-tambahan.stick-parameter-tambahan { top:178px !important; padding-right:0px; width:100%; height:auto; } } /****/ #parameter-tambahan > span.combo { /*border: 1px solid #cccccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ height: 28px !important; margin-right: 15px; } #parameter-tambahan > span.combo > input.combo-text { height: 28px !important; line-height: 28px !important; *padding-left: 13px; font-size: 13px; } #parameter-tambahan > span.combo span.combo-arrow{ height: 26px !important; } /****/ .area-shortcut{ *border:1px solid cyan; position:fixed; *top:140px; *top:340px; top:260px; right:0; z-index:999; *padding:20px; } @media screen and (max-width:767px) { .area-shortcut { top:auto; bottom:3px; right:10px; /**background:rgba(0,0,0,0.5);*/ /**width:100%;*/ z-index:1031; /**border:1px solid yellow;*/ /**background:pink;*/ width: 80px; /*border: 1px solid red;*/ position: fixed; bottom: auto; top: 120px; right: 0px; z-index: 1030; } .area-shortcut ul.icon-menu .icon-box { /*border-radius: inherit;*/ float: right; -webkit-border-radius: 10px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius: 10px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } } .area-shortcut ul{ padding:0 0 !important; } .area-shortcut a{ cursor:pointer; } .area-shortcut:hover{ /* fallback */ /*background-color: #73d4ee; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; /* Safari 4-5, Chrome 1-9 * background: -webkit-gradient(linear, left top, right top, from(#73d4ee), to(#89e6ff)); /* Safari 5.1, Chrome 10+ * background: -webkit-linear-gradient(left, #73d4ee, #89e6ff); /* Firefox 3.6+ * background: -moz-linear-gradient(left, #73d4ee, #89e6ff); /* IE 10 * background: -ms-linear-gradient(left, #73d4ee, #89e6ff); /* Opera 11.10+ * background: -o-linear-gradient(left, #73d4ee, #89e6ff); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);*/ } .area-shortcut .vpayment{ /**background:#73d4ee; *width:50px; width:0px; *height:60px; *border:1px solid red; margin-left:15px; transition: all 1s ease-in-out;*/ /*-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;*/ } .area-shortcut .vpayment a{ /**padding-left:10px; *padding-right:50px; display:block;*/ } .area-shortcut .vpayment a img{ /**margin-left:10px; *margin-right:10px;*/ } .area-shortcut:hover .vpayment{ /*width:50px; margin-right:7px; *background:#73d4ee url(../images/icon-vpayment.png) center center no-repeat;*/ } .area-shortcut:hover .vpayment a{ /**padding-right:5px;*/ } /** DASHBOARD **/ .row.area-dashboard{ *margin-top:-10px; } .row.area-dashboard > .col-md-12 > .area-main > .inner{ margin-left:0px !important; margin-right:0px !important; } .row.area-dashboard > .col-md-12 > .area-main{ padding-bottom:0px !important; } .area-dashboard-kiri{ *background:#d4d4d4; *border:1px solid red; *padding-left:20px !important; *padding-right:20px !important; *height:570px; *height:550px; min-height:570px; *height:600px; float:left; width:50%; } .area-dashboard-kanan{ *background:#fef7f4; *border:1px solid cyan; *background:rgba(255,255,255,0.7); padding-left:0px !important; padding-right:0px !important; *height:570px; *height:550px; min-height:570px; *height:600px; float:left; width:50%; } @media screen and (max-width:767px) { .area-dashboard-kiri, .area-dashboard-kanan{ width:100%; height:auto; } } /****/ .area-data-pribadi{ *margin-top:20px; /* fallback */ *background-color: #bdbdbd; *background-image: url(images/linear_bg_1.png); *background-repeat: repeat-y; /* Safari 4-5, Chrome 1-9 */ *background: -webkit-gradient(linear, left top, right top, from(#bdbdbd), to(#909090)); /* Safari 5.1, Chrome 10+ */ *background: -webkit-linear-gradient(left, #bdbdbd, #909090); /* Firefox 3.6+ */ *background: -moz-linear-gradient(left, #bdbdbd, #909090); /* IE 10 */ *background: -ms-linear-gradient(left, #bdbdbd, #909090); /* Opera 11.10+ */ *background: -o-linear-gradient(left, #bdbdbd, #909090); background:#FFF; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .area-data-pribadi > .inner{ padding:18px 20px; margin:0 0 !important; background:url(../images/bg-data-pribadi.png) center right 20px no-repeat; *border:1px solid red; *clear:both; *float:left; width:100%; display:inline-block; } .area-data-pribadi > .inner > .nama{ font-weight:bold; } .area-data-pribadi > .inner > .nama > span.sertifikat{ } @media screen and (max-width:767px) { .area-data-pribadi > .inner > .nama > span.sertifikat{ display:inline-block; width:100%; } } .area-data-pribadi > .inner > .nrp-posisi{ font-size:13px; border-bottom:1px solid rgba(0,0,0,0.05); margin-bottom:10px; padding-bottom:10px; } /****/ .flex-container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; /*background: #999;*/ /*margin: 15px;*/ /*padding-right: 5px;*/ } .flex-item { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; background: #99f; margin: 5px 0 5px 5px; } /****/ .area-data-pribadi > .inner .jenis-paket { /*border: 1px solid red; */ height: 60px; } .area-data-pribadi > .inner .jenis-paket a{ background:#2a9055; color:#FFF; display:inline-block; width:calc(25% - 5px); /** 4 item **/ width:calc(20% - 5px); /** 0 item **/ padding-left:10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-decoration:none; font-size:13px; height: calc(100% - 10px); } .area-data-pribadi > .inner .jenis-paket a .nama-paket { /*background: pink;*/ float: left; width: calc(100% - 40px); height: 100%; line-height: normal; display: flex; justify-content: flex-start; /* align horizontal */ align-items: center; /* align vertical */ } @media screen and (max-width:767px) { .area-data-pribadi > .inner .jenis-paket a{ width:calc(100% - 0px); margin-bottom:10px; } } .area-data-pribadi > .inner .jenis-paket a span{ float:right; background:rgba(0,0,0,0.3); font-size:13px; height:30px; line-height:30px; width:30px; text-align:center; margin-top: 5px; margin-right: 5px; /**margin-left:20px;*/ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; *border-left:1px solid rgba(255,255,255,0.6); } /****/ .area-data-pribadi > .inner .persentase{ *border:1px solid red; padding-top:15px; float:left; width:100%; border-top:1px solid rgba(0,0,0,0.05); margin-top:10px; *padding-bottom:5px; } .area-data-pribadi > .inner .persentase .persentase-item{ float:left; width:calc(100% - 150px); } @media screen and (max-width:767px) { .area-data-pribadi > .inner .persentase .persentase-item{ width:calc(100% - 00px); } } .area-data-pribadi > .inner .persentase .persentase-item .skillbar{ background:rgba(0,0,0,0.05); margin-bottom: 0px; width: calc(100% - 70px); } .area-data-pribadi > .inner .persentase .persentase-item .skillbar, .area-data-pribadi > .inner .persentase .persentase-item .skillbar .skillbar-bar{ height:18px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .area-data-pribadi > .inner .persentase .persentase-item .skillbar .skill-bar-percent{ font-size:24px; color:#333; *font-size: 18px; height: 18px; line-height: 18px; right:-70px; width:60px; text-align:center; } .area-data-pribadi > .inner .persentase .poin{ float:left; width:calc(150px - 20px); margin-left:20px; margin-top:-10px; padding-top:7px; padding-bottom:7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:13px; *font-size:24px; font-weight:bold; text-align:center; *height: 18px; *line-height: 18px; background:rgba(0,0,0,0.2); } .area-data-pribadi > .inner .persentase .poin span{ display:inline-block; width:100%; } @media screen and (max-width:767px) { .area-data-pribadi > .inner .persentase .poin{ margin-top:10px; margin-left:0px; width:calc(100% - 0px); padding-top:3px; padding-bottom:0px; height: 24px !important; line-height: 24px !important; } .area-data-pribadi > .inner .persentase .poin span.target{ } } /****/ .area-data-pribadi .judul{ font-size: 18px; text-transform: uppercase; background: #2a9055; color: #FFF; letter-spacing: 1px; *padding: 13px 20px 12px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; min-height:40px; line-height:40px; padding-left:20px; padding-right:20px; } .area-data-pribadi .judul img{ margin-right:10px; height: 18px; vertical-align: middle; } .area-data-pribadi table{ border-collapse:collapse; width:100%; } .area-data-pribadi table td{ background-color:transparent !important; *border:1px solid rgba(255,255,255,0.2); border:1px solid rgba(0,0,0,0.05); border-width:1px 0 1px 0; font-size:18px; text-transform:uppercase; *color:#FFF; padding:8px 10px; } @media screen and (max-width:767px) { .area-data-pribadi table td{ font-size:13px; padding:5px 5px 5px 0px; } .area-data-pribadi table td:nth-child(1){ *width:100px !important; *background:yellow !important; } .area-data-pribadi table td:nth-child(2){ width:10px !important; min-width:10px !important ; *background:cyan !important; } .area-data-pribadi table td:nth-child(3){ width:220px !important; *background:pink !important; } } /****/ .area-grafik-pengadaan{ margin-top:20px; background:#f7f7f7; } @media screen and (max-width:767px) { .area-grafik-pengadaan{ background:#FFF; } } .area-grafik-pengadaan > .inner{ *padding:18px 10px; margin:0 0 !important; height:279px; *background:url(../images/bg-grafik-pengadaan.png); *background-size:100% 100%; } .area-grafik-pengadaan > .inner #container-pie-pengadaan{ *border:1px solid red; width:60% !important; height:100%; float:left; } .area-grafik-pengadaan > .inner .data-legend{ *border:1px solid yellow; float:left; width:40%; height:100%; background:#6b6b6b; *background:rgba(255,255,255,0.8) } .area-grafik-pengadaan > .inner .data-legend .finish{ background:rgba(0,0,0,0.5) url(../images/icon-finish.png) top left no-repeat; height:33.3%; } .area-grafik-pengadaan > .inner .data-legend .on-progres{ background:rgba(0,0,0,0.6) url(../images/icon-on-progres.png) top left no-repeat; height:33.3%; } .area-grafik-pengadaan > .inner .data-legend .idle{ background:rgba(0,0,0,0.7) url(../images/icon-idle.png) top left no-repeat; height:33.3%; } .area-grafik-pengadaan > .inner .data-legend .finish .nilai, .area-grafik-pengadaan > .inner .data-legend .on-progres .nilai, .area-grafik-pengadaan > .inner .data-legend .idle .nilai{ font-family: 'BebasNeue'; font-size:48px; text-align:right; padding-right:40px; } @media screen and (max-width:767px) { .area-grafik-pengadaan > .inner .data-legend .finish .nilai, .area-grafik-pengadaan > .inner .data-legend .on-progres .nilai, .area-grafik-pengadaan > .inner .data-legend .idle .nilai{ padding-right:15px; } } .area-grafik-pengadaan > .inner .data-legend .finish .nilai{ color:#568839; } .area-grafik-pengadaan > .inner .data-legend .finish .nilai span{ border-top:2px solid #568839; display:inline-block;} .area-grafik-pengadaan > .inner .data-legend .on-progres .nilai{ color:#F25824; } .area-grafik-pengadaan > .inner .data-legend .on-progres .nilai span{ border-top:2px solid #F25824; display:inline-block;} .area-grafik-pengadaan > .inner .data-legend .idle .nilai{ color:#F2BF24; } .area-grafik-pengadaan > .inner .data-legend .idle .nilai span{ border-top:2px solid #F2BF24; display:inline-block;} .area-grafik-pengadaan > .inner .data-legend .finish .keterangan, .area-grafik-pengadaan > .inner .data-legend .on-progres .keterangan, .area-grafik-pengadaan > .inner .data-legend .idle .keterangan{ color:#FFF; text-align:right; padding-right:40px; letter-spacing:2px; } @media screen and (max-width:767px) { .area-grafik-pengadaan > .inner .data-legend .finish .keterangan, .area-grafik-pengadaan > .inner .data-legend .on-progres .keterangan, .area-grafik-pengadaan > .inner .data-legend .idle .keterangan{ padding-right:15px; } } .area-grafik-pengadaan .judul{ font-size: 18px; text-transform: uppercase; background: #2a9055; color: #FFF; letter-spacing: 1px; *padding: 13px 20px 12px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; min-height:40px; line-height:40px; padding-left:20px; padding-right:20px; } .area-grafik-pengadaan .judul img{ margin-right:10px; height: 18px; } /****/ .area-kalender-dashboard{ margin:0 0 20px 20px; *border:2px solid green; } @media screen and (max-width:767px) { .area-kalender-dashboard{ margin:20px 0 20px 0px; } } .area-kalender-dashboard > .inner{ *border:2px solid pink; *border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); margin:0 0 !important; position:relative; } .area-kalender-dashboard .judul{ font-size: 18px; text-transform: uppercase; background: #2a9055; color: #FFF; letter-spacing: 1px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; min-height:40px; line-height:40px; padding-left:20px; padding-right:20px; } .area-kalender-dashboard .judul img{ margin-right:10px; height: 18px; } @media screen and (max-width:767px) { .area-kalender-dashboard .judul span{ display:none; } } /****/ .area-bawah{ *border:2px solid red; clear:both; float:left; width:100%; margin-top:20px; } /****/ .area-tabel-paket{ float:left; *width:65%; width:100%; *border:2px solid cyan; } .area-tabel-paket > .inner{ *padding:18px 20px; *border:2px solid cyan; margin:0 0 !important; } .area-tabel-paket > .halaman, .area-tabel-paket .tab-content div.halaman{ background: #f4f4f4; padding:5px 20px 8px; text-align:right; } .area-tabel-paket .tab-content div.halaman{ *display:inline-block; float:left; width:100%; padding-bottom:0px !important; padding-top:10px !important ; } .area-tabel-paket .judul{ font-size: 18px; text-transform: uppercase; background: #999; color: #FFF; letter-spacing: 1px; padding: 13px 20px 12px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; float:left; width:calc(100% - 10px); } .area-tabel-paket .judul > span{ float:left; *border:1px solid red; margin-right:20px; } .area-tabel-paket .judul img{ margin-right:10px; height: 18px; } .area-tabel-paket .judul > form{ float:left; } .area-tabel-paket .judul > .select{ /*position:absolute; z-index:999; right:20px; bottom:10px; width:120px;*/ } /* Reset Select */ .area-tabel-paket .judul > form > .select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background: #2c3e50; background:rgba(0,0,0,0.6); background-image: none; } /* Custom Select */ .area-tabel-paket .judul > form > .select { position: relative; *display: block; *width: 20em; *height: 3em; *line-height: 3; background: #2c3e50; overflow: hidden; border-radius: .25em; float:left; *position:absolute; *margin-top:-40px; *margin-right:20px; margin-top:-3px; width:160px; *width:auto; height:30px; line-height:30px; } .area-tabel-paket .judul > form > .select.tahun{ margin-left:10px; } .area-tabel-paket .judul > form > .select select { width: 100%; height: 100%; margin: 0; padding: 0 0 0 .5em; color: #fff; cursor: pointer; float:left; } .area-tabel-paket .judul > form > .select select::-ms-expand { display: none; } /* Arrow */ .area-tabel-paket .judul > form > .select::after { content: '\25BC'; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 1em; background:#2a9055; pointer-events: none; } /* Transition */ .area-tabel-paket .judul > form > .select:hover::after { color: #f39c12; } .area-tabel-paket .judul > form > .select::after { -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; } /****/ .area-tabel-paket > .inner > .tabbable.responsive .nav-tabs{ -webkit-border-radius: 4px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } /****/ .area-tabel-paket table{ border-collapse:collapse; width:100%; } .area-tabel-paket table thead th{ padding:8px 10px; white-space:nowrap; text-transform:uppercase; font-weight:normal; text-align:center; background:#777; color:#FFF; } .area-tabel-paket table tbody tr td{ padding:8px 10px !important; min-height:34px !important; border-bottom:1px solid rgba(0,0,0,0.1); *background:rgba(115,212,238,0.4) !important; background:rgba(255,255,255,0.5) !important; color:#333 !important; text-align:left !important; } .area-tabel-paket table tbody tr:nth-child(even) td{ *background:rgba(115,212,238,0.2) !important; background:rgba(255,255,255,0.2) !important; } .area-tabel-paket table tbody tr td .tgl-awal{ background:rgb(242,88,36); color:#FFF; white-space:nowrap; padding-left:5px; padding-right:5px; float:left; *font-size:13px; *border:1px solid red; } .area-tabel-paket table tbody tr td .tgl-antara{ *background:rgba(0,0,0,0.1); text-align:center; padding-left:5px; padding-right:5px; float:left; *border:1px solid red; } .area-tabel-paket table tbody tr td .tgl-akhir{ *background:rgba(255,255,255,0.4); background:rgb(111,161,82); color:#FFF; white-space:nowrap; padding-left:5px; padding-right:5px; float:left; *font-size:13px; *border:1px solid red; } /****/ .area-tabel-paket table#paket-lelang-aktif td:nth-child(3){ text-align:center; } /****/ .area-tabel-paket table#paket-lelang-selesai th:nth-child(4){ text-align:left; } .area-tabel-paket table#paket-lelang-selesai td:nth-child(3){ text-align:center; } /****/ table.tabel-buku-aanwijzing{ border-collapse:collapse; width:100%; border:1px solid red; } table.tabel-buku-aanwijzing td{ border:1px solid green; box-sizing:border-box; padding:0 0; } /****/ .nowrap{ white-space:nowrap !important; } /** TABEL EVALUASI **/ .scrollingTable > table { border-collapse: separate !important; border-spacing: 0px !important; } .scrollingTable > table thead th { *border: 1px solid red !important; } .scrollingTable > table td { *border: 1px solid red !important; } .scrollingTable > table tbody td:nth-child(2){ *white-space:nowrap; } .scrollingTable > table tbody td:nth-child(3){ *white-space:nowrap; *width:300px !important; } .scrollingTable > table thead th{ *border:1px solid red; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); white-space:nowrap; text-align:center; text-transform:uppercase; } .scrollingTable > table tbody td{ *border:1px solid red; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); background:#f9f9f9 !important; } .scrollingTable > table tbody tr:nth-child(odd) td{ background:#ebebeb; } .scrollingTable > table tbody td .nomor{ width:40px !important; } .scrollingTable > table tbody td .uraian{ width:240px !important; } .scrollingTable > table tbody td .data-rekanan{ width:400px !important; } .scrollingTable > table .password{ text-transform:none !important; } .scrollingTable > table .headerHor, .scrollingTable > table .headerVer { *border: 1px solid yellow !important; } .scrollingTable > table .headerHor.headerVer { z-index: 3; background: #666666 !important; color: #FFF !important; } .scrollingTable > table .headerHor { z-index: 2; background: #777777 !important; color: #FFF !important; } .scrollingTable > table .headerVer { z-index: 1; } .scrollingTable > table td.headerHor { background:#777777 !important; text-transform:uppercase; text-align:center; } .scrollingTable > table thead th .sat-qty, .scrollingTable > table tbody td .sat-qty{ float:left; clear:both; width:100%; border:1px solid rgba(0,0,0,0.2); padding:3px 5px; margin-top:7px; } .scrollingTable > table thead th .sat-qty .item{ float:left; width:50%; background:rgba(0,0,0,0.1); text-align:center; *padding:0 2px; height:30px; line-height:30px; } .scrollingTable > table thead th .sat-qty .item:nth-child(even){ background:rgba(0,0,0,0.2); } .scrollingTable > table tbody td .sat-qty .item{ float:left; width:50%; background:rgba(0,0,0,0.2); text-align:center; *padding:0 2px; height:30px; line-height:30px; } .scrollingTable > table tbody td .sat-qty .item:nth-child(even){ border:1px solid rgba(0,0,0,0.2); background-color:transparent; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .scrollingTable > table tbody td .sat-qty .item:nth-child(odd){ -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } /****/ .informasi-tabel{ float:left; width:100%; clear:both; background:#d9d9d9; } .informasi-tabel .list{ float:left; width:50%; *background: rgba(0,0,0,0.1); background:#d9d9d9; border-bottom:1px solid rgba(0,0,0,0.2); border-right:1px solid rgba(0,0,0,0.2); } .informasi-tabel .list:nth-child(even){ border-right:none; } .informasi-tabel .list-full{ float:left; width:100%; height:34px; line-height:34px; padding:0px 5px; box-sizing:border-box; font-weight:bold; } .informasi-tabel .list-button{ float:left; width:100%; *height:34px; *line-height:34px; padding:0px 5px; box-sizing:border-box; font-weight:bold; } .informasi-tabel .list .judul{ *border:1px solid yellow; float:left; width:230px; height:34px; line-height:34px; padding:0px 5px; box-sizing:border-box; font-weight:bold; } .informasi-tabel .list .titik-dua{ *border:1px solid pink; float:left; width:20px; height:34px; line-height:34px; padding:0px 5px; box-sizing:border-box; } .informasi-tabel .list .keterangan{ *border:1px solid green; float:left; width:calc(100% - 250px); height:34px; line-height:34px; padding:0px 5px; box-sizing:border-box; } /****/ .informasi-tabel.tiga-kolom{ *border-bottom:1px solid #2a9055; margin-bottom:10px; } .informasi-tabel.tiga-kolom [type=text]{ line-height: 24px; background: #FFF; border: none; padding-left: 10px; padding-right: 10px; /*-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .informasi-tabel .list .keterangan{ *float:left; *width:calc(100% - 250px); *height: auto; *line-height: normal; *padding:0px 5px; *box-sizing:border-box; } /****/ .nopadding-atas{ padding-top:0px !important; } .nopadding-bawah{ padding-bottom:0px !important; } .nopadding-kiri{ padding-left:0px !important; } .nopadding-kanan{ padding-right:0px !important; } /****/ .nowrap{ white-space:nowrap !important; } /****/ a.chat-negosiasi{ position:relative; } a.chat-negosiasi span{ position:absolute; top:-4px; left:7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display:inline-block; background:#f25824; color:#FFF; width:14px; height:14px; *line-height:14px !important; font-size:15px; text-align:center; } /****/ @media screen and (max-width:767px) { .area-deskripsi-perusahaan { *background: rgba(255,255,255,0.2); *height: 106px; height:auto !important; float: right; *max-width: 70%; max-width: 100% !important; *border:1px solid red; } .area-deskripsi-perusahaan .nama { *font-size: 24px; *letter-spacing: 2px; height: auto !important; line-height: normal !important; *padding-left: 20px; *padding-right: 20px; *margin-bottom: 10px; margin-bottom: 0px !important; padding-top:7px; padding-bottom:7px; min-width:100%; } .area-deskripsi-perusahaan .keterangan { *clear: both; text-align: left !important; *color: #FFF; *font-style: italic; background:rgba(0,0,0,0.5); padding:10px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } } /****/ .area-kontak{ } .area-kontak input.form-control.easyui-validatebox, .area-kontak textarea.form-control.easyui-validatebox, .area-ganti-password input.form-control.easyui-validatebox { width:100%s; } @media screen and (max-width:767px) { .area-kontak input.form-control.easyui-validatebox, .area-kontak textarea.form-control.easyui-validatebox, .area-ganti-password input.form-control.easyui-validatebox { width:100%; } } /****/ .area-paket-lelang-tambah{ } .area-paket-lelang-tambah input[name=reqNamaPaket]{ width:700px; } .area-paket-lelang-tambah input[name=reqNilaiPekerjaan], .area-paket-lelang-tambah input[name=reqLokasiPekerjaan], .area-paket-lelang-tambah input[name=reqEmailPanitia]{ width:400px; } @media screen and (max-width:767px) { .area-paket-lelang-tambah input[name=reqNamaPaket]{ width:100%; } .area-paket-lelang-tambah input[name=reqNilaiPekerjaan], .area-paket-lelang-tambah input[name=reqLokasiPekerjaan], .area-paket-lelang-tambah input[name=reqEmailPanitia]{ width:100%; } } @media only screen and (max-width: 1280px) { .area-paket-lelang-tambah input[name=reqNamaPaket]{ *border:4px solid green; width:100%; } } /****/ .area-pengadaan-tambah{ } .area-pengadaan-tambah input[name=reqNamaPaket]{ width:700px; } .area-pengadaan-tambah input[name=reqNilaiPekerjaan], .area-pengadaan-tambah input[name=reqLokasiPekerjaan], .area-pengadaan-tambah input[name=reqEmailPanitia]{ width:400px; } @media screen and (max-width:767px) { .area-pengadaan-tambah input[name=reqNamaPaket]{ width:100%; } .area-pengadaan-tambah input[name=reqNilaiPekerjaan], .area-pengadaan-tambah input[name=reqLokasiPekerjaan], .area-pengadaan-tambah input[name=reqEmailPanitia]{ width:100%; } } /****/ .area-dokumen-paket-lelang{} .area-dokumen-paket-lelang textarea[name=reqKeterangan]{ width:400px; } @media screen and (max-width:767px) { .area-dokumen-paket-lelang textarea[name=reqKeterangan]{ width:100%; } } /****/ .area-kriteria-penawaran{} .area-kriteria-penawaran input[type=text]{ *border:1px solid red !important; width:100%; } /****/ .area-attachment-chat{ *border:1px solid #cccccc; margin-bottom:5px; width:100%; *border:1px solid red; *padding-top:7px; *padding-bottom:7px; height:34px; line-height:34px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .area-attachment-chat .form-kolom{ float:left; width:calc(100% - 100px); height:34px; padding-left:15px; background:#FFF; border:1px solid #cccccc; border-width:1px 1px 1px 1px; } .area-attachment-chat input[type=file]{ max-width:300px; } .area-attachment-chat .form-kolom:last-child{ padding-left:0px; text-align:right; } .area-attachment-chat input[type=submit], .area-attachment-chat a, .area-attachment-chat button{ float:right; background-color: #1e6695; background: url(images/linear_bg_2.png); background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e6695), to(#135077)); background: -webkit-linear-gradient(top, #1e6695, #135077); background: -moz-linear-gradient(top, #1e6695, #135077); background: -ms-linear-gradient(top, #1e6695, #135077); background: -o-linear-gradient(top, #1e6695, #135077); color: rgba(255,255,255,0.7); width:100px; height: 34px !important; line-height: 34px !important; padding-left: 15px; padding-right: 15px; border: none; display: inline-block; font-size: 16px; color: rgba(255,255,255,0.6); text-transform: uppercase; -webkit-border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; -moz-border-radius-bottomright: 3px !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .area-attachment-chat a:hover{ text-decoration:none; } /****/ #area-sticky { *border: 2px solid pink; visibility: hidden; } .stick-datatable{ position: fixed !important; *top: 182px !important; top: 203px !important; z-index: 999 !important; width: 100% !important; height: auto !important; *background: #f4f4f4; left: 0px !important; right: 0px !important; padding-left: 110px !important; padding-right: 110px !important; visibility: visible !important; } .stick-datatable table { border-collapse: separate; border-spacing: 1px; width: 100%; } .stick-datatable table thead{ overflow:auto; } .stick-datatable table td { background: #d4d4d4; text-align: left; font-weight: normal; padding: 10px 18px !important; } /****/ .stick-tabel-pengadaan{ position: fixed !important; top: 138px !important; z-index: 999 !important; width:calc(100% - 294px) !important; *width:calc(100% - 0px) !important; height: auto !important; *background: #f4f4f4; background:#d9d9d9; left: 0px !important; right: 0px !important; *padding-left: 131px !important; *padding-right: 131px !important; visibility: visible !important; margin-left: 147px !important; margin-right: 147px !important; *border:1px solid red; } .stick-tabel-pengadaan table th{ padding:8px 8px !important; *background:cyan !important ; } /****/ section table#example.display{ *table-layout: fixed; border-collapse:collapse !important; width:100% !important; border-spacing:0px !important; } section table#example.display th{ box-sizing:border-box !important; font-family: 'Poppins Regular'; font-size: 13px; color: #fff; font-weight: 500; background: #2a9055; } section table#example.display th.tipe-user{ *background:red !important; width:150px !important; } section table#example.display th.nama{ *background:pink; width:150px !important; } section table#example.display th.username{ *background:lime !important; width:150px !important; } section table#example.display th.nomor{ *background:cyan; width:150px !important; } section table#example.display th.alamat{ *background:red; width:120px !important; } section table#example.display th.kota{ *background:red; *width:160px !important; } section table#example.display th.tanggal{ *background:green; width:150px !important; } section table#example.display th.status{ *background:green !important; width:50px !important; } section table#example.display th.unit-kerja{ *background:green; width:150px !important; } section table#example.display th.email{ *background:green; width:300px !important; } section table#example.display th.kode{ *background:green; width:90px !important; } section table#example.display th.perusahaan{ *background:green; width:200px !important; } section table#example.display th.nomor-pr-grup{ *background:green; width:200px !important; } section table#example.display th.nomor-pr{ *background:green; width:200px !important; } section table#example.display th.nomor-po{ *background:green; width:200px !important; } /****/ section table#example.display th.rekanan-registrasi{ *background:green; width:140px !important; } section table#example.display th.rekanan-nama{ *background:green; width:360px !important; } section table#example.display th.rekanan-tanggal{ *background:green; width:180px !important; } /****/ section table#example.display th.log-rekanan{ *background:green; width:240px !important; } section table#example.display th.log-ip{ *background:green; width:200px !important; } section table#example.display th.log-tanggal{ *background:green; width:180px !important; } /****/ .stick-datatable table{ *table-layout: fixed; border-collapse:collapse !important; width:100% !important; border-spacing:0px !important; } .stick-datatable table th{ padding:4px 8px !important; box-sizing:border-box !important; background:#dfdfdf !important; } .stick-datatable th.tipe-user{ *background:green !important; width:203px !important; } .stick-datatable th.nama{ *background:pink; width:204px !important; } .stick-datatable th.username{ *background:lime !important; width:203px !important; } .stick-datatable th.nomor{ *background:cyan; width:150px !important; } .stick-datatable th.alamat{ *background:red; width:160px !important; } .stick-datatable th.kota{ *background:red; *width:160px !important; } .stick-datatable th.tanggal{ *background:green; width:150px !important; } .stick-datatable th.status{ *background:green !important; width:70px !important; } .stick-datatable th.unit-kerja{ *background:green; width:150px !important; } .stick-datatable th.email{ *background:green; width:300px !important; } .stick-datatable th.kode{ *background:green; width:90px !important; } .stick-datatable th.perusahaan{ *background:green; width:250px !important; } .stick-datatable th.nomor-pr-grup{ *background:green; width:290px !important; } .stick-datatable th.nomor-pr{ *background:green; width:260px !important; } .stick-datatable th.nomor-po{ *background:green; width:200px !important; } /****/ .stick-datatable th.rekanan-registrasi{ *background:green; width:170px !important; } .stick-datatable th.rekanan-nama{ *background:green; width:420px !important; } .stick-datatable th.rekanan-tanggal{ *background:green; width:200px !important; } /****/ .stick-datatable th.log-rekanan{ *background:green; width:370px !important; } .stick-datatable th.log-ip{ *background:green; width:290px !important; } .stick-datatable th.log-tanggal{ *background:green; width:180px !important; } /****/ .area-cabang-new{ *border:2px solid red; float:left; width:100%; clear:both; } .area-cabang-new ul{ padding:0 20px; float:left; width:100%; clear:both; margin-top:20px; *border:1px solid orange; } .area-cabang-new ul li{ list-style:none; float:left; width:50%; *border:1px solid cyan; padding:7px 10px; position:relative; } .area-cabang-new ul li a{ *background:rgba(255,255,255,0.2); background:rgba(0,0,0,0.2); color:#FFF; display:block; border-bottom:2px solid rgba(0,0,0,0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:8px 10px 8px 30px ; text-decoration:none; } .area-cabang-new ul li a:hover{ background:rgba(0,0,0,0.5); } .area-cabang-new ul li a:before{ /*background: url(../images/logo-pelindo.png); width:30px; height:30px; border:1px solid red; position:absolute;*/ width: 30px; height:30px; content: " "; background: #FFF url(../images/logo-pelindo.png); background-size:30px ; background-repeat:no-repeat; background-position:center center; position: absolute; left: 0px; top: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; *border:1px solid cyan !important; } /****/ .area-browser-kompatibel{ padding:0 20px; background:rgba(255,255,255,0.3); *border:2px solid cyan; float:left; width:100%; clear:both; } .area-browser-kompatibel .inner{ float:left; width:100%; clear:both; *border:1px solid red; *padding-top:18px; *background:cyan; padding: 5px 0 10px; } .area-browser-kompatibel .inner ul{ padding:0 0; *background:orange; } .area-browser-kompatibel .inner ul li{ list-style:none; border-bottom:1px solid rgba(0,0,0,0.1); padding-top:5px; padding-bottom:5px; } .area-browser-kompatibel .inner ul li:first-child{ *border-top:1px solid rgba(0,0,0,0.1); } .area-browser-kompatibel .inner ul li:last-child{ *border-bottom: none; } .area-browser-kompatibel i{ *color:#73d4ee; color:#1bb6de; font-size:18px; } /****/ .item-tooltip { *color: #900; text-decoration: none; } .item-tooltip:hover { color: red; position: relative; *border:1px solid red !important; } .item-tooltip[data-title]:hover:before { content: attr(data-title) !important; padding: 4px 8px !important; color: #333 !important; position: absolute !important; left: 0; top: 100% !important; white-space: nowrap !important; *z-index: 20px !important; *z-index:99999 !important; z-index:20; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; /*background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc);*/ background:rgba(255,255,255,0.8); line-height:normal; } /****/ /*.datagrid-filter-c{ border:2px solid red !important; display:inherit !important; width:auto !important; *position:absolute !important; display:none !important; } */ tr.datagrid-header-row.datagrid-filter-row{ *display:none !important; } /****/ .area-info.dokumen-penawaran-rekanan{ *border:2px solid red; float:left; width:100%; clear:both; *background:rgba(0,0,0,0.05); background:rgba(115,212,238,0.1); border:1px solid rgba(115,212,238,0.2); margin-bottom:2px; padding:5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .area-info.dokumen-penawaran-rekanan span.ikon{ float:left; width:20px; } .area-info.dokumen-penawaran-rekanan span:nth-child(2){ *border:1px solid cyan; float:left; width:calc(100% - 20px); } /****/ ul.area-menu-atas{ /*border:1px solid green;*/ /*width: 100%;*/ } ul.area-menu-atas > li { /*max-width: calc(100% / 7);*/ /*height: 40px;*/ /*display: flex; justify-content: center; align-items: center;*/ position: relative !important; /*border: 1px solid red;*/ } ul.area-menu-atas > li:hover{ background: rgba(0,0,0,0.1); } ul.area-menu-atas li a{ color: #FFFFFF; padding-left: 10px; padding-right: 10px; } ul.area-menu-atas li a { line-height: normal; font-size: 13px; } .navbar-default .navbar-nav.area-menu-atas > li > a { color: #FFFFFF; background-color: transparent; font-size: 12px; /*background-color: pink;*/ } ul.area-menu-atas li.active a{ color: #FFFFFF; *border-bottom: 3px solid #FFFFFF; } ul.area-menu-atas li a:hover{ *background: rgba(0,0,0,0.1); background: none; } .nav .open > a, .nav .open > a:hover{ background: none; } /*ul.area-menu-atas li.dropdown.open a.highlighted{ background: red; }*/ .navbar-default .navbar-nav.area-menu-atas > li > a .fa.fa-home.me-1 { line-height: 32px; } /****/ ul.area-menu-atas > li > ul.dropdown-menu{ background: #2a9055; position: absolute; top: 35px !important; border: none; } ul.area-menu-atas ul.dropdown-menu li{ border-bottom: 1px solid rgba(0,0,0,0.1); } ul.area-menu-atas ul.dropdown-menu li:last-child{ border-bottom: none; } ul.area-menu-atas ul.dropdown-menu li a{ height: auto; line-height: normal; padding-top: 8px; padding-bottom: 8px; } ul.area-menu-atas ul.dropdown-menu li a:hover{ color: #FFFFFF; background: #333; } /****/ ul.area-menu-atas > li > ul.dropdown-menu > li > ul.dropdown-menu.sm-nowrap{ /*background: #2cb8f6;*/ background: #2a9055; border: none; } /****/ #info-login-salah{ width:400px; display: none; *border:2px solid red; background: rgba(255,255,255,0.8); *padding:0px 0px 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width:767px) { #info-login-salah{ width:100%; } } #info-login-salah > h3{ background:#fff3f3; border:1px solid #ffa8a8; text-align:center; padding-top:6px; padding-bottom:6px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom:0px; } #info-login-salah > div{ padding-left:20px; padding-right:20px; padding-top:18px; padding-bottom:18px; border:1px solid rgba(0,0,0,0.1); border-width:0 1px 1px 1px; margin-top:0px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #info-login-salah > div > table span{ display:inline-block; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.1); } #info-login-salah > div > table input{ width:100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid rgba(0,0,0,0.1); padding:4px; } #info-login-salah > div > table button{ width:100%; border:none; background: #27c2ea; color:#FFF; border-bottom: 2px solid rgba(0,0,0,0.2); padding-top: 5px; padding-bottom: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /****/ /*#error-login{ background:rgba(255,255,255,1); color:red; position:absolute; left:10px; width:calc(100% - 200px); font-size:13px; padding-left:10px; padding-right:10px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }*/ #error-login{ *background:rgba(255,255,255,1); *background:rgba(255,168,168,1); *color:#FFF; position:absolute; top:55px; left:15px; z-index:99; width:calc(100% - 165px); font-size:13px; /*-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;*/ } @media screen and (max-width:767px) { #error-login{ width:calc(100% - 75px); *right:0px; } } .triangle-isosceles { position:relative; padding:10px 10px; margin:1em 0 3em; color:#000; background:#ffffcc; /* default background for browsers without gradient support */ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #cc9933; } .triangle-isosceles.top { background:#ffffcc; } /* creates triangle */ .triangle-isosceles:after { content:""; position:absolute; bottom:-15px; /* value = - border-top-width - border-bottom-width */ left:50px; /* controls horizontal position */ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#ffffcc transparent; /* reduce the damage in FF3.0 */ display:block; width:0; } /* Variant : top ------------------------------------------ */ .triangle-isosceles.top:after { top:-10px; /* value = - border-top-width - border-bottom-width */ right:10px; /* controls horizontal position */ bottom:auto; left:auto; border-width:0 10px 10px; /* vary these values to change the angle of the vertex */ border-color:#ffffcc transparent; } /****/ .area-ticket-view{ *border:1px solid red; } .area-ticket-view > .judul{ *border:1px solid cyan; font-weight:bold; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.1); padding-top:7px; padding-bottom:7px; text-transform:uppercase; } .area-ticket-view > .area-ticket-chat{ *border:3px solid red; padding:15px; background:rgba(0,0,0,0.05); } .area-ticket-view > .area-ticket-chat > .judul{ *border:1px solid pink; background:rgba(255,255,255,0.2); padding:8px 10px; *text-transform:uppercase; font-weight:bold; } .area-ticket-view > .area-ticket-chat > .area-info{ *border:1px solid red; } .area-ticket-view > .area-ticket-chat > .area-info .item{ display:inline-block; *border:1px solid yellow; width:calc(25% - 4px); background: #2a9055; color: #FFFFFF; } .area-ticket-view > .area-ticket-chat > .area-info .item:nth-child(1){ *margin-left:2px; } .area-ticket-view > .area-ticket-chat > .area-info .item:nth-child(4){ width:calc(25% - 1px); } .area-ticket-view > .area-ticket-chat > .area-info .item .judul{ padding:7px 10px; } .area-ticket-view > .area-ticket-chat > .area-info .item .data{ background:rgba(255,255,255,0.2); padding:7px 10px; font-weight:bold; } .area-ticket-view > .area-ticket-chat > .area-tombol{ border:1px solid rgba(0,0,0,0.05); padding:10px; margin-top:10px; margin-bottom:10px; clear:both; float:left; width:100%; } .area-ticket-view > .area-ticket-chat > .area-tombol a{ color:#FFF; padding:7px 10px; cursor:pointer; } .area-ticket-view > .area-ticket-chat > .area-tombol a:hover{ text-decoration:none; } .area-ticket-view > .area-ticket-chat > .area-tombol a.btn-back{ background:#abbac3; float:left; } .area-ticket-view > .area-ticket-chat > .area-tombol a.btn-reply{ background:#82af6f; float:left; } .area-ticket-view > .area-ticket-chat > .area-tombol a.btn-close-ticket{ background:#d15b47; float:right; } .area-ticket-view > .area-ticket-chat > .ticketreplybox{ *background:#e2e2e2; background:rgba(255,255,255,0.2); margin-top:0px; } .area-ticket-view > .area-ticket-chat > .ticketreplybox input{ } .area-ticket-view > .area-ticket-chat > .area-chat{ *border:5px solid yellow; clear:both; display:inline-block; width:100%; } .area-ticket-view > .area-ticket-chat > .area-chat .item{ *clear:both; display:inline-block; width:100%; *border:2px solid green; margin-bottom:20px; } .area-ticket-view > .area-ticket-chat > .area-chat .item .nama{ background:rgba(255,255,255,0.9); padding:8px 10px; *border-bottom:1px solid rgba(0,0,0,0.2); } .area-ticket-view > .area-ticket-chat > .area-chat .item .nama i{ margin-right:10px; } .area-ticket-view > .area-ticket-chat > .area-chat .item.admin .nama i{ color:#2a9055; } .area-ticket-view > .area-ticket-chat > .area-chat .item .pesan{ background:rgba(255,255,255,0.5) url(../images/bg-shadow-menu.png) top center no-repeat; padding:8px 10px; margin-left:10px; margin-right:10px; position:relative; } .area-ticket-view > .area-ticket-chat > .area-chat .item.admin .pesan{ *background:rgba(115,212,238,0.1); *background:rgba(255,255,255,0.7) url(../images/bg-shadow-menu.png) top center no-repeat; } .area-ticket-view > .area-ticket-chat > .area-chat .item .pesan:before{ position:absolute; left:-10px; top:-5px; content:url(../images/pesan-corner-kiri.png); } .area-ticket-view > .area-ticket-chat > .area-chat .item .pesan:after{ position:absolute; right:-10px; top:-5px; content:url(../images/pesan-corner-kanan.png); } .area-ticket-view > .area-ticket-chat > .area-chat .item .pesan .attachment{ border-top:1px solid rgba(0,0,0,0.1); padding-top:8px; padding-bottom:0px; margin-top:8px; *background:cyan; } .area-ticket-view > .area-ticket-chat > .area-chat .item .pesan .attachment .item{ margin-bottom:0px; } .area-ticket-view > .area-ticket-chat > .area-chat .item .pesan .attachment .item i{ *background:yellow; } .area-ticket-view > .area-ticket-chat > .area-chat .item .pesan .attachment .item a{ *background:pink; } .area-ticket-view > .area-ticket-chat > .area-chat .item .info{ background:rgba(0,0,0,0.5); color:#FFF; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; *border:2px solid green; clear:both; float:left; width:calc(100% - 20px); padding:8px 10px; margin-left:10px; margin-right:10px; } .area-ticket-view > .area-ticket-chat > .area-chat .item .info .waktu{ float:left; line-height:31px; } .area-ticket-view > .area-ticket-chat > .area-chat .item .info .rating{ float:right; } .area-ticket-view > .area-ticket-chat > .area-chat .item .info > .rating > div{ *display:inline-block; line-height:31px; } .area-ticket-view > .area-ticket-chat > .area-chat .item .info > .rating > div.poor{ float:left; margin-right:10px; } .area-ticket-view > .area-ticket-chat > .area-chat .item .info > .rating > div.excellent{ float:right; margin-left:10px; } .area-ticket-view > .area-ticket-chat > .area-chat .item .info > .rating > fieldset{ float:left; } /** NEW EPROC AP1 25 APRIL 2019 **/ .navbar-default { /*background-image: url(../images/bg-navbar.png); background-size: cover; box-shadow: 0 0.75rem 6rem rgba(56, 65, 74, 0.03);*/ } .container-utama{ /*background: url(../images/bg-abstract-ap1.png) top left no-repeat; background-size: auto 400px;*/ padding-left: 50px; padding-right: 50px; padding-top: 10px; /*margin-top: 110px;*/ margin-top: 95px; min-height: calc(100vh - 275px); } .container-banner{ /*background: url(../images/bg-abstract-ap1.png) top left no-repeat; background-size: auto 400px;*/ padding-left: 50px; padding-right: 50px; /*padding-top: 10px;*/ /*padding-top: 110px;*/ padding-top: 100px; min-height: calc(100vh - 275px); } @media screen and (max-width:767px) { .container-banner { padding-left: inherit; padding-right: inherit; /*border: 2px solid red;*/ padding-top: 120px; } } .container-slider{ } /****/ .area-slider{ /*border: 1px solid cyan;*/ height: 285px; /*margin-top: 100px;*/ /*margin-left: 100px;*/ /*margin-right: 100px;*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; position: relative; z-index: 2; } .area-slider .slider { width: 100%; margin: 0px auto; } .area-slider .slick-slide { margin: 0px 0px; } .area-slider .slick-slide img { width: 100%; height: 285px; } @media screen and (max-width:767px) { .area-slider { /*border: 1px solid red;*/ height: 185px; } .area-slider .slider { /*border: 1px solid red;*/ } .area-slider .slick-slide { /*border: 1px solid red;*/ } .area-slider .slick-slide img { height: 185px; } } .area-slider .slick-prev:before, .area-slider .slick-next:before { color: black; } .area-slider .slick-slide { transition: all ease-in-out .3s; opacity: .2; } .area-slider .slick-active { opacity: .5; } .area-slider .slick-current { opacity: 1; } /****/ footer.footer{ /*background: #2a9055;*/ } footer.footer p.copyright{ color: #8d8d8d; font-size: 11px; margin-bottom: 0px; padding: 20px 0; } /****/ .container-footer-info{ padding-left: 50px; padding-right: 50px; /*padding-top: 50px;*/ padding-top: 10px; /*background: #fcfcfc url(../images/footer-bg.png) no-repeat; background-size: contain; color: #575b5e; line-height: 1.5;*/ } @media screen and (max-width:767px) { .container-footer-info{ padding-left: inherit; padding-right: inherit; } } .container-footer-info .judul{ font-family: 'Poppins Regular'; font-size: 14px; font-weight: 500; letter-spacing: 1px; padding-bottom: 15px; } .container-footer-info ul{ list-style-position: inside; padding: 0 0; } .container-footer-info ul li{ display: inline-block; width: 100%; } .container-footer-info ul li a{ display: block; color: #2a9055; border-bottom: 1px dashed rgb(210, 215, 217); padding: 6px 0; } .container-footer-info ul li:first-child a{ border-bottom: 1px dashed rgb(210, 215, 217); } .container-footer-info table td{ padding: 0 0 !important; border-top: none !important; } /****/ .area-daftar-rekanan{ background: #2a9055 url(../images/bg-maps-indonesia.png); background-size: cover; background-position: center; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .area-daftar-rekanan a{ display: block; text-align: center; color: #FFFFFF; padding: 20px; } .area-daftar-rekanan a i{ font-size: 36px; margin-bottom: 10px; } .area-daftar-rekanan a span{ display: inline-block; width: 100%; } .area-daftar-rekanan a .nama-ap1{ font-family: 'Poppins Regular'; font-size: 14px; font-weight: 500; } /****/ .area-daftar-rekanan-asing{ background: #8cc63f url(../images/bg-maps-dunia.png); background-size: cover; background-position: center; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .area-daftar-rekanan-asing a{ display: block; text-align: center; color: #FFFFFF; padding: 20px; } .area-daftar-rekanan-asing a i{ font-size: 36px; margin-bottom: 15px; } .area-daftar-rekanan-asing a span{ display: inline-block; width: 100%; } .area-daftar-rekanan-asing a .nama-ap1{ font-family: 'Poppins Regular'; font-size: 14px; font-weight: 500; } /****/ .area-panduan{ background: #fff; padding:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .area-panduan .judul{ font-family: 'Poppins Regular'; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #FFFFFF; padding: 15px 0; } .area-panduan ul{ padding: 0 0; list-style-position: inside; } /****/ .link-blacklist{ margin-top: 30px; margin-bottom: 15px; } .link-blacklist a{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; height: 45px; line-height: 45px; background: #FFFFFF; color: #333333; display: block; } .link-blacklist a i{ background: #333333; color: #FFFFFF; height: 45px; line-height: 45px; width: 45px; text-align: center; margin-right: 20px; float: left; } /****/ .messager-progress .progressbar{ position: relative; top: auto; } /****/ .item-aanwijzing{ text-align: center; *padding-bottom: 15px; margin-top: 5px!important; margin-bottom: 20px; *border: 1px solid red; position: relative; } .item-aanwijzing a{ display: block; min-width: 180px; height: 260px; *border: 1px solid cyan; } .item-aanwijzing a:hover{ background: rgba(0,0,0,0.1); } .item-aanwijzing .nama-dokumen { *border: 1px solid green; position: absolute; top: 0; bottom: 0; left: 60px; right: 60px; padding-left: 15px; padding-right: 15px; text-transform: uppercase; font-weight: bold; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .nama-dokumen p{ max-width: 164px; } .form-control.easyui-numberbox.numberbox.numberbox-f.validatebox-text{ display: block; width: auto !important; height: 34px !important; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } /****/ h3.judul{ font-size: 20px; } h3.judul span{ border-bottom: 4px solid #4fc7e7; } /****/ .area-info-deviasi{ *border: 1px solid green; float: left; } .area-info-deviasi .inner{ padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100%; color: #fff; } .area-info-deviasi .ikon-biru{ float: left; min-width: 50px; min-height: 40px; font-size: 30px; display: flex; margin-right: 10px; background-color: #0083db; border-radius: 0px 7px 7px 0px; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .area-info-deviasi .ikon-hijau{ float: left; min-width: 50px; min-height: 40px; font-size: 30px; display: flex; margin-right: 10px; background-color: #008548; border-radius: 0px 7px 7px 0px; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .area-info-deviasi .ikon-merah{ float: left; min-width: 50px; min-height: 40px; font-size: 30px; display: flex; margin-right: 10px; background-color: #B13C2E; border-radius: 0px 7px 7px 0px; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .area-info-deviasi .ikon-kuning{ float: left; min-width: 50px; min-height: 40px; font-size: 30px; display: flex; margin-right: 10px; background-color: #ff4000; border-radius: 0px 7px 7px 0px; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .area-info-deviasi .ikon{ float: left; min-width: 50px; min-height: 40px; font-size: 30px; display: flex; margin-right: 10px; background-color: #f2f2f2; border-radius: 0px 7px 7px 0px; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .area-info-deviasi .judul-tag{ font-size: 13px; width: 100%; margin-bottom: 5px; } .area-info-deviasi .konten-tag{ font-size: 18px; font-weight: bold; width: 100%; } .bg-biru{ background-color: #2a9055; } .bg-hijau{ background-color: #00A65A; } .bg-merah{ background-color: #DD4B39; } .bg-kuning{ background-color: #ff6600; } /****/ .area-pie-jenis-pekerjaan{ *border: 1px solid red; } .area-pie-jenis-pekerjaan #container-jenis-pekerjaan{ min-width: 100%; height: 400px; margin: 0 auto; } /****/ .area-investasi{ background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .area-investasi #container-investasi , .area-investasi #container-eksploitasi { height: 300px; margin-bottom: -150px; } .area-investasi table { border-collapse: collapse; width: 100%; border-top: 1px solid rgba(0,0,0,0.1); } .area-investasi table td{ border-bottom: 1px solid rgba(0,0,0,0.1); padding: 9px 14px; } .keterangan-gauge{ text-align: center; margin-top: 0px; margin-bottom: 20px; } /****/ .area-dokumentasi-terbaru{ *border: 1px solid red; font-size: 13px; } .area-dokumentasi-terbaru .item { font-size: 13px; min-height: 130px; margin-bottom: 7px; } .area-dokumentasi-terbaru .item .foto{ float: left; min-width: 50px; height: auto; font-size: 30px; display: flex; margin-right: 10px; background-color: #0E66AE; color: #fff; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .area-dokumentasi-terbaru .item .foto section { *padding: 2.5em 2em 2em; text-align: center; min-height: 100%; height: auto; *background-color: #FFFFFF; } .area-dokumentasi-terbaru .item .foto figure.stack{ margin: 0 0; } .area-dokumentasi-terbaru .item .foto figure.stack img{ width: 60px; } .area-dokumentasi-terbaru .item .foto figure.stack img:first-child { -webkit-transform: translate(40px,30px) !important; transform: translate(40px,30px) !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .area-dokumentasi-terbaru .item .foto figure.stack img:nth-child(2) { -webkit-transform: translate(0px,5px) !important; transform: translate(0px,5px) !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* .stack-spread.active img:nth-child(3) { -webkit-transform: translate(-15px,2px) !important; transform: translate(-15px,2px) !important; } */ .area-dokumentasi-terbaru .item .data-project{ font-size: 13px; float: left; width: calc(49% - 0px); min-height: 130px; height: auto; background: #FFFFFF; padding: 10px; } .area-dokumentasi-terbaru .item .data-project .nama{ font-size: 17px; margin-bottom: 10px; height: 100%; } .area-dokumentasi-terbaru .item .data-project .lokasi{ font-size: 13px; margin-bottom: 5px; height: 100%; } .area-dokumentasi-terbaru .item .data-project .nilai-project{ font-size: 13px; } .area-dokumentasi-terbaru .item .data-rekanan{ float: left; width: calc(55% - 120px); min-height: 130px; height: auto; background: #0e66ae; color: #FFFFFF; -webkit-border-radius: 0px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius: 0px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding: 5px; } .area-dokumentasi-terbaru .item .data-rekanan table{ border-collapse: collapse; width: 100%; } .area-dokumentasi-terbaru .item .data-rekanan table td{ font-size: 13px; vertical-align: top; padding: 8px 14px 4px; } .area-dokumentasi-terbaru .item .data-rekanan table td:nth-child(1){ width: 100px; } .area-dokumentasi-terbaru .item .data-rekanan table td:nth-child(2){ width: 20px; } .area-dokumentasi-terbaru .item .data-rekanan table td.tanggal{ color: #ffc066; } .btn-stack{ visibility: hidden; height: 0px; float: left; padding: 0 0; margin: 0 0; } /** KALENDER **/ .kalender-area{ *background:url(../images/bg-texture-gelap.png); *padding:4px 20px 5px; width: 100%; *height:400px; position: relative; } /*BADGE*/ .badge { display: inline-block; padding: .4em .5em; font-size: 85%; /*font-weight: 700;*/ line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } .badge-notification { font-weight: normal; font-size: 80%; background-color: #f04141; padding: 3px 5px; position: absolute; margin-top: 10px; margin-left: -5px; top: 0; } @media (prefers-reduced-motion:reduce) { .badge { transition: none } } a.badge:focus, a.badge:hover { text-decoration: none } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #fff; background-color: #f07223 } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #cf5204 } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) } .badge-secondary { color: #fff; background-color: #f07223; } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #545b62 } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) } .badge-success { color: #fff; background-color: #28a745 } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #1e7e34 } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) } .badge-info { color: #fff; background-color: #17a2b8 } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .badge-warning { color: #212529; background-color: #ffc107 } a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #d39e00 } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) } .badge-danger { color: #fff; background-color: #dc3545 } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130 } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .badge-light { color: #212529; background-color: #f8f9fa } a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #dae0e5 } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) } .badge-dark { color: #fff; background-color: #343a40 } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1d2124 } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) } .btn-login { background: #2a9055; /*margin-top: 20px;*/ margin: 0 0; margin-top: 0px; margin-right: 6px; } .btn-login:hover { background: #333333; } .name-tag { float:left; top: 0; margin-top: -10px; text-align: right; } .name-tag span{ font-weight: 500; } .name-tag small{ font-size: 10px; } .pic-name-tag { float:left; top: 0; /*margin-top: 7px;*/ margin-top: -4px !important; margin-top: 6px; text-align: right; } .card-shadow { border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: 0.3s; } .card-shadow:hover { box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } .toggle-btn { width: 30px; height: 15px; background-color: #ccc; border-radius: 15px; position: relative; cursor: pointer; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Add shadow to the toggle button */ } .toggle-btn .handle { width: 15px; height: 15px; background-color: #fff; border-radius: 50%; position: absolute; top: 0; left: 0; transition: transform 0.3s; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Add shadow to the toggle circle */ } .toggle-btn.active { background-color: #8DC641; } .toggle-btn.active .handle { transform: translateX(15px); } .toggle-label { margin-left: 10px; /* line-height: 30px;*/ } /****/ .nav.navbar-nav.navbar-right.navbar-akun { max-width: 300px; /*border: 1px solid red;*/ /*height: 35px;*/ /*border: 1px solid #dadada;*/ /*background-color: #FFFFFF;*/ /*-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;*/ /*margin-top: 4px;*/ margin-top: 12px; /*background-color: pink;*/ } .nav.navbar-nav.navbar-right.navbar-akun a { line-height: normal !important; padding-right: 0px; padding-left: 0px; } /****/ .area-paket-rekanan { background-color: #FFFFFF; /*color: #FFFFFF;*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 20px; } .area-paket-rekanan .item { float: left; width: 50%; } .area-paket-rekanan .title { position: relative; top: auto; left: auto; transform: none; text-align: center; font-weight: normal; /*color: #FFFFFF;*/ padding: 0px 20px 10px; } .area-paket-rekanan .item .ikon { background: rgba(42,144,85,0.15); width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 20px auto 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .area-paket-rekanan .item .ikon img { height: 30px; } .area-paket-rekanan .nilai { font-family: 'Poppins Bold'; font-size: 24px; text-align: center; padding: 10px 30px 5px; } .area-paket-rekanan .rekanan { /*background-color: #fdcf2f;*/ /*color: #0637a2;*/ /*margin-bottom: 25px;*/ /*-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 0px; border-top-right-radius: 30px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;*/ border-left: 1px solid #e0e0e0; } .area-paket-rekanan .rekanan .title { /*color: #0637a2;*/ } /****/ .area-daftar-perusahaan { /*background: #FFFFFF url(../images/bg-daftar-rekanan.png) top right no-repeat; background-size: 315px 225px;*/ /*border: 1px solid #f0f0f0;*/ /* padding-bottom: 30px;*/ margin-bottom: 20px; background: #d7f3e7; border: 1px solid #d0eee1; padding: 20px 20px 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .area-daftar-perusahaan .title { background: #FFFFFF; position: relative; top: auto; left: auto; transform: none; text-align: left; font-weight: normal; /*color: #FFFFFF;*/ padding: 15px 25px; /*width: 70%;*/ width: 100%; border: 1px dashed #77c128; margin-bottom: 10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .area-daftar-perusahaan .title strong { font-family: 'Poppins Bold'; font-size: 20px; display: inline-block; width: 100%; } .area-daftar-perusahaan a { background: #2a9055 url(../images/bg-daftar-rekanan.png); background-size: 100% 100%; /*border: 1px solid #18a396;*/ text-align: center; color: #333333; padding: 15px 15px; /*margin: 20px 30px 0;*/ margin-bottom: 10px; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .area-daftar-perusahaan a span { color: rgba(255,255,255,0.5); } .area-daftar-perusahaan a .nama-ap1 { display: inline-block; width: 100%; font-family: 'Poppins Bold'; font-size: 14px; color: #FFFFFF; } /****/ .area-card { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .area-card a { border: 1px solid rgba(0,0,0,0.1); color: #333333; font-family: 'Poppins Bold'; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 15px 30px; display: block; } /****/ .footer .area-profil { background-color: #FFFFFF; border: 1px solid #f0f0f0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 15px; min-height: 162px; } .footer .area-menu-lain { background-color: #2a9055; position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; /*padding: 15px;*/ min-height: 162px; } @media screen and (max-width:767px) { .footer .area-profil , .footer .area-menu-lain { margin-bottom: 20px; } } .footer .area-menu-lain .judul { font-family: 'Poppins Bold'; color: #FFFFFF; /*padding: 15px;*/ padding: 15px 20px 5px; } .footer .area-menu-lain ul { /*background-color: #fdcf2f; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 15px; position: absolute; bottom: -10px; left: 0; right: 0;*/ padding-left: 20px; padding-right: 20px; } .footer .area-menu-lain ul a { color: #0637a2; text-decoration: underline; border-bottom: none; padding: 3px 10px; margin: 4px 0; background: rgba(0,0,0,0.15); color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .footer .area-menu-lain ul li:first-child a { border-bottom: none; } .footer .area-kontak { background: #2a9055 url(../images/bg-kontak-footer.png); background-size: 100% 100%; color: #FFFFFF; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 15px 20px; min-height: 162px; } @media screen and (max-width:767px) { .footer .area-kontak { margin-bottom: 20px; } .footer .table-responsive { border: none; } } .footer .area-kontak .judul { font-family: 'Poppins Bold'; color: #FFFFFF; padding-bottom: 0px; } .footer .area-kontak table { font-size: 12px; } .footer .area-kontak table td { /*border: 1px solid red;*/ padding-right: 10px !important; color: #FFFFFF; } /****/ a.link-medsos { margin: 0 5px; } a.link-medsos img { width: 24px; } /****/ .area-live-date { margin-bottom: 20px; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #FFFFFF url(../images/bg-live-date.jpg) top right -30px no-repeat; background-size: auto 100%; height: 100px; padding: 25px 30px; } @media screen and (max-width:767px) { .area-live-date { height: auto; /*border: 1px solid red;*/ } } .area-live-date .jam { font-size: 18px; font-family: 'Poppins Bold'; } .area-live-date .hari { } .area-live-date .ikon { position: absolute; right: 0; top: -20px; } .area-live-date .ikon img { height: 104px; } /****/ .col-kanan { /*margin-top: -50px;*/ } @media screen and (max-width:767px) { .col-kanan { /*border: 2px solid green;*/ clear: both; } } /****/ #area-paket-lelang-top { /*border: 1px solid red;*/ background-color: #FFFFFF; /*border: 1px solid #f0f0f0;*/ border-bottom: none; padding: 60px 30px 30px; /*margin-top: -30px;*/ position: relative; z-index: 1; /*border: 1px solid red;*/ /*-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;*/ -webkit-border-radius: 20px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 20px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 20px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; margin-bottom: 0px; margin-top: 20px; } @media screen and (max-width:767px) { #area-paket-lelang-top { /*border: 1px solid red;*/ padding-top: 20px; } } /****/ .area-dokumen-kelengkapan { border: 1px solid #d0eee1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .area-dokumen-kelengkapan h3 { font-size: 20px; font-family: 'Poppins Bold'; padding: 0 10px; margin: 8px 0; } .area-dokumen-kelengkapan h4 { font-size: 14px; font-family: 'Poppins Regular'; padding: 0 10px; margin: 8px 0; } .area-dokumen-kelengkapan .list-group-item a:hover { border-color: #fdcf2f; } /****/ .modal-header { /*padding: 15px;*/ /*border-bottom: 1px solid #e5e5e5;*/ background: #2a9055; /*color: #fff;*/ } /****/ .accordion-faq { padding-top: 20px; padding-left: 20px; padding-right: 20px; } .accordion-faq .panel.panel-default { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; border: 1px solid #dadada; margin-bottom: 5px; } .accordion-faq .panel.panel-default .panel-heading { border: none; } .accordion-faq .panel.panel-default .panel-heading .panel-title a { display: block; } .accordion-faq .panel.panel-default .panel-heading .panel-title a:hover { /*background: #333333;*/ color: #2a9055; text-decoration: underline; }