﻿

select.stripe option {
  background: white;
}
/* select alternating items starting with the second item */
select.stripe option:nth-of-type(2n) {
  background: #ddd;
}


#limitForm md-input-container  {margin: 6px 0;}

.departure_ulist_btn {width: 32px;padding:0;margin:0;}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

#new_news_badge {    
    color:white;background-color: #fa3e3e;
    display:none; 
    position: absolute;
    right: 0;
    top: 3px;
}
.green_bg {background: #dff0d8;}
.pink_bg {background: pink;}

md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
    color: rgb(16,108,200);
}

.select_booking .alert{ width: auto !important;}
.ui-datepicker-div {z-index: 2;}

.hasDatepicker {
    position: relative;
    z-index: 999;
}

 .disabler {
     opacity: 0.3;
     -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;
 }


.ta-root.focussed > .ta-scroll-window.form-control {
    border-color: #259b24 !important;
}

.help_desk {
    color:green !important;font-weight: 700;
}
.animate-enter, 
.animate-leave
{ 
	-webkit-transition: 900ms cubic-bezier(0.000, 0.000, 0.580, 1.000) all;
	-moz-transition: 900ms cubic-bezier(0.000, 0.000, 0.580, 1.000) all;
	-ms-transition: 900ms cubic-bezier(0.000, 0.000, 0.580, 1.000) all;
	-o-transition: 900ms cubic-bezier(0.000, 0.000, 0.580, 1.000) all;
	transition: 900ms cubic-bezier(0.000, 0.000, 0.580, 1.000) all;
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: clip;
	white-space:nowrap;
} 

.animate-leave.animate-leave-active,
.animate-enter {
	opacity: 0;
	width: 0px;
	height: 0px;
}

.animate-enter.animate-enter-active, 
.animate-leave {
	opacity: 1;
	width: 150px;
	height: 30px;
}

.clearfix {
    clear: left;
}
.simple-departures table {width: 100%; table-layout:fixed;}
.simple-departures td {border: 1px black solid;}
.simple-departures th {text-align: center; background-color: #ccc;}

.simple-departures .sregid {width:99% !important; overflow: hidden; border: 1px black solid; border-radius:4px; margin: 2px 0; padding: 2px;white-space: nowrap;}
.simple-departures .tregid {overflow: hidden; border: 1px black solid; border-radius:4px; margin: 2px 2px; padding: 2px;white-space: nowrap;}

input.ng-invalid.ng-touched {
        background-color: pink;
    }

    .css-form input.ng-valid.ng-touched {
        background-color: pink;
    }

.dropdown-menu {overflow: auto !important;}

.sortable {
    cursor: n-resize;
}
.ui-sortable-helper {
    display: table;
}

.filter_row {cursor: pointer;}
.xnav-tabs>li.active>a {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.xnav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.validation {position: absolute;    border-radius: 7px;
    background-color: aliceblue; 
    padding: 5px;
    color: red;
    font-size: 12px;
     font-style: italic;

}
.sectionBooking {box-sizing: border-box;}

@media screen and (min-width: 480px) {
 
    .regid {position: relative;}

.regid span {overflow: hidden;position:absolute;white-space: nowrap}


.np:hover{overflow: visible;position:absolute;width:auto;display:block; white-space: nowrap;z-index:2000;background-color: #FFF;font-size:28px;border-radius: 7px; padding: 1px 10px;border: 2px red solid;}
.tel {max-width: 100px;position: relative;width: 100px;height: 27px; overflow: hidden;}
.tel:hover{overflow: visible;background-color: #FFF;}
.tel span:nth-child(2n+2) {overflow: hidden;position:absolute;white-space: nowrap}
.tel span:nth-child(2n+2):hover {overflow: visible;position:absolute;width:auto;display:block; white-space: nowrap;z-index:2000;background-color: #FFF;font-size:28px;border-radius: 7px; padding: 5px 10px;border: 2px green solid;cursor: text;}
.tel .glyphicon {margin-right: 3px;}
.np { font-weight: 700;border-color: red; font-family: "Lucida Console", Monaco, monospace;

        padding: 1px 5px;
          font-size: 12px;
          line-height: 1.5;
          border-radius: 3px;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          display: inline-block;
            border: 1px solid red;
            background-color: white;
            position:absolute;
            
          

}
.np:hover {cursor: text;   word-spacing: -5px;}


}

.crossings .emergency select,
.crossings .emergency input,
.crossings .emergency {background-color: rgba(255, 255, 100, 0.08) }
.ferry_sections .short,
.crossings .short  {
    width: 50px;
}

.gray-bg {background-color: #eee;}
.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}
.ahl {color: green;font-weight: 700;  background-color:#eee !important;}


#seachModeldiv {margin-top: 10px;}

.loader {text-align:center;}

.loader img {width: 150px;}
.loadinggif {
    background:#FFF url('/Images/ajax-loader2.gif') no-repeat right center !important;
    background-position: right 10px center !important;
}


#over-booking {
    position: fixed;
    top: 2px;
    right: 100px;
  
}

.blink {
    
      animation: blink 2s steps(2, start) infinite;
      -webkit-animation: blink 2s steps(2, start) infinite;

  /*    animation: 1 blink 1s step-end infinite */
}
 @keyframes xblink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes xblink {
      to {
        visibility: hidden;
      }
    }

@keyframes blink {
	0% {background-color: red}
	50% {background-color: black}
}

@keyframes changeSize {
	0% {transform: scale(1)}
	65% {transform: scale(1.2)}
	100% {transform: scale(1.4)}
}
.sid .label {border-radius: 5px;padding:2px 4px;}
.deck-regid {max-width: 110px;overflow:hidden;}
.deck_unit_type_name  {font-size: 12px;position:absolute;bottom:4px;right:2px;width:80%;height:14px;overflow:hidden;font-weight:700;}
.deck_unit_type_name:hover {overflow: visible;}
.deck_unit_type_name div {padding: 2px 4px; border-radius:5px;}
.deck_unit_type_name div:hover { border: 1px black solid;background-color:white;}
.use_u_list .unconfirmed td,
.bookings_table .unconfirmed td{background-color: #fab8b8 !important;font-style: italic !important;}
.section.disable_sortable {background-color: #f2dede !important;cursor: not-allowed !important;border: 4px red dashed;}
.section.enable_sortable {background-color: #dff0d8 !important;}
.btn-comment {cursor: context-menu;} 

.bold {font-weight: 700;}
.deck {}
.section {background-color: #474;padding-left: 10px;padding-right: 10px;box-sizing: border-box;
          border: 4px solid yellow;
         min-height: 100px;
}

.section_td {
      padding: 0px !important;
}

.sectionBooking {
    background-color: lightpink;
    border: 1px black solid;
    margin-bottom: 4px;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 6px;
    min-height: 14px !important;
     box-shadow: 2px 2px 5px #040;
    
}

#flash-message {z-index: 10000;
                width:600px;
                padding: 20px;
                min-height: 75px;
                text-align: center;
                vertical-align:bottom !IMPORTANT;
                border-radius: 7px;
                 box-shadow: 10px 10px 5px #888888;
                 font-size: 18px;
                 position: fixed;
}

#flash-status {z-index: 10000;
                width:600px;
                padding: 20px;
                min-height: 75px;
                text-align: center;
                vertical-align:bottom !IMPORTANT;
                border-radius: 7px;
                 box-shadow: 10px 10px 5px #888888;
                 font-size: 18px;
}
.statistik_select {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 80px;
}

.ng-dirty input[type="checkbox"] {
    border:2px dotted #00f;display:block;background:#ff0000 !important;
}



.isDirty_input,
.isDirty input {background: pink !important;background-color: pink !important;transition:0.5s linear all;}



.isDirty,
.isDirty select
{
    background-color: pink  !important;
}

.departure_table .no-border:hover {border-color: #FFF !important;}
.label-as-badge {
    border-radius: 0.2em;
    padding-left: 10px;
     padding-right: 10px;
     font-size: 14px;
}
.departure_table .table>tbody+tbody {
  border-top: 2px solid #fff;
}

.departure_table .table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #fff;
}
.alert-primary {
 color: #1F65D2;
  background-color: #D4E8F9;
  border-color: #9FCCF2;
}
.danger-bg {background: red;font-weight: 700;}
.no-sort td{cursor: default !important;}
.upunkt { font-size: 12px;}
.xenhedstype {width: 200px;}
.p td {width: 12%;}
.p td:nth-child(n+3){width: auto;}

.p2 thead tr:first-child th{font-size: 22px;}
.p thead tr:first-child th{font-size: 22px;}

.p tr:first-child th,
.p td:first-child {width:33px;} 
.p th {
    white-space: nowrap;
}
.infoboard table{
        font-size: 24px;padding:0px;margin:0;width:100%;
    }
.infoboard .alert {
     -webkit-box-shadow: 5px 6px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    5px 6px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         5px 6px 5px 0px rgba(50, 50, 50, 0.5);
}

.infoboard th {vertical-align: top;}


.c1 {
    background: #5cb85c;
}
.c2 {
    background: #F00;color: #FFF;
}
.c3 {
    background: pink;
}

h3 {color: #000; font-weight : bold;text-shadow: 1px 1px 1px rgba(80, 80, 80, 0.6);}
h1, .select_booking h3 {color: #b8292f;font-weight: bold;text-shadow: 1px 1px 1px rgba(80, 80, 80, 0.6);}
h1.header {font-weight: 900;text-shadow: 2px 2px 2px rgba(90, 90, 90, 0.6);}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body {
    font-family: "Proxima Nova", "Lucida Grande", Helvetica, sans-serif;
}

 .txt_td {
     height: 114px;
 }

.lang_text:focus {
position: absolute;
top: 100px;
height: 400px;
width: 280px;
}


.xlang_text {        
        transition-property: position; 
        transition-delay: 0.5s;        
        -webkit-transition-property: position; 
        -webkit-transition-delay: 0.5s;        
}

.lang_text {
    font-family: 'Courier New';
}

#dk_text:focus {
    background: #fff url(/images/flag_dk.gif) no-repeat;
    padding-top: 40px;
}

#en_text:focus {
    background: #fff url(/images/flag_en.gif) no-repeat;
    padding-top: 40px;
}

#de_text:focus {
    background: #fff url(/images/flag_de.gif) no-repeat;
    padding-top: 40px;
}

xdiv {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin-right: 8px;
  cursor: pointer;
  font-size: 16px;  
}


input[type=checkbox]:after {
    content: " ";
    background-color: rgba(169, 200, 255, 1);
    display: inline-block;
    visibility: visible;
    border-radius: 4px;
}

input[type=checkbox]:checked:after {
    content: "\2714";
}

.badge.green {color: darkgreen; background: lightgreen;}

.badge.invisible {color: transparent; background: transparent;}
#units, #units tr, #units td, #units th  {box-sizing: border-box;}
.profiles {
    list-style-type: none;
    margin: 0;
    padding-left:0;
}

.tid_remove_btn {display: none;}
.tid_btn:hover .tid_remove_btn {display: block;}
html, body {
  height: 100%;
}

.b {margin: 0; padding: 15px;position:absolute;width:200px;border-radius:5px;font-size: 14px;
    -webkit-box-shadow: 5px 6px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    5px 6px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         5px 6px 5px 0px rgba(50, 50, 50, 0.5);
}
.b0 {background-color:aliceblue;} 
.b1 {background-color: AntiqueWhite ;} 
.b2 {background-color: Beige;} 
.b3 {background-color: Cornsilk;} 

#xunits.prevent_sorting td:hover{cursor: pointer !important;}
.ferry_list_btn img, .ferry_list_btn span {pointer-events:none;}
.ferry_list {position: relative;}
.ferry_list ul {
    position: absolute;
    display: none;
    width: 200px;
    background: rgb(250, 235, 215);
    -webkit-box-shadow: 5px 6px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    5px 6px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         5px 6px 5px 0px rgba(50, 50, 50, 0.5);
    list-style-type: none;
    right: 0;
    z-index:1;
    border: 1px double black;
    border-radius: 5px;

}

#units tr td:first-child {width: 400px;}

span.dot {
    display:    none;
    width:      20px;
    height:     20px;
    position:   absolute;
    left:       -20px;
    border:     1px solid red;
    border-radius: 50%;    
}

tr:hover xspan.dot {
    display:    block;
}

button.delete {display: none;}

tr:hover button.delete {
    display:    block;
}


#units {font-size: 11px;}
#units td:hover {
    cursor: move;
}
.navbar  {margin-bottom:0;}
.moveable,
.ui-sortable-helper{
    cursor: move !important;
}

.btn-tur button{font-weight: bold; border-color: green;font-size: 16px;}
.nav-pills {list-style-type: none;}
.driftplan{  background-color: lightgray; }
.antal_personer .validationMessage:nth-of-type(1) {
    display: none;
}

#display_sms {width:220px;; height: 350px;background: #FFf;font-family: Courier New, sans-serif; margin: 20px 10px;border-radius: 10px;padding: 10px;overflow: auto;}
.flag {border-radius: 75%; margin-right: 20px; box-shadow: 2px 2px 4px #888888;}
.service_messages textarea {height: 90px;}
.glyphicon {
    pointer-events: initial !important;
}
.glyphicon-trash, .glyphicon-arrow-down{pointer-events: none !important;}

.departure-info { position:absolute;display: none;}
#departure-info1, #departure-info2 { position:absolute;display: none;z-index: 10;}
.xdeparture_table td:hover { border-bottom: 1px black solid;}

.departure_table tbody tr { border-bottom: 1px white solid;border-style: double;}
.departure_table tfoot tr { border-bottom: none !important;}

.departure_table tbody tr:hover { border-bottom: 1px black solid;border-style: double;}
.departure_table tfoot tr:hover { border-bottom: none !important;}


.departure_table tr { border: 1px white solid;border-style: double;}
.departure_alert {padding:4px;margin:0;height: 100%; }
.ferry_default {margin-top: 10px;}
.ferry_default:hover, .ferry_default:focus {
text-decoration: none;
background-color: #39b3d7 !important; 
}
.booking_calendar {background: rgb(238, 236, 236);
-webkit-box-shadow: 5px 6px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    5px 6px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         5px 6px 5px 0px rgba(50, 50, 50, 0.5);
                  
}

#bookingc3,
.main-content {
    background: gainsboro;
    padding: 10px 10px;
    border-radius: 0 0 10px 10px;

    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.main-content.right {
    border-radius: 0 0 10px 0;
}
.name-content {    
    padding: 0px 10px;
    border-radius: 10px 10px 0 0;    
}
.top-content {
    border-radius: 10px 10px 0 0;        
}
.name-content .table {margin-bottom: 0;}
.ferrys {margin-bottom: 10px;}
.badge {float:left;}
.select_days {list-style-type: none; margin: 0;padding:0; margin-left: 10px;}
.select_days li {float: left;margin: 5px;}
.validationMessage { color: Red; }
.customMessage { color: Orange; }
.booking_calendar select {height: 28px;font-weight: 700;width: 120px;padding: 0;}
.booking_calendar td {border-radius: 10px;}
.glyphicon-remove { color: #d2322d;}
.select_booking .glyphicon-ok {color: #fff;}
.booking_calendar td:nth-last-child(2),
.booking_calendar td:last-child { background-color: lightgray;border-radius:0;}
.disabled_select {background-color: #eee !important;}
.form-control[disabled] {

background-color: rgba(202, 163, 163, 0.39);
}
input[type=checkbox] { height: 20px;}

.booking_calendar .td_no_match:nth-last-child(2),
.booking_calendar .td_no_match:last-child, 
.td_no_match {
    background-color: #d2322d; 
    border-color: #ac2925;
}
.booking_calendar .td_changed:last-child, 
.booking_calendar .td_changed:nth-last-child(2),
.booking_calendar .td_match:nth-last-child(2),
.booking_calendar .td_match:last-child, 
.td_changed {   background-color: #5c985c !important; 
}

.td_match { 
    background-color: #5cb85c;  
    border-color: #5cb85c;
}

.booking_calendar .td_approx:nth-last-child(2),
.booking_calendar .td_approx:last-child, 
.td_approx { background-color: #60A544;}

.booking_calendar .td_close:nth-last-child(2),
.booking_calendar .td_close:last-child, 
.td_close { background-color: #E2AC1F;}

#edit_booking {position: absolute;}
.glyphicon {pointer-events: none;}
.warning-icons .list-group-item{float: left;}
.red {color: red;}
.blue {color: blue;}
.green {color: green;}
.yellow{color: yellow;}
.orange{color: orange;}
.bold {font-weight: 700;}
.hidden {display: none;}
.select_booking {font-size: 12px;}
.bookings-table tr:hover { }
.select_booking th:first-child {width:150px;} 

.bookings-table .table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>td {
background-color: #FDF5CC;
}
.enhedstype {font-size: 12px;}
.inetButtonInvis4 {display: none;}

xtable td {border: 1px black solid;}
xtable  {border: 2px red solid;}

#footer { margin-top: 100px; background: #eee;color: #000;height:70px;padding-top: 20px;}
.ddsrCelle {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    color: #000000;
    text-decoration: none;
    background-color: #E8E8E8;
}

.ddsrCelle {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
}
.brugere td, .brugere th{font-size: 11px;}
.brugere tr td:first-child,
 .brugere tr td:last-child, 
.brugere tr td:nth-last-child(2),
.brugere tr th:first-child,
 .brugere tr th:last-child, 
.brugere tr th:nth-last-child(2)
 {width:30px !important;padding:0;padding-top:4px;}

.has-feedback .form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
}



.dateviewblock
{
    position:absolute;
    width:784px;
    height:auto;
    border-style:solid;
    border-width:1px;
    display:none;
    }

.datediv
{
    position:relative;      
    width:110px; 
    height:60px;  
    float:left;   
    font-family:Arial;
    font-size:12px;
    border:1px solid lightgray;
    }
.datestrdiv
{
    position:absolute;
    left:5px;
    top:5px;
    width:100px;         
}   
    
.dateseldiv
{
    position:absolute;
    left:70px;
    top:3px;
    width:30px;
}    


.depseldiv
{
    position:absolute;
    left:15px;
    top:25px;
    width:100px;    
}
    
.departureselected
{
    background-color: #97E846;
}    
    
.departurenotselected
{
    background-color: #D4C715;
}
 .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 2px;
}

@media print
  {

    .bookings_table a,
    .bookings_table .table-hover th:first-child,
    .bookings_table .table-hover td:first-child,
    .bookings_table .table-hover th:nth-child(-n+2),
    .bookings_table .table-hover td:nth-child(-n+2),
    .delete_bookings,
    .bottom_nav .col-md-4, 
    .afgange tr th:nth-last-child(1) ,
    .afgange tr td:nth-last-child(1) ,
    .afgange tr th:nth-last-child(2) ,
    .afgange tr td:nth-last-child(2) ,
    .btn-info.input-lg, .noprint,
    .afgange .btn   
     {display: none;}      
    .top_nav .col-md-4 {width: 100%;}
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 2px;
}

.warning-icons, .top_nav, .bottom_nav, .ferrys, .top-menu {display: none;}
    .caption .header {font-size: 28px;margin-top: 0;}
}

@media screen and (max-width: 300px) {
    .infoboard table{
        font-size: 14px;padding:0px;margin:0;width:100%;
    }
}


md-toast.md-success-toast-theme .md-toast-content {
    background-color: green;
}

md-toast.md-error-toast-theme .md-toast-content {
    background-color: maroon;
}

xmd-toast {
	left: calc(50vw - 250px);
    background: #FFF !important;
    color: black  !important;
    width: 50px  !important;
    
    
}
md-toast {
	left: calc(50vw - 250px);
    
    
    width: 100%  !important;
    
    
}


.crossing-table { table-layout: fixed; }
.crossing-table td { width: 20%; }




.routes md-input-container {width: 100% !important;}

#xsearchModal {
    z-index: 10000;
}






#nested_list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.tree, ul.tree ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.tree ul {
        margin-left: 10px;
    }

    ul.tree li {
        margin: 0;
        padding: 0 7px;
        line-height: 20px;
        color: #369;
        font-weight: bold;
        border-left: 1px dotted rgb(100,100,100);
    }

        ul.tree li:last-child {
            border-left: none;
        }

        ul.tree li:before {
            position: relative;
            top: -0.3em;
            height: 1em;
            width: 12px;
            color: white;
            border-bottom: 1px dotted rgb(100,100,100);
            content: "";
            display: inline-block;
            left: -7px;
        }

        ul.tree li:last-child:before {
            border-left: 1px dotted rgb(100,100,100);
        }

.root_profile .bullet_number {
    background-color: red;
}

.child_profile .bullet_number {
    background-color: darkgreen;
}

.bullet_number {
    background-color: darkgreen;
    border-radius: 50%;
    color: white;
    width: 12px;
    height: 12px;
}

.sale_profiles td {
    text-align: center;
}

.ohop td {
    
    background: #fbfef4; /* Old browsers */
    background: -moz-linear-gradient(top, #fbfef4 0%, #eef7d5 33%, #d3e696 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fbfef4 0%,#eef7d5 33%,#d3e696 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fbfef4 0%,#eef7d5 33%,#d3e696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfef4', endColorstr='#d3e696',GradientType=0 );



}


#acpendeleroverlay {
    right: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    /*opacity: 0.5;*/
    background-color: rgba(255,255,255,0.5);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 1000000;
    text-align: center;
    vertical-align: middle;
    padding-top: 200px;
    margin: auto;
    -webkit-touch-callout: none;
    display: none;
    overflow: visible;
    border: 1px red solid;
}

.rowEven {
    background-color: transparent !important;
}

.rowOdd {
    background-color: #eee !important;
}

tr.departed {
    background-color: #eee;
}

tr.departed:hover td {
    background-color: #ccc !important;
}