/** BEGIN LOGIN HACK */
.login {
    background-color: #1c2528 !important;
}

.mt-element-ribbon .ribbon.ribbon-color-warning {
    background-color: #e0001a;
    color: white;
    font-weight: 300;
}

.link-customer {
    color: #1c2528;
    font-style: oblique;
    text-decoration: underline;
    text-decoration-style: dashed;
}

.login .copyright, .copyright a {
    color: white !important;
}

/** END LOGIN HACK */

/** BEGIN LOGO SIDEBAR HACK */
.page-header.navbar .page-logo {
    width: 280px !important;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
    width: 45px !important;
}

.logo-default {
    height: 40px !important;
    margin-top: 5px !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background-color: #1c2528 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
    background-color: #1c2528 !important;
}

.page-sidebar-menu.page-sidebar-menu-light > .active .sub-menu {
    border-left: 4px solid #d64635;
}


.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a{
    background-color: #1c2528 !important;
    font-style: italic !important;

    color: white !important;
}

/** END LOGO SIDEBAR HACK */

/** BEGIN TEMPLATE HACK */
.page-header.navbar {
    background-color: #1c2528 !important;
}

body, .page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .login {
    background-color: #1c2528 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #2C3542 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3, .page-sidebar .page-sidebar-menu > li.heading > h3 {
    color: #708096 !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #b4bcc8 !important;
}

.page-container-bg-solid .page-content, .page-content {
    background: rgb(243, 244, 243) none repeat scroll 0 0 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background-color: #1c2528 !important;
    color: white !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background-color: #1c2528 !important;
    color: white !important;
}

.portlet-search {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding-top: 0px;
}
.portlet-search .portlet-title {
    min-height: 0px !important;
    height: 0px !important;
}
.portlet-search .tools {
    margin-top: -50px !important;
}

.el-date-range-picker.has-sidebar{
    width: 650px !important;
}
.el-picker-panel [slot=sidebar], .el-picker-panel__sidebar{
    width: 130px !important;
}

.btn-icon-delivery {
    margin: 0px 2px !important;
    padding: 0px 6px !important;
    font-weight: bold;
}
/** END TEMPLATE HACK */

/** BEGIN PAGE TITLE */

.div-page-title {
    background-color: white;
    padding: 10px 20px;
    margin: -25px -20px 10px !important;
}

.div-page-title .page-title {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    font-weight: 300 !important;
    margin-bottom: 5px;
    color: #1c2528;
}

.div-page-title .breadcrumb {
    margin-bottom: 0px;
    padding: 4px;
    font-size: 12px;
    background-color: white;
}

/** END PAGE TITLE */

/** BEGIN CUSTOM CSS MARGIN / PADDING */
.margin-top-0 {
    margin-top: 0px !important;
}

.margin-top-10, .mt10 {
    margin-top: 10px !important;
}

.margin-top-200, .mt200 {
    margin-top: 200px !important;
}

.border-bottom-0, .bb0 {
    border-bottom: 0px !important;
}

.margin-bottom-0, .mb0 {
    margin-bottom: 0px !important;
}

.margin-right-5, .mr5 {
    margin-right: 5px !important;
}

.margin-right-10, .mr10 {
    margin-right: 10px !important;
}

.margin-left-15, .ml15 {
    margin-left: 15px !important;
}

.margin-left-10, .ml10 {
    margin-left: 10px !important;
}

.no-radius {
    border-radius: 0px !important;
}


.modal[data-modal-color] {
    color: #fff;
}

.modal .modal-header {
    padding: 23px 26px;
    border-bottom: 1px solid transparent;
}

.modal .modal-content {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
    border-radius: 3px;
    border: 0;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid transparent;
}

.modal[data-modal-color] .modal-footer {
    background: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color] .modal-footer .btn-link {
    font-weight: 400;
}

.modal[data-modal-color] .modal-title, .modal[data-modal-color] .modal-footer .btn-link {
    color: #fff;
}

