@charset "utf-8"; /* CSS Document */ /**bootstrap**/ *, ::after, ::before { box-sizing: border-box; } .badge-success { color: #fff; background-color: #26549c; } .badge { display: inline-block; padding: 1rem; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius:.8rem; border: 5px solid #fff; } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } /**bootstrap**/ .timeline { width: 100%; position: relative; padding: 1px 0; list-style: none; font-weight: 300 } .timeline .timeline-item { padding-left: 0; padding-right: 30px } .timeline .timeline-item.timeline-item-right, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) { padding-left: 30px; padding-right: 0 } .timeline .timeline-item .timeline-event { width: 100% } .timeline:before { border-right-style: solid } .timeline:before, .timeline:after { content: " "; display: block } .timeline:after { clear: both } .timeline:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; height: 100%!important; margin-left: 1px; border-right-width: 3px; border-right-style: solid; border-right-color: #eee } .timeline.timeline-single-column.timeline { width: 100%; max-width: 768px } .timeline.timeline-single-column.timeline .timeline-item { padding-left: 72px; padding-right: 0 } .timeline.timeline-single-column.timeline .timeline-item.timeline-item-right, .timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) { padding-left: 72px; padding-right: 0 } .timeline.timeline-single-column.timeline .timeline-item .timeline-event { width: 100% } .timeline.timeline-single-column.timeline:before { left: 42px; width: 0; margin-left: -1px } .timeline.timeline-single-column.timeline .timeline-item { width: 100%; margin-bottom: 20px } .timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even) { margin-top: 0 } .timeline.timeline-single-column.timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline.timeline-single-column.timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline-single-column.timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline.timeline-single-column.timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline-single-column.timeline .timeline-item>.timeline-event { float: right!important } .timeline.timeline-single-column.timeline .timeline-item>.timeline-event:before, .timeline.timeline-single-column.timeline .timeline-item>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline.timeline-single-column.timeline .timeline-item>.timeline-event:before { left: -15px!important; border-right-width: 15px!important } .timeline.timeline-single-column.timeline .timeline-item>.timeline-event:after { left: -14px!important; border-right-width: 14px!important } .timeline.timeline-single-column.timeline .timeline-item>.timeline-point { transform: translateX(-50%); left: 42px!important; margin-left: 0 } .timeline.timeline-single-column.timeline .timeline-label { transform: translateX(-50%); margin: 0 0 20px 42px } .timeline.timeline-single-column.timeline .timeline-label+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline-single-column.timeline .timeline-label+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline-line-solid:before { border-right-style: solid } .timeline.timeline-line-dotted:before { border-right-style: solid } .timeline.timeline-line-dashed:before { border-right-style: dashed } .timeline.timeline-line-hidden:before { border-right-style: none } .timeline .timeline-item { position: relative; float: left; clear: left; width: 50%; margin-bottom: 20px } .timeline .timeline-item:before, .timeline .timeline-item:after { content: ""; display: table } .timeline .timeline-item:after { clear: both } .timeline .timeline-item:last-child { margin-bottom: 0!important } .timeline .timeline-item.timeline-item-right>.timeline-event, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event { float: right!important } .timeline .timeline-item.timeline-item-right>.timeline-event:before, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before, .timeline .timeline-item.timeline-item-right>.timeline-event:after, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline .timeline-item.timeline-item-right>.timeline-event:before, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before { left: -15px!important; border-right-width: 15px!important } .timeline .timeline-item.timeline-item-right>.timeline-event:after, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after { left: -14px!important; border-right-width: 14px!important } .timeline .timeline-item>.timeline-event:before { top: 10px; right: -15px; border-top: 15px solid transparent; border-left-width: 15px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-bottom: 15px solid transparent } .timeline .timeline-item>.timeline-event:after { top: 11px; right: -14px; border-top: 14px solid transparent; border-left-width: 14px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-bottom: 14px solid transparent } .timeline .timeline-item>.timeline-point { top: 25px } .timeline-single-column.timeline .timeline-item>.timeline-event { float: right!important } .timeline-single-column.timeline .timeline-item>.timeline-event:before, .timeline-single-column.timeline .timeline-item>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline-single-column.timeline .timeline-item>.timeline-event:before { left: -15px!important; border-right-width: 15px!important } .timeline-single-column.timeline .timeline-item>.timeline-event:after { left: -14px!important; border-right-width: 14px!important } .timeline .timeline-item:nth-of-type(2) { margin-top: 40px } .timeline .timeline-item.timeline-item-left, .timeline .timeline-item.timeline-item-right { clear: both!important } .timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 40px } .timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { clear: both } .timeline .timeline-item.timeline-item-right, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) { float: right; clear: right } .timeline .timeline-item.timeline-item-right>.timeline-point, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-point { left: -24px } .timeline .timeline-item.timeline-item-right>.timeline-point.timeline-point-blank, .timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-point.timeline-point-blank { left: -12px } .timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right>.timeline-event, .timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left)>.timeline-event { float: right!important } .timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right>.timeline-event:after, .timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before { left: -10px!important; border-right-width: 10px!important } .timeline .timeline-item.timeline-item-arrow-sm.timeline-item-right>.timeline-event:after, .timeline .timeline-item.timeline-item-arrow-sm:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after { left: -9px!important; border-right-width: 9px!important } .timeline .timeline-item.timeline-item-arrow-sm>.timeline-event:before { top: 4px; right: -10px; border-top: 10px solid transparent; border-left-width: 10px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-bottom: 10px solid transparent } .timeline .timeline-item.timeline-item-arrow-sm>.timeline-event:after { top: 5px; right: -9px; border-top: 9px solid transparent; border-left-width: 9px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-bottom: 9px solid transparent } .timeline .timeline-item.timeline-item-arrow-sm>.timeline-point { top: 14px } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm>.timeline-event { float: right!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm>.timeline-event:before, .timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm>.timeline-event:before { left: -10px!important; border-right-width: 10px!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-sm>.timeline-event:after { left: -9px!important; border-right-width: 9px!important } .timeline .timeline-item.timeline-item-arrow-md.timeline-item-right>.timeline-event, .timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left)>.timeline-event { float: right!important } .timeline .timeline-item.timeline-item-arrow-md.timeline-item-right>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-md.timeline-item-right>.timeline-event:after, .timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline .timeline-item.timeline-item-arrow-md.timeline-item-right>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before { left: -15px!important; border-right-width: 15px!important } .timeline .timeline-item.timeline-item-arrow-md.timeline-item-right>.timeline-event:after, .timeline .timeline-item.timeline-item-arrow-md:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after { left: -14px!important; border-right-width: 14px!important } .timeline .timeline-item.timeline-item-arrow-md>.timeline-event:before { top: 10px; right: -15px; border-top: 15px solid transparent; border-left-width: 15px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-bottom: 15px solid transparent } .timeline .timeline-item.timeline-item-arrow-md>.timeline-event:after { top: 11px; right: -14px; border-top: 14px solid transparent; border-left-width: 14px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-bottom: 14px solid transparent } .timeline .timeline-item.timeline-item-arrow-md>.timeline-point { top: 25px } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-md>.timeline-event { float: right!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-md>.timeline-event:before, .timeline-single-column.timeline .timeline-item.timeline-item-arrow-md>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-md>.timeline-event:before { left: -15px!important; border-right-width: 15px!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-md>.timeline-event:after { left: -14px!important; border-right-width: 14px!important } .timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right>.timeline-event, .timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left)>.timeline-event { float: right!important } .timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right>.timeline-event:after, .timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right>.timeline-event:before, .timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before { left: -18px!important; border-right-width: 18px!important } .timeline .timeline-item.timeline-item-arrow-lg.timeline-item-right>.timeline-event:after, .timeline .timeline-item.timeline-item-arrow-lg:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after { left: -17px!important; border-right-width: 17px!important } .timeline .timeline-item.timeline-item-arrow-lg>.timeline-event:before { top: 10px; right: -18px; border-top: 18px solid transparent; border-left-width: 18px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-bottom: 18px solid transparent } .timeline .timeline-item.timeline-item-arrow-lg>.timeline-event:after { top: 11px; right: -17px; border-top: 17px solid transparent; border-left-width: 17px; border-left-style: solid; border-right-width: 0; border-right-style: solid; border-bottom: 17px solid transparent } .timeline .timeline-item.timeline-item-arrow-lg>.timeline-point { top: 28px } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg>.timeline-event { float: right!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg>.timeline-event:before, .timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg>.timeline-event:before { left: -18px!important; border-right-width: 18px!important } .timeline-single-column.timeline .timeline-item.timeline-item-arrow-lg>.timeline-event:after { left: -17px!important; border-right-width: 17px!important } .timeline .timeline-item>.timeline-event { background: #fff; border: 1px solid #eee; color: #555; position: relative; float: left; border-radius: 3px; padding:20px; } .timeline .timeline-item>.timeline-event:before { border-left-color: #eee; border-right-color: #eee } .timeline .timeline-item>.timeline-event:after { border-left-color: #fff; border-right-color: #fff } .timeline .timeline-item>.timeline-event h1, .timeline .timeline-item>.timeline-event h2, .timeline .timeline-item>.timeline-event h3, .timeline .timeline-item>.timeline-event h4, .timeline .timeline-item>.timeline-event h5, .timeline .timeline-item>.timeline-event h6, .timeline .timeline-item>.timeline-event p, .timeline .timeline-item>.timeline-event .timeline-inherit-color { color: inherit } .timeline .timeline-item>.timeline-event.timeline-event-default { background: #fff; border: 1px solid #888; color: #555 } .timeline .timeline-item>.timeline-event.timeline-event-default:before { border-left-color: #888; border-right-color: #888 } .timeline .timeline-item>.timeline-event.timeline-event-default:after { border-left-color: #fff; border-right-color: #fff } .timeline .timeline-item>.timeline-event.timeline-event-default h1, .timeline .timeline-item>.timeline-event.timeline-event-default h2, .timeline .timeline-item>.timeline-event.timeline-event-default h3, .timeline .timeline-item>.timeline-event.timeline-event-default h4, .timeline .timeline-item>.timeline-event.timeline-event-default h5, .timeline .timeline-item>.timeline-event.timeline-event-default h6, .timeline .timeline-item>.timeline-event.timeline-event-default p, .timeline .timeline-item>.timeline-event.timeline-event-default .timeline-inherit-color { color: inherit } .timeline .timeline-item>.timeline-event.timeline-event-primary { background: #f5f5f5; border: 1px solid #888; color: #555 } .timeline .timeline-item>.timeline-event.timeline-event-primary:before { border-left-color: #888; border-right-color: #888 } .timeline .timeline-item>.timeline-event.timeline-event-primary:after { border-left-color: #f5f5f5; border-right-color: #f5f5f5 } .timeline .timeline-item>.timeline-event.timeline-event-primary h1, .timeline .timeline-item>.timeline-event.timeline-event-primary h2, .timeline .timeline-item>.timeline-event.timeline-event-primary h3, .timeline .timeline-item>.timeline-event.timeline-event-primary h4, .timeline .timeline-item>.timeline-event.timeline-event-primary h5, .timeline .timeline-item>.timeline-event.timeline-event-primary h6, .timeline .timeline-item>.timeline-event.timeline-event-primary p, .timeline .timeline-item>.timeline-event.timeline-event-primary .timeline-inherit-color { color: inherit } .timeline .timeline-item>.timeline-event.timeline-event-success { background: #f3f8ed; border: 1px solid #72b92e; color: #3f8100 } .timeline .timeline-item>.timeline-event.timeline-event-success:before { border-left-color: #72b92e; border-right-color: #72b92e } .timeline .timeline-item>.timeline-event.timeline-event-success:after { border-left-color: #f3f8ed; border-right-color: #f3f8ed } .timeline .timeline-item>.timeline-event.timeline-event-success h1, .timeline .timeline-item>.timeline-event.timeline-event-success h2, .timeline .timeline-item>.timeline-event.timeline-event-success h3, .timeline .timeline-item>.timeline-event.timeline-event-success h4, .timeline .timeline-item>.timeline-event.timeline-event-success h5, .timeline .timeline-item>.timeline-event.timeline-event-success h6, .timeline .timeline-item>.timeline-event.timeline-event-success p, .timeline .timeline-item>.timeline-event.timeline-event-success .timeline-inherit-color { color: inherit } .timeline .timeline-item>.timeline-event.timeline-event-info { background: #f0f8fd; border: 1px solid #3e93cf; color: #0062a7 } .timeline .timeline-item>.timeline-event.timeline-event-info:before { border-left-color: #3e93cf; border-right-color: #3e93cf } .timeline .timeline-item>.timeline-event.timeline-event-info:after { border-left-color: #f0f8fd; border-right-color: #f0f8fd } .timeline .timeline-item>.timeline-event.timeline-event-info h1, .timeline .timeline-item>.timeline-event.timeline-event-info h2, .timeline .timeline-item>.timeline-event.timeline-event-info h3, .timeline .timeline-item>.timeline-event.timeline-event-info h4, .timeline .timeline-item>.timeline-event.timeline-event-info h5, .timeline .timeline-item>.timeline-event.timeline-event-info h6, .timeline .timeline-item>.timeline-event.timeline-event-info p, .timeline .timeline-item>.timeline-event.timeline-event-info .timeline-inherit-color { color: inherit } .timeline .timeline-item>.timeline-event.timeline-event-warning { background: #fff9e9; border: 1px solid #d0aa42; color: #ac7e00 } .timeline .timeline-item>.timeline-event.timeline-event-warning:before { border-left-color: #d0aa42; border-right-color: #d0aa42 } .timeline .timeline-item>.timeline-event.timeline-event-warning:after { border-left-color: #fff9e9; border-right-color: #fff9e9 } .timeline .timeline-item>.timeline-event.timeline-event-warning h1, .timeline .timeline-item>.timeline-event.timeline-event-warning h2, .timeline .timeline-item>.timeline-event.timeline-event-warning h3, .timeline .timeline-item>.timeline-event.timeline-event-warning h4, .timeline .timeline-item>.timeline-event.timeline-event-warning h5, .timeline .timeline-item>.timeline-event.timeline-event-warning h6, .timeline .timeline-item>.timeline-event.timeline-event-warning p, .timeline .timeline-item>.timeline-event.timeline-event-warning .timeline-inherit-color { color: inherit } .timeline .timeline-item>.timeline-event.timeline-event-danger { background: #ffc4bc; border: 1px solid #d25a4b; color: #b71500 } .timeline .timeline-item>.timeline-event.timeline-event-danger:before { border-left-color: #d25a4b; border-right-color: #d25a4b } .timeline .timeline-item>.timeline-event.timeline-event-danger:after { border-left-color: #ffc4bc; border-right-color: #ffc4bc } .timeline .timeline-item>.timeline-event.timeline-event-danger h1, .timeline .timeline-item>.timeline-event.timeline-event-danger h2, .timeline .timeline-item>.timeline-event.timeline-event-danger h3, .timeline .timeline-item>.timeline-event.timeline-event-danger h4, .timeline .timeline-item>.timeline-event.timeline-event-danger h5, .timeline .timeline-item>.timeline-event.timeline-event-danger h6, .timeline .timeline-item>.timeline-event.timeline-event-danger p, .timeline .timeline-item>.timeline-event.timeline-event-danger .timeline-inherit-color { color: inherit } .timeline .timeline-item>.timeline-event:before, .timeline .timeline-item>.timeline-event:after { content: ""; display: inline-block; position: absolute } .timeline .timeline-item>.timeline-event .timeline-heading, .timeline .timeline-item>.timeline-event .timeline-body, .timeline .timeline-item>.timeline-event .timeline-footer { padding: 4px 10px } .timeline .timeline-item>.timeline-event .timeline-heading p, .timeline .timeline-item>.timeline-event .timeline-body p, .timeline .timeline-item>.timeline-event .timeline-footer p, .timeline .timeline-item>.timeline-event .timeline-heading ul, .timeline .timeline-item>.timeline-event .timeline-body ul, .timeline .timeline-item>.timeline-event .timeline-footer ul { margin-bottom: 0 } .timeline .timeline-item>.timeline-event .timeline-heading h4 { font-weight: 400 } .timeline .timeline-item>.timeline-event .timeline-footer a { cursor: pointer; text-decoration: none } .timeline .timeline-item>.timeline-event .panel, .timeline .timeline-item>.timeline-event .table, .timeline .timeline-item>.timeline-event .blankslate { margin: 0; border: 0; border-radius: inherit; overflow: hidden } .timeline .timeline-item>.timeline-event .table th { border-top: 0 } .timeline .timeline-item>.timeline-point { color: #888; background: #fff; right: -24px; width: 24px; height: 24px; margin-top: -12px; margin-left: 12px; margin-right: 12px; position: absolute; z-index: 10; border-width: 2px; border-style: solid; border-radius: 100%; line-height: 20px; text-align: center } .timeline .timeline-item>.timeline-point.timeline-point-blank { right: -12px; width: 12px; height: 12px; margin-top: -6px; margin-left: 6px; margin-right: 6px; color: #888; background: #888 } .timeline .timeline-item>.timeline-point.timeline-point-default { color: #888; background: #fff } .timeline .timeline-item>.timeline-point.timeline-point-primary { color: #888; background: #fff } .timeline .timeline-item>.timeline-point.timeline-point-success { color: #26549c; background: #26549c; border: 5px solid #fff; } .timeline .timeline-item>.timeline-point.timeline-point-info { color: #3e93cf; background: #fff } .timeline .timeline-item>.timeline-point.timeline-point-warning { color: #d0aa42; background: #fff } .timeline .timeline-item>.timeline-point.timeline-point-danger { color: #d25a4b; background: #fff } .timeline .timeline-label { position: relative; float: left; clear: left; width: 50%; margin-bottom: 20px; top: 1px; width: 100%; margin-left: auto; margin-right: auto; padding: 0; text-align: center } .timeline .timeline-label:before, .timeline .timeline-label:after { content: ""; display: table } .timeline .timeline-label:after { clear: both } .timeline .timeline-label:last-child { margin-bottom: 0!important } .timeline .timeline-label+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline .timeline-label+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 40px } .timeline .timeline-label .label-default { background-color: #888 } .timeline .timeline-label .label-primary { background-color: #888 } .timeline .timeline-label .label-info { background-color: #3e93cf } .timeline .timeline-label .label-warning { background-color: #d0aa42 } .timeline .timeline-label .label-danger { background-color: #d25a4b } @media all and (orientation:portrait) { .timeline.timeline { width: 100%; max-width: 100% } .timeline.timeline .timeline-item { padding-left: 72px; padding-right: 0 } .timeline.timeline .timeline-item.timeline-item-right, .timeline.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) { padding-left: 72px; padding-right: 0 } .timeline.timeline .timeline-item .timeline-event { width: 100% } .timeline.timeline:before { left: 42px; width: 0; margin-left: -1px } .timeline.timeline .timeline-item { width: 100%; margin-bottom: 20px } .timeline.timeline .timeline-item:nth-of-type(even) { margin-top: 0 } .timeline.timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline.timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline.timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline .timeline-item>.timeline-event { float: right!important } .timeline.timeline .timeline-item>.timeline-event:before, .timeline.timeline .timeline-item>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline.timeline .timeline-item>.timeline-event:before { left: -15px!important; border-right-width: 15px!important } .timeline.timeline .timeline-item>.timeline-event:after { left: -14px!important; border-right-width: 14px!important } .timeline.timeline .timeline-item>.timeline-point { transform: translateX(-50%); left: 42px!important; margin-left: 0 } .timeline.timeline .timeline-label { transform: translateX(-50%); margin: 0 0 20px 42px } .timeline.timeline .timeline-label+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline .timeline-label+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } } @media(max-width:768px) { .timeline.timeline { width: 100%; max-width: 100% } .timeline.timeline .timeline-item { padding-left: 72px; padding-right: 0 } .timeline.timeline .timeline-item.timeline-item-right, .timeline.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) { padding-left: 72px; padding-right: 0 } .timeline.timeline .timeline-item .timeline-event { width: 100% } .timeline.timeline:before { left: 42px; width: 0; margin-left: -1px } .timeline.timeline .timeline-item { width: 100%; margin-bottom: 20px } .timeline.timeline .timeline-item:nth-of-type(even) { margin-top: 0 } .timeline.timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline.timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline .timeline-item.timeline-item-left+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right), .timeline.timeline .timeline-item.timeline-item-right+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline .timeline-item>.timeline-event { float: right!important } .timeline.timeline .timeline-item>.timeline-event:before, .timeline.timeline .timeline-item>.timeline-event:after { right: auto!important; border-left-width: 0!important } .timeline.timeline .timeline-item>.timeline-event:before { left: -15px!important; border-right-width: 15px!important } .timeline.timeline .timeline-item>.timeline-event:after { left: -14px!important; border-right-width: 14px!important } .timeline.timeline .timeline-item>.timeline-point { transform: translateX(-50%); left: 42px!important; margin-left: 0 } .timeline.timeline .timeline-label { transform: translateX(-50%); margin: 0 0 20px 42px } .timeline.timeline .timeline-label+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } .timeline.timeline .timeline-label+.timeline-item:not(.timeline-item-left):not(.timeline-item-right)+.timeline-item:not(.timeline-item-left):not(.timeline-item-right) { margin-top: 0 } } .timeline-heading h5{ line-height: 1.3em; font-size: 1.3em; color: #26549c !important; } .timeline-heading h5 img{ display: block; float: left; height: auto; width: 140px; margin-right: 20px; }