/* Main design */
html {background: #fff; color: #000; font-family: arial, sans-serif; font-size: 12px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-width: 1024px;}
body {min-width: 1024px; margin:0;}
a, a:hover, a:active, a:visited {text-decoration: none; color: black; cursor: pointer; }
.row {margin-left:0px; margin-right: 0px;}

/* Error page design */
.error-page {margin-top: 100px; text-align: center;}
.error-page>.error-content>h3{font-weight:700;font-size:30px}

/* Header page design */
.header-area {position: fixed; display: block; height: 30px; background-color: #363641; color: white; font-size: 14px; z-index: 5; left:0; right:0; top:0px; padding: 0px} 
.header-area .pull-left {float: left;} .header-area .pull-right {float: right;}
.header-area .title {margin-top: 3px;}
.header-area .dropdown {position: relative; display: inline-block;}  
.header-area .dropdown .user_dropdown {background-color: inherit; color: white; border: none;}
.header-area .dropdown .user_dropdown .user_image {display:inline-block; margin-left: 0px; margin-right:3px; margin-top: 1px; width: 20px; height: 20px; border-radius: 50%;}
.header-area .dropdown .user_dropdown .user_name {display: inline-block;}
.header-area .dropdown .dropdown-content {display: none; position: absolute; z-index: 5; right: -5px !important; min-width: 100px; 
  width: auto; white-space: nowrap; background-color: white; color:black; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
  border:1px solid #DDD; border-radius: 5px;}
.header-area .dropdown:hover .dropdown-content {display: block;}
.header-area .dropdown .dropdown-content.login, .header-area .dropdown .dropdown-content.logout {padding: 5px 8px;width: auto; white-space: nowrap;}
.header-area .dropdown .dropdown-content.login input {border: 1px solid #DDD;}
.header-area .dropdown .dropdown-content.login input:hover {border: 1px solid #AAA;}
.header-area .dropdown .dropdown-content.login .user_forget {float: left;}
.header-area .dropdown .dropdown-content.login .user_login {float: right;}
.header-area .dropdown .dropdown-content.login .btnForget, .header-area .dropdown .dropdown-content.login .btnLogin {display: inline-block;
  background-color: #363641; color: white; border: 1px solid #363641; border-radius: 6px; margin-top: 5px; padding-top: 2px;
  padding-right: 8px; padding-bottom: 3px; padding-left: 8px;}
.header-area .dropdown .dropdown-content.logout a {color: black; padding: 5px 10px; text-decoration: none; display: block;}
.header-area .dropdown .dropdown-content.logout a:hover, .header-area .dropdown .dropdown-content.logout a:focus {background-color: #ddd;}

/* Content page design */
.content-area {display: block; min-height: 200px; margin-top: 62px; padding: 10px 10px 30px 10px; background-color:white;}

/* Footer page design */
.footer-area {position: fixed; display: block; height: 18px; background-color: #363641; left:0; right: 0; bottom: 0; padding: 3px 8px; z-index: 5; color: white; font-size: 11px;}     

/* Menu design */
.menu-area .navbar {position:fixed; display:block; top:30px; left:0; right:0; padding:0; min-height:25px; width:100%; z-index:4; background-color:#81ECFF; color:black;}
.menu-area .navbar .navbar-brand {display: none;}
.menu-area .navbar .container-fluid, .menu-area .navbar .sub-menu-first, .menu-area .navbar .sub-menu-second, .menu-area .navbar .sub-menu .dropdown-toggle {padding:0px; color: black; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 13px;}
.menu-area .navbar li.nav-item a {color: black;}
.menu-area .navbar li.nav-item a:hover, .menu-area .navbar li.nav-item a:focus, .menu-area ul.dropdown-menu li.nav-item a:hover, .menu-area ul.dropdown-menu li.nav-item a:focus {color:white; background-color: #FF81EC !important;}
.menu-area .navbar .nav-item.dropdown:hover .dropdown-menu.sub-menu-first {display:block; background-color: #81ECFF;}
.menu-area .navbar .nav-item.dropdown .nav-item.dropdown:hover .dropdown-menu.sub-menu-second {display:block; background-color: #81ECFF;}
.menu-area .navbar .nav-item.dropdown .nav-item.dropdown.subMenu {position: relative;}
.menu-area .navbar .nav-item.dropdown .nav-item.dropdown.subMenu .dropdown-menu {top:0; left:100%;}
.menu-area .navbar-nav .dropdown-menu .dropdown-toggle {margin-right:15px; padding:3px 12px;}
.menu-area .navbar-nav .dropdown-menu .dropdown-toggle::after {position:absolute; top:6px; right:1px; border-top:.5em solid transparent;  border-bottom:.5em solid transparent; border-left:.5em solid;}
.menu-area .navbar-nav .dropdown-toggle {padding-right: 22px;}
.menu-area .navbar-nav .dropdown-toggle::after {position: absolute; top:13px; border-top:.5em solid; border-left:.5em solid transparent; border-right:.5em solid transparent;}

/* Content page design */
.page-header {margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px solid #ddd;}
.page-header .header-title {display: inline-block; font-size:22px;}
.page-header .header-button {float: right;}
.page-header .header-button input[type=submit], .page-header .header-button button {margin-left: 8px; font-size: 14px; color: white; background-color: #363641; border: 1px solid #363641; border-radius: 5px;}
.page-header .header-button button {padding-top:1px!important; margin-top:-3px;}
.page-content .progress {height: 20px; margin-bottom: 10px; font-size: 13px;}
.page-content .left25 {width: 20%; padding-left: 0px; padding-right: 5px;} .page-content .right75 {width: 80%; padding-left: 10px;}
.page-content .left30 {width: 30%; padding-left: 0px; padding-right: 5px;} .page-content .right70 {width: 70%; padding-left: 10px;}
.page-content .form-baris {line-height: 23px!important; width: 100%; margin-top: 0px; margin-bottom: 0px; clear: both;}
.page-content .form-baris100 {line-height: 30px!important; width: 100%; margin-top: 0px; margin-bottom: 0px; clear: both;}
.page-content .form-baris050 {float:left; line-height: 34px!important; width: 50%;}
.page-content .form-judul {float:left; width: 126px; margin-top: 0px; vertical-align: top;}     
.page-content .form-separator {float:left; width: 10px; margin-top: 0px; vertical-align: top;}  
.page-content .form-isi {margin-left: 136px;}
.page-content .src-judul {float:left; width: 80px; margin-top: 0px; vertical-align: top;}     
.page-content .src-separator {float:left; width: 10px; margin-top: 0px; vertical-align: top;}  
.page-content .src-isi {margin-left: 90px;}
.page-content .form-isi input[type=text], .page-content .form-isi input[type=password], .page-content .form-isi input[type=email], 
.page-content .form-isi select, .page-content .src-isi input[type=text], .page-content .src-isi input[type=email], .page-content .src-isi select {width: 100%; line-height: 22px; border: 1px solid #ccc;}
.page-content .form-isi input[type=date] {line-height: 22px; padding:0px; border: 1px solid #ccc;}
.page-content .form-isi textarea {width: 100%; margin-bottom:-16px; border: 1px solid #ccc; font-size: inherit; line-height: normal;}
.page-content .form-pilih {float:left; width: 60px;}
.page-content .form-pilihisi {margin-left: 70px;}

.page-content .nav-tabs li a{color: black; font-size: 13px;}
.page-content .tombolHuruf {margin-bottom: 8px;}
.page-content button.btnHuruf {display:inline!important; font-size: 14px; color: black; background-color: white; border: 1px solid #ccc; border-radius: 5px; margin-left: 5px; padding: 2px 5px;}
.page-content button.btnHuruf.active {display:inline!important; font-size: 14px; color: white; background-color: #363641; border: 1px solid #363641; border-radius: 5px; margin-left: 5px;}
.page-content button.btnHuruf:hover, .page-content button.btnHuruf:focus {color: black; background-color: #ccc; border: 1px solid #ccc; border-radius: 5px; margin-left: 5px;}
.page-content .tab-content {margin-top: 5px;}
.page-content .tab-content button.btnTambah, .page-content .tab-content input[type=submit]{margin-left: 8px; font-size: 14px; color: white; background-color: #363641; border: 1px solid #363641; border-radius: 5px;}
.page-content .accordion {border: 1px solid #ddd;}
.page-content .accordion-button {padding-left:6px; padding-right:6px;}
.page-content .accordion-body {padding: 8px 5px;}

/* Table Form design https://www.datatables.net/manual/styling/theme-creator */
.dt-container {position: relative; clear: both; zoom: 1; width:100%; margin-bottom:30px;}
.dt-container .dt-search, .dt-container .dt-paging {float: right; font-size: 13px; text-align: right; margin-bottom:5px;}
.dt-container .dt-search input[type=search] {padding: 2px 6px;}
.dt-container .dt-paging {margin-top: 5px; color:black !important;} .dt-container .dt-paging .dt-paging-button {padding:2px 6px !important;}
table.dataTable {width: 100%; border-top: 2px solid black;}
table.dataTable tfoot {border-top: 2px solid black; border-bottom: 2px solid black;}
table.dataTable thead tr th {text-align: center!important; vertical-align: middle; border-bottom: 2px solid black !important;}
table.dataTable tbody tr td {padding: 3px 5px; vertical-align: top;}
table.dataTable thead th, table.dataTable table.dataTable tbody td, table.dataTable tfoot td {padding: 3px 3px !important; font-size: 13px;}
table.dataTable.stripe > tbody > tr:nth-child(odd) {background-color: #EEE; }
table.dataTable.stripe > tbody > tr:nth-child(odd):hover, table.dataTable.stripe > tbody > tr:nth-child(even):hover {background-color: #BBB;}
table.dataTable thead th.kolUp .dt-column-order:before, table.dataTable thead th.kolUp .dt-column-order:after {content: ''!important;}
table.dataTable thead th.kolDown .dt-column-order:before, table.dataTable thead th.kolDown .dt-column-order:after {content: ''!important;}
table.dataTable thead th.kolView .dt-column-order:before, table.dataTable thead th.kolView .dt-column-order:after {content: ''!important;}
table.dataTable thead th.kolEdit .dt-column-order:before, table.dataTable thead th.kolEdit .dt-column-order:after {content: ''!important;}
table.dataTable thead th.kolDelete .dt-column-order:before, table.dataTable thead th.kolDelete .dt-column-order:after {content: ''!important;}
table.dataTable thead th.kolDownload .dt-column-order:before, table.dataTable thead th.kolDownload .dt-column-order:after {content: ''!important;}
table.dataTable thead th.kolFoto .dt-column-order:before, table.dataTable thead th.kolFoto .dt-column-order:after {content: ''!important;}
table.dataTable tbody .noActive {color: #BBB;}
table.dataTable.stripe > tbody > tr:nth-child(odd):hover td, table.dataTable.stripe > tbody > tr:nth-child(even):hover td {background-color: #BBB!important; color:black;}
table.dataTable button {border: none; width:100%; background-color: inherit; color: inherit; padding:0; margin:0;}
table.dataTable button:hover, table.dataTable button:focus {color:black;}
table.dataTable .kolStatus {width: 110px!important; padding-left: 0px!important; padding-right: 0px!important; text-align: center!important;}
table.dataTable .kolUp, table.dataTable .kolDown, table.dataTable .kolView, table.dataTable .kolEdit, table.dataTable .kolDownload, table.dataTable .kolDelete {width: 25px!important; max-width: 25px!important; padding:0px 0px!important; margin:0px 0px; text-align: center!important;}
table.dataTable .kolFoto {width:90px; text-align: center;} table.dataTable .kolFoto img {width:45px;}
table.dataTable tbody tr td button {width: 100%; padding:0px;}

/* Modal design */
.modal {font-size: 13px;}
.modal-dialog {margin: auto; max-width: none; width: fit-content;}
.modal-header {padding: 5px 5px; background-color: aliceblue; height: 35px;}
.modal-header .header-title {font-size:13px; padding: 2px 0px;}
.modal-footer {padding: 7px 5px; background-color: aliceblue; height: 42px;}
.modal-footer button {font-size:13px; color: white; background-color: #f00; padding: 0px 5px; height: 28px;}
.modal-footer button:hover {color: black; background-color: #00FF00;}
.modal-body {padding-left: 0px; padding-right: 0px; padding-top: 8px; padding-bottom: 8px;}
.modal-body .row {line-height: 2.5;}
.modal-body .table-header, .modal-body .table-separator, .modal-body .table-value {display: inline-block !important; vertical-align: top; padding:0px; margin-top: 0px;}
.modal-body .table-separator {width: 8px; text-align: left;}
.modal-body .table-value input[type=text], .modal-body .table-value select {width: 100%; line-height: 22px; font-size: 13px;}
.modal-body .table-value textarea {width: 100%; margin-bottom:-16px; font-size: inherit; line-height: normal; border: 1px solid #ccc;}

/* Master Sinode */
.tblSinode .kol1 {width: 150px!important; text-align: center;}
.sinode-header {width: 100px;} .sinode-content{width: 300px;}

/* Struktur Sinode */
.tblStruktur .kol1 {width: 100px!important; text-align: center;}
.strukturSinode-header{width: 120px;} .strukturSinode-content{width: 350px;}

/* Area Kerja Gereja */
.tbGereja .kol2 {width: 100px; text-align: center;}
.tbArea .kol1 {width: 100px!important; text-align: center;}
.area-header {width: 100px;} .area-content{width: 350px;}

/* Member Gereja Management */
#tblMemberGereja {width: 100%;}
#tblMemberGereja .form-judul, #tblMemberGereja .form-separator {float:none;}
#tblMemberGereja .form-foto, #tblMemberGereja .form-foto #foto {vertical-align: top; width: 180px;}
.tblHakMember .kol2 {width: 200px!important; padding:0;}
.tblHakMember .kol3, .tblHakMember .kol4, .tblHakMember .kol5, .tblHakMember .kol6, .tblHakMember .kol7, .tblHakMember .kol8  {width: 60px!important; text-align: center; padding:0;}
.hakUser-header {width: 100px;} .hakUser-content {width: 350px;}

/* Rekap Admin Gereja */
.tbAdmUser .kol1 {width:200px;} .tbAdmUser .kol2 {width:80px;}


/* Data Pribadi Jemaat Management */
.dataJemaat .tab-content .container {padding-left: 0px; padding-right: 0px; max-width: none;}
#tblJemaatPribadi {width: 100%;} 
#tblJemaatPribadi .form-judul, #tblJemaatPribadi .form-separator {float:none;}
#tblJemaatPribadi .form-foto, #tblJemaatPribadi .form-foto #foto {vertical-align: top; width: 180px;}

/* Data Atestasi Jemaat Management */
.tbAtestasiList .kol1 {width: 100px;} .tbAtestasiList .kol2 {width: 180px; text-align: center;} .tbAtestasiList .kol3 {width: 130px; text-align: center;}

/* Data Atestasi Jemaat Management */
.tbBaptis .kol1 {width: 110px!important; padding-left:0px; padding-right: 0px; text-align: center;} 
.tbBaptis .kol2 {width: 100px; text-align: center;} 

/* Data Keluarga Jemaat Management */
.tbKeluarga .kol2 {width:110px; text-align: center;} .tbKeluarga .kol3 {width:170px;}
.family-header {width: 100px;} .family-content {width: 405px;}

/* Data Alamat Jemaat Management */
.tbAlamat .kol1 {width: 150px!important; padding: 0px;}
.alamat-header {width: 125px;} .alamat-content {width: 405px;}

/* Data Kontak Jemaat Management */
.tbKontak .kol1 {width: 150px!important; padding: 0px;}
.kontak-header {width: 130px;} .kontak-content {width: 405px;}

/* Data Pendidikan Jemaat Management */
.tbSekolah .kol1 {width: 150px!important; padding: 0px;}
.sekolahFrm-header {width: 115px;} .sekolahFrm-content {width: 405px;}

/* Data Pekerjaan Jemaat Management */
.tbKerja .kol1, .tbKerja .kol2 {width: 150px!important; padding: 0px; text-align: center;}
.kerja-header {width: 150px;} .kerja-content {width: 405px;}

/* Recovery user design */
.formForget {width: 500px; margin-top: 20px; margin-left: auto; margin-right: auto;}
.formForget .header-button {margin-top: 8px;}
.formForget .row {margin: 0px 0px 10px 0px;}
.formForget .content-title, .formForget .content-separator, .formForget .content-value {padding:0px;}
.formForget .content-title {width: 100px;}
.formForget .content-separator {width: 10px;}
.formForget .content-value {width: 390px;}
.formForget input[type=text], .formForget input[type=password] {width: 100%;}
.formForget .page-content {border-bottom: 1px solid #ddd;}

/* Pencarian Data Jemaat Aktif */
.page-content .btnSearch {width:100%; margin-top:5px; font-size: 14px; color: white; background-color: #363641; border: 1px solid #363641; border-radius: 5px;}


/* Rekapitulasi data */
.frmRekap .tab-content .container{max-width:none; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
.frmRekap .tbRekapPribadi .kol00, .frmRekap .tbRekapGereja .kol00, .frmRekap .tblRekapAlamat .kol00 {width: 18px;}
.frmRekap .tbRekapPribadi .kol02, .frmRekap .tbRekapPribadi .kol03, .frmRekap .tbRekapPribadi .kol04, .frmRekap .tbRekapPribadi .kol05, 
.frmRekap .tbRekapPribadi .kol06, .frmRekap .tbRekapPribadi .kol07, .frmRekap .tbRekapPribadi .kol08, .frmRekap .tbRekapPribadi .kol09, 
.frmRekap .tbRekapPribadi .kol10, .frmRekap .tbRekapPribadi .kol11, .frmRekap .tbRekapPribadi .kol12 {text-align: center; width:90px;}
.frmRekap .tbRekapGereja .kol02, .frmRekap .tbRekapGereja .kol03, .frmRekap .tbRekapGereja .kol04, .frmRekap .tbRekapGereja .kol05, 
.frmRekap .tbRekapGereja .kol06, .frmRekap .tbRekapGereja .kol07, .frmRekap .tbRekapGereja .kol08, .frmRekap .tbRekapGereja .kol09, 
.frmRekap .tbRekapGereja .kol10, .frmRekap .tbRekapGereja .kol11, .frmRekap .tbRekapGereja .kol12, .frmRekap .tbRekapGereja .kol13, 
.frmRekap .tbRekapGereja .kol14, .frmRekap .tbRekapGereja .kol15, .frmRekap .tbRekapGereja .kol16, .frmRekap .tbRekapGereja .kol17 {text-align:center; width: 70px;}
.frmRekap .tblRekapAlamat .kol02, .frmRekap .tblRekapAlamat .kol03, .frmRekap .tblRekapAlamat .kol04, .frmRekap .tblRekapAlamat .kol05,
.frmRekap .tblRekapAlamat .kol06, .frmRekap .tblRekapAlamat .kol07, .frmRekap .tblRekapAlamat .kol08, .frmRekap .tblRekapAlamat .kol09,
.frmRekap .tblRekapAlamat .kol10, .frmRekap .tblRekapAlamat .kol11, .frmRekap .tblRekapAlamat .kol12, .frmRekap .tblRekapAlamat .kol13, 
.frmRekap .tblRekapAlamat .kol14 {text-align: center; width: 80px;}

/* Rekapitulasi Detail Data */
.frmRekapDtl .tab-content .container{max-width:none; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
.frmRekapDtl .tbRekapPribadi .kol00, .frmRekapDtl .tbRekapNikah .kol00, .frmRekapDtl .tbRekapGereja .kol00, .frmRekapDtl .tbRekapBaptis .kol00, .frmRekapDtl .tbRekapUmur .kol00, .frmRekapDtl .tbRekapDarah .kol00 {width: 10px;}
.frmRekapDtl .tbRekapPribadi .kol02, .frmRekapDtl .tbRekapPribadi .kol03, .frmRekapDtl .tbRekapPribadi .kol04, .frmRekapDtl .tbRekapPribadi .kol05,
.frmRekapDtl .tbRekapPribadi .kol06, .frmRekapDtl .tbRekapPribadi .kol07, .frmRekapDtl .tbRekapPribadi .kol08, .frmRekapDtl .tbRekapPribadi .kol09,
.frmRekapDtl .tbRekapPribadi .kol10, .frmRekapDtl .tbRekapPribadi .kol11, .frmRekapDtl .tbRekapPribadi .kol12, .frmRekapDtl .tbRekapPribadi .kol13 {text-align: center; width:90px;}
.frmRekapDtl .tbRekapNikah .kol02, .frmRekapDtl .tbRekapNikah .kol03, .frmRekapDtl .tbRekapNikah .kol04, .frmRekapDtl .tbRekapNikah .kol05,
.frmRekapDtl .tbRekapNikah .kol06, .frmRekapDtl .tbRekapNikah .kol07, .frmRekapDtl .tbRekapNikah .kol08, .frmRekapDtl .tbRekapNikah .kol09,
.frmRekapDtl .tbRekapNikah .kol10, .frmRekapDtl .tbRekapNikah .kol11, .frmRekapDtl .tbRekapNikah .kol12, .frmRekapDtl .tbRekapNikah .kol13,
.frmRekapDtl .tbRekapNikah .kol14, .frmRekapDtl .tbRekapNikah .kol15, .frmRekapDtl .tbRekapNikah .kol16, .frmRekapDtl .tbRekapNikah .kol17, 
.frmRekapDtl .tbRekapNikah .kol18 {text-align: center; width: 70px;}
.frmRekapDtl .tbRekapGereja .kol02, .frmRekapDtl .tbRekapGereja .kol03, .frmRekapDtl .tbRekapGereja .kol04, .frmRekapDtl .tbRekapGereja .kol05,
.frmRekapDtl .tbRekapGereja .kol06, .frmRekapDtl .tbRekapGereja .kol07, .frmRekapDtl .tbRekapGereja .kol08, .frmRekapDtl .tbRekapGereja .kol09,
.frmRekapDtl .tbRekapGereja .kol10, .frmRekapDtl .tbRekapGereja .kol11, .frmRekapDtl .tbRekapGereja .kol12, .frmRekapDtl .tbRekapGereja .kol13,
.frmRekapDtl .tbRekapGereja .kol14, .frmRekapDtl .tbRekapGereja .kol15 {text-align: center; width: 80px;}
.frmRekapDtl .tbRekapBaptis .kol02, .frmRekapDtl .tbRekapBaptis .kol03, .frmRekapDtl .tbRekapBaptis .kol04, .frmRekapDtl .tbRekapBaptis .kol05,
.frmRekapDtl .tbRekapBaptis .kol06, .frmRekapDtl .tbRekapBaptis .kol07, .frmRekapDtl .tbRekapBaptis .kol08, .frmRekapDtl .tbRekapBaptis .kol09,
.frmRekapDtl .tbRekapBaptis .kol10, .frmRekapDtl .tbRekapBaptis .kol11 {text-align: center; width: 80px;}
.frmRekapDtl .tbRekapUmur .kol02, .frmRekapDtl .tbRekapUmur .kol03, .frmRekapDtl .tbRekapUmur .kol04, .frmRekapDtl .tbRekapUmur .kol05,
.frmRekapDtl .tbRekapUmur .kol06, .frmRekapDtl .tbRekapUmur .kol07, .frmRekapDtl .tbRekapUmur .kol08, .frmRekapDtl .tbRekapUmur .kol09,
.frmRekapDtl .tbRekapUmur .kol10, .frmRekapDtl .tbRekapUmur .kol11, .frmRekapDtl .tbRekapUmur .kol12, .frmRekapDtl .tbRekapUmur .kol13,
.frmRekapDtl .tbRekapUmur .kol14, .frmRekapDtl .tbRekapUmur .kol15, .frmRekapDtl .tbRekapUmur .kol16, .frmRekapDtl .tbRekapUmur .kol17,
.frmRekapDtl .tbRekapUmur .kol18, .frmRekapDtl .tbRekapUmur .kol19, .frmRekapDtl .tbRekapUmur .kol20 {text-align: center; width: 61px;}
.frmRekapDtl .tbRekapDarah .kol02, .frmRekapDtl .tbRekapDarah .kol03, .frmRekapDtl .tbRekapDarah .kol04, .frmRekapDtl .tbRekapDarah .kol05,
.frmRekapDtl .tbRekapDarah .kol06, .frmRekapDtl .tbRekapDarah .kol07, .frmRekapDtl .tbRekapDarah .kol08, .frmRekapDtl .tbRekapDarah .kol09,
.frmRekapDtl .tbRekapDarah .kol10, .frmRekapDtl .tbRekapDarah .kol11, .frmRekapDtl .tbRekapDarah .kol12, .frmRekapDtl .tbRekapDarah .kol13,
.frmRekapDtl .tbRekapDarah .kol14, .frmRekapDtl .tbRekapDarah .kol15, .frmRekapDtl .tbRekapDarah .kol16 {text-align: center; width: 75px;}
.frmRekapDtl .tbRekapSekolah .kol02, .frmRekapDtl .tbRekapSekolah .kol03, .frmRekapDtl .tbRekapSekolah .kol04, .frmRekapDtl .tbRekapSekolah .kol05,
.frmRekapDtl .tbRekapSekolah .kol06, .frmRekapDtl .tbRekapSekolah .kol07, .frmRekapDtl .tbRekapSekolah .kol08, .frmRekapDtl .tbRekapSekolah .kol09,
.frmRekapDtl .tbRekapSekolah .kol10, .frmRekapDtl .tbRekapSekolah .kol11, .frmRekapDtl .tbRekapSekolah .kol12, .frmRekapDtl .tbRekapSekolah .kol13,
.frmRekapDtl .tbRekapSekolah .kol14, .frmRekapDtl .tbRekapSekolah .kol15, .frmRekapDtl .tbRekapSekolah .kol16, .frmRekapDtl .tbRekapSekolah .kol17,
.frmRekapDtl .tbRekapSekolah .kol18 {width: 65px; text-align: center; padding-left: 0px; padding-right: 0px;}
.frmRekapDtl .tbRekapProdi .kol02, .frmRekapDtl .tbRekapProdi .kol03, .frmRekapDtl .tbRekapKerja .kol02, .frmRekapDtl .tbRekapKerja .kol03,
.frmRekapDtl .tbRekapBidang .kol02, .frmRekapDtl .tbRekapBidang .kol03 {width: 65px; text-align: center; padding-left: 0px; padding-right: 0px;} 
.frmRekapDtl .kolNomor {width: 30px;} .frmRekapDtl .kolNama {width: 180px; padding-right: 15px;}



















/* Import - Eksport Data Management */
.page-content .InOutData {margin: 0px; padding: 0px; max-width: none;}
.page-content .InOutData .container {margin-left: 0px; margin-right: 0px; padding-top: 5px; padding-left: 0px; padding-right: 0px; max-width: none;}
.page-content .InOutData hr {margin-top: 5px; margin-bottom: 5px;}
.page-content .InOutData .form-barisImport {margin-bottom:5px;}
.page-content .InOutData .form-isi #readBar, .page-content .InOutData .form-isi #indexBar, .page-content .InOutData .form-isi #convertBar,
.page-content .InOutData .form-isi #saveBar, .page-content .InOutData .form-isi #exportBar {width: 0%; height: 20px; background-color: blue; text-align: center; color: white;}
.page-content .InOutData tr td.dataSalah {background-color: red; color:white;}
.page-content .InOutData .tblData .kol2 {width:150px;}
#tblEkspor .kol1, #tblEkspor .kol2{text-align: center;}





/* Dashboard */
.page-content .cardUser, .page-content .graphArea {padding-left:0px; padding-right:0px; font-size: 14px;}
.page-content .card-body {padding:5px 10px 5px 10px;}
.tblUsrSearch .kol1, .tblUsrSearch .kol5 {width:90px; text-align:center!important;}
.tblUsrSearch .kol3 {width:90px; text-align:center!important;}
.tblUsrSearch td.kol6 {width:200px; text-align:right!important;}



/*
, .page-content .cardError
 .page-content .cardUser {margin-bottom: 5px!important;}

.page-content .graphArea .mb-4 {margin-bottom: 15px!important;}
*/


/* Application Parameter Management */
.parameter-header {width: 110px;} .parameter-content{width: 250px;}

/* Error Message Management */
.tblSalah .kol1 {width: 90px; text-align: center;}
.errorMsg-header {width: 50px;} .errorMsg-content {width: 300px;}

/* Master Area Management */
.lblLokasi {padding: 0px 0px 5px 0px}
.btnLokasiWil {margin-right: 8px; font-size: 14px; color: white; background-color: #363641; border: 1px solid #363641; border-radius: 5px;}
.tbWilayah .kol1 {width: 100px!important; padding:0px!important; margin:0px!important; text-align: center;}
#btnWilayah {text-align:left;}

/* Master Pekerjaan Management */
.tblKerja .kol1 {width: 100px!important; text-align: center;}
.masterKerja-header {width: 110px;} .masterKerja-content {width: 300px;}

/* Master Komunikasi Management */
.tblKomunikasi .kol1 {width: 200px!important;}
.media-header {width: 120px;} .media-content{width: 300px;}

/* Master Pendidikan Management */
.tblSekolah .kol1 {width: 200px!important;} .tblSekolah .kol2 {width: 400px!important;}
.sekolah-header {width: 80px;} .sekolah-content {width: 405px;}

/* Master Pendidikan Management */
.tblMenu .kol2 {width:200px;}
.menu-header {width: 110px;} .menu-content {width: 350px;}

/* Audit Process Management */
.audit-header {width: 85px;} .audit-content{width: 150px;}

/* Riwayat Transaksi Data Pengguna */
.tblLog .kol1 {width: 150px; text-align: center!important;} .tblLog .kol2 {width: 180px;} .tblLog .kol3 {width: 90px; text-align: center;}
.tblLog .kol4 {width: 125px; text-align: center;} .tblLog .kol5 {width: 125px;}

/* Riwayat Transaksi Aplikasi */
.tblProses .kol2 {width: 200px!important; padding:0;}
.tblProses .kol3, .tblProses .kol4, .tblProses .kol5, .tblProses .kol6, .tblProses .kol7, .tblProses .kol8  {width: 63px!important; text-align: center; padding:0;}
.jenisUser-header {width: 120px;} .jenisUser-content {width: 300px;}

/* Riwayat Login Aplikasi */
.tbLoginLog .kol1, .tbLoginLog .kol2 {width: 200px!important; padding:0; text-align: center;}
.tbLoginLog .kol3 {width: 100px!important; padding:0; text-align: center;}