.modal[data-modal-color] .modal-backdrop {
    background: #fff;
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal .modal-footer .btn-link {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.btn-link {
    color: #797979;
    text-decoration: none;
    border-radius: 2px;
}

.modal[data-modal-color] .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration:none;
}

.modal[data-modal-color] .modal-footer .btn-link {
    font-weight: 400;
}

/* ========== MODAL COLORS ===============================*/
.modal[data-modal-color="blue"] .modal-content {
    background: #2196f3;
}

.modal[data-modal-color="lightblue"] .modal-content {
    background: #03a9f4;
}

.modal[data-modal-color="cyan"] .modal-content {
    background: #00bcd4;
}

.modal[data-modal-color="green"] .modal-content {
    background: #4caf50;
}

.modal[data-modal-color="lightgreen"] .modal-content {
    background: #8bc34a;
}

.modal[data-modal-color="red"] .modal-content {
    background: #f44336;
}

.modal[data-modal-color="amber"] .modal-content {
    background: #ffc107;
}

.modal[data-modal-color="orange"] .modal-content {
    background: #ff9800;
}

.modal[data-modal-color="teal"] .modal-content {
    background: #009688;
}

.modal[data-modal-color="bluegray"] .modal-content {
    background: #607d8b;
}

.btn {
    border-radius: 0px !important;
}

.no-round {
    border-radius: 0px !important;
}

.w100 {
    width: 100% !important;
}

.pl40 {
    padding-left: 40px;
}

/** END CUSTOM CSS MARGIN / PADDING */

/** BEGIN HACK COLOR */

.btn-red-customer, .btn-red-customer:hover {
    background-color: #e0001a;
    color: white;
}

.grey-flat {
    background-color: #bdc3c7 !important;
}

.green-flat {
    background-color: #00985f !important;
}

.red-flat {
    background-color: #e74c3c !important;
}

.blue-flat {
    background-color: #2980b9 !important;
}

.mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item {
    border-left: 3px solid #2980b9;
}

.yellow-flat {
    background-color: #f1c40f !important;
}

.orange-flat {
    background-color: #d35400 !important;
}

.text-green-flat, .font-green-customer {
    color: #87d37c !important;
}

.text-red-flat, .tdanger {
    color: #e74c3c !important;
}

.text-purple-flat {
    color: #5e35b1 !important;
}

.text-orange-flat {
    color: #f1c40f !important;
}

.text-blue-flat {
    color: #2980b9 !important;
}

.twhite {
    color: white !important;
}

/** END HACK COLOR */

/** HACK VUIFY */
.menu .list {

    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.btn, .btn:after {
    padding-top: 7px !important;
}

.modal {
    /*display: block !important;*/
    /*position: initial !important;*/
}

.modal-800 {
    width: 800px !important;
}

.el-table .cell {
    padding: 5px !important;
    font-size: 12px !important;
}

.el-progress-bar__outer, .el-progress-bar__inner {
    border-radius: 0 !important;
}

.table.table-bordered thead > tr > th {
    user-select: none !important;
}

.table.table-bordered tbody > tr > td {
    font-size: 12px !important;
    vertical-align: middle !important;
    padding: 5px !important;
}

.btn-pad3 {
    padding: 3px 5px !important;
}

.progress-km {
    margin-bottom: 0px;
    height: 20px;
    border: 1px solid #337ab7;
    text-indent: 0px !important;
}

pre.prettyprint {
    background: #fafbfc url('/assets/apps/img/blueprint-dark.png') repeat scroll center top;
    border-left: 5px solid #337ab7 !important;
    overflow: auto;
    padding-left: 20px !important;
    border-radius: 0px !important;
}

.table.table-bordered thead > tr > th {
    text-align: center !important;
    text-transform: uppercase !important;
}

.el-input input {
    border-radius: 0px !important;
}

.can-unlock{
    cursor: pointer !important;
    border-bottom: 1px dashed !important;
    font-weight: bold !important;
}

.el-tag--primary {
    background-color: #EEE !important;
    border-color: #EEE !important;
    color: #555 !important;
    border-radius: 0px !important;
}
/* -----------------------------------
    Custom datatables
 */
.datatable-pan{
    padding:10px;
}

/* -----------------------------------
    Custom message
 */

.title-from-sending {
    position: relative;
    text-align: right;
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 0px !important;
    color: #C1C1C1;
    margin-top: 0px !important;
}

.title-from-reply {
    position: relative;
    text-align: left;
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 0px !important;
    color: #C1C1C1;
    margin-top: 0px !important;
}

.div-message {

    height: 500px !important;
    overflow-x: hidden !important;
    padding: 50px !important;
    background-color: white;
    border: 1px solid #e7ecf1 !important;
}

.div-message div {
    /* max-width: 255px; */
    word-wrap: break-word;
    margin-bottom: 10px;
    line-height: 24px;
}

.clear {
    clear: both;
}

.from-sending {
    position: relative;
    padding: 10px 20px;
    color: white;
    background: #C0D154;
    border-radius: 25px;
    float: right;
}

.from-sending:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 0 10px 17px;
    border-color: transparent #C0D154;
    display: block;
    width: 0;
    z-index: 1;
    right: -17px;
    top: 22px;
}

.from-reply {
    position: relative;
    padding: 10px 20px;
    background: #E5E5EA;
    border-radius: 25px;
    color: black;
    float: left;
}

.from-reply:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 17px 10px 0;
    border-color: transparent #E5E5EA;
    display: block;
    width: 0;
    z-index: 1;
    left: -17px;
    top: 22px;
}

