/* Global page design */
body {font-family: Arial, Verdana, Helvetica, sans-serif; min-width: 1024px; margin: 0px auto; }
a, a:hover, a:active, a:visited {text-decoration: none; color: inherit; cursor: pointer; }
.pull-left {float: left;}
.pull-right {float: right;}

/* Error page design */
.error-page {margin-top: 80px; 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: #FF0000; left: 0; right: 0; top: 0; z-index: 5;}
.header-area .container-fluid {padding:0;}
.header-area .header-title {padding: 3px 5px; font-size: 16px; color: white;}

/* Content page design */
.content-area {margin: 65px 0px 50px 0px; font-size: 14px;}

/* Footer page design */
footer {position: fixed; display: block; background-color: #FF0000; height: 18px; left:0; right: 0; bottom: 0; z-index: 5;}
.footer-text {color: white; font-size: 11px; margin: 1px 5px;}

/* Header Language Dropdown design */
.header-area .dropdown {position: relative; display: inline-block;}
.header-area .dropdown.no-arrow .dropdown-toggle::after {display: none;}
.header-area .dropdown .header_dropdown {background-color: inherit; color: white;  font-size: 13px; border: none;}
.header-area .dropdown .header_flags, .header-area .dropdown .content_flags {width:22px; height: 16px;}
.header-area .dropdown .header_flags {margin-top:-5px; border: 1px solid #888;}
.header-area .dropdown .header-bahasa {display: inline-block;margin-top:4px;}
.header-area .dropdown .dropdown-content {display: none; position: absolute; z-index: 7; right: 0px !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 .content_flags {border:1px solid #ccc; margin-top: -3px;}
.header-area .dropdown .content-text {display: inline-block; font-size: 13px;}
.header-area .dropdown .dropdown-content a {color: black; padding: 5px 10px; text-decoration: none; display: block;}
.header-area .dropdown .dropdown-content a:hover, .header-area .dropdown .dropdown-content a:focus {background-color: #ccc;}
.header-area .dropdown:hover .dropdown-content {display: block;}

/* User dropdown design */
.header-area .dropdown img.header_image  {display:inline-block; margin-left: 0px; margin-top: -2px; width: 20px; height: 20px; border-radius: 50%;}
.header-area .dropdown .header-nama {display: inline-block;margin-top:4px;}
.header-area .dropdown:last-child .dropdown-content {right: 3px !important; width: auto;}
.header-area .dropdown:last-child .dropdown-content.login, .header-area .dropdown:last-child .dropdown-content.logout {padding: 5px 10px; font-size: 13px;}
.header-area .dropdown:last-child .dropdown-content.login table {width: 100%;}
.header-area .dropdown:last-child .dropdown-content.login div.login_manage {padding-top: 8px;}
.header-area .dropdown:last-child .dropdown-content.login a:hover, .header-area .dropdown:last-child .dropdown-content.login a:focus {background-color: inherit;}
.header-area .dropdown:last-child .dropdown-content.login input[type=text],
.header-area .dropdown:last-child .dropdown-content.login input[type=password] {width: 100%;}
.header-area .dropdown:last-child .dropdown-content.login .user_register, 
.header-area .dropdown:last-child .dropdown-content.login .user_login {display: inline-block; width: 80px;}
.header-area .dropdown:last-child .dropdown-content.login .user_forget {display: inline-block; width: 135px;}
.header-area .dropdown:last-child .dropdown-content.login .user_register a, .header-area .dropdown:last-child .dropdown-content.login .user_forget a,
.header-area .dropdown:last-child .dropdown-content.login input[type=submit] {width: 100%; background-color: #f00; color: #fff; text-align: center; padding: 5px 0px;  margin: 0px; border: none; border-radius: 8px; cursor: pointer;}
.header-area .dropdown:last-child .dropdown-content.login .user_register a:hover, .header-area .dropdown:last-child .dropdown-content.login .user_register a:focus,
.header-area .dropdown:last-child .dropdown-content.login .user_forget a:hover, .header-area .dropdown:last-child .dropdown-content.login .user_forget a:focus,
.header-area .dropdown:last-child .dropdown-content.login input[type=submit]:hover, .header-area .dropdown:last-child .dropdown-content.login input[type=submit]:focus {background-color: #4CAF50; color: #000;}
.header-area .dropdown:last-child .dropdown-content.logout {min-width: 145px; width: auto; white-space: nowrap;}
.header-area .dropdown:last-child .dropdown-content.logout a {display: block; text-decoration: none; color: black;}

/* Menu design - https://www.smartmenus.org */
.menu-area .navbar {position:fixed; display:block; top:30px; left:0; right:0; padding:0; min-height:20px; width:100%; z-index:3; background-color:#00ffff; 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; padding-left:14px;}
.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: #00ffff; font-size:13px;}
.menu-area .navbar .nav-item.dropdown .nav-item.dropdown:hover .dropdown-menu.sub-menu-second {display:block; background-color: #00ffff;}
.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; color:black; 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:16px; border-top:.5em solid; border-left:.5em solid transparent; border-right:.5em solid transparent;}

/* Header Page Design */
.page-header {padding: 6px 8px 6px 8px; border-bottom: 1px solid #ccc;}
.page-header .page-judul {display: inline-block; font-size:24px;}
.page-header .page-tombol {float: right;}
.page-header .page-tombol button, .page-header .page-tombol input[type=submit] {margin-left: 8px; color: white; background-color: #FF0000; border: 1px solid #FF0000; padding: 4px 8px;}

/* Content Page Design */
.page-content {padding: 5px 15px 20px 8px;}
.page-content .row {margin-left: 0px; margin-right: 0px;}
.page-content .left20 {display:inline-block; width:20%; min-height: 160px; padding: 0px;} .page-content .right80 {display: inline-block; width: 80%; min-height: 160px; padding: 0px 0px 0px 10px;}
.page-content .left25 {display:inline-block; width:25%; min-height: 160px; padding: 0px;} .page-content .right75 {display: inline-block; width: 75%; min-height: 160px; padding: 0px 0px 0px 10px;}
.page-content .nav-tabs li a{color: black; font-size: 13px;}
.page-content .tab-pane {margin:5px 0px 0px 0px; padding:0px; max-width: none!important;} 
.page-content .form-baris100 {line-height: 27px; margin-bottom: 5px; width: 100%;}
.page-content .form-baris50 {float:left; line-height: 27px; margin-bottom: 5px; 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; text-align: center;}
.page-content .form-isi {margin-left: 136px; width: auto; vertical-align: top;} 
.page-content input[type=text], .page-content input[type=password], .page-content textarea {width:100%; padding-left: 5px; border: 1px solid #ddd;}
.page-content input[type=file] {line-height: 20px; padding: 0px;}
.page-content input[type=text], .page-content input[type=date] {height: 27px;}
.page-content button.btnProses {display:inline!important; font-size: 14px; color: white; background-color: #FF0000; border: 1px solid #FF0000; margin-bottom: 5px; border-radius: 5px; margin-right: 5px; padding: 2px 5px;}
.page-content .user_group_letter {display:inline-block; margin-left: 0px; margin-bottom:10px; padding-top: 5px; }
.page-content .user_group_letter button.btnHuruf {display:inline!important; font-size: 14px; color: black; background-color: white; border: 1px solid #ccc; border-radius: 5px; margin-right: 5px; padding: 2px 5px;}
.page-content .user_group_letter button.btnHuruf.active {display:inline!important; font-size: 14px; color: white; background-color: #FF0000; border: 1px solid #FF0000; border-radius: 5px;}
.page-content .user_group_letter button.btnHuruf:hover, .page-content button.btnHuruf:focus {color: black; background-color: #ccc; border: 1px solid #ccc; border-radius: 5px; margin-right: 5px;}
.page-content .form-normal {background-color: white; color: black;} .page-content select.form-normal {border:1px solid #ddd; font-size: 12px;}
.page-content .form-error {background-color: red; color: white;} .page-content input.form-error {border:1px solid #888; background-color: red; color: white;}
.page-content .form-warning {background-color: yellow; color: black;} .page-content input.form-warning {border:1px solid #888; background-color: yellow!important; color: black;}
.page-content .form-offer {background-color: #89BFF8; color: black;} .page-content input.form-offer {border:1px solid #888; background-color: #89BFF8; color: black;}

/* Table Form design https://www.datatables.net/manual/styling/theme-creator */
.dt-container {position: relative; clear: both; zoom: 1; width:100%; margin-top:5px;  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 {border-top: 1px solid black; border-bottom: 1px solid black;}
table.dataTable thead tr th {text-align: center!important; vertical-align: middle; border-bottom: 1px solid black !important;}
table.dataTable thead th, table.dataTable tbody td, table.dataTable tfoot td {padding: 3px 3px !important; font-size: 13px;}
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, 
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, 
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, 
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {right:0px;}
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 tfoot {border-top: 1px solid black; border-bottom: 2px solid black;}
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!important;}
*/
table.dataTable.stripe > tbody > tr:nth-child(odd):hover td, table.dataTable.stripe > tbody > tr:nth-child(even):hover td {background-color: #AAA!important; color:black;}
table.dataTable tbody .noActive {color: #BBB;}
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 .kolDelete {width: 25px!important; max-width: 25px!important; padding:0px 0px!important; margin:0px 0px; text-align: center!important;}
table.dataTable tbody tr td button {width: 100%; padding:0px;}

table.dataTable tbody .form-error .fa-solid {color: white;}
table.dataTable.stripe > tbody > tr.form-error:nth-child(odd) {background-color: red; color: white;}
table.dataTable.stripe > tbody > tr.form-warning:nth-child(odd) {background-color: yellow; color: black;}
table.dataTable.stripe > tbody > tr.form-offer:nth-child(odd) {background-color: #89BFF8; color: black;}


/* 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: 0px 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: 8px;}
.modal-body .container-fluid {padding:0px;}
.modal-body .row {line-height: 30px; padding:0px; margin:0px;}
.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; padding: 0px 5px 0px 5px;}
.modal-body .table-value input[type=file] {line-height:23px;}
.modal-body .table-value input[type=date] {line-height:20px; padding: 0px 3px;}
.modal-body .table-value textarea {width: 100%; margin-bottom:-10px; font-size: inherit; line-height: normal; border: 1px solid #ccc;}

/* Home Page design */
.home-area {position: relative; width: 100%!important;}
.home-area .container {max-width: none;}
.home-area .kolom-kiri {padding-left: 0px; padding-right: 0px;}
.home-area .kolom-kanan {padding-left: 0px; padding-right: 0px;}

/* Manage & View Area Wilayah */
.areaManage .lblLokasi, .areaView .lblLokasi {display: block!important; margin-bottom: 5px; padding:0px;}
.areaManage .txtEditor {min-height: 460px;}
.areaManage .btnLokasi, .areaView .btnLokasi {display:inline!important; font-size: 13px; color: black; background-color: white; border: 1px solid black; margin-bottom: 5px; border-radius: 5px; margin-right: 5px; padding: 0px 5px;}
.areaManage .tbArea .kol1 {width: 80px!important;}
.areaManage .tbArea .kol2 button, .areaView .tbArea .kol2 button {text-align: left;}
.areaManage .tbArea button, .areaView .tbArea button {width:100%; font-size:13px;}
.areaManage #imgLogo {width: 210px; margin-top:8px;}
.areaView .logoView {width: 210px; margin-right:5px;}

/* Slider view design */
.slider-area {width: 100%; margin-bottom: 8px;}
.slider-area .carousel-control-prev, .slider-area .carousel-control-next {width: 5%;}
.slider-area .carousel-caption {width: 100%; padding: 8px 5px 5px 5px; left: 0px; right: 0px; margin: 0px; bottom: 0px; background-color: rgba(0,0,0,0.3);}

/* Manajemen Slider Data */
.sliderManage {width: 100%;}
.slider-ModalHeader {width: 80px;} .slider-ModalContent {width:530px;}
.sliderManage .sliderItem {margin-left: 0px; margin-right: 0px; border-bottom: 1px solid #ddd;}
.sliderManage .sliderItem .itemKiri {float: left; width: 30%; padding: 5px;}
.sliderManage .sliderItem .itemKiri img {width: 100%;}
.sliderManage .sliderItem .itemKanan {width: 70%; padding: 5px;}
.sliderManage .sliderItem .itemKanan.noActive {color: #ccc;}
.sliderManage .sliderItem .itemKanan .tombolArea {float: right;}
.sliderManage .sliderItem .itemKanan .judul {font-size: 16px; font-weight: bold;}

/* Jenis Metadata Management */
.jenisMeta-ModalHeader {width: 120px;} .jenisMeta-ModalContent{width: 300px;}

/* Label Metadata Management */
.areaLabelMaster #cmbJenis {font-size:20px;}
.tblLabelMst .kol1 {width:120px!important;}
.label-ModalHeader {width: 100px;} .label-ModalContent {width:360px;}

/* Metadata Management */
.tblMetaMaster .kol1, .tblMetaMaster .kol4 {width:100px!important;}
.tblMetaHist .kol1 {width:150px!important;} .tblMetaHist .kol2 {width:170px!important;}
.metaList-ModalHeader {width: 100px;} .metaList-ModalContent {width:360px;}

/* Usulan Metadata */
.tbUsulList .kol2{width:50px!important; padding:0px 5px 0px 5px; text-align: center;}
.tbRespondUsulan {line-height:19px;}
.tbRespondUsulan .kol1{width:165px; text-align: center;} .tbRespondUsulan .kol2{width:250px;}

/* Respon Usulan Metadata */
.tbMetaNew .kol2, .tbMetaOld .kol2 {width:50px!important; text-align: center!important;}
.tbRespondMeta {line-height:19px;} .tbRespondMeta .kol1{width:165px; text-align: center;} .tbRespondMeta .kol2{width:250px;}
.responMetaInput-ModalContent {width:360px;}

/* Culture Item Data Management*/
.viewCultureData .tblWaktu {line-height: 19px;}

/* Culture Item Data Management*/
.itemManagement #txtDeskripsi, .itemManagement #txtSejarah {min-height:360px;}
.itemManagement #txtAlsDesc, .itemManagement #txtAlsHist {min-height:315px;}
.itemManagement .tblMedia {line-height: 19px;} .itemManagement .tblMedia .kol1 {width:150px!important;}
.itemManagement .tblNotes {line-height: 19px;} .itemManagement .tblNotes .kol1 {width:110px!important; padding:0px 5px 0px 5px; text-align: center;}
.itemManagement .tblNotes .kol2 {width:200px!important; padding:0px 5px 0px 5px;}
.itemManagement #txtToyPlay, .itemManagement #txtToyBuild {min-height:200px;}
.itemManagement #txtSoundPurpose, .itemManagement #txtSoundValue, .itemManagement #txtArtistDesc {min-height:150px;}
.itemManagement .tblArenaMain .kol1 {width:150px!important;}
.itemManagement .tblRuleMain .kol1 {width:150px!important;}
.itemManagement .tblPlayerMedia .kol1 {width:150px!important;}
.itemManagement .tblToyPlayMain .kol1 {width:150px!important;}
.itemManagement .tblToyPartMedia .kol1 {width:150px!important;}
.itemManagement .tblToyCreate .kol1 {width:150px!important;}
.itemManagement .tblToyPlyMedia .kol1 {width:150px!important;}
.itemManagement .tblSoundMedia .kol1 {width:150px!important;}
.event-ModalHeader {width: 100px;} .event-ModalContent {width:360px;}
.playerMedia-ModalHeader {width: 100px;} .playerMedia-ModalContent {width:360px;}
.arenaMedia-ModalHeader {width: 100px;} .arenaMedia-ModalContent {width:360px;}
.gmRuleMedia-ModalHeader {width: 100px;} .gmRuleMedia-ModalContent {width:360px;}
.gmPlayMedia-ModalHeader {width: 100px;} .gmPlayMedia-ModalContent {width:360px;}
.toyMedia-ModalHeader {width: 100px;} .toyMedia-ModalContent {width:360px;}
.toyPartMedia-ModalHeader {width: 100px;} .toyPartMedia-ModalContent {width:360px;}
.toyBuildMedia-ModalHeader {width: 100px;} .toyBuildMedia-ModalContent {width:360px;}
.toyPlayer-ModalHeader {width: 100px;} .toyPlayer-ModalContent {width:360px;}
.soundMedia-ModalHeader {width: 100px;} .soundMedia-ModalContent {width:360px;}

/* Tools Pencarian design */
.tools-pencarian {background-color: rgba(251,159,255,0.2); padding: 15px; margin-bottom: 10px;}
.tools-pencarian input {width: 100%;}
.tools-pencarian .form-control, .tools-pencarian .form-control:focus {border: none; outline: 0; box-shadow: none;}
.tools-pencarian button.btn-icon {background: #fff; border: none; }
.tools-pencarian button.btnSearch {padding: 10px 20px; font-size: 14px; text-transform: uppercase; color: white; background-color: #9e605f; border: none;   }
.tools-pencarian button.btnSearch:hover {background-color: #754746;}

/* Search Result design */
.itemCari {background-color: white; padding: 10px; margin-bottom: 30px;}
.itemCari .judul {border-bottom: 3px solid #ff0000; margin-bottom: 5px; font-size: 20px;}
.itemCari .itemData {border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-top:5px; padding-bottom:0px; min-height:110px;}
.itemCari .areaGambar {float: left; width: 100px; min-height: 100px; margin-right: 8px;}
.itemCari .itemGambar {display: inline-block; width: 100px; max-height:100px; border: 1px solid #ddd; border-radius: 8px;}
.itemCari .areaData {margin-left: 5px;}
.itemCari .areaData .itemJudul {font-size: 16px;}
.itemCari .areaData .itemUbah {font-size: 11px; margin-bottom:10px;}
.itemCari .areaData .itemIsi {font-size: 13px;}
.itemCari .areaData .itemIsi p {margin-bottom: 5px;}

/* New Data List design */
.itemBaru {background-color: white; padding: 10px; margin-bottom: 30px;}
.itemBaru .judul {border-bottom: 3px solid #ff0000; margin-bottom: 5px; font-size: 20px;}
.itemBaru .itemGrid {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px 8px;}
.itemBaru .itemContent {padding: 3px 0px 3px 0px;}
.itemBaru .itemContent .item-gambar {float: left; width: 90px; min-height: 90px; margin-right: 8px;}
.itemBaru .itemContent .itemBaru-gambar {display: inline-block; width: 90px; height: 90px; border: 1px solid #ddd; border-radius: 8px;}
.itemBaru .itemContent .itemData {margin-left: 5px;}
.itemBaru .itemContent .itemJudul {font-size: 20px;}
.itemBaru .itemContent .itemJenis, .itemBaru .itemContent .itemTanggal {font-size: 11px;}
.itemBaru .itemContent .itemDetail {margin-top:8px; font-size: 12px; color: blue;}

/* Popular Data List design */
.sidePopular {background-color: rgba(251,159,255,0.2); padding: 10px;}
.sidePopular .judul {font-size: 18px; font-weight: 500; border-bottom: 1px solid #ff0000;}
.sidePopular .itemPopular {padding: 6px 0px 8px 0px; border-bottom: 1px solid #ccc;}
.sidePopular .gambarPopular {display: inline-block; width: 60px; height: 60px; border-radius: 50%; vertical-align: top;}
.sidePopular .popularData {display:inline-block; padding-left: 10px;}
.sidePopular .popularData .itemJudul {font-size: 15px; margin-bottom: 0px;}
.sidePopular .popularData .itemTanggal {font-size: 11px;}
.sidePopular .popularData .itemJumlah {font-size: 11px;}

/* Usulan Culture Item Data */
.areaUsulItem .tbCultActive .kol2, .areaUsulItem .tbCultUsul .kol2, .areaUsulItem .tbCultHasil .kol2 {padding:0px; width:77px; text-align: center;}
.areaUsulItem #txtDeskripsi, .areaUsulItem #txtSejarah {min-height:360px;}
.areaUsulItem #txtAlsDesc, .areaUsulItem #txtAlsHist {min-height:315px;}
.areaUsulItem #txtToyPlay, .areaUsulItem #txtToyBuild {min-height:200px;}
.areaUsulItem .tblMedia {line-height: 19px;} .areaUsulItem .tblMedia .kol1 {width:150px!important;}
.areaUsulItem .tbCultRespon .kol1 {width:110px!important; padding:0px 5px 0px 5px; text-align: center;}
.areaUsulItem .tbCultRespon .kol2 {width:200px!important; padding:0px 5px 0px 5px;}
.areaUsulItem .tblArenaGame .kol1, .tblArenaMain .kol1 {width:150px!important;}
.areaUsulItem .tblGameRule .kol1 {width:150px!important;} 
.areaUsulItem .tblGamePlayerMedia .kol1 {width:150px!important;}
.areaUsulItem .tblToyPlay .kol1 {width:150px!important;}
.areaUsulItem .tblToyPartMedia .kol1 {width:150px!important;}
.areaUsulItem .tblToyCreate .kol1 {width:150px!important;}
.areaUsulItem .tblToyPlyMedia .kol1 {width:150px!important;}
.areaUsulItem .tblSoundMedia .kol1 {width:150px!important;}
.eventTempMedia-ModalHeader {width: 100px;} .eventTempMedia-ModalContent {width:360px;}
.tempMedia-ModalHeader {width: 100px;} .tempMedia-ModalContent {width:360px;}
.arenaTempMedia-ModalHeader {width: 100px;} .arenaTempMedia-ModalContent {width:360px;}
.ruleTempMedia-ModalHeader {width: 100px;} .ruleTempMedia-ModalContent {width:360px;}
.playerTempMedia-ModalHeader {width: 100px;} .playerTempMedia-ModalContent {width:360px;}
.toyPlayMedia-ModalHeader {width: 100px;} .toyPlayMedia-ModalContent {width:360px;}
.toyPartTempMedia-ModalHeader {width: 100px;} .toyPartTempMedia-ModalContent {width:360px;}
.toyBuildTempMedia-ModalHeader {width: 100px;} .toyBuildTempMedia-ModalContent {width:360px;}
.toyPlayTempMedia-ModalHeader {width: 100px;} .toyPlayTempMedia-ModalContent {width:360px;}
.soundTempMedia-ModalHeader {width: 100px;} .soundTempMedia-ModalContent {width:360px;}

/* Respon Usulan Culture Item Data */
.areaResponUsulItem .tbCultUsulExp .kol2, .areaResponUsulItem .tbCultResponExp .kol2 {width:115px; text-align: center;}
.areaResponUsulItem .ruangData {margin-bottom:75px;}
.areaResponUsulItem .ruangRespon {display: block; background-color: white; position: fixed; height: 100px; left:26%; right: 0; bottom: 18px; z-index:1;}
.areaResponUsulItem #txtDesc, .areaResponUsulItem #txtHist {overflow-y: scroll; height: 160px; resize: none;}

.areaResponUsulItem #areaDescButton button, .areaResponUsulItem #areaHistButton button,
.areaResponUsulItem #areaDescAliasButton button, .areaResponUsulItem #areaHistAliasButton button {padding: 0px; border-radius: 0px;}
.areaResponUsulItem .areaBtnAksi {display: inline-block; margin-top:-2px;}
.areaResponUsulItem .btnPreview {width:auto !important; font-size:13px; border:1px solid #FF0000 !important; padding: 0px 5px !important; background-color: #FF0000 !important; color: white !important;}
.areaResponUsulItem .ruangData td {vertical-align: top; text-align: left;}

/*
  
, 
, ,
,
.areaResponUsulItem .tbl0806 .kol1
, 
, 

{width: 150px!important; vertical-align: top; text-align: left;}
*/

.areaResponUsulItem .tbl0001 .kol1, .areaResponUsulItem .tbl0003 .kol1, .areaResponUsulItem .tbl0004 .kol1, .areaResponUsulItem .tbl0006 .kol1,
.areaResponUsulItem .tbl9802 .kol1, .areaResponUsulItem .tbl9902 .kol1, .areaResponUsulItem .tbl0701 .kol1, .areaResponUsulItem .tbl0703 .kol1,
.areaResponUsulItem .tbl0705 .kol1, .areaResponUsulItem .tbl0706 .kol1, .areaResponUsulItem .tbl0708 .kol1, .areaResponUsulItem .tbl0710 .kol1, 
.areaResponUsulItem .tbl0712 .kol1, .areaResponUsulItem .tbl0801 .kol1, .areaResponUsulItem .tbl0802 .kol1, .areaResponUsulItem .tbl0804 .kol1, 
.areaResponUsulItem .tbl0806 .kol1, .areaResponUsulItem .tbl0808 .kol1, .areaResponUsulItem .tbl0809 .kol1, .areaResponUsulItem .tbl0811 .kol1,
.areaResponUsulItem .tbl0813 .kol1, .areaResponUsulItem .tbl0815 .kol1, .areaResponUsulItem .tbl2201 .kol1, .areaResponUsulItem .tbl2203 .kol1,
.areaResponUsulItem .tbl2205 .kol1, .areaResponUsulItem .tbl2207 .kol1 {width: 165px!important; vertical-align: top; text-align: left;}


/*
.areaResponUsulItem .tbl0004 .kol2,
.areaResponUsulItem .tbl0004 .kol2, .areaResponUsulItem .tbl0006 .kol2, .areaResponUsulItem .tbl9802 .kol2, .areaResponUsulItem .tbl9902 .kol2, 
.areaResponUsulItem .tbl0004 .kol3,
.areaResponUsulItem .tbl0004 .kol3, .areaResponUsulItem .tbl0006 .kol3, .areaResponUsulItem .tbl9802 .kol3, .areaResponUsulItem .tbl9902 .kol3 
 
*/

.areaResponUsulItem .tbl97 .kol1{width:110px!important; text-align: center;}
.areaResponUsulItem .tbl97 .kol2{width:200px!important;}

















/* Master Tipe Pengguna */
.tblTypeRight .kol2, .tblTypeRight .kol3, .tblTypeRight .kol4, .tblTypeRight .kol5, .tblTypeRight .kol6, .tblTypeRight .kol7 {width: 50px!important; text-align: center;}
.menuRightMng-ModalHeader {width: 100px;} .menuRightMng-ModalContent {width: 250px;}

/* Master Komunikasi Pengguna */
.tbMstKom .kol1, .tbMstKom .kol3 {width:150px;}
.komunikasiMst-ModalHeader {width: 90px;} .komunikasiMst-ModalContent{width: 300px;}

/* User Registration */
.registration-form, .confirmation-form, .forget-form {display: block; width: 500px; margin-left: auto; margin-right: auto; margin-top: 100px; min-height:200px;}
.registration-form .header-form {display: block; height: 39px; border-bottom: 1px solid #000;}
.registration-form .header-form .header-title {display: inline-block; font-size:  18px; margin-top:5px; cursor: default;}
.registration-form .header-form .header-button {float: right; display: block; margin-top: 3px;}
.registration-form .header-form .header-button button {margin-left: 5px;}
.registration-form .header-form .header-button button.btn-local {color: white; background-color: #FF0000; border-color: #FF0000;}
.registration-form .table-content {display: inline-block; margin-top:8px; width: 100%; font-size: 13px; }
.registration-form .table-content .table-header, .registration-form .table-content .table-separator, .registration-form .table-content .table-value {display: inline-block; padding: 2px 3px;}
.registration-form .table-content .table-separator {width: 15px; text-align: center;}
.registration-form .table-row.lastRow {padding-bottom: 8px; border-bottom: 1px solid black; }
.registration-form .table-content .table-header.tblRegister {width: 118px;}
.registration-form .table-content .table-value.tblRegister {width: 358px;}

/* User Confirmation */
.confirmation-form .header-form {display: block; height: 39px; border-bottom: 1px solid #000;}
.confirmation-form { min-height: 110px; padding-bottom: 8px; border-bottom: 1px solid black;}
.confirmation-form .header-form .header-title {display: inline-block; font-size:  18px; margin-top:5px; cursor: default;}

/* Password Recovery */
.forget-form .header-form {display: block; height: 39px; border-bottom: 1px solid #000;}
.forget-form .header-form .header-title {display: inline-block; font-size:  18px; margin-top:5px; cursor: default;}
.forget-form .header-form .header-button {float: right; display: block; margin-top: 3px;}
.forget-form .header-form .header-button button {margin-left: 5px;}
.forget-form .header-form .header-button button.btn-local {color: white; background-color: #FF0000; border-color: #FF0000;}
.forget-form .table-content {display: inline-block; margin-top:8px; width: 100%; font-size: 14px; }
.forget-form .table-content .table-header, .forget-form .table-content .table-separator, .forget-form .table-content .table-value {display: inline-block; padding: 2px 3px;}
.forget-form .table-content .table-separator {width: 15px; text-align: center;}
.forget-form .table-row.lastRow {padding-bottom: 8px; border-bottom: 1px solid black; }
.forget-form .table-content .table-header.tblRegister {width: 118px;}
.forget-form .table-content .table-value.tblRegister {width: 358px;}

/* Manajemen Data Pengguna */
.areaPengguna .userKiri {width:87.5%; float:left;}
.areaPengguna .userKanan {width:12%; float:right;}
.areaPengguna #foto {width:100%;}
.tbHakUser .kol2, .tbHakUser .kol3, .tbHakUser .kol4, .tbHakUser .kol5, .tbHakUser .kol6, .tbHakUser .kol7 {width: 50px!important; text-align: center;}
.tbKomUser .kol1 {width: 150px!important;}
.userHak-ModalHeader {width: 80px;} .userHak-ModalContent{width: 300px;} .userHak-ModalContentItem{width: 70px;}
.userKom-ModalHeader {width: 100px;} .userKom-ModalContent{width: 300px;}

/* Manajemen Profile Pengguna */
.areaProfil .userKiri {width:87.5%; float:left;}
.areaProfil .userKanan {width:12%; float:right;}
.areaProfil #foto {width:100%;}
.areaProfil .tbKomProfil .kol1 {width: 150px!important;}

/* Laporan Pengguna */
.tbReportList .kol2 {width:50px!important; padding:0px 5px 0px 5px; text-align: center;}
.userReportForm textarea {height: 250px;}
.tbRespondReport {line-height:19px;} .tbRespondReport .kol1 {width:165px; text-align: center;} .tbRespondReport .kol2 {width:250px;}

/* Respon Laporan Pengguna */
.tbReportNew .kol1, .tbReportOld .kol1 {font-size: 12px;}
.tbReportNew .kol2, .tbReportOld .kol2 {width:50px!important; text-align: center!important;}
.responInput-ModalContent {width:360px;}

/* Parameter Applikasi */
.tblParameter .kol2, .tblParameter .kol3, .tblParameter .kol4, .tblParameter .kol5 {width: 150px; text-align: center;}
.param-ModalHeader {width: 110px;} .param-ModalContent {width: 300px;}

/* Master Bahasa */
.tbBahasa .kol1, .tbBahasa .kol3, .tbBahasa .kol4 {width: 100px!important; text-align: center;}
.jenisBhs-ModalHeader {width: 110px;} .jenisBhs-ModalContent {width: 500px;}

/* Pesan Kesalahan */
.salah-ModalHeader {width: 100px;} .salah-ModalContent {width: 350px;}

/* Master Simbol */
.simbol-ModalHeader {width: 150px;} .simbol-ModalContent {width:300px;}

/* Desain Master Menu */
.tbMenu .kol1 {width:250px;}
.menuMng-ModalHeader {width: 100px;} .menuMng-ModalContent {width:300px;}

/* Desain Master Audit */
.auditMst-ModalHeader {width: 80px;} .auditMst-ModalContent {width:200px;}

/* Log Proses Aplikasi */
.tbLogProses .kol1 {width: 180px!important; text-align: center;} .tbLogProses .kol2 {width: 135px!important; text-align: center;} .tbLogProses .kol4 {width: 150px!important; text-align: center;}
.tbErrorApps .kol1 {width: 180px!important; text-align: center!important; vertical-align: top!important; }

/* Rekapitulasi pengguna */
.page-content .cardUser, .page-content .cardError, .page-content .graphArea {padding-left:0px; padding-right:0px;}
.page-content .cardUser .mb-4 {margin-bottom: 5px!important;} 
.page-content .card-body {padding:10px;}
.page-content .graphArea .mb-4 {margin-bottom: 15px!important;}