.mka-style .gj-grid a, .mka-style .td-mka-link, .mka-style .td_mka{color: #000080;text-decoration: none;}
.mka-style .gj-grid tbody tr td{text-align:left;}
.mka-style .btn-success{background:#000080; color:#fff;text-decoration: none !important;border: 1px solid #000080;}
.mka-style .btn-success:hover{background:#F3CA3E; color:#000000;border: 1px solid #F3CA3E;box-shadow: none;}
.mka-style .btn{text-decoration: none;}
.mka-style .modal-footer .btn-danger{background:#fff; color:#000080; border: 1px solid #000080; text-decoration: none !important;box-shadow: none;padding: 7px 11px;}
.mka-style .modal-footer .btn-danger:hover{background:#F3CA3E; color:#000000;border: 0;border: 1px solid #F3CA3E;}
.mka-style .panel-primary h4.panel-title{text-align:right;}
.mka-style .panel-primary h4.panel-title a i.fa-plus, .mka-style .panel-primary h4.panel-title a i.fa-search{display:none;}
.mka-style .panel-primary h4.panel-title a:before{font-family: FontAwesome;content: "\f002"; padding-right: 3px; }

.mka-style .btn-danger, .mka-style .btn-warning{background:#fff; color:#000080; border: 1px solid #000080; text-decoration: none !important;box-shadow: none;box-shadow: none;}
.mka-style .btn-danger:hover, .mka-style .btn-warning:hover{background:#F3CA3E; color:#fff;border: 0;border: 1px solid #F3CA3E;}
.mka-style .gj-textbox-md{padding: .375rem .75rem!important;font-size: 0.75rem!important;color: #67757c!important;border-radius: .25rem !important; min-height: 1rem;display: initial;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-clip: padding-box;border: 1px solid #ced4da; background-color: #fff;line-height: 1rem;width: 100%;}
.mka-style .gj-textbox-md:focus { border-color: #009efb;box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);outline: 0 none;}
.mka-style .topbar{background: #000080;max-height: 4em;}
.mka-style .light-logo{padding-left: 0em;margin-top: 0em;}
.mka-style .topbar .top-navbar{padding: 0.2rem 0.2rem 0rem 0rem;}
.mka-style .topbar .navbar-header{background:#fee600;}
.mka-style .left-sidebar{padding-top: 4em !important;background: #333333;}
.mka-style .mini-sidebar .sidebar-nav{padding:0;}
.mka-style .sidebar-nav{background: #333333;}
.mka-style .sidebar-nav ul li a, .mka-style  .sidebar-nav>ul>li>a i{color:#ffffff;}
.mka-style a.groupings > .hide-menu{padding-left: 10px;}
.mka-style .sidebar-nav .has-arrow::after{color:#ffffff;}
.mka-style .sidebar-nav ul li ul{background: #333333;}
.mka-style .mini-sidebar .sidebar-nav #sidebarnav>li>ul{background: #333333;}
.mka-style .sidebar-nav ul li a:hover > span, .sidebar-nav ul li:hover a i{color:#fee600;}
.mka-style .sidebar-nav ul li ul li ul li:hover > a{color:#fee600;}
.mka-style .sidebar-nav ul li.active ul li a:hover{color:#fee600;}
.mka-style .sidebar-nav ul li a.active{color: #fee600;}
.mka-style .logo-text{font-size: 13px;}
.mka-style .footer{bottom: -6px}
.mka-style .text-footer{margin: 15px 0px auto 160px;}
.mka-style .page-titles{background: transparent;box-shadow: none;padding: 0px;width: 100%;margin: 0px;}
.mka-style .page-titles .align-self-center{padding-left:0px;}
.mka-style a.link:focus, .mka-style a.link:hover{color: #000080 !important;}
.mka-style .text-themecolor{color: #000080 !important;}
.mka-style .page-titles h3{margin-top: 0; font-weight:bold;font-size: 18px;}
.mka-style .head-mka{margin-top: 0; font-weight:bold;font-size: 18px;}
.mka-style .page-wrapper{background: #fff;padding-bottom: 160px;}
.mka-style .panel-primary{ border: 1px solid #f3f1f1;border-radius: 7px;}
.mka-style .panel-heading{padding: 7px 12px; border-radius: 7px 7px 0 0; background: #000080;color: #fff;}
.mka-style .panel-heading h4{margin-bottom: 0;}
.mka-style .panel-heading h4 a{color: #fff;text-decoration: none;font-size:14px;display: flex;width: 100%;align-items: center;justify-content: flex-end;}
.mka-style .panel-body{padding: 12px;align-items: center;}
.mka-style .select2-container .select2-selection--single{height: 2rem;}
.mka-style .select2-container--default .select2-selection--single{border: 1px solid #ced4da !important;}
.mka-style select.form-control:not([size]):not([multiple]){height:auto;}
.mka-style .btn-mka, .mka-login .btn-mka{text-decoration: none; width:92px;}
.mka-style .btn-mka2{text-decoration: none; width:110px;}
.mka-style a.btn-mka2{font-family: sans-serif !important;}
.mka-style .btn-mka2:hover{background:#F3CA3E; color:#fff !important;border: 0;border: 1px solid #F3CA3E;}
.mka-style .btn-mka-primary, .mka-login .btn-mka-primary{background:#000080; color:#fff;text-decoration: none !important;}
.mka-style .btn-mka-primary:hover, .mka-login .btn-mka-primary:hover{background:#F3CA3E; color:#000000;}
.mka-style .btn-mka-outline, .mka-login .btn-mka-outline{background:#fff; color:#000080; border: 1px solid #000080; text-decoration: none !important;}
.mka-style .btn-mka-outline:hover, .mka-login .btn-mka-outline:hover{background:#F3CA3E; color:#fff;border: 0;border: 1px solid #F3CA3E;}
/*.mka-style .table-mka{text-align: center !important;}*/
.mka-style .table-mka.gj-grid-bootstrap thead th{background-color: #000080;color: #fff;font-size:14px !important;}
.mka-style .table-mka.gj-grid-bootstrap thead th div{font-size:14px !important;}
.mka-style .table-mka.gj-grid-bootstrap thead th:nth-child(2){border-radius: 7px 0 0 0;}
.mka-style .table-mka.gj-grid-bootstrap thead th:nth-last-child(1){border-radius: 0 7px 0 0;}
.mka-style .table-mka.table-bordered{border: 0px;}
.mka-style .m-l-10.gj-textbox-md{margin-left: 0px;}
.mka-style .dropdown2-mka .dropdown-menu{top: 0px !important;font-size: 0.8rem;min-width: 7rem;max-height: 300px;overflow-y: auto;}
.mka-style .dropdown2-mka .dropdown-item{padding: 6px 0.6em;text-decoration: none; border-bottom: 1px solid #f6f6f6;}
.mka-style .dropdown-mka.dropdown-menu{top: 1% !important;border:0px;background-color:transparent;left: 11px !important;}
.mka-style .dropdown-mka.dropdown-menu .btn{margin-top: 2px;}
.mka-style a.dropdown-item.bdi {color: #000080 !important;font-size:14px;}
.mka-style .seperana.gj-grid-bootstrap tbody>tr>:nth-child(3){color: #000080 !important;}
.mka-style .col-md-5.col-12.align-self-center h3 {color: #000080 !important;}
.mka-style .dropdown-mka.bdd{text-align: end !important;}
.mka-style .dropdown-menu.bdm.show {top: 0px !important; min-width:6rem !important;}
.mka-style .form-group.input.text.required{width:100% !important; padding:0px !important;}
.mka-style .form-group.input.text{width:100% !important; padding:0px !important;}
.mka-style .dropdown-mka.bdd button#dropdownMenuButton:active{color: #ffffff ;background: #000080; font-weight:bold; font-size:14px;}
.mka-style a.dropdown-item.bdi{background: #404040; color: white !important; text-decoration: underline !important}
.mka-style .table2.table-mka.gj-grid-bootstrap thead th:nth-child(2){border-radius: 0 0 0 0 !important;}
.mka-style .table2.table-mka.gj-grid-bootstrap thead th:nth-child(1){border-radius: 7px 0 0 0 !important;}
.mka-style .text-color{color:#000080;}
.mka-style .card-outline-success .card-header{background: #000080;  border-color: #000080;}
.mka-style .card-outline-success .card-header h4{line-height: 16px;font-size: 14px;}
.mka-style .card-outline-info .card-header h4{line-height: 16px;font-size: 14px;}
.mka-style .reset-head h3{font-size: 17px;}
.mka-style h3#Ubah\ Peranan{color:#000000 !important;}
.mka-style .desablecontrol{ -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; word-wrap: break-word; box-sizing: border-box; width: 100%; padding: .500rem 1rem; font-size: 0.75rem; border: 1px solid #000; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;color: #000; min-height: 1rem; display: initial; background-color: #fff; opacity: .7;}
.text-weight{font-weight: 900;}
.form-material .input-mka .form-control {border-radius: 5px;background: #fff; padding: 12px 15px !important; height: 50px;}
.input-mka .form-control:focus {border-radius: 5px;background: white;}
.text-no-underline{text-decoration:none !important;}
.mka-login .card-body-reset{ padding: 0.75rem;	background:white;}
.mka-login .card-body-login { padding: 0.75rem;background-color:#F3CA3E;  }
.mka-login .login-box-background{ background-color:#F3CA3E;}
.mka-login .login-sidebar-background{ background-color:#F3CA3E;}
.text-kembali{color:#67757c;}
.btn-xs-mka{text-decoration:none; padding: 2px 5px;}
.inline-sec{display: inline-flex;}
.login-sidebar .login-box.card{background: transparent;border:0px;box-shadow: none;}
.card-body-login, .card-body-reset{border-radius: 7px !important;-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);}
.card-body-login .btn-mka-primary:hover{background:#FFFFFF; color:#000000; border: 1px solid #fff;}
.td-mka-link{color: blue;text-decoration: underline;cursor: pointer;}
.mka-link{cursor: pointer;}
.mka-align-mar{margin: 0px -20px;}
.mka-align-mar .col-12{padding: 0;}
.mka-style .mka-time .gj-timepicker{display: contents;}
.mka-style .mka-time .gj-icon.clock{right: 4px;top: 20px;}
.mka-style .textstd{line-height: 16px;font-size: 14px; font-weight:bold;}
.mka-style .help-block{color:#ff0000;}
.mka-login .text-color{color: #000000;}
.input-group-mka .input-group .form-control{min-height: 1rem;font-size: 0.75rem;line-height: 1rem;padding: .5rem .75rem;}
.input-group-mka .input-group .input-group-prepend .input-group-text [type=checkbox]+label{height: 20px;}

/*style1.css*/
.mka-style .title-navy {background: #000080;color: #fff;padding: .75rem 1.25rem;line-height: 16px;font-size: 14px;border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;}
.mka-style a#formIndexSubmit{background: #000080;/*border: 0;*/color: #fff;text-decoration: none !important;width: 92px;}
.mka-style .ms-selectable li{padding:10px !important;}
.mka-style a.btn.btn-sm{color: #000080;border: 1px solid #000080;box-shadow: 0 0 0 0;background-color:#fff;text-decoration: none !important;width: 92px;}
.mka-style a.btn.btn-mka-tab{width: 60px; padding: 4px 4px;margin-top: 4px;}
.mka-style table.gj-grid-bootstrap thead th{background-color:#000080 !important;color:#fff;}
.mka-style .btn-mka-outline:hover {background: #000080;color: #fff;border: 0;border: 1px solid #000080;}
.mka-style .dropdown-mka.dropdown-menu ul{background: #000080;padding:10%;width:fit-content;}
.mka-style .dropdown-mka.dropdown-menu .dropdown-item{color:#fff;}
.mka-style .dropdown-mka.dropdown-menu .dropdown-item:hover{color:#000080;}
.mka-style .dropdown-mka.dropdown-menu ul hr{margin: 0.5rem 0;border-top-color: #fff;}
.mka-style .dropdown-mka.dropdown-menu ul li{list-style: none;}
.mka-style a.dropdown-toggle{color:#000080 !important;padding:6px 10px;font-weight:bold;border:1px solid #000080;border-radius:5px;}
.mka-style .topbar .navbar-light .navbar-nav .nav-item>a.nav-link{border:0 !important;}
.mka-style .dropdown{display: inline-grid;}
.mka-style .selectId span *{width: 100% !important;}
.mka-style .mka-modal .btn-outline-secondary {padding: .2rem .7rem; font-size: 0.75rem;box-shadow: unset;}
.mka-style .mka-modal .gj-dropdown-bootstrap-4 .gj-dropdown-expander-mi .gj-icon{top: 3px;right: 4px;}
.mka-style .mka-modal .modal-header{padding: 0;}
.mka-style .panel-collapse .btn{text-transform: uppercase !important;}
.mka-style .form-control{text-transform: uppercase;}
/* style2.css */
.mka-style .medan_Carian{text-align: right  !important;}
.mka-style .add-cif{margin-top: 10px;}
.mka-table-responsive{overflow-x:scroll !important;}
.mka-style table tbody tr td div{text-transform: uppercase;}
.mka-style table tbody tr[data-role="empty"] td div{text-transform: initial;}
.mka-style table tbody tr td div p a, .mka-style table tbody tr td div a{text-transform: initial;}
.mka-requiredStar .form-group label::after {content: " *"; color: red; font-weight: bold;}
table.noborder, table.noborder tr, table.noborder tr td{border: 0px;}
table.noborder tr td{padding: 0.3rem;}
table.noborder p{margin-bottom: 0px;}
.card-senarai .card-body h3{color: #000080;font-size: xx-large;line-height: 14px;margin-top: 10px;}
.mka-style .card-outline-success.card-profile .card-body h3{color: #000080;font-size: 1.3rem;line-height: 14px;margin-top: 4px;}
.card-profile .card-body{padding: 1rem 0.5rem;}
.card-profile{border-radius: 7px;min-height: 140px;}
.card-profile .card-body .btn-mka-outline{padding: 5px 5px;width: 90%;}
.card-profile .fa-size{font-size: 2.5em;color: #000080;}
.card-profile .card-body h4{margin-bottom: 18px;}
.card-profile .card-body p{margin-bottom: 11px;}
.card-profile .card-header{border-radius: 4px 4px 0px 0px;padding: 0.6rem 0.3rem;}
.mka-style .card-outline-success.card-profile .card-header h4{line-height: 14px; font-size: 13px;}
.card-no-border .card-senarai{border-radius: 7px;min-height: 180px;}
.card-no-border .card-senarai .card-header{border-radius: 7px 7px 0px 0px;}
.card-senarai .card-body .btn-mka-outline{padding: 5px 15px;width: 85%;}
.card-senarai .fa-size{font-size: 2.5em;color: #000080;}
.card-senarai .card-body h4{margin-bottom: 18px;}
.mka-custom-file-upload{position: relative;font-size: 12px;font-weight: 400;line-height: 1.5;color: #000080;/*overflow: hidden;*/border: 1px solid #000080;padding: 3px 8px;border-radius: .25rem;cursor: pointer;width: 90px;text-align: center;text-transform: capitalize;margin-right:7px;}
.mka-custom-file-upload input[type=file] {position: absolute;/*top: 0;*/right: 0;min-width: 100%; min-height: 100%;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}
.fa-size-new{color: #000080;margin-top: 0; font-weight: bold; font-size: 16px;}
.uploader-st form{display: inline-block;}
.uploader-st .box-footer .btn-success{padding: 3px 8px;width: 90px;font-size: 12px;font-weight: 400;line-height: 1.5;box-shadow: none;margin-top: -1px;}
.btn-mka-upload{padding: 3px 8px;width: 90px;background: #000080;color: #fff !important;text-decoration: none !important;border: 1px solid #000080;margin-left: 7px;font-size: 12px;font-weight: 400;line-height: 1.5;margin-top: -1px;}
.vtabs-mka .nav-tabs .nav-item.show .nav-link, .vtabs-mka .nav-tabs .nav-link.active{border-color: transparent;color: #000080;border-bottom: 1px solid #000080;}
.vtabs-mka .nav-tabs{border-bottom: 0;}
.vtabs-mka .nav-tabs a{text-decoration: none; color: #67757c;text-transform: uppercase;font-weight: 600;}
.mka-style .btn-icon{width: 60px;padding: 4px 6px;font-size: 12px;}
.mka-style .btn-icon:hover{color:#fff !important;}
.vtabs-modal .nav-link{padding: 0.5rem 0.4rem;}
.modal-sty h3{font-size: 18px;}
.text-bold{font-weight:600;}
.new-br-sty{border-radius: 7px !important;}
.new-br-sty-h{ border-radius: 7px 7px 0 0 !important;}
.date-wi .gj-datepicker{width: 100% !important;}
.upload-btn input[type=file]::file-selector-button {padding: 4px 8px;font-size: 12px;line-height: 1.5;border-radius: .25rem;background-color: #000080;transition: 1s;border: 0px solid #000080;color: #fff;}
.upload-btn input[type=file]::file-selector-button:hover {background-color: #000080;border: 0px solid #000080;}
.mka-style .card-no-shadow{box-shadow: none;}
.fileText{text-transform: initial;padding-right: 15px;}
.jana-btn{float: right;margin-top: 0px;}
.select-mka{background-color: #000080;border-radius: 5px; color: #fff; padding: 4px 4px; font-size: 14px;cursor: pointer;}
.select-mka option{background-color: #fff;border-bottom: 1px solid #f6f6f6;color: #67757c;cursor: pointer;}

/*New UI Issues 2024 */
.mka-mt2{margin-top:12px;}

@media (min-width: 768px){
.mini-sidebar .sidebar-nav #sidebarnav>li>ul{background: #333333 !important;top: 33px;}
.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a{background: #333333; border-color: #fff;}
.card-no-border .sidebar-nav>ul>li>a.active{background: #333333;}
.mini-sidebar .sidebar-nav ul li a .hide-menu{padding-left: 13px;}
}

.mka-style .sessi .infoBox{background-color: #000080; height: 55px;margin-bottom: 9px; margin-top: 5px;}
.mka-style .sessi .infoBox .icon img{top: 0px;width: 25px;opacity: 1;background: #fff; border-radius: 50%;}
.mka-style .sessi .infoBox .content .text{margin-top: 9px;}
.mka-style .sessi a.btn{padding: 5px 0 !important;}
.mka-style .topbar ul.dropdown-user li a{font-size: 0.8rem;}
.mka-style .m-b-0{margin-bottom: 0px !important;}
/*.control-label {text-transform: capitalize;}*/