.div-message-list {
    height: 560px;
    overflow: auto;

    border: 1px solid #e7ecf1 !important;
    background-color: white;
}

.div-message-new-input {
    height: 60px;
    padding: 10px;
}

.div-conversation-driver {
    border-bottom: 1px solid #e7ecf1;
    padding: 15px;
    cursor: pointer;
}

.div-conversation-driver:hover {
    color: #fff;
    background-color: #C0D154;
}

.from-sending p, .from-reply p {
    margin: 10px 0 10px 0 !important;
}

.selected {
    background-color: #d64635;
    color : white;
}

.btn-rc {
    color: #fff;
    background-color: #C0D154;
    border-color: #ACBC4B
}

.btn-rc:hover, .btn-rc:active, .btn-rc:focus {
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #C0D154;
    border-color: #ACBC4B
}

.btn-primary:hover {
    color: #fff;
    background-color: #C0D154;
    border-color: #ACBC4B
}

.list-group-item.active, .list-group-item.active:hover{
    color: #fff;
    background-color: #C0D154;
    border-color: #ACBC4B
}

.mt-element-ribbon .ribbon.ribbon-color-rc {
    background-color: #C0D154;
    color: #fff;
}

.menuPopup .active a,
.menuPopup .active a:hover {
    background-color: #ffffff !important;
    color : #000000 !important;
}

.menuPopup a,
.menuPopup a:hover{
    background-color: transparent !important;
    color : #ffffff !important;
}

.rightMenu .active a,
.rightMenu .active a:hover {
    background-color: transparent !important;
    color : #000000;
    border-bottom: 1px solid red;
}

.rightMenu a,
.rightMenu a:hover{
    background-color: transparent !important;
    color : #000000 !important;
}

.btn-transparent,
.btn-transparent :hover,
.btn-transparent :focus{
    background-color: transparent;
    background-repeat: no-repeat;
    border : none;
    /*overflow: hidden;*/
    outline:none;
}

.mt-element-step .step-line .mt-step-number {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background-color: #c0d349;
}
/** BEGIN LOGIN HACK */
.login {
    background-color: #1c2528 !important;
}

.mt-element-ribbon .ribbon.ribbon-color-warning {
    background-color: #e0001a;
    color: white;
    font-weight: 300;
}

.link-customer {
    color: #1c2528;
    font-style: oblique;
    text-decoration: underline;
    text-decoration-style: dashed;
}

.login .copyright, .copyright a {
    color: white !important;
}

/** END LOGIN HACK */

/** BEGIN LOGO SIDEBAR HACK */
.page-header.navbar .page-logo {
    width: 280px !important;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
    width: 45px !important;
}

.logo-default {
    height: 40px !important;
    margin-top: 5px !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background-color: #1c2528 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
    background-color: #1c2528 !important;
}

.page-sidebar-menu.page-sidebar-menu-light > .active .sub-menu {
    border-left: 4px solid #d64635;
}


.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a{
    background-color: #1c2528 !important;
    font-style: italic !important;

    color: white !important;
}

/** END LOGO SIDEBAR HACK */

/** BEGIN TEMPLATE HACK */
.page-header.navbar {
    background-color: #1c2528 !important;
}

body, .page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .login {
    background-color: #1c2528 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #2C3542 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3, .page-sidebar .page-sidebar-menu > li.heading > h3 {
    color: #708096 !important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    color: #b4bcc8 !important;
}

.page-container-bg-solid .page-content, .page-content {
    background: rgb(243, 244, 243) none repeat scroll 0 0 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background-color: #1c2528 !important;
    color: white !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background-color: #1c2528 !important;
    color: white !important;
}

