﻿#dlContacts > span {
    width: 100%;
    max-width: 350px !important;
}

#modalBodyTable tbody > tr:first-child td {
    background-color: transparent;
}

.modal-dialog {
    width: 100% !important;
    max-width: 800px !important;
}

.pkgTitle {
    text-align: center;
    margin: 0;
    padding: 20px 0;
    color: #f36d35;
}

.innHead {
    font-size: 18px;
    color: #f36d35;
}

.table tfoot tr td {
    color: #f36d35;
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
}

.table thead tr:first-child th {
    background: transparent !important;
}

.table-responsive #modalBodyTable tbody > tr:first-child td {
    /*background: transparent*/
        background-color: transparent;
color: #ffffff!important;

}

.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
    white-space: normal !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fbfbfb !important;
}

.table-bordered > thead > tr > th {
    border-bottom: 0;
    padding: 8px 10px;
    background: #eaf3e5;
    font-size: 16px;
    color: #4a4e56;
}

.table-responsive.gold .table thead tr th:nth-child(2), .table-responsive.gold .table tbody tr td:nth-child(2) {
    background: #ff6f38;
    color: #fff;
    border-color: #ff8c61;
}

.table-responsive.silver .table thead tr th:nth-child(3), .table-responsive.silver .table tbody tr td:nth-child(3) {
    background: #ff6f38;
    color: #fff;
    border-color: #ff8c61;
}

#modalBodyTable thead tr:first-child th, #modalBodyTable thead tr:first-child {
    border: 0 !important;
}

#modalBodyTable {
    border-color: #fff;
}

    #modalBodyTable thead tr:first-child th, #modalBodyTable thead tr:first-child {
        border-color: #fff !important;
    }

    #modalBodyTable thead tr th {
        border-bottom: 0;
    }

    #modalBodyTable .activepkg, .table-responsive #modalBodyTable tbody > tr:first-child td.activepkg {
        background-color: #f36d35 !important;
        border-color: #f3895d;
        color: #fff !important;
    }

@media screen and (max-width:767px) {
    .modal-dialog {
        margin-left: 0;
        margin-right: 0;
        padding: 0 20px;
    }

    #myModal .modal-footer button {
        font-size: 18px !important;
        padding: 0 30px;
        line-height: normal;
    }
}

@media screen and (min-width:480px) {
    .table-fixed {
        table-layout: fixed;
    }
}
tr.pkgTitle td {
 color: #ffffff!important;

}

