ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.menu * {
    margin: 0;
    padding: 0;
}

ul.menu a {
    display: block;
    text-decoration: none;
    color: #fff;
}

ul.menu li {
    position: relative;
    float: left;
    margin-right: 1px;
}

ul.menu ul {
    position: absolute;
    top: 1px;
    left: 0;
    display: none;
    list-style: none;
    opacity: 0;
    background: #d1d1d1;
}

ul.menu ul li {
    position: relative;
    width: 148px;
    margin: 0;
    border: 1px solid #aaa;
    border-top: none;
}

ul.menu ul li a {
    display: block;
    padding: 2px 2px 2px;
    background-color: #d1d1d1;
}

ul.menu ul li a:hover {
    background-color: #c5c5c5;
}

ul.menu ul ul {
    top: -1px;
    left: 1px;
}

ul.menu .menulink {
    font-weight: bold;
    width: 134px;
    padding: 2px 2px 2px;
    border: 1px solid #aaa;
    background: url(images/header.gif);
}

ul.menu .menulink:hover,
ul.menu .menuhover {
    background: url(../images/header_over.gif);
}

ul.menu .sub {
    background: #d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat;
}

ul.menu .topline {
    border-top: 1px solid #aaa;
}

@font-face {
    font-family: 'Museo Sans';
    font-weight: 300;
    src: url(../fonts/Museo/MuseoSans-300.otf);
}

@font-face {
    font-family: 'Museo Sans';
    font-weight: 500;
    src: url(../fonts/Museo/MuseoSans_500.otf);
}

@font-face {
    font-family: 'Museo Sans';
    font-weight: 300;
    font-style: italic;
    src: url(../fonts/Museo/MuseoSans-300Italic.otf);
}

@font-face {
    font-family: 'Museo Sans';
    font-weight: 500;
    font-style: italic;
    src: url(../fonts/Museo/MuseoSans_500_italic.otf);
}

@font-face {
    font-family: 'Museo Sans';
    font-weight: 900;
    src: url(../fonts/Museo/MuseoSans_900.otf);
}

@font-face {
    font-family: 'Museo Sans';
    font-weight: 700;
    src: url(../fonts/Museo/MuseoSans_700.otf);
}

@font-face {
    font-family: 'Museo Sans';
    font-weight: 100;
    src: url(../fonts/Museo/MuseoSans_100.otf);
}

html {
    font-family: 'Museo Sans' !important;
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Museo Sans';
    position: relative;
    margin: 0 auto;
    padding: 0;
    color: #000;
    /*background: #DCDDDF url("../images/back.png");*/
    background: #dcdddf;
}

#wrapper {
    width: 100%;
}

#page-wrapper {
    /*padding: 0 15px;*/
    padding-left: 0;
    border: 1px solid black;
    /*min-height: 515px;
  min-height: 515px;*/
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        /*margin: 0 0 0 0px;*/
        margin: 10px 0;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.head {
    padding: 0;
    background-color: #dcdddf;
    /*#00A1BD|rgb(234, 182, 3);
    background-image: url("../images/background_logo1.png");
    background-repeat: repeat-y;*/
}

.bottom-bar {
    position: absolute;
    right: 0;
    bottom: -60px;
    left: 0;
    width: 100%;
    height: 60px;
    content: ' ';
    background-color: Transparent;
    background-image: url('../images/shadow3.png');
    background-size: 100% 100%;
}

.logo-head {
    padding: 0;
}