.portlet-search {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding-top: 0px;
}
.portlet-search .portlet-title {
    min-height: 0px !important;
    height: 0px !important;
}
.portlet-search .tools {
    margin-top: -50px !important;
}

.el-date-range-picker.has-sidebar{
    width: 650px !important;
}
.el-picker-panel [slot=sidebar], .el-picker-panel__sidebar{
    width: 130px !important;
}

.btn-icon-delivery {
    margin: 0px 2px !important;
    padding: 0px 6px !important;
    font-weight: bold;
}
/** END TEMPLATE HACK */

/** BEGIN PAGE TITLE */

.div-page-title {
    background-color: white;
    padding: 10px 20px;
    margin: -25px -20px 10px !important;
}

.div-page-title .page-title {
    font-family: "Open Sans", sans-serif;
    font-size: 28px;
    font-weight: 300 !important;
    margin-bottom: 5px;
    color: #1c2528;
}

.div-page-title .breadcrumb {
    margin-bottom: 0px;
    padding: 4px;
    font-size: 12px;
    background-color: white;
}

/** END PAGE TITLE */

/** BEGIN CUSTOM CSS MARGIN / PADDING */
.margin-top-0 {
    margin-top: 0px !important;
}

.margin-top-10, .mt10 {
    margin-top: 10px !important;
}

.margin-top-200, .mt200 {
    margin-top: 200px !important;
}

.border-bottom-0, .bb0 {
    border-bottom: 0px !important;
}

.margin-bottom-0, .mb0 {
    margin-bottom: 0px !important;
}

.margin-right-5, .mr5 {
    margin-right: 5px !important;
}

.margin-right-10, .mr10 {
    margin-right: 10px !important;
}

.margin-left-15, .ml15 {
    margin-left: 15px !important;
}

.margin-left-10, .ml10 {
    margin-left: 10px !important;
}

.no-radius {
    border-radius: 0px !important;
}


.modal[data-modal-color] {
    color: #fff;
}

.modal .modal-header {
    padding: 23px 26px;
    border-bottom: 1px solid transparent;
}

.modal .modal-content {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31);
    border-radius: 3px;
    border: 0;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid transparent;
}

.modal[data-modal-color] .modal-footer {
    background: rgba(0, 0, 0, 0.1);
}

.modal[data-modal-color] .modal-footer .btn-link {
    font-weight: 400;
}

.modal[data-modal-color] .modal-title, .modal[data-modal-color] .modal-footer .btn-link {
    color: #fff;
}

