@keyframes rotation {
  from {-webkit-transform: rotate(359deg);}
  to {-webkit-transform: rotate(0deg);}
}
svg * {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.circle {-webkit-animation: rotation 8s infinite linear;}
.circle_s {-webkit-animation: rotation 4s infinite linear;}
.engraved {background-color:#666666;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;text-shadow:rgba(245,245,245,0.5) 1px 1px 1px;}

.container{
	padding-left: 10px;
	padding-right: 10px;
}

.menu .menu-item{
	padding: 10px;
	border: 2px solid darkgray;
	border-radius: 20%;
	background-color: gray;
	color: white;
	text-align: center;
	cursor: pointer;
	margin-bottom: 20px
}
.menu .menu-item img{
	width: 80px;
}
.control-btn{
	text-align: right;
}
.bold{
	font-weight: bold;
}

table.dataTable td {
  padding: 2px;
}
.row-selected {
  color: #fff;
  background-color: dimgray;
}
.row-selected a {
  color: #fff;
}
.row-selected button:not(.btn-danger) {
  color: black;
}
#accordion-profil .panel-body{
	padding: 0 5px 5px;
}
#accordion-profil .col-xs-6:nth-child(odd){
	padding-right: 5px;
}
#accordion-profil .col-xs-6:nth-child(even){
	padding-left: 5px;
}
#accordion-profil div.pull-right{
	margin: -2px -5px;
}
#accordion-sheet table{
	margin-bottom: 0;
}
.panel-title>a{
	text-decoration: none !important;
	display: block;
}
div.dataTables_wrapper div.dataTables_filter input{margin-left: 0;}
@media screen and (max-width: 767px){
	.table-responsive.rekap-kordes {margin-bottom: 200px;}
}
.btn-group button{
	border-radius: 0;
}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px !important;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(10%);
    width: -moz-calc(10%);
    width: -webkit-calc(10%);
  }
  ul.timeline > li > .timeline-badge {
    top: 16px;
    left: 15px;
    margin-left: 0;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
  }
  ul.timeline > li > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
  }
}

.timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
}

.timeline .line {
    position: absolute;
    width: 4px;
    display: block;
    background: currentColor;
    top: 0px;
    bottom: 0px;
    margin-left: 18px;
}

.timeline .separator {
    border-top: 1px solid currentColor;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}

.timeline .line::before { top: -4px; }
.timeline .line::after { bottom: -4px; }
.timeline .line::before,
.timeline .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: currentColor;
}

.timeline .panel {
    position: relative;
    margin: 10px 0px 21px 59px;
    clear: both;
}

.timeline .panel::before {
    position: absolute;
    display: block;
    top: 3px;
    left: -24px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.timeline .panel .panel-heading.icon * { 
	font-size: 20px; /*vertical-align: middle; line-height: 40px; */
}
.timeline .panel .panel-heading.icon {
    position: absolute;
    left: -59px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.timeline .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.timeline .panel-outline .panel-body {
    padding: 10px 0px;
}

.timeline .panel-outline .panel-heading:not(.icon),
.timeline .panel-outline .panel-footer {
    display: none;
}
.modal.center {
  text-align: center;
  padding: 0!important;
}

.modal.center:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal.center .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
button.dropdown-toggle{
	background-color: initial;
	border: none;
}
.dropdown-menu li:not(.divider){
	font-size: 15px; 
	margin-left: 10px;
	cursor: pointer;
}