.readonly {
    background: #DDDDDD;
}

.navbar {
    background-color: #3C8DBC;
    border-color: #3C8DBC;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.8);
}

.navbar-nav > .user-menu > .dropdown-menu {
    width: 150px;
    padding: 1px 0 0;
    margin-top: 1px;
}

.navbar-nav > .user-menu > .dropdown-menu:after {
    border-width: 7px;
    margin-left: -7px;
}

.navbar-nav > .user-menu > .dropdown-menu > li > a {
    border-bottom: 1px solid #f4f4f4;
    padding: 3px 15px;

}

.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a {
    color: #F6F6F6;
    background: none repeat scroll 0% 0% #3C8DBC;
    color: rgba(255, 255, 255, 0.8);
}

.skin-blue .navbar .dropdown-menu > li > a:hover {
    color: #F6F6F6;
}

.skin-blue .treeview-menu > li.active, .skin-blue .treeview-menu > li:hover {
    color: #000000;
    background: none repeat scroll 0% 0% #D3E6EB;
}

.row {
    margin-left: 0;
    margin-right: 0;
}


.col-md-12 {
    margin: 0;
    padding: 0;
}

.header .logo {
    border-bottom: 1px solid transparent;
}

.skin-blue .navbar .notifications-menu .dropdown-menu > li > a:hover {
    color: #367FA9;
}

.flexigrid {
    font-size: 12px;
}

.form-box {
    margin-top: 15px;
}

.btn {
    background-image: none;
    background-repeat: repeat-x;
    text-shadow: none;
}

.box .box-header {
    border-bottom: 1px solid #f4f4f4;
}

.table_pembuka {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.table_pembuka > thead > tr > th, .table_pembuka > tbody > tr > th, .table_pembuka > tfoot > tr > th, .table_pembuka > thead > tr > td, .table_pembuka > tbody > tr > td, .table_pembuka > tfoot > tr > td {
    border-top: 0;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    /* padding: 3px; */
    vertical-align: top;
}


div.input-group.date, .date div.input-group-addon, .date .form-control[disabled], .date .form-control[readonly], .input-group.date input {
    cursor: pointer;
    cursor: hand;
}

.h_tengah {
    text-align: center;
}

.h_kanan {
    text-align: right;
}

.h_kiri {
    text-align: left;
}

.header_kolom {
    background-color: #eee;
    text-align: center;
    font-weight: bold;
}

/*form login*/
.form-box .header {
    background-color: #367FA9;
}

.text-red {
    color: #dd4b39 !important;
}

.error-page h3 {
    font-size: 75px;
}

.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black,.bg-red-active,.bg-yellow-active,.bg-aqua-active,.bg-blue-active,.bg-light-blue-active,.bg-green-active,.bg-navy-active,.bg-teal-active,.bg-olive-active,.bg-lime-active,.bg-orange-active,.bg-fuchsia-active,.bg-purple-active,.bg-maroon-active,.bg-black-active,.callout.callout-danger,.callout.callout-warning,.callout.callout-info,.callout.callout-success,.alert-success,.alert-danger,.alert-error,.alert-warning,.alert-info,.label-danger,.label-info,.label-warning,.label-primary,.label-success,.modal-primary .modal-body,.modal-primary .modal-header,.modal-primary .modal-footer,.modal-warning .modal-body,.modal-warning .modal-header,.modal-warning .modal-footer,.modal-info .modal-body,.modal-info .modal-header,.modal-info .modal-footer,.modal-success .modal-body,.modal-success .modal-header,.modal-success .modal-footer,.modal-danger .modal-body,.modal-danger .modal-header,.modal-danger .modal-footer {
    color: #fff !important
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important
}

.bg-gray-light {
    background-color: #f7f7f7
}

.bg-black {
    background-color: #111 !important
}

.bg-red,.callout.callout-danger,.alert-danger,.alert-error,.label-danger,.modal-danger .modal-body {
    background-color: #dd4b39 !important
}

.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body {
    background-color: #f39c12 !important
}

.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body {
    background-color: #00c0ef !important
}

.bg-blue {
    background-color: #0073b7 !important
}

.bg-light-blue,.label-primary,.modal-primary .modal-body {
    background-color: #3c8dbc !important
}

.bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body {
    background-color: #00a65a !important
}

.bg-navy {
    background-color: #001F3F !important
}

.bg-teal {
    background-color: #39CCCC !important
}

.bg-olive {
    background-color: #3D9970 !important
}

.bg-lime {
    background-color: #01FF70 !important
}

.bg-orange {
    background-color: #FF851B !important
}

.bg-fuchsia {
    background-color: #F012BE !important
}

.bg-purple {
    background-color: #605ca8 !important
}

.bg-maroon {
    background-color: #D81B60 !important
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important
}

.bg-black-active {
    background-color: #000 !important
}

.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer {
    background-color: #d33724 !important
}

.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer {
    background-color: #db8b0b !important
}

.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer {
    background-color: #00a7d0 !important
}

.bg-blue-active {
    background-color: #005384 !important
}

.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer {
    background-color: #357ca5 !important
}

.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer {
    background-color: #008d4c !important
}

.bg-navy-active {
    background-color: #001a35 !important
}

.bg-teal-active {
    background-color: #30bbbb !important
}

.bg-olive-active {
    background-color: #368763 !important
}

.bg-lime-active {
    background-color: #00e765 !important
}

.bg-orange-active {
    background-color: #ff7701 !important
}

.bg-fuchsia-active {
    background-color: #db0ead !important
}

.bg-purple-active {
    background-color: #555299 !important
}

.bg-maroon-active {
    background-color: #ca195a !important
}

[class^="bg-"].disabled {
    opacity: .65;
    filter: alpha(opacity=65)
}

.text-red {
    color: #dd4b39 !important
}

.text-yellow {
    color: #f39c12 !important
}

.text-aqua {
    color: #00c0ef !important
}

.text-blue {
    color: #0073b7 !important
}

.text-black {
    color: #111 !important
}

.text-light-blue {
    color: #3c8dbc !important
}

.text-green {
    color: #00a65a !important
}

.text-gray {
    color: #d2d6de !important
}

.text-navy {
    color: #001F3F !important
}

.text-teal {
    color: #39CCCC !important
}

.text-olive {
    color: #3D9970 !important
}

.text-lime {
    color: #01FF70 !important
}

.text-orange {
    color: #FF851B !important
}

.text-fuchsia {
    color: #F012BE !important
}

.text-purple {
    color: #605ca8 !important
}

.text-maroon {
    color: #D81B60 !important
}