.modal[data-modal-color] .modal-backdrop {
    background: #fff;
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal .modal-footer .btn-link {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.btn-link {
    color: #797979;
    text-decoration: none;
    border-radius: 2px;
}

.modal[data-modal-color] .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
    text-decoration:none;
}

.modal[data-modal-color] .modal-footer .btn-link {
    font-weight: 400;
}

/* ========== MODAL COLORS ===============================*/
.modal[data-modal-color="blue"] .modal-content {
    background: #2196f3;
}

.modal[data-modal-color="lightblue"] .modal-content {
    background: #03a9f4;
}

.modal[data-modal-color="cyan"] .modal-content {
    background: #00bcd4;
}

.modal[data-modal-color="green"] .modal-content {
    background: #4caf50;
}

.modal[data-modal-color="lightgreen"] .modal-content {
    background: #8bc34a;
}

.modal[data-modal-color="red"] .modal-content {
    background: #f44336;
}

.modal[data-modal-color="amber"] .modal-content {
    background: #ffc107;
}

.modal[data-modal-color="orange"] .modal-content {
    background: #ff9800;
}

.modal[data-modal-color="teal"] .modal-content {
    background: #009688;
}

.modal[data-modal-color="bluegray"] .modal-content {
    background: #607d8b;
}

.btn {
    border-radius: 0px !important;
}

.no-round {
    border-radius: 0px !important;
}

.w100 {
    width: 100% !important;
}

.pl40 {
    padding-left: 40px;
}

/** END CUSTOM CSS MARGIN / PADDING */

/** BEGIN HACK COLOR */

.btn-red-customer, .btn-red-customer:hover {
    background-color: #e0001a;
    color: white;
}

.grey-flat {
    background-color: #bdc3c7 !important;
}

.green-flat {
    background-color: #00985f !important;
}

.red-flat {
    background-color: #e74c3c !important;
}

.blue-flat {
    background-color: #2980b9 !important;
}

.mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item {
    border-left: 3px solid #2980b9;
}

.yellow-flat {
    background-color: #f1c40f !important;
}

.orange-flat {
    background-color: #d35400 !important;
}

.text-green-flat, .font-green-customer {
    color: #87d37c !important;
}

.text-red-flat, .tdanger {
    color: #e74c3c !important;
}

.text-orange-flat {
    color: #f1c40f !important;
}

.text-blue-flat {
    color: #2980b9 !important;
}

.twhite {
    color: white !important;
}

.dt-bg-orange {
    background-color: rgba(255, 178, 102, 1) !important;
}

.dt-bg-grey {
    background-color: rgba(192, 192, 192, 0.8) !important;
}
/** END HACK COLOR */

/** HACK VUIFY */
.menu .list {

    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.btn, .btn:after {
    padding-top: 7px !important;
}

.modal {
    /*display: block !important;*/
    /*position: initial !important;*/
}

.modal-800 {
    width: 800px !important;
}

.el-table .cell {
    padding: 5px !important;
    font-size: 12px !important;
}

.el-progress-bar__outer, .el-progress-bar__inner {
    border-radius: 0 !important;
}

.table.table-bordered thead > tr > th {
    user-select: none !important;
}

.table.table-bordered tbody > tr > td {
    font-size: 12px !important;
    vertical-align: middle !important;
    padding: 5px !important;
}

.btn-pad3 {
    padding: 3px 5px !important;
}

.progress-km {
    margin-bottom: 0px;
    height: 20px;
    border: 1px solid #337ab7;
    text-indent: 0px !important;
}

pre.prettyprint {
    background: #fafbfc url('/assets/apps/img/blueprint-dark.png') repeat scroll center top;
    border-left: 5px solid #337ab7 !important;
    overflow: auto;
    padding-left: 20px !important;
    border-radius: 0px !important;
}

.table.table-bordered thead > tr > th {
    text-align: center !important;
    text-transform: uppercase !important;
}

.el-input input {
    border-radius: 0px !important;
}

.can-unlock{
    cursor: pointer !important;
    border-bottom: 1px dashed !important;
    font-weight: bold !important;
}

.el-tag--primary {
    background-color: #EEE !important;
    border-color: #EEE !important;
    color: #555 !important;
    border-radius: 0px !important;
}
/* -----------------------------------
    Custom datatables
 */
.datatable-pan{
    padding:10px;
}

/* -----------------------------------
    Custom message
 */

.title-from-sending {
    position: relative;
    text-align: right;
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 0px !important;
    color: #C1C1C1;
    margin-top: 0px !important;
}

.title-from-reply {
    position: relative;
    text-align: left;
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 0px !important;
    color: #C1C1C1;
    margin-top: 0px !important;
}

.div-message {

    height: 500px !important;
    overflow-x: hidden !important;
    padding: 50px !important;
    background-color: white;
    border: 1px solid #e7ecf1 !important;
}

.div-message div {
    /* max-width: 255px; */
    word-wrap: break-word;
    margin-bottom: 10px;
    line-height: 24px;
}

.clear {
    clear: both;
}

.from-sending {
    position: relative;
    padding: 10px 20px;
    color: white;
    background: #C0D154;
    border-radius: 25px;
    float: right;
}

.from-sending:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 0 10px 17px;
    border-color: transparent #C0D154;
    display: block;
    width: 0;
    z-index: 1;
    right: -17px;
    top: 22px;
}

.from-reply {
    position: relative;
    padding: 10px 20px;
    background: #E5E5EA;
    border-radius: 25px;
    color: black;
    float: left;
}

.from-reply:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 17px 10px 0;
    border-color: transparent #E5E5EA;
    display: block;
    width: 0;
    z-index: 1;
    left: -17px;
    top: 22px;
}

.div-message-list {
    height: 560px;
    overflow: auto;

    border: 1px solid #e7ecf1 !important;
    background-color: white;
}

.div-message-new-input {
    height: 60px;
    padding: 10px;
}

.div-conversation-driver {
    border-bottom: 1px solid #e7ecf1;
    padding: 15px;
    cursor: pointer;
}

.div-conversation-driver:hover {
    color: #fff;
    background-color: #C0D154;
}

.from-sending p, .from-reply p {
    margin: 10px 0 10px 0 !important;
}