.modal-header {
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-body {
    position: relative;
    padding: 5px;
}

.form-group {
    margin-bottom: 5px;
}

.modal-footer {
    padding: 5px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-header-success {
    padding: 9px 15px;
    color: #fff;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #5cb85c;
}

.modal-header-warning {
    padding: 9px 15px;
    color: #fff;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f0ad4e;
}

.modal-header-danger {
    padding: 9px 15px;
    color: #fff;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #d9534f;
}

.modal-header-info {
    padding: 9px 15px;
    color: #fff;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #5bc0de;
}

.modal-header-primary {
    padding: 9px 15px;
    color: #fff;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #428bca;
}

.badge-notify {
    position: relative;
    top: -13px;
    left: -5px;
    background: red;
}

.badge-notify-small {
    position: relative;
    top: -35px;
    left: -25px;
    float: left;
    background: red none repeat scroll 0 0;
}

.panel_basic {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 4px 10px 18px rgba(0, 0, 0, 1), -4px 10px 18px rgba(0, 0, 0, 1);
}

.panel-split-container {
    display: flex;
    overflow: hidden;
    flex-direction: row;
    border: 1px solid silver;
    /* avoid browser level touch actions */
    xtouch-action: none;
}

.panel-split-left {
    width: 390px;
    min-width: 390px;
    min-height: 200px;
    /* only manually resize */
    padding: 10px;
    white-space: nowrap;
    color: white;
    background: #838383;
    flex: 0 0 auto;
}

.splitter {
    width: 18px;
    min-height: 200px;
    cursor: col-resize;
    background: url(../images/vsizegrip.png) center center no-repeat #535353;
    flex: 0 0 auto;
}

.panel-split-right {
    width: 100%;
    min-width: 200px;
    min-height: 200px;
    /* resizable */
    padding: 10px;
    background: #eee;
    flex: 1 1 auto;
}

.page-split-container {
    margin: 20px;
}


/* vertical panel */

.panel-split-container-vertical {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    height: 500px;
    border: 1px solid silver;
}

.panel-split-top {
    width: 100%;
    height: 150px;
    /* only manually resize */
    padding: 10px;
    white-space: nowrap;
    color: white;
    background: #838383;
    flex: 0 0 auto;
}

.splitter-horizontal {
    height: 18px;
    cursor: row-resize;
    background: url(../images/hsizegrip.png) center center no-repeat #535353;
    flex: 0 0 auto;
}

.panel-split-bottom {
    min-height: 200px;
    /* resizable */
    padding: 10px;
    background: #eee;
    flex: 1 1 auto;
}


/*=============================================================================*/

.bg-master-lighter {
    background-color: #f0f0f0;
}

.page-container {
    width: 100%;
    height: 100%;
    background-color: inherit;
}

body.fixed-header .header {
    position: fixed;
    top: 0;
    left: 0;
}

.header {
    position: relative;
    z-index: 800;
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 20px 0 0;
    border-bottom: 1px solid rgba(230, 230, 230, .7);
    background-color: #fff;
}

.header .header-inner {
    display: table-cell;
    width: 100%;
    height: 60px;
    vertical-align: middle;
}

.header .brand {
    position: relative;
}

.header .brand {
    width: 280px;
    text-align: center;
    vertical-align: middle;
}

.inline {
    display: inline-block !important;
}

.header .notification-list {
    display: inline-block;
}

ul.no-style,
ol.no-style {
    padding-left: 5px;
    list-style: outside none none;
}

.b-grey {
    border-color: #e6e6e6;
}

.b-l {
    border-left-width: 1px;
}

.b-r {
    border-right-width: 1px;
}

.b-a,
.b-r,
.b-l,
.b-t,
.b-b {
    border-width: 0;
    border-style: solid;
}

.b-a,
.b-r,
.b-l,
.b-t,
.b-b {
    border-width: 0;
    border-style: solid;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.no-margin {
    margin: 0 !important;
}

.inline {
    display: inline-block !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

ul > li,
ol > li {
    line-height: 24px;
    padding-left: 0;
    /*jarak menu anak */
}

.icon-set.clip {
    width: 16px;
    height: 16px;
    background-position: -20px -2px;
}

.header a {
    color: #3b4751;
}

.icon-set {
    position: relative;
    display: block;
    background: rgba(0, 0, 0, 0) url('../img/icons/top_tray.png') no-repeat scroll 0 0;
}

a,
a:focus,
a:hover,
a:active {
    text-decoration: none;
    outline: 0 none !important;
}

a {
    transition: color .1s linear 0s, background-color .1s linear 0s, opacity .2s linear 0s !important;
    color: #333;
    text-shadow: none !important;
}

.page-container .page-content-wrapper {
    position: relative;
    min-height: 100%;
}

.page-container .page-content-wrapper .content:only-child {
    padding-bottom: 0;
}

.page-container .page-content-wrapper .content {
    z-index: 10;
    min-height: 100%;
    padding-top: 60px;
    padding-bottom: 72px;
    transition: all .3s ease 0s;
}


/*
.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}*/

.timeline-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.timeline-container.top-circle::before {
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 20px;
    border-radius: 99px;
    background-color: #fff;
}

.timeline-container::after {
    display: table;
    clear: both;
    content: '';
}

.timeline-container:not(.left) .timeline::before {
    left: 50%;
    margin-left: -2px;
}

.timeline::before {
    position: absolute;
    top: 0;
    left: 18px;
    width: 2px;
    height: 100%;
    content: '';
    background: #fff none repeat scroll 0 0;
}

.timeline-container:not(.left) .timeline {
    margin-bottom: 3em;
}

.timeline {
    position: relative;
    /*margin-bottom: 2em;*/
    margin-top: 0;
    padding: 3em 0;
}

.timeline-block::after {
    display: table;
    clear: both;
    content: '';
}

.timeline-container:not(.left) .timeline .timeline-block:first-child {
    margin-top: 0;
}

.timeline-container:not(.left) .timeline .timeline-block {
    margin: 4em 0;
}

.timeline-block:first-child {
    margin-top: 0;
}

.timeline-block {
    /*margin: 0;*/
    position: relative;
}

.timeline-container:not(.left) .timeline .timeline-point {
    left: 50%;
    margin-left: -21px;
}

.timeline-point.success {
    background-color: #10cfbd;
}

.timeline-point {
    position: absolute;
    top: 12px;
    left: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #b3b3b3 none repeat scroll 0 0;
}

.timeline-point i {
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7px;
    margin-left: -7px;
    color: #fff;
}

.timeline-container:not(.left) .timeline .timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent transparent transparent white;
}

.timeline-content::after {
    display: table;
    clear: both;
    content: '';
}

.timeline-container:not(.left) .timeline .timeline-content {
    width: 46%;
    margin-left: 0;
}

.timeline-content {
    position: relative;
    margin-left: 60px;
}

.timeline-container:not(.left) .timeline .timeline-block:nth-child(2n+1) .timeline-content .card {
    float: right;
}

.timeline-content .card {
    margin-bottom: 0;
}

.card.full-width {
    width: 100% !important;
}

.full-width {
    width: 100%;
}

.card {
    position: relative;
    float: left;
    width: 300px;
    margin-bottom: 20px;
    padding-bottom: 0;
    border: 1px solid #e6e6e6;
    border-radius: 4px 4px 2px 2px;
    background: #fff none repeat scroll 0 0;
}

.card .circle {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    display: block;
    width: 9px;
    height: 9px;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    background: #626c75 none repeat scroll 0 0;
}

.card.share .card-header {
    padding: 15px 15px 12px;
    border-bottom: 1px solid #daeffd;
}

.card.share .card-header .user-pic {
    float: left;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
}

.card.share .card-header .user-pic > img {
    width: 30px;
    height: 30px;
}

.card img {
    width: 100%;
}

.card.share .card-header h6 {
    font-family: 'Museo Sans', sans-serif !important;
    font-size: 12px;
    margin: 0;
    opacity: .45;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: 'Museo Sans', sans-serif !important;
    font-weight: 300;
    margin: 10px 0;
    color: #2c2c2c;
}

.semi-bold {
    font-weight: 400 !important;
}

.card.share .card-description {
    border-width: 1px;
}

.card.share .card-description,
.card.share .card-feed,
.card.share .card-footer {
    border-style: solid;
    border-color: transparent;
}

.card.share .card-description {
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    padding: 12px 16px 11px;
}

.card.share .card-description p {
    margin-bottom: 4px;
}

.timeline-container:not(.left) .timeline .timeline-content .event-date {
    font-size: 1rem;
    position: absolute;
    top: -2px;
    left: 118%;
    width: 100%;
}

.timeline-content .event-date {
    display: inline-block;
    float: left;
    clear: both;
    padding: .8em 0;
    opacity: .7;
}

.card.share .card-description .via {
    font-family: 'Museo Sans', sans-serif !important;
    font-size: 12px;
    display: block;
    opacity: .45;
}


/*
.starRating:not(old){
  display        : inline-block;
  width          : 7.5em;
  height         : 1.5em;
  overflow       : hidden;
  vertical-align : bottom;
}

.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('../images/star-off.svg');
  background-size : contain;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('../images/star-on.svg');

  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}*/

.star-rating {
    font-size: 0;
}

.star-rating__wrap {
    /*font-size: 1rem;*/
    font-size: 18px;
    display: inline-block;
}

.star-rating__wrap:after {
    display: table;
    clear: both;
    content: '';
}

.star-rating__ico {
    float: right;
    padding-left: 2px;
    cursor: pointer;
    color: #ffb300;
}

.star-rating__ico:last-child {
    padding-left: 0;
}

.star-rating__input {
    display: none;
}

.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before {
    content: '\f005';
}


/*toggle slide*/

.toggle {
    position: relative;
    display: flex;
    width: 7.5rem;
    height: 2.5rem;
    margin: 2rem;
    user-select: none;
    background: white;
    align-self: center;
}

.toggle:after,
.toggle:before {
    line-height: 2.5rem;
    text-align: center;
    flex: 1;
}

.toggle:after {
    font-size: 11px;
    content: 'Publish';
}

.toggle:before {
    font-size: 11px;
    content: 'Private';
}


/*input { display:none; }*/

label {
    /* position:absolute; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    perspective: 1000;
}

.cards {
    position: relative;
    width: 50%;
    height: 2.5rem;
    transition: .4s;
    pointer-events: none;
    background: limegreen;
}

input:checked + label .cards {
    background: tomato;
}

.flip {
    transform: perspective(200) rotateY(0);
    transform-origin: center right;
    transform-style: preserve-3d;
}

input:checked + label .flip {
    transform: perspective(200) rotateY(180deg);
}

.grow {
    animation: grow-rev .4s 1 both;
}

input:checked + label .grow {
    animation: grow .4s 1 both;
}

@keyframes grow {
    50% {
        transform: translateX(1.875rem) scale(2);
    }
    to {
        transform: translateX(3.75rem);
    }
}

@keyframes grow-rev {
    from {
        transform: translateX(3.75rem);
    }
    50% {
        transform: translateX(1.875rem) scale(2);
    }
    to {
        transform: translateX(0rem);
    }
}

.slide .cards {
    transform: translate(0);
}

.slide input:checked + label .cards {
    transform: translateX(3.75rem);
}

.slide2 {
    overflow: hidden;
}

.slide2 .cards {
    transform: translate(0);
    background: transparent;
    box-shadow: -3.75rem 0 limegreen, 3.75rem 0 tomato;
}

.slide2 input:checked + label .cards {
    transform: translateX(3.75rem);
    background: transparent;
}

.table-striped > tbody > tr {
    cursor: pointer;
}

.navbar {
    position: relative;
    min-height: 54px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

header {
    transition: padding .15s;
}

.navbar:before,
.navbar:after {
    display: table;
    content: ' ';
}

@media (min-width: 768px) application-6a9fe2c….css:4 .navbar {
    border-radius: 3px;
}

header.navbar-gitlab {
    z-index: 400;
    min-height: 50px;
    margin-bottom: 0;
    padding: 0 16px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fafafa;
}

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul.menu {
    text-align: right;
}

nav ul.menu ul {
    display: none;
}

nav ul.menu > li {
    display: inline-block;
}

nav ul.menu > li:last-child a {
    padding-right: 0;
}

nav ul.menu > li > a {
    font-size: 15px;
    line-height: 25px;
    display: block;
    padding-right: 20px;
    padding-left: 25px;
    color: #3b3b3b;
}

nav ul.menu > li:hover > a,
nav ul.menu > li.active > a {
    text-decoration: none;
    color: #e8b301;
    background: url(../img/nav-chooser.png) no-repeat left;
    -moz-background-size: contain;
    background-size: contain;
}

nav ul.menu > li:hover ul {
    display: block;
}

nav ul.menu ul {
    position: absolute;
    padding: 25px;
    padding-right: 45px;
    text-align: left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

nav ul.menu ul a {
    font-size: 13px;
    white-space: nowrap;
    text-decoration: none;
    color: #3b3b3b;
}

nav ul.menu ul a:hover {
    color: #e8b301;
}

.navbar-nav > li > .dropdown-menu {
    font-size: 14px;
    font-weight: normal;
    top: 100%;
    left: 0;
    //width: 100%;
    //min-width: 210px;
    margin-top: 2px;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 8px 0;
    transition-delay: 25ms, 50ms, 0ms;
    transition-timing-function: linear, cubic-bezier(.23, 1, .32, 1);
    transition-duration: 70ms, 250ms, 250ms;
    transition-property: opacity, transform, visibility;
    transform: translateY(-10px);
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #000;
    border-bottom: 2px solid #c4c4c4;
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #eab603;
    border-bottom: 2px solid #eab603;
    background-color: transparent;
}

.panel-default > .panel-heading {
    font-weight: bold;
    font-style: normal;
    color: black;
    border-color: #ddd;
    background-color: #373a3c !important;
}

.panel-heading {
    font-weight: bold;
    color: #494948 !important;
    background-color: rgb(248, 248, 248)!important;
}

.panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, .05);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-weight: bold;
    color: #494948;
    border: 1px solid #d3d3d3;
    background: #ddd;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-weight: bold/*{fwDefault}*/
    ;
    color: white/*{fcDefault}*/
    ;
    border: 1px solid #d3d3d3/*{borderColorDefault}*/
    ;
    background:#e8b301 !important;
}

.btn-primary {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8b30e;
    ;
}

.btn-primary:hover {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8650e;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    border-color: #eee;
    background-color: #e8770e;
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8650e;
}

.btn-danger {
    color: #fff;
    border-color: #777;
    background-color: #777;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #ca9d06;
    border-color: #a78206;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
     color: #fff;
    background-color: #ca9d06;
    border-color: #a78206;
}

.btn-danger:hover {
    color: #fff;
    background-color: #333;
    border-color: #555;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #e8b301;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.btn-success {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8b30e;
}

.btn-success2{
    color: #fff;
    border-color: #009933;
    background-color: #009933;	
}

.btn-success:hover {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8650e;
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    border-color: #eee;
    background-color: #e8770e;
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8650e;
}

.btn-info {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8b30e;
}



.btn-info:hover {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8650e;
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    border-color: #eee;
    background-color: #e8770e;
}

.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    border-color: #e89b0e;
    background-color: #e8650e;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: white;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
     border-radius: 0px; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}




.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
    color: black;
    background-color: #f1f1f1;
}


.modal-body {
    position: relative;
    padding: 5px;
    
}

#tabel01 {
    border: 2px solid #999;
    line-height: 1;
}

#tabel04 {
    border: 2px solid #999;
    background-color: #999292;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 1.5;
}

a:focus, a:hover {
    color: #555;
    text-decoration: underline;
}