/*modificaciones a django-tables-view*/
table.dataTable{
    border-spacing: 0.2em;
    border-collapse: inherit;
}
table.dataTable thead th, table.dataTable thead td{
    border: none;
    height: 2em;
    text-align: center;
    padding: 8px 25px 8px 1px;
    vertical-align: middle;
}

table.dataTable tbody tr, table.dataTable tbody td {
    vertical-align: middle;
}

.dataTables_empty{
    height: 5em;
    vertical-align: middle;
    font-size: 1.3em;
}

table.dataTable tbody{
    font-family: "Frutiger Light", serif;
    font-size: 1em;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1{
    background-color: rgba(250, 250, 250, 0.77);
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1{
    background-color: rgba(86, 165, 219, 0.11);
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{
    background-color: #E6F6F8;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: none;
}

table.dataTable.stripe tbody tr.odd{
    background-color: #FFFFFF;
    text-align: center;
}
table.dataTable tbody tr{
    background-color: #E6F6F8;
    text-align: center;
}

table.dataTable.no-footer {
    border: none;
}

table.dataTable thead .sorting_desc{
    background-image: url('../img/tables/arrow_up_table.png');
}
table.dataTable thead .sorting_asc{
    background-image: url('../img/tables/arrow_down_table.png');
}

table.dataTable thead .sorting{
    background-image: url('../img/tables/arrow_up_down_slow.png');
}

td.closed_status{
    color: red;
}

/* home table headers */
#table_head_status{
    min-width:40px;
    width:40px;
}
#table_head_view_report{
    min-width:45px;
    width: 45px;
    padding-right: 12px;
}
#table_head_inquiry_id{
    min-width:64px;
    width: 64px;
}
#table_head_received_date{
    min-width:66px;
    width: 66px;
}
#table_head_due_date{
    min-width:66px;
    width: 66px;
}
#table_head_closed_date{
    min-width:66px;
    width: 66px;
}
#table_head_source_country{
    min-width:66px;
    width: 66px;
}
#table_head_priority{
   min-width:49px;width: 49px;
}

#table_head_view_contact{
    min-width:45px;
    width: 45px;
}
#table_head_contact_country{
    min-width:90px;
    width: 90px;
}

/*pagination*/
.dataTables_wrapper .dataTables_paginate {
    float: none;
    margin: 2em auto;
    border-radius: 8px 8px 8px 8px;
    padding-right: 0.5em;
    padding-left: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* numbers pages */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:active{
    color: white !important;
    font-family: "Frutiger Bold", serif;
    font-size: 14px;
    cursor: pointer;
    background: #40545e;
    border: none;
    box-shadow: none;
    padding: 0em 0em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    color: #40545e !important;
    font-family: "Frutiger Bold", serif;
    font-size: 14px;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0em 0em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.dataTables_wrapper .dataTables_paginate > span .paginate_button, 
.dataTables_wrapper .dataTables_paginate > span .paginate_button:active,
.dataTables_wrapper .dataTables_paginate > span .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current,
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current:active,
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current:hover {
    border: 1px solid #40545e;
    border-radius: 50%;
    width: 22px;
    margin: 0;
}

.dataTables_wrapper .dataTables_paginate > span .paginate_button:hover {
    background:  #40545e;
    color: white !important;
}

.dataTables_wrapper div.bottom span {
  display: flex;
  align-items: center;
  margin-right: 1em;
}

.dataTables_wrapper div.bottom span > div.divider {
    flex-grow: 1;
    border-bottom: 1px solid #40545e;
    width: 50px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 1em;
}

/* next and previous pages*/
.dataTables_wrapper .dataTables_paginate .paginate_button#my-table_first{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrows_left_pagination_150.png")no-repeat;
}
.dataTables_wrapper .dataTables_paginate .paginate_button#my-table_previous{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrow_left_pagination_150.png")no-repeat;
}
.dataTables_wrapper .dataTables_paginate .paginate_button#my-table_next{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrow_right_pagination_150.png")no-repeat;
    margin-left: 0.7em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button#my-table_last{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrows_right_pagination_150.png")no-repeat;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:active{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrows_left_pagination_150.png")no-repeat;
    display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:active{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrow_left_pagination_150.png")no-repeat;
    display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:active{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrow_right_pagination_150.png")no-repeat;
    display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:active{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrows_right_pagination_150.png")no-repeat;
    display: none;
}

.dataTables_wrapper{
    min-height: 280px;
}

/*anterior css para django-tables2*/
thead {
    background-color: rgba(252,191,0,0.2);
}

.header_table{
}

thead tr th >a{
    color: #000000;
}

#historical_inquiry_table_container tbody tr {
    height: 5em;
}

table thead th.orderable > a {
    padding-right: 13px;
    padding-top: 3px;
}
table thead th.orderable.asc > a {
    background: url('../img/tables/table_arrow_asc.png') right center no-repeat;
}
table thead th.orderable.desc > a {
    background: url('../img/tables/table_arrow_desc.png') right center no-repeat;

}


#inquiry_table_container, #contacts_table{
    min-height: 457px;
}