.selected {
    background-color: #d64635;
    color : white;
}

.btn-rc {
    color: #fff;
    background-color: #C0D154;
    border-color: #ACBC4B
}

.btn-rc:hover, .btn-rc:active, .btn-rc:focus {
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #C0D154;
    border-color: #ACBC4B
}

.btn-primary:hover {
    color: #fff;
    background-color: #C0D154;
    border-color: #ACBC4B
}

.list-group-item.active, .list-group-item.active:hover{
    color: #fff;
    background-color: #C0D154;
    border-color: #ACBC4B
}

.mt-element-ribbon .ribbon.ribbon-color-rc {
    background-color: #C0D154;
    color: #fff;
}

.menuPopup .active a,
.menuPopup .active a:hover {
    background-color: #ffffff !important;
    color : #000000 !important;
}

.menuPopup a,
.menuPopup a:hover{
    background-color: transparent !important;
    color : #ffffff !important;
}

.rightMenu .active a,
.rightMenu .active a:hover {
    background-color: transparent !important;
    color : #000000;
    border-bottom: 1px solid red;
}

.rightMenu a,
.rightMenu a:hover{
    background-color: transparent !important;
    color : #000000 !important;
}

.btn-transparent,
.btn-transparent :hover,
.btn-transparent :focus{
    background-color: transparent;
    background-repeat: no-repeat;
    border : none;
    /*overflow: hidden;*/
    outline:none;
}

.mt-element-step .step-line .mt-step-number {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background-color: #c0d349;
}

.mt-element-step .step-line .done .mt-step-number {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background-color: #ffffff ;
}

.mt-element-step .step-line .mt-step-number .icon-state {
    color: #ffffff;
}

.mt-element-step .step-line .done .mt-step-number .icon-state {
    color: #c0d349;
}

.mt-element-step .step-line .done .mt-step-title,
.mt-element-step .step-line .done .mt-step-content {
    color: #ffffff !important; }

.mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
    background-color: #ffffff; !important; }

.mt-element-step .step-line .mt-step-title,
.mt-element-step .step-line .mt-step-content {
    color: #ffffff !important; }

.mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before {
    background-color: #ffffff; !important; }

.mt-step-title {
    font-size : 1em !important;
}

.mt-element-step .step-line .mt-step-number > i {
    top: 45%;
}

.circleBase {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    background: #c0d349;
    border: 3px solid #ffffff;
}

.mt-element-step .step-line .circleBase {
    background: #c0d349;
}

.mt-element-step .step-line .done .circleBase {
    background: #ffffff;
}

.bg-rc {
    background: #C0D154 !important;
    border-color: #ACBC4B
}
.mt-element-step .step-line .done .mt-step-number {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background-color: #ffffff ;
}

.mt-element-step .step-line .mt-step-number .icon-state {
    color: #ffffff;
}

.mt-element-step .step-line .done .mt-step-number .icon-state {
    color: #c0d349;
}

.mt-element-step .step-line .done .mt-step-title,
.mt-element-step .step-line .done .mt-step-content {
    color: #ffffff !important; }

.mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
    background-color: #ffffff; !important; }

.mt-element-step .step-line .mt-step-title,
.mt-element-step .step-line .mt-step-content {
    color: #ffffff !important; }

.mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before {
    background-color: #ffffff; !important; }

.mt-step-title {
    font-size : 1em !important;
}

.mt-element-step .step-line .mt-step-number > i {
    top: 45%;
}

.circleBase {
    border-radius: 50%;
    width: 27px;
    height: 27px;
    background: #c0d349;
    border: 3px solid #ffffff;
}

.mt-element-step .step-line .circleBase {
    background: #c0d349;
}

.mt-element-step .step-line .done .circleBase {
    background: #ffffff;
}

.bg-rc {
    background: #C0D154 !important;
    border-color: #ACBC4B
}

.inline-menu-custom li.active a,
.inline-menu-custom li.active i{
    color: #fff;
    background: #C0D154 !important;
    text-decoration: none;
}
.inline-menu-custom li.active:after {
    border-left: 6px solid #C0D154 !important;
}
.inline-menu-custom li.active a {
    border-left: solid 2px #C0B154 !important; }
.inline-menu-custom li.active i {
    background: #C0B154 !important; }

.btn-select-deselect {
    margin-left: 2px !important;
}

.barcode-tooltip + .tooltip > .tooltip-inner {
    background-color: #ffffff;
    max-width: 300px;
    width: 300px;
    height:70px;
    border: 1px solid black;
}

.barcode-tooltip + .tooltip.bottom > .tooltip-arrow {
    background-color: #ffffff;
}

.tooltip.in{
    opacity:1!important;
}

/* The Modal (background) */
.modal-anomaly {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width : auto;
    height: 80%;
    max-height: 700px;
}

.btn.turquoise:not(.btn-outline) {
    color: #32c5d2;
    background-color: #32c5d2;
    border-color: #32c5d2;}
    .btn.turquoise:not(.btn-outline):focus, .btn.turquoise:not(.btn-outline).focus {
        color: #32c5d2;
        background-color: #32c5d2;
        border-color: #32c5d2; }
    .btn.turquoise:not(.btn-outline):hover {
        color: #32c5d2;
        background-color: #32c5d2;
        border-color: #32c5d2; }


.btn.purple:not(.btn-outline) {
    color: #9B59B6;
    background-color: #9B59B6;
    border-color: #9B59B6;}
.btn.purple:not(.btn-outline):focus, .btn.purple:not(.btn-outline).focus {
    color: #9B59B6;
    background-color: #9B59B6;
    border-color: #9B59B6; }
.btn.purple:not(.btn-outline):hover {
    color: #9B59B6;
    background-color: #9B59B6;
    border-color: #9B59B6; }


.timeline {
    width: 100%;
    position: relative;
    padding: 1px 0;
    list-style: none;
    font-weight: 300;
}
.timeline .timeline-item {
    padding-left: 0;
    padding-right: 30px;
    margin-bottom: 10px; /* OK */
}
.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: 2px solid #c0d349;
}
.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%;
}
.timeline.timeline-single-column.timeline .timeline-item:nth-of-type(even) {
    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 + .timeline-item {
    margin-top: 0;
}
.timeline.timeline-line-solid:before {
    border-right-style: solid;
}
.timeline.timeline-line-dotted:before {
    border-right-style: dotted;
}
.timeline.timeline-line-dashed:before {
    border-right-style: dashed;
}
.timeline .timeline-item {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
}
.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: 15px solid;
    border-right: 0 solid;
    border-bottom: 15px solid transparent;
}
.timeline .timeline-item > .timeline-event:after {
    top: 11px;
    right: -14px;
    border-top: 14px solid transparent;
    border-left: 14px solid;
    border-right: 0 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-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: 10px solid;
    border-right: 0 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: 9px solid;
    border-right: 0 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: 15px solid;
    border-right: 0 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: 14px solid;
    border-right: 0 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: 18px solid;
    border-right-width: 0 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-lefth: 17px solid;
    border-right: 0 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-heading {
    /*margin-top : 15px !important;*/
    margin-top: 0px; /* TEST */
    margin-bottom: 10px; /* TEST */
}

.timeline-heading-end {
    margin-top: 5px; /* TEST */
    margin-bottom: -20px; /* TEST */
}
.timeline .timeline-item > .timeline-point {
    color: #c0d349;
    background: #c0d349;
    right: -24px;
    width: 18px;
    height: 18px;
    margin-top: -12px;
    margin-left: 12px;
    margin-right: 12px;
    position: absolute;
    z-index: 100;
    border: 2px solid;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
    top : 11px; /* OK */
}
.timeline .timeline-item > .timeline-point.timeline-point-blank {
     right: -12px;
     width: 12px;
     height: 12px;
     margin-top: -6px;
     margin-left: 6px;
     margin-right: 6px;
     color: #c0d349;
     background: #c0d349;
 }

.timeline-point-end {
    top : 35px !important;
}

.timeline-heading-end {
    margin-top : 20px;
}

.timeline-last-item {
    margin-top : -20px !important;
    padding-top : 2px !important;
}

.timeline .timeline-item > .timeline-point.timeline-point-default {
    color: #C0D349; /* OK */
    background: #C0D349; /* OK */
}
.timeline .timeline-item > .timeline-point.timeline-point-primary {
    color: #888888;
    background: #fff;
}
.timeline .timeline-item > .timeline-point.timeline-point-success {
    color: #72b92e;
    background: #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;
}

.parameter {
    padding:0px;
}

.parameter-bloc {
    padding:5px;
    margin:5px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background-color : #ffffff;
}

.parameter-label {
    font-weight:bold;
    font-size:1.2em;
}