/* CSS Document */
.container {
    width: 100% !important;
}

table.dataTable.no-footer {
    /*border-bottom: 1px solid #187cb8;
	margin-bottom: 30px;*/
    border-collapse: collapse !important;
    width: 100%;
}

table.dataTable {
    border-collapse: collapse !important;
}

table.table-bordered.dataTable {
    border-collapse: collapse !important;
}

/* Table Style */
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 5px;
    border: solid 1px #ccc;
}

table.dataTable tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

table.dataTable thead .sorting:after {
    opacity: 0.4;
    vertical-align: middle !important;
}

table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0.9;
}



.dt-buttons a:link, .dt-buttons a:visited {
    border: none;
    padding: 5px 20px 5px 40px;
    border-radius: 0;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-bottom: 4px solid #c5c5c5;
    font-size: 16px !important;
    margin-right: 5px;
    color: #187cb8 !important;
    float: left;
}

.dt-buttons a:hover {
    border-top: 1px solid #b5b5b5 !important;
    border-right: 1px solid #b5b5b5 !important;
    border-left: 1px solid #b5b5b5 !important;
    border-bottom: 4px solid #a5a5a5 !important;
}

.dt-buttons a:focus {
    border-top: 1px solid #b5b5b5 !important;
    border-right: 1px solid #b5b5b5 !important;
    border-left: 1px solid #b5b5b5 !important;
    border-bottom: 4px solid #a5a5a5 !important;
}


.dt-buttons a.buttons-excel:link, .dt-buttons a.buttons-excel:visited, .dt-buttons a.buttons-excel:active {
    background: url(../images/excel-i.png) no-repeat !important;
    background-position: 18px 8px !important;
}

.dt-buttons .buttons-excel {
    background: url(../images/excel-i.png) no-repeat !important;
    background-position: 18px 8px !important;
}


.exportbtn {
    width: 100px !important;
    float: left;
}


/*Extra style for Data table js file doesn't create links for the buttons Start*/

.dt-button {
    border: none;
    padding: 5px 20px 5px 40px;
    border-radius: 0;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-bottom: 4px solid #c5c5c5;
    font-size: 16px !important;
    margin-right: 5px;
    color: #187cb8 !important;
    float: left;
}



    .dt-button:hover {
        border-top: 1px solid #b5b5b5 !important;
        border-right: 1px solid #b5b5b5 !important;
        border-left: 1px solid #b5b5b5 !important;
        border-bottom: 4px solid #a5a5a5 !important;
    }

    .dt-button:focus {
        border-top: 1px solid #b5b5b5 !important;
        border-right: 1px solid #b5b5b5 !important;
        border-left: 1px solid #b5b5b5 !important;
        border-bottom: 4px solid #a5a5a5 !important;
    }


/*Extra style for Data table js file doesn't create links for the buttons End*/



.dt-buttons input[type="submit"].buttons-excel {
    background: url(../images/excel-i.png) no-repeat !important;
    background-position: 18px 6px !important;
    color: #187cb8 !important;
    font-size: 16px !important;
    width: 100px;
    padding: 5px 10px 5px 30px;
    margin-right: 5px;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-bottom: 4px solid #c5c5c5;
    transition: all 0.3s;
    margin-left: 8px;
}

    .dt-buttons input[type="submit"].buttons-excel:hover {
        color: #333 !important;
        border-bottom: 4px solid #8c8c8c;
        color: #187cb8 !important;
    }



button.buttons-pdf, .dt-buttons a.buttons-pdf:link, .dt-buttons a.buttons-pdf:visited, .dt-buttons a.buttons-pdf:active {
    background: url(../images/pdf-i.png) no-repeat !important;
    background-position: 18px 8px !important;
    color: #187cb8 !important;
}
    button.buttons-copy, .dt-buttons a.buttons-copy:link, .dt-buttons a.buttons-copy:visited, .dt-buttons a.buttons-copy:active {
        background: url(../images/copy-i.png) no-repeat !important;
        background-position: 18px 8px !important;
    }

.dt-buttons input[type="submit"].buttons-pdf {
    background: url(../images/pdf-i.png) no-repeat !important;
    background-position: 18px 8px !important;
    color: #187cb8 !important;
    font-size: 16px !important;
    width: 100px;
    padding: 5px 10px 5px 30px;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-bottom: 4px solid #c5c5c5;
    transition: all 0.3s;
}

    .dt-buttons input[type="submit"].buttons-pdf:hover {
        border-bottom: 4px solid #8c8c8c;
    }

button.buttons-print, .dt-buttons a.buttons-print:link, .dt-buttons a.buttons-print:visited, .dt-buttons a.buttons-print:active {
    background: url(../images/print-i.png) no-repeat !important;
    background-position: 18px 8px !important;
    /*margin-left: 16px;*/
    color: #187cb8 !important;
}

button.buttons-print-de-app, .dt-buttons a.buttons-print-de-app:link, .dt-buttons a.buttons-print-de-app:visited, .dt-buttons a.buttons-print-de-app:active {
    background: url(../images/print-i.png) no-repeat !important;
    background-position: 18px 8px !important;
    margin-left: 16px;
    color: #187cb8 !important;
}

.dataTables_filter label input {
    padding: 18px 0 18px 35px;
    font-size: 14px;
    width: 250px;
    border: solid 1px #ccc;
    background-position: 5px 5px !important;
    border-radius: 0px !important;
    background: url(../images/search-icon.gif) no-repeat;
}

.dataTables_filter {
    width: 250px;
    float: right;
    margin-right: 42px !important;
}
@media (max-width: 768px) {
    .dataTables_filter label input {
        width: 100px !important;
    }
    #txtOriginalMessage {
        width: 250px;
        height: 100px;
    }
}
@media (min-width: 768px) {
    .dataTables_filter label input {
        width: 250px !important;
    }
    #txtOriginalMessage {
        width: 290px;
        height: 120px;
    }
}
.btn {
    border-radius: 0;
}

.blue-bg thead tr th {
    padding: 10px;
    background-color: #187cb8;
    color: #fff;
}

    .blue-bg thead tr th .GSFC {
        background-color: #304458 !important;
    }



.sorting:after {
    opacity: 1 !important;
    content: url(../images/sort.gif) !important;
}

.sorting_asc:after {
    opacity: 1 !important;
    content: url(../images/sort-asc.gif) !important;
}

.sorting_desc:after {
    opacity: 1 !important;
    content: url(../images/sort-desc.gif) !important;
}

/* Edge header fix */
.Tstyle {
    border-collapse: collapse !important;
}

    .Tstyle thead tr {
        background-color: #187cb8 !important;
        color: #fff;
    }

        .Tstyle thead tr th {
            padding: 7px;
        }

    .Tstyle td {
        padding: 5px;
        border: 1px solid #ccc !important;
    }