.panel {
     border-radius: 15px !important;
     border: 1px solid #ddd;
}

.panel-heading {
     border-radius: 15px 15px 0 0 !important;
}

.panel-body {
     border-radius: 0 0 15px 15px !important;
}

.alert {
     border-radius: 15px !important;
     box-shadow: none !important;
}

.well {
     border-radius: 15px !important;
     box-shadow: none !important;
}

.list-group-item {
     border-radius: 10px !important;
     margin-bottom: 10px;
}

.form-control {
     border-radius: 10px !important;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
     border-radius: 10px 0 0 10px !important;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
     border-radius: 0 10px 10px 0 !important;
}

.label {
     border-radius: 10px !important;
}

.timeline {
     position: relative;
     padding: 20px 0 20px 0;
     list-style: none;
}

.timeline:before {
     content: " ";
     position: absolute;
     top: 0;
     bottom: 0;
     left: 50%;
     width: 3px;
     margin-left: -1.5px;
     background-color: #e0e0e0;
}

.timeline>li {
     position: relative;
     margin-bottom: 20px;
}

.timeline>li:before,
.timeline>li:after {
     content: " ";
     display: table;
}

.timeline>li:after {
     clear: both;
}

.timeline>li>.timeline-panel {
     float: left;
     position: relative;
     width: 46%;
     padding: 20px;
     border: 1px solid #d4d4d4;
     border-radius: 15px;
     box-shadow: none;
     background-color: #fff;
     margin-right: 0;
}

.timeline>li>.timeline-panel.timeline-panel-primary {
     background-color: #f0f8f0;
     border-color: #5cb85c;
     border-width: 2px;
}

.timeline>li>.timeline-badge {
     position: absolute;
     top: 16px;
     left: 50%;
     width: 50px;
     height: 50px;
     margin-left: -25px;
     border-radius: 50%;
     padding: 10px;
     text-align: center;
     font-size: 1.4em;
     line-height: 30px;
     color: #fff;
     z-index: 100;
}

.timeline>li>.timeline-badge.timeline-badge-primary {
     background-color: #5cb85c !important;
     width: 60px;
     height: 60px;
     margin-left: -30px;
     font-size: 1.6em;
     line-height: 40px;
}

.timeline>li>.timeline-badge.warning {
     background-color: #f0ad4e !important;
}

.timeline>li>.timeline-badge.info {
     background-color: #5bc0de !important;
}

.timeline>li>.timeline-badge.success {
     background-color: #5cb85c !important;
}

.timeline>li>.timeline-badge.danger {
     background-color: #d9534f !important;
}

.timeline>li>.timeline-badge.default {
     background-color: #777 !important;
}

.timeline>li.timeline-inverted>.timeline-panel {
     float: right;
     margin-left: 0;
     margin-right: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
     border-left-width: 0;
     border-right-width: 15px;
     left: -15px;
     right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
     border-left-width: 0;
     border-right-width: 14px;
     left: -14px;
     right: auto;
}

.timeline-title {
     margin-top: 0;
     color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
     margin-bottom: 0;
}

.timeline-body>p+p {
     margin-top: 5px;
}

@media (max-width: 767px) {
     .container {
          padding-left: 10px;
          padding-right: 10px;
     }

     .page-header h2 {
          font-size: 1.5em;
          margin-bottom: 15px;
     }

     .panel {
          margin-bottom: 15px;
     }

     .panel-heading {
          padding: 10px 15px;
     }

     .panel-heading h3,
     .panel-heading h4 {
          font-size: 1.1em;
     }

     .panel-body {
          padding: 15px;
     }

     .well {
          padding: 15px;
          margin-bottom: 15px;
     }

     .list-group-item {
          padding: 10px 15px;
          font-size: 0.9em;
     }

     .list-group-item-heading {
          font-size: 1em;
          margin-bottom: 5px;
     }

     .input-group-lg .form-control {
          font-size: 16px;
          padding: 10px;
     }

     .input-group-btn .btn {
          padding: 10px 15px;
     }

     .btn-group-justified {
          display: block;
     }

     .btn-group-justified .btn {
          display: block;
          width: 100%;
          margin-bottom: 10px;
     }

     .btn-group-justified .btn:last-child {
          margin-bottom: 0;
     }

     .label {
          font-size: 0.85em;
          padding: 4px 8px;
     }

     .alert {
          padding: 10px 15px;
          font-size: 0.9em;
     }

     .row {
          margin-left: -10px;
          margin-right: -10px;
     }

     .row>[class*="col-"] {
          padding-left: 10px;
          padding-right: 10px;
     }

     ul.timeline {
          padding: 10px 0;
     }

     ul.timeline:before {
          left: 30px;
     }

     ul.timeline>li {
          margin-bottom: 30px;
     }

     ul.timeline>li>.timeline-panel {
          width: calc(100% - 70px);
          width: -moz-calc(100% - 70px);
          width: -webkit-calc(100% - 70px);
          padding: 15px;
          float: right;
          margin-left: 0;
     }

     ul.timeline>li>.timeline-badge {
          left: 15px;
          margin-left: 0;
          top: 16px;
          width: 40px;
          height: 40px;
          font-size: 1.2em;
          line-height: 20px;
          padding: 10px;
     }

     ul.timeline>li>.timeline-badge.timeline-badge-primary {
          width: 50px;
          height: 50px;
          margin-left: 0;
          font-size: 1.4em;
          line-height: 30px;
     }

     ul.timeline>li.timeline-inverted>.timeline-panel {
          float: right;
     }

     ul.timeline>li>.timeline-panel:before {
          border-left-width: 0;
          border-right-width: 10px;
          left: -10px;
          right: auto;
     }

     ul.timeline>li>.timeline-panel:after {
          border-left-width: 0;
          border-right-width: 9px;
          left: -9px;
          right: auto;
     }

     .timeline-heading h4 {
          font-size: 1em;
          margin-bottom: 5px;
     }

     .timeline-body {
          font-size: 0.9em;
     }

     .timeline-body p {
          margin-bottom: 10px;
          word-wrap: break-word;
     }

     .btn-xs {
          padding: 4px 8px;
          font-size: 0.8em;
     }

     .text-right {
          text-align: left !important;
     }

     .col-md-6.text-right {
          margin-top: 15px;
     }
}

@media (max-width: 480px) {
     .page-header h2 {
          font-size: 1.3em;
     }

     .panel-heading h3,
     .panel-heading h4 {
          font-size: 1em;
     }

     .lead {
          font-size: 1em;
     }

     ul.timeline>li>.timeline-panel {
          width: calc(100% - 60px);
          width: -moz-calc(100% - 60px);
          width: -webkit-calc(100% - 60px);
          padding: 12px;
     }

     ul.timeline>li>.timeline-badge {
          width: 35px;
          height: 35px;
          font-size: 1em;
          line-height: 15px;
          padding: 10px;
     }

     ul.timeline>li>.timeline-badge.timeline-badge-primary {
          width: 45px;
          height: 45px;
          font-size: 1.2em;
          line-height: 25px;
     }

     ul.timeline:before {
          left: 25px;
     }

     .input-group-lg .form-control {
          font-size: 14px;
     }
}