/**** images ****/
.edit_row_table{
    background: url("../img/tables/pencil.png") no-repeat;
    height: 1em;
    width: 2em;
}
.view_row_table{
    background: url("../img/tables/eye.png") no-repeat;
    height: 19px;
    width: 24px;
}
.new_view_row_table{
    background: url("../img/tables/new_inquiry_eye.png") no-repeat;
    height: 30px;
    width: 44px;
    margin-left: -6px;
    margin-top: -9px;
}
.closed_status_dark_blue_text{
    background: url("../img/tables/close_blue_locker.png") no-repeat;
    height: 1.5em;
    width: 1.5em;
}
.closed_status{
    background: url("../img/tables/close_blue_locker.png") no-repeat;
    height: 1.5em;
    width: 1.5em;
}

.open_status{
    background: url("../img/tables/open_locker.png") no-repeat;
    height: 1.5em;
    width: 1.5em;
}

.open_status.red_text {
    background: url("../img/tables/open_locker_red.png") no-repeat;
    height: 1.5em;
    width: 1.5em;
}

.transferred_status {
    background: url("../img/transferredIcon_23x23.png") no-repeat;
    height: 1.5em;
    width:1.5em;
}

.transferred_status.red_text {
    background: url("../img/transferredIcon_23x23_red.png") no-repeat;
}

/*** INQUIRY TABLE ***/
.inquiry_table{
    width: 100%;
}

/* width colums */
th.status{
    width: 70px;
}
th.view_report{
    width: 80px;
}
th.inquiry_id{
    width: 120px;
}
th.received_date{
    width: 125px;
}
th.priority{
    width: 90px;
}

.low_priority_dark_blue_text{
    color: #40545E;
}
.medium_priority_dark_blue_text{
    color: #FCBF00;
}
.high_priority_dark_blue_text{
    color: #F18700;
}
.low_priority_red_text{
    color: #DD2222;
}
.medium_priority_red_text{
    color: #DD2222;
}
.high_priority_red_text{
    color: #DD2222;
}
.low_priority_red_slow_text{
    color: rgba(235,107,107,1);
}
.medium_priority_red_slow_text{
    color: rgba(235,107,107,0.7);
}
.high_priority_red_slow_text{
    color: rgba(235,107,107,1);
}
.gray_slow_text{
    color: rgb(163, 163, 163);
}
.low_priority_gray_slow_text{
    color: rgb(163, 163, 163);
}
.medium_priority_gray_slow_text{
    color: rgb(163, 163, 163);
}
.high_priority_gray_slow_text{
    color: rgb(163, 163, 163);
}

/*** INQUIRY TABLE ***/
.contact_table{
    width: 100%;
}

/* width colums */

th.view_contact{
    width: 80px;
}

.row_contact{
    height: 3em;
}

@media only screen and (max-width: 1230px) {
   .ellipsis_text {
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
       min-width: 100px;
       width: 100px;
       display: inline-block;
   }
}

/************************/
/** status inquiry ***/
/************************/
.position_countries{
    height: 2em;
    width: 2em;
    position: relative;
    top: 18px;
    left: 6px;
}

.position_countries img {
    height: 30px;
    width: 30px;
}

.AUSTRIA{
    background: url("/static/img/countries/austria.png") no-repeat;
}
.FRANCE{
    background: url("/static/img/countries/france.png") no-repeat;
}
.GERMANY{
    background: url("/static/img/countries/germany.png") no-repeat;
}
.ITALY{
    background: url("/static/img/countries/italy.png") no-repeat;
}
.PORTUGAL{
    background: url("/static/img/countries/portugal.png") no-repeat;
}
.SPAIN{
    background: url("/static/img/countries/spain.png") no-repeat;
}
.SWITZERLAND{
    background: url("/static/img/countries/suiza.png") no-repeat;
}
.KINGDOM{
    background: url("/static/img/countries/uk.png") no-repeat;
}
.Headquarters{
    background: url("/static/img/countries/headquarters.png") no-repeat;
    position: relative;
    top: 25px;
    left: 8px;
}

.reassigned{
    background: url("/static/img/countries/arrow_re_asigned.png") no-repeat;
    height: 2em;
    width: 2.7em;
    position: relative;
    bottom: 13px;
    left: 6px;
}
.reassigned_resend{
    background: url("/static/img/countries/arrow_re_asigned_re_send.png") no-repeat;
    height: 2.7em;
    width: 3em;
    position: relative;
    bottom: 13px;
    left: 0px;
}
.resend{
    background: url("/static/img/countries/arrow_re_send.png") no-repeat;
    height: 2em;
    width: 2.7em;
    position: relative;
    bottom: 4px;
    left: 5px;
}
.reassigned_text{
    font-size: 10px;
}
/************************/
/** pagination tables ***/
/************************/

/*#input_current_page{*/
    /*width: 2em;*/
/*}*/
#page_button_first{
    width: 20px;
    height: 18px;
    margin-left: 0.5em;
    background: url("../img/tables/arrows_left_pagination_150.png")no-repeat;
}
#page_button_prev{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrow_left_pagination_150.png")no-repeat;
}
#page_button_next{
    width: 20px;
    height: 18px;
    background: url("../img/tables/arrow_right_pagination_150.png")no-repeat;
}
#page_button_last{
    width: 20px;
    height: 18px;
    margin-right: 0.5em;
    background: url("../img/tables/arrows_right_pagination_150.png") no-repeat;
}

.next{
    padding-top: 3px;
    padding-left: 10px;
}
.last{
    padding-top: 3px;
    padding-left: 10px;
}
.first{
    padding-top: 3px;
    padding-right: 10px;
}
.previous{
    padding-top: 3px;
    padding-right: 10px;
}

.pagination{
    height: 40px;
    padding-top: 4px;
    /*width: 28%;*/
    /*width: 17em;*/
    background-color: rgba(234, 236, 237, 0.81);
    border-radius: 8px 8px 8px 8px;
    padding-right: 1em;
    padding-left: 1em;
}

.padding_numbers_pagination{
    padding-right: 0.4em;
    padding-left: 0.4em;
}

/* información de que no tenemos rows en la tabla
*/
#container_info_no_rows{
    text-align: center;
    padding: 9px;
}

.clearable{
    background: #fff url("../img/xcross.png") no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}
.clearable.x  {
    background-position: right 5px center;
}
.clearable.onX{
    cursor: pointer;
}
/* Remove IE default X */
.clearable::-ms-clear {
    display: none;
    width:0;
    height:0;
}