@font-face {
  font-family: 'icommon';
  src: url('../fonts/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Button style */
.openerp .oe_view_manager .oe_view_manager_switch .oe_vm_switch_timeline:after {
    content: "N";
}

/*.vis-panel.vis-center, .vis-panel.vis-left, .vis-panel.vis-right, .vis-panel.vis-top, .vis-panel.vis-bottom{
    border: 1px dotted;
}*/

.oe_timeline_buttons{
    /*height: 48px;*/
    background-color: #002f5b;
}

.oe_timeline_buttons .btn-sm {
    padding: 13px 10px;
}

.oe_timeline_buttons .btn-sm button{
    color: #fff;
    background-image: linear-gradient(to bottom, #008ece, #008ece);
    padding: 4px 6px;
}

.oe_timeline_buttons .btn-sm span{
    color: #fff;
    font-size: 18px;
    padding: 4px 6px;
}

.vis-panel.vis-left{
    min-width: 175px;
}

.locations .in:before{
    font-family: 'icommon', sans-serif;
    font-size: 16px;
    margin-right: 5px;
    content: '\e904';
}

.locations .out:before{
    font-family: 'icommon', sans-serif;
    font-size: 16px;
    margin-right: 5px;
    content: '\e902';
}

.locations .inout:before{
    font-family: 'icommon', sans-serif;
    font-size: 16px;
    margin-right: 5px;
    content: '\e903';
}

.locations .reload:before{
    font-family: 'icommon', sans-serif;
    font-size: 16px;
    margin-right: 5px;
    content: '\e905';
}

.locations .verzollungsstelle:before{
    font-family: 'icommon', sans-serif;
    font-size: 16px;
    margin-right: 5px;
    content: '\e906';
}

.locations .ferryin:before{
    font-family: 'icommon', sans-serif;
    font-size: 16px;
    margin-right: 5px;
    content: '\e900';
}

.locations .ferryout:before{
    font-family: 'icommon', sans-serif;
    font-size: 16px;
    margin-right: 5px;
    content: '\e901';
}

.icons-sep{
    float: left;
    margin: 0 5px;
}

.tms-order-tour .header,
.tms-tour .header{
    height: 20px;
    background-color: #002f5b;
    overflow: hidden;
}

.vehicle-unavailable .header{
    height: 20px;
    overflow: hidden;
    padding: 3px;
}


.tms-order-tour .content,
.tms-order-tour .header,
.tms-tour .content,
.tms-tour .header,
.vehicle-unavailable .content,
.vehicle-unavailable .header{
    padding: 3px;
}

.icon-content{
    border-bottom: 1px dashed;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.vis-item {
    border-color: #000;
    border: 1px;
}

.vis-item .icons{
    float: right;
}

.vis-item .icons .packages::before,
.vis-item .icons .comments::before{
    font-size: 16px;
    font-family: "FontAwesome" !important;
}

.vis-item .icons .packages::before {
    content: "\f1b2";
}

.vis-item .icons .comments::before {
    content: "\f05a";
}

.vis-label:hover{
    background-color: #fff;
    cursor: pointer;
}

.vis-item:hover {
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    /*width: auto!important;*/
   /* transition: width 0.3s ease;*/
}

.vis-foreground .vis-item{
    /*margin-top: 15px;*/
}

.vis-item .vis-background{
}

.tms-order-tour{
    background-color: #03a9f4;
    color: #fff;
    margin-bottom: -5px;
    box-shadow: #2196F3 0px 10px 40px -10px;
}

.tms-order-tour[data-model="vehicle.unavailability"]{
    background-color: #4d4d4d;
    background: linear-gradient(to left, #485563, #29323c);
    color: #fff;
}

.tms-tour{
    background-color: #03a9f4;
    color: #fff;
    margin-bottom: -5px;
    box-shadow: #2196F3 0px 10px 40px -10px;
}

.vis-item.vis-selected{
    background-color: #FF9800;
    background: linear-gradient(to left, #ffb75e, #ed8f03);
}

.vis-item.vis-selected .tms-order-tour{
    background-color: #FF9800;
    background: linear-gradient(to left, #ffb75e, #ed8f03)!important;
}

.vis-text .vis-minor{
    background: #4d4d4d;
}

.vis-time-axis .grid.vis-odd {
    background: #f5f5f5;
}

/* alternating column backgrounds */
.vis-time-axis .vis-grid.vis-odd {
  background: #f5f5f5;
}

/* gray background in weekends, white text color */
.vis-time-axis .vis-grid.vis-saturday,
.vis-time-axis .vis-grid.vis-sunday {
  background: #fdf0c8;
}

.vis-time-axis.vis-foreground {
    background-color: rgb(0, 46, 91);
    box-shadow: 1px 3px 10px 0px grey;
}

.vis-time-axis .vis-text {
    color: white;
}

.vis.timeline .item.range .content {
    overflow: visible;
}
.vis-item.vis-background.vis-order{
}

.oe_chatter_toggle {
  padding: 15px;
}

.oe_timeline_view .vlabel .inner:hover{
    cursor: pointer;
}

.subgroup-name{
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.vis-item.vis-background.vis-order{
    background-color: #CACACA;
}

.tms-order-tour {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.tms-order-tour-header {
  height: 30%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.vehicle-unavailable {
  width: 100%;
  color: #FFF;
  background: linear-gradient(to left, #c1c1c1, #828282);
  position: relative;
  overflow: hidden;
  margin-bottom: -5px;
}

.tms-tour{
  width: 100%;
  position: relative;
  overflow: hidden;
}

.progress-wrapper {
  height: 60%;
  /*background: white;*/
  width: 100%;
  position: relative;
  overflow: hidden;
}
.group-wrapper, .group-tooltip {
  /*background: white;*/
  max-width: 150px;
  position: relative;
  overflow: hidden;
}

.progress-wrapper.progress {
  height: 100%;
  width: 60%;
  position: absolute;
  left: 0px;
  top: 0px;
  /*background-color: #DDDDDD;*/
  color: #FFF;
  background-color: transparent;
  box-shadow: none;
}

.progress-label {
  position: absolute;
  z-index: 999;
}

.tmsCell.tour-from-datetime{
    width: 10%;
    top: 75%;
    position: absolute;
    left: 43%;
}

.tmsCell.tour-to-datetime{
    width: 10%;
    top: 75%;
    position: absolute;
    left: 43%;
}

.tmsCell.tour-from-datetime ~ .tmsCell.tour-to-datetime{
    left: 53%;
}


.tmsCell.date{
    width: 8%;
}

.tmsCell.until {
    left: 36%;
}

.ln {
    left: 35%;
}

.tmsCell.from {
    left: 32%;
}

.vis-item .vis-item-content{
    padding: 0;
}

.jconfirm-buttons .btn_cancel {
    color: #FFF;
    background-color: #29323c;
}

.jconfirm-buttons .btn_cancel:hover {
    color: #cacaca;
    background-color: #576571;
}

.jconfirm-buttons .btn_confirm:hover {
    color: #cacaca;
    background-color: #0e7fb2;
}

.jconfirm-buttons .btn_confirm {
    color: #FFF;
    background-color: rgb(0, 142, 206);
}

.jconfirm-buttons .btn:hover,
.jconfirm-buttons .btn:focus {
    color: #fff;
    text-decoration: none;
}

.vis-current-time {
    z-index: 99;
}

.vis-time-axis .vis-grid.vis-major {
    border-width: thick;
}

.vis-nesting-group {
    background: #CACACA;
}