/*general*/
html{
height: 100%;
}
body{
display: flex;
flex-direction: column;
min-height: 100%;
}
a .logo{
width: 135px;
}
.container{
flex: 1;
}
.container-fluid{
flex: 1;
}
.mode5{
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
margin: 13px;
}
.mode5:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
z-index: 2;
}
.footer {
right: 0;
bottom: 0;
left: 0;
padding: 20px;
background-color: #efefef;
text-align: center;
}
.vertical-align {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
.form-surat{
margin-bottom: 20px;
}
/*halaman depan*/
.halaman{
width : 100%;
margin-top: 150px;
margin-bottom: 50px;
}
/*halaman cetak*/
.cetak{
width : 100%;
margin-top: 120px;
margin-bottom: 80px;
}
.pilih_surat{
border-radius: 25px;
box-shadow: 0px 0px 21px -3px rgba(0,0,0,0.2);
margin-left: 20%;
margin-right: 20%;
padding: 25px;
}
.cetak .judul{
font-family: 'Carter One';
font-size: 28px;
}
/*cetak surat*/
.cetak_surat {
width : 100%;
margin-top: 100px;
margin-bottom: 20px;
padding-left: 10%!important;
padding-right: 10%!important;
}
.cetak_surat .judul{
font-family: 'Roboto';
font-weight: bold;
font-size: 30px;
line-height: normal;
text-align:center;
}
.cetak_surat .btn{
min-width: 150px;
margin :5px;
}
/*format surat*/
.format_surat {
width : 100%;
margin-top: 90px;
margin-bottom: 20px;
padding-left: 10%!important;
padding-right: 10%!important;
}
.format_surat .btn{
min-width: 150px;
margin :5px;
}
.format_surat .printable{
width: 210mm;
min-height: 297mm;
padding: 5mm;
margin: 10mm auto;
border: 1px #D3D3D3 solid;
border-radius: 5px;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.printarea{
padding: 5mm;
}
.print_pdf{
font-family: serif;
}
.responsive_view_surat{
overflow-x:auto;
margin-left:-20px;
margin-right:-20px;
}
.notif_mobile{
display: none;
}
/*halaman tentang*/
.tentang{
width : 100%;
margin-top: 130px;
margin-bottom: 40px;
}
/*halaman login*/
.login{
width : 100%;
margin-top: 140px;
margin-bottom: 80px;
}
.form_login{
background: linear-gradient(
rgba(20,20,20, .5),
rgba(20,20,20, .5)),
url("../foto/bg_login.png") no-repeat;
border-radius: 25px;
box-shadow: 0px 0px 21px -3px rgba(0,0,0,0.2);
max-width: 800px;
width: 90%;
}
.form_login .kiri img{
width: 130px;
}
.form_login .kanan{
padding: 25px;
border-radius: 0px 25px 25px 0px;
background-color: white;
}
.text_bawah{
display: block;
}
.display_none{
display: none;
}
/*halaman admin*/
.home{
width : 100%!important;
margin-top: 120px;
margin-bottom: 40px;
padding-right: 140px!important;
padding-left: 140px!important;
}
.home .row{
width : 100%!important;
}
.subheader{
z-index: 5;
display: block;
width: 100%;
position: fixed;
top:68px;
padding: 15px;
color: white;
}
.desktop{
display: block-inline!important;
}
.mobile{
display: none!important;
}
.warga_tampil{
margin-top: 64px!important;
margin-bottom: 30px!important;
flex: 1;
}
.warga_tampil .navigasi{
background-color: #ebebeb;
color :black;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
margin: 0px;
width: 100%
}
.warga_tampil .navigasi .kiri{
text-align: left;
}
.warga_tampil .navigasi .kanan{
text-align: right;
}
.warga_tampil .navigasi .tengah{
margin-bottom: 0px;
margin-top: 0px;
}
.header_sub{
display: inline;
}
.responsive_table{
border-radius: 15px;
overflow-x:auto;
margin-top:30px;
margin-bottom:30px;
margin-right: 45px;
margin-left: 45px;
}
/*warga edit*/
.warga_edit{
margin-top: 100px!important;
padding-left: 8%!important;
padding-right: 8%!important;
}
.warga_edit .judul{
font-family: 'Roboto';
font-weight: bold;
font-size: 30px;
line-height: normal;
text-align:center;
}
.warga_edit .tab-excel{
padding-top: 30px;
padding-bottom: 30px;
}
.form-edit{
margin-bottom: 30px;
border-radius: 20px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
padding-bottom: 20px;
border: 1.2px #d9d9d9 solid
}
.btn-edit{
min-width: 150px;
margin :5px;
}
/*hitung data*/
.hitung-data{
margin-top: 100px!important;
margin-bottom: 20px;
}
.tabbable .nav-tabs {
overflow-x: auto;
overflow-y:hidden;
flex-wrap: nowrap;
}
.tabbable .nav-tabs .nav-link {
white-space: nowrap;
}
.hitung-data .tab-content{
padding:20px;
}
.hitung-data table{
margin:0px;
}
.hitung-data .content{
border-radius: 15px;
overflow: hidden;
}
.hitung-data td {
vertical-align: middle!important;
}
.hitung-data .judul{
font-family: 'Roboto';
font-weight: bold;
font-size: 30px;
line-height: normal;
text-align:center;
margin-bottom: 20px;
}
.modal-data{
position: fixed;
transition:all 0.5s;
top:-100%;
right: 0;
bottom: 100%;
left: 0;
z-index: 10;
box-shadow: 0px 0px 28px -10px rgba(0,0,0,0.62);
background-color: white;
overflow-y: auto;
}
.animasi_modal_data {
bottom:0px;
top:60px;
}
/*BIP print*/
.bip {
width : 100%;
margin-top: 90px;
margin-bottom: 20px;
padding-left: 10%!important;
padding-right: 10%!important;
}
.bip .btn{
min-width: 150px;
margin :5px;
}
.bip .printable{
width: 297mm;
min-height: 210mm;
padding: 5mm;
margin: 10mm auto;
border: 1px #D3D3D3 solid;
border-radius: 5px;
background: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.tabelbip table {
border-collapse: collapse;
}
.tabelbip td {
border: 1px solid black;
}
/*pengaturan*/
.pengaturan{
margin-top: 80px!important;
padding-left: 19%!important;
padding-right: 19%!important;
margin-bottom: 30px;
}
.pengaturan .judul{
font-family: 'Roboto';
font-weight: bold;
font-size: 25px;
line-height: normal;
text-align:center;
}
@media screen and (max-width: 768px) {
.cetak{
width : 100%;
margin-top: 110px;
}
.pilih_surat{
box-shadow: 0px 0px 21px -3px rgba(0,0,0,0.1);
margin-left: 2%;
margin-right: 2%;
}
.cetak .judul{
font-size: 25px;
}
.cetak_surat {
padding-left: 5%!important;
padding-right: 5%!important;
}
.cetak_surat .judul{
font-size: 22px;
}
.notif_mobile{
display: block;
color: red;
font-size: 13px;
font-style: italic;
margin-top:20px;
margin-bottom: -20px;
}
.login{
margin-top: 100px;
margin-bottom: 30px;
}
.form_login .kanan{
padding: 25px;
border-radius: 0px 0 25px 25px;
background-color: white;
}
.form_login .kiri{
padding-top: 25px;
padding-bottom: 15px;
}
.form_login .kiri img{
width: 100px;
}
.text_bawah{
display: none;
}
/*admin*/
.home{
margin-top: 100px;
margin-bottom: 30px;
padding-right: 20px!important;
padding-left: 20px!important;
}
.home .row{
width : 100%!important;
}
.home .col-6{
margin-top: -20px!important;
}
.subheader{
}
.desktop{
display: none!important;
}
.mobile{
display: block!important;
}
.header_sub{
display: none;
}
.warga_tampil .navigasi{
margin : 0px!important;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.warga_tampil .navigasi .kiri{
text-align: center;
}
.warga_tampil .navigasi .kanan{
text-align: center;
}
.warga_tampil .navigasi .tengah{
margin-bottom: 10px;
margin-top: 10px;
}
.warga_tampil .navigasi .bawah{
margin-top: 10px;
}
.responsive_table{
overflow-x:auto;
margin:15px;
}
/*warga edit*/
.warga_edit{
margin-top: 100px!important;
padding-left: 3%!important;
padding-right: 3%!important;
}
.warga_edit .tab-excel{
padding-top: 10px;
padding-bottom: 10px;
}
.form-edit{
margin-bottom: 30px;
border-radius: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 10px;
border: 1px #d9d9d9 solid
}
.btn-edit{
min-width: 150px;
margin :5px;
}
.hitung-data {
margin-top: 90px!important;
}
.hitung-data .tab-content{
padding-left:3px;
padding-right:3px;
}
.hitung-data .kolom-row{
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding:0px;
}
.hitung-data .judul{
margin-bottom: 25px;
}
.pengaturan{
padding-left: 3%!important;
padding-right: 3%!important;
}
}
@media print{
.printmobile{
}
.print_bip{
padding-top: 10mm!important;
}
html, body {
height: 98%;
}
table{
border-collapse: collapse;
}
@page{
margin: 0px;
}
}