div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_length input {
    width: auto;
    
}
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label {
    margin-top: 1.2rem;
    margin-right: 1rem;
    
}
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span,
div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown {
    margin-top: 1rem;
    
}
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 400;
    text-align: left;
    
    
}
/* div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    margin-right: 1.5em;
} */
div.dataTables_wrapper div.dataTables_filter select,
div.dataTables_wrapper div.dataTables_filter input {
    width: auto;
    
}
div.dataTables_wrapper div.dataTables_filter input {
    display: inline-block;
    
}
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 400;
    background-color: rgba(0, 31, 70, 0.8);

}
div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    text-align: right;
    
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-pack: end;
    
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
    background-color: #4285f4;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    
}
@media (max-width: 767px) {
    div.dataTables_wrapper div .dataTables_length,
    div.dataTables_wrapper div .dataTables_info,
    div.dataTables_wrapper div .dataTables_paginate ul.pagination {
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -webkit-box-pack: center;
    }
}
.bs-select select {
    display: inline-block !important;
}
table.dataTable thead {
    cursor: pointer;
}
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
    outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    position: relative;
    cursor: pointer;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    font-family: FontAwesome, sans-serif;
    font-size: 1rem;
    font-weight: 900;
    content: "\f0de";
}
table.dataTable thead .sorting:after,
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 {
    right: 16px;
    font-family: FontAwesome, sans-serif;
    font-size: 1rem;
    font-weight: 900;
    content: "\f0dd";
}
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

/*CUSTOM*/

a{
    color: #2f8fce;
}

.page-item.active .page-link{
        background-color: #2f8fce;
    border-color: #2f8fce;
}

.page-link{
    color: #2f8fce;
}

table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc{
    background-color:rgba(222, 226, 230, 0.5)
}

td.sorting_1{
    background-color:rgba(222, 226, 230, 0.2)
}

table.dataTable thead {
    background-color:rgba(11, 69, 114, 0.8);
    color: white;
}
#table-container {
        width: 100%;
        
    }

table{
    margin: 0 auto;
     width: 100%;
     clear: both;
     border-collapse: collapse;
     table-layout: fixed;
     /*word-wrap:normal;*/
     font-size:16px;
    font-family: 'PT Sans', sans-serif;
    color:#333333;
    margin-bottom: 0 !important;
    
}


tr{
    height: 50px
}

#header{
    width:100%;
    height:245px;
    margin: auto 0;
    background-image: linear-gradient(to bottom, rgba(24, 35, 99, 0.264), rgba(42, 16, 17, 0.292)), url(../img/deep-sea-mining.jpg);
    /* background-color: #001f46; */
    /* background-color: rgba(0, 31, 70, 0.8); */

    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    position: absolute;
    z-index: -1;
}

#header-clear{
    width: 100%;
    height: 145px;
}

#header-title{
    display: inline-block;
    padding-top:3em;
    padding-left:3em;
    width:95%;
}

#header-title h1{
    color:#ffffff;
    font-family: 'PT Sans Narrow', sans-serif;
    text-shadow: 1px 1px 8px #333333;
    font-size:36px;
}

#header-title p{
    font-family: 'PT Serif', serif;
    color:#ffffff;
    font-size:14px;
}

#logo{
    display: flex;
    margin-top: 1.1em;
    margin-right: 3.4em;
    flex-direction: column-reverse;
    align-items: flex-end;
}

#logo img{
    height: 30px;
    width: auto;
}

.table thead th{
    border-bottom:2px solid #333333;
}

div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label{
    color:white;
}

th:nth-child(12), td:nth-child(12){
    display: none;
}

div.dataTables_wrapper div .dataTables_filter{
    margin-left: 3em;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #344C6B;
    color: white;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color:  rgba(0, 31, 70, 1);
    color: white;
}


body{
    background-color: rgba(0, 31, 70, 1);
    border: #f4f4f4 1px solid;
   }

.high-p{background-color:rgba(48, 141, 81, 0.75)}

.priority{background-color:rgba(96, 179, 107, 0.75)}

.support{background-color:rgba(221, 240, 183, 0.75); color: #111111}

.accept{background-color:rgba(209, 209, 209, 0.8)}

.no-agree{background-color:rgba(157, 194, 249, 0.8)}

.not-support{background-color:#f79386bf}

.oppose{background-color:rgba(232, 173, 54, 0.75)}

.red-line{background-color:rgba(199, 67, 43, 0.75)}

td.high-p.sorting_1{background-color:rgba(48, 141, 81, 0.75)}

td.priority.sorting_1{background-color:rgba(96, 179, 107, 0.75)}

td.support.sorting_1{background-color:rgba(221, 240, 183, 0.75)}

td.accept.sorting_1{background-color:rgba(209, 209, 209, 0.8)}

td.no-agree.sorting_1{background-color:rgba(157, 194, 249, 0.8)}

td.not-support.sorting_1{background-color:rgba(239, 197, 48, 0.75)}

td.oppose.sorting_1{background-color:rgba(232, 173, 54, 0.75)}

td.strongly-opp.sorting_1{background-color:rgba(221, 138, 62, 0.75)}

td.red-line.sorting_1{background-color:rgba(199, 67, 43, 0.75)}



/*MEDIA QUERIES*/

@media (max-width:680px){

    #header{
        height:295px;
    }
    #header-clear{
        height: 195px;
    }
    #logo{
        margin-top:1.6em;
    }

}

@media (max-width:650px){
    #dTable{
        font-size:12px;
    }
}

@media (max-width:450px){
    #header-title p{
        display: none;
    }

    #header{
        height: 245px;
    }

    #header-clear{
        height: 190px;
    }
    #filterContainer{
        width: 65%;
    }
    #logo{
        margin-top: 2.3em;
    }
    #dTable_wrapper .row .col-sm-12.col-md-6:first-child{
        margin: 0 !important;
    }
    table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc{
        font-size:11px
    }
}

@media (max-width:400px){
    #header{
        height:195px
    }
    #header-clear{
        height: 140px;
    }
    #header-title{
        padding-top: 2em;
        padding-left: 2em;
        width: 100%;
    }
    #header-title h1{
        font-size:28px
    }
    select ct{
        width: 100%;
    }
    #logo{
        margin-top: 1em;
        margin-right: 2em;
    }
    div.dataTables_wrapper div .dataTables_filter{
        margin-left: 2em;
    }
}

@media screen and (min-width:768px) {
    div.dataTables_wrapper div .dataTables_filter{
    justify-content:left;
    text-align: left;
    /* -webkit-box-pack: right; */
    }
}

#dTable_wrapper .row .col-sm-12.col-md-6:last-child{
    margin: 0 !important;
}
/* 
col:first-child {background: #FF0}
col:nth-child(2n+3) {background: #CCC} */