/* Table Formatting Here */
.table-responsive-xl {
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-left: 1%;
    margin-top: 0.5%;
    width: 36.5%;
    border-collapse: collapse;
}


/* Table Properties */


thead {
    border: 3px solid;
    border-color: black;
}

tbody{
    border: 3px solid;
    border-color: black;
}
.table td {
    vertical-align: middle;
    padding: 3px 2px 3px 2px;
    border: 1px solid;
    border-color: black;
} 

/*Table heads heights done via style property */

td {
    height: 3.2vh;
}


.table_bottom {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}
.table_bottom_border {
    border-bottom-style: solid;
    border-color: black;
}

.day {
    
    color: white;
    background-color: #0000FFB3;
}

.night {
    color: black;
    background-color: #AEAAAAB3;
}

.table_day {
    color: black;
    background-color: transparent;
}
.table_night {
    color: white;
    background-color: transparent;
}
.body_day {
    /* background-color: transparent; */
    background: url("../img/iona_water_30.png") center / auto no-repeat, #ffffff;
}
.body_night {
    background: url("../img/iona_water_30.png") center / auto no-repeat, #D9D9D9;
    /*background-color: #D9D9D9;*/
}
.condition_day {
    background-color: #0077FFCC;
    color: white;
}
.condition_night {
    background-color: #BFBFBFCC;
    color: black;
}


.head_styles {
    
    border-bottom-style: 3px solid;
    border-color: black;
}
.right_border {
    border-right-style: solid;
    border-color: black;
}

.sml_box_font {
    font-size: 10px
}

i {
    font-size: 20px;
}

[contenteditable] {
  outline: 0px solid transparent;
}

.processing{
    background: url('../img/loader.gif') no-repeat right;
    background-size:contain;
}


.checklists {
    display: none; 
    text-align: center; 
    position: absolute; 
    background: #ffffff;
    top: 30px;
    left: 70px;
    width: 42%;
    border-style: solid;
    border-color: rgb(72,80,88);
    padding-top: 3vh;
}

/* Photo Styling */

.ship_photo {
    display: inline-block;
    width: 57%;
    margin-top: 1%;
    margin-right: 1%;
}

/* Table Widths - Table 1 */

.t1_col1 {
    width: 25%;
}

 .t1_single {
    width: 5%;
}

/* Table Widths - Table 2 */

.t2_single {
    width: 3.6%;
}
.t2_dooble {
    width: 7.2%;
}
.t2_treble {
    width: 10%;
}


/* Place the colours here */

.red {
    background-color: red;
}
.green {

    background-color: #03FC28;
}
.yellow {

    background-color: yellow;
}
.light-blue {
    background-color: #00B0F0;
}
.amber {
    background-color: #FFBB00;
}
.clear {

    background-color: transparent;
}
.brown {
    background-color: #7b5c00;
    color: white;
}
.grey {
    background-color: grey;
    color: white;
}
.black {
    background-color: black;
    color: white;
}
.greenblue {
    background-color: #03fc8c;
}