@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&subset=latin-ext');

* {
    outline:none !important;
}

/* fonts */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('/tpl/admin/common/font/opensans400.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/tpl/admin/common/font/opensans600.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/tpl/admin/common/font/opensansitalic400.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('/tpl/admin/common/font/opensansitalic600.woff') format('woff');
}

html,
body {
    height: 100%;
}
body {
    background:#f0f0f0;
    font-family:'Open Sans', sans-serif, arial;
    font-weight:400;
    font-style:normal;
    color:#333;
}

a {
    text-decoration: none !important;
}

/* base */
.white {color:#fff;} .black {color:#000;}
.grey {color:#ddd} .grey-dark {color:#aaa} .grey-light {color:#f0f0f0;}

.border-color-orange {
    border-color:#ff9500 !important;
}

.border-grey-1 {
    border:1px solid #ccc !important;
}

.border-top-blue-1 {
    border-top: 1px solid #007bff !important;
}
.border-right-blue-1 {
    border-right: 1px solid #007bff !important;
}
.border-bottom-blue-1 {
    border-bottom: 1px solid #007bff !important;
}
.border-left-blue-1 {
    border-left: 1px solid #007bff !important;
}

.border-radius-5 {
    border-radius: 5px;
}


.bg-grey {background:#ddd;} .bg-grey-dark{ background:#aaa; } .bg-grey-light{ background:#fafafa; }
.padding-0{padding:0!important;}
.padding-3{padding:3px;} .padding-top-3{padding-top:3px;} .padding-right-3{padding-right:3px;} .padding-bottom-3{padding-bottom:3px;} .padding-left-3{padding-left:3px;}
.padding-5{padding:5px;} .padding-top-5{padding-top:5px;} .padding-right-5{padding-right:5px;} .padding-bottom-5{padding-bottom:5px;} .padding-left-5{padding-left:5px;}
.padding-7{padding:7px;} .padding-top-7{padding-top:7px;} .padding-right-7{padding-right:7px;} .padding-bottom-7{padding-bottom:7px;} .padding-left-7{padding-left:7px;}
.padding-9{padding:9px;} .padding-top-9{padding-top:9px;} .padding-right-9{padding-right:9px;} .padding-bottom-9{padding-bottom:9px;} .padding-left-9{padding-left:9px;}
.padding-11{padding:11px;} .padding-top-11{padding-top:11px;} .padding-right-11{padding-right:11px;} .padding-bottom-11{padding-bottom:11px;} .padding-left-11{padding-left:11px;}
.padding-13{padding:13px;} .padding-top-13{padding-top:13px;} .padding-right-13{padding-right:13px;} .padding-bottom-13{padding-bottom:13px;} .padding-left-13{padding-left:13px;}
.padding-15{padding:15px;} .padding-top-15{padding-top:15px;} .padding-right-15{padding-right:15px;} .padding-bottom-15{padding-bottom:15px;} .padding-left-15{padding-left:15px;}
.padding-17{padding:17px;} .padding-top-17{padding-top:17px;} .padding-right-17{padding-right:17px;} .padding-bottom-17{padding-bottom:17px;} .padding-left-17{padding-left:17px;}
.padding-19{padding:19px;} .padding-top-19{padding-top:19px;} .padding-right-19{padding-right:19px;} .padding-bottom-19{padding-bottom:19px;} .padding-left-19{padding-left:19px;}
.padding-21{padding:21px;} .padding-top-21{padding-top:21px;} .padding-right-21{padding-right:21px;} .padding-bottom-21{padding-bottom:21px;} .padding-left-21{padding-left:21px;}
.padding-23{padding:23px;} .padding-top-23{padding-top:23px;} .padding-right-23{padding-right:23px;} .padding-bottom-23{padding-bottom:23px;} .padding-left-23{padding-left:23px;}
.padding-25{padding:25px;} .padding-top-25{padding-top:25px;} .padding-right-25{padding-right:25px;} .padding-bottom-25{padding-bottom:25px;} .padding-left-25{padding-left:25px;}
.padding-27{padding:27px;}
.padding-30{padding:30px;} .padding-top-30{padding-top:30px;} .padding-right-30{padding-right:30px;} .padding-bottom-30{padding-bottom:30px;} .padding-left-30{padding-left:30px;}
.padding-40{padding:40px;} .padding-top-40{padding-top:40px;} .padding-right-40{padding-right:40px;} .padding-bottom-40{padding-bottom:40px;} .padding-left-40{padding-left:40px;}
.padding-45{padding:45px;} .padding-top-45{padding-top:45px;} .padding-right-45{padding-right:45px;} .padding-bottom-45{padding-bottom:45px;} .padding-left-45{padding-left:45px;}
.padding-50{padding:50px;} .padding-top-50{padding-top:50px;} .padding-right-50{padding-right:50px;} .padding-bottom-450{padding-bottom:50px;} .padding-left-50{padding-left:50px;}

.margin-0{margin:0!important;}
.margin-3{margin:3px;} .margin-top-3{margin-top:3px;} .margin-right-3{margin-right:3px;} .margin-bottom-3{margin-bottom:3px;} .margin-left-3{margin-left:3px;}
.margin-5{margin:5px;} .margin-top-5{margin-top:5px;} .margin-right-5{margin-right:5px;} .margin-bottom-5{margin-bottom:5px;} .margin-left-5{margin-left:5px;}
.margin-7{margin:7px;} .margin-top-7{margin-top:7px;} .margin-right-7{margin-right:7px;} .margin-bottom-7{margin-bottom:7px;} .margin-left-7{margin-left:7px;}
.margin-9{margin:9px;} .margin-top-9{margin-top:9px;} .margin-right-9{margin-right:9px;} .margin-bottom-9{margin-bottom:9px;} .margin-left-9{margin-left:9px;}
.margin-11{margin:11px;} .margin-top-11{margin-top:11px;} .margin-right-11{margin-right:11px;} .margin-bottom-11{margin-bottom:11px;} .margin-left-11{margin-left:11px;}
.margin-13{margin:13px;} .margin-top-13{margin-top:13px;} .margin-right-13{margin-right:13px;} .margin-bottom-13{margin-bottom:13px;} .margin-left-13{margin-left:13px;}
.margin-15{margin:15px;} .margin-top-15{margin-top:15px;} .margin-right-15{margin-right:15px;} .margin-bottom-15{margin-bottom:15px;} .margin-left-15{margin-left:15px;}
.margin-17{margin:17px;} .margin-top-17{margin-top:17px;} .margin-right-17{margin-right:17px;} .margin-bottom-17{margin-bottom:17px;} .margin-left-17{margin-left:17px;}
.margin-19{margin:19px;} .margin-top-19{margin-top:19px;} .margin-right-19{margin-right:19px;} .margin-bottom-19{margin-bottom:19px;} .margin-left-19{margin-left:19px;}
.margin-21{margin:21px;} .margin-top-21{margin-top:21px;} .margin-right-21{margin-right:21px;} .margin-bottom-21{margin-bottom:21px;} .margin-left-21{margin-left:21px;}
.margin-23{margin:23px;} .margin-top-23{margin-top:23px;} .margin-right-23{margin-right:23px;} .margin-bottom-23{margin-bottom:23px;} .margin-left-23{margin-left:23px;}
.margin-25{margin:25px;} .margin-top-25{margin-top:25px;} .margin-right-25{margin-right:25px;} .margin-bottom-25{margin-bottom:25px;} .margin-left-25{margin-left:25px;}
.margin-27{margin:27px;}
.margin-30{margin:30px;}

.max-height-100{max-height:100px} .max-height-150{max-height:150px} .max-height-200{max-height:200px} .max-height-250{max-height:250px} .max-height-300{max-height:300px} .max-height-400{max-height:400px} .max-height-500{max-height:500px} .max-height-600{max-height:600px}
.min-height-100{min-height:100px} .min-height-150{min-height:150px} .min-height-200{min-height:200px} .min-height-250{min-height:250px} .min-height-300{min-height:300px} .min-height-400{min-height:400px} .min-height-500{min-height:500px} .min-height-600{min-height:600px}
.height-100{height:100px} .height-150{height:150px} .height-200{height:200px} .height-250{height:250px} .height-300{height:300px}

.sp_m {display:none;}
.font-8 { font-size:8px; } .font-9 { font-size:9px; } .font-10 { font-size:10px; }
.font-11 { font-size:11px; } .font-12 { font-size:12px; } .font-13 { font-size:13px; } .font-14 { font-size:14px; } .font-15 { font-size:15px; } .font-17 { font-size:17px; }
.font-19 { font-size:19px; } .font-21 { font-size:21px; } .font-23 { font-size:23px; } .font-24 { font-size:24px; } .font-25 { font-size:25px; } .font-30 {font-size:30px;}
.font-32 {font-size:32px;} .font-36 {font-size:36px;} .font-40 {font-size:40px;} .font-50 {font-size:50px;} .font-60 {font-size:60px;} .font-70{font-size:70px;}
.font-80 {font-size:80px;} .font-90 {font-size:90px;} .font-100 {font-size:100px;} .font-200 {font-size:200px;}

.interval { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAABCAYAAADn9T9+AAAAD0lEQVQImWN4+PDhf2IwAOc/JFXG203PAAAAAElFTkSuQmCC');
    background-position:center 34px; background-repeat:no-repeat;}
.text-bold { font-weight: bold }

.width-100 {
    width:100%;
}
.cursor-pointer {
    cursor: pointer;
}
.black { color: #333 }
.grey { color: #bbb }
.grey-bg { background-color: #ddd }
.grey-light { color: #fafafa }
.grey-light-bg { background-color: #fafafa }
.grey-dark { color: #666 }
.grey-dark-bg { background-color: #aaa }
.white { color: #fff }
.white-bg { background-color: #fff }
.orange { color: #FDB913 }
.orange-bg { background-color: #FDB913 }
.blue { color: #007bff }
.blue-bg { background-color: #007bff }
.green { color: #5cb85c }
.green-bg { background-color: #5cb85c }
.red { color: #F30 }
.red-bg { background-color: #F30 }

hr.small { margin:5px 0 5px 0; }
hr.strong { border-color:#000000 }
hr.big { margin:40px 0 40px 0; }
hr.green {  border-color: #5cb85c  }
hr.blue {  border-color: #007bff  }
hr.red {  border-color: #F30  }
hr.orange {  border-color: #FDB913  }

.font-weight-600 {
    font-weight:600;
}

.input-error {border-color: #dc3545 !important; color: #dc3545;	}

.loading-center {
    width:300px;
    height: 26px;
    line-height:26px;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    margin-left: auto;
    margin-right: auto;
    z-index:9999;
    text-align: center;
    vertical-align: middle;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    opacity:.4;
}

.modal-title {
    font-size:15px;
    line-height: inherit;
}





/* Tree */
#tree a {
    text-decoration: none;
    background-color: transparent;
}
#tree a:hover {
    text-decoration: underline;
}
#tree a[data-id]:hover {
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
#tree-col .panel-footer a {
    margin: 0 3px;
}

/* Iframe */
#iframe {
    width: 100%;
    height: calc(100vh - 20px);
}
.iframe-panel-body {
    height: calc(100vh - 145px);
    overflow:auto;
}


/* Avatar */
.avatar-30 {
    width:30px;
    height:30px;
    border-radius:50%;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    background-size: cover !important;
    text-align: center;
}
.avatar-40 {
    width:40px;
    height:40px;
    border-radius:50%;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    background-size: cover !important;
    text-align: center;
}
.avatar-60 {
    width:60px;
    height:60px;
    border-radius:50%;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    background-size: cover !important;
    text-align: center;
}
.avatar-70 {
    width:70px;
    height:70px;
    border-radius:50%;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    background-size: cover !important;
    text-align: center;
}
.avatar-90 {
    width:90px;
    height:90px;
    border-radius:50%;
    background-position:center;
    text-align:center;
    vertical-align:middle;
}
.avatar-120 {
    width:120px;
    height:120px;
    border-radius:50%;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    background-size: cover !important;
    text-align: center;
}
.avatar-200 {
    width:200px;
    height:200px;
    border-radius:50%;
    background-position: 50% 50%;
    background-repeat:no-repeat;
    background-size: cover !important;
    text-align: center;
}



/*
Comment
 */
.comment-list {
    border-top:4px solid #f7f7f7;
    border-bottom:4px solid #f7f7f7;
    padding:15px 0 0 0;
    margin:10px 0 10px 0;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABkCAIAAAAe6xdSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUQwNEVDNjU5OUU5MTFFNjg5QTBDOUJCRTZFNzlFQUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUQwNEVDNjY5OUU5MTFFNjg5QTBDOUJCRTZFNzlFQUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5RDA0RUM2Mzk5RTkxMUU2ODlBMEM5QkJFNkU3OUVBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5RDA0RUM2NDk5RTkxMUU2ODlBMEM5QkJFNkU3OUVBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj6JSPsAAABESURBVHja7MyhAQAwDMOw9f+HwzK2C8YqIyNN2/OvJO8HjUaj0Wg0Go1Go9FoNBqNRqPRaDQajUaj0Wg0Go3eRF8BBgDF5033Qwq4hgAAAABJRU5ErkJggg==') repeat-y;
    min-height:100px;
}

/* Bootstrap */
.nav-tabs>li {
    margin-bottom:-2px; /* Safari hack */
}
/* Colors */

.panel-default {
    border-color: #fff;
}
.panel-default .panel-title {
    color: #000;
    font-weight: 600;
    font-size:16px;
}
.panel-default .panel-heading {
    background: #fff;
}

.panel-primary {
    border-color: #007bff;
}
.panel-primary > .panel-heading {
    background-color: #007bff;
}
.btn-primary {
    background-color: #007bff;
}
.bg-danger, .btn-danger {
    background-color:#d9534f;
}
.text-danger {
    color:#d9534f;
}
.bg-warning, .btn-warning {
    background-color:#ff9500;
}
.text-warning {
    color:#ff9500;
}
.bg-success, .btn-success {
    /* background-color:#00866b; */
    background:#5cb85c;
}
.text-success {
    /* color:#00866b;  */
    color:#5cb85c;
}
.bg-primary {
    background-color:#007bff;
}
a, .text-primary {
    /* 	color:#0275d8; Régi kék*/
    color:#007bff;
}
.bg-info, .btn-info {
    background-color:#4fb1fc;
}
.label-primary {
    background-color:#007bff;
}
.label-warning {
    background-color:#ff9500;
}
.label-info {
    background-color:#4fb1fc;
}
.panel-border-red-left {
    border-left:3px solid #ff3300;
}
.panel-border-orange-left {
    border-left:3px solid #ff9500;
}
.panel-border-blue-left {
    border-left:3px solid #007bff;
}
.panel-border-green-left {
    border-left:3px solid #47a447;
}
.pagination .active a {
    background-color:#007bff;
}
label {
    font-weight:normal;
    color: #999999;
}
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px;
    padding: 0 0 30px;
}
#footer {
    height: 30px;
    background-color: #f5f5f5;
}
.form-control {background:#fbfbfb;}

.navbar {
    min-height:50px;
    font-size:14px;
}
.navbar-brand { padding-top:13px; }
.navbar-inverse {background-color:#111111; }
.panel {box-shadow:none;}
.panel-footer { min-height:45px; }
.panel-body-1 {
    overflow-y:auto;
    height: calc(100vh - 165px);
}
.panel-body-2 {
    overflow-y:auto;
    height: calc(100vh - 119px);
}
.checkbox label {
    padding-left:10px;
}

.checkbox-horizontal label {
    display:inline;
    padding:0 20px 0 0;
}
.checkbox-horizontal input[type=checkbox] {
    float:none;
    margin:auto;
}
.checkbox-label {
    float:left;
    border:1px solid #ddd;
    background:#fafafa;
    padding:2px 4px 2px 4px !important;
    border-radius:4px;
    margin:4px 8px 4px 0;
}

.radio-horizontal label {
    display:inline;
    padding:0 20px 0 0;

    border:1px solid #ddd;
    background:#fafafa;
    padding:2px 4px 2px 4px !important;
    border-radius:4px;
    margin:4px 8px 4px 0;
}
.radio-horizontal input[type=radio] {
    float:none;
    margin:auto;
}
.alert li {
    list-style: none;
}

/* table */
.table-dashed td{
    border-left:1px dashed #ccc;
    border-right:1px dashed #ccc;
}
.table-dashed td:first-child {
    border-left: 0;
}
.table-dashed td:last-child {
    border-right: 0;
}
.table tr.active td{
    background-color: rgba(255,199,0,0.42) !important;
}
.table tr:hover{
    background-color: rgba(145,255,5,0.42) !important;
}


/* Custom checkbox */
.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 15%;
}

.checkbox label input[type="checkbox"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon {
    opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr {
    opacity: .5;
}


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

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

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

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

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

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

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

.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    /*-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

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

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

.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-badge.primary {
    background-color: #007bff !important;
}

.timeline-badge.success {
    background-color: #47a447 !important;
}

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

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

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

.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) {
    ul.timeline:before {
        left: 40px;
    }

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

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

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

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

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