/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 26 mars 2015, 10:49:07
    Author     : atedjini
*/

/*#logos, #contact_search {*/
    /*margin-bottom: 2em;*/
/*}*/

/*#contact_search {*/
    /*text-align: right;*/
/*}*/

/*#contact_search .name_wrapper {*/
    /*font-family: nunitoLight;*/
/*}*/

/*#contact_link img{*/
    /*vertical-align: middle;*/
/*}*/

.name_wrapper .name {
    font-weight: bold;
}

.edit_owner {
    margin-left: 6em;
}

#contact_search .black, #contact_search .black a {
    font-weight: normal;
    color: black;
}

#contact_search .name {
    max-width: 250px;
    display: inline-block;
    vertical-align: top;
}
#socialmedias {
    line-height: normal;
}

#liens_connection {
    position: relative;
    top: 0;
    left: 0;
    max-width: 50%;
    height: 33%;
    right: auto;
    float: none;
    margin-top: 20px;
}

#liens_connection img,
#liens_connection2 img {
    min-height: 127px;
    max-height: 159px;
    margin-right: 3px;
    margin-top: 4px;
}

#blocs_menu_petit {
    margin-top: 0;
    top: 0;
    left: 0;
    max-width: 50%;
    height: 33%;
    float:left;
    /*min-height: 396px;
    max-height: 496px;*/
}
#blocs_menu_petit .bloc_details {
    /*width: 127px;*/
    width: 110px;
    height: 110px;
    vertical-align: top;
    text-align: center;
    font-size: 13px;
    color: #fff;
    /*min-height: 127px;
    max-height: 159px;*/
    cursor: pointer;
    font-family: Arial;
    line-height:102px;
}

#blocs_menu_petit .front {
    text-transform: uppercase;
}

#blocs_menu_petit .bloc_details_gris_fonce {
    background-color: #528090;
}

#blocs_menu_petit .bloc_details_gris_clair {
    background-color: #7da7b3;
}

#blocs_menu_petit .bloc_details img {
    margin: 10px 0;
    width: 40px;
    height: auto;
}

#blocs_menu {
    margin-top: 0;
    top: 0;
    left: 0;
    max-width: 50%;
    height: 33%;
    float:left;
}

#blocs_menu .bloc_details {
    width: 160px;
    height: 160px;
    vertical-align: top;
    text-align: center;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    font-family: Arial;
    line-height:152px;
}

#blocs_menu .front {
    text-transform: uppercase;
}

#blocs_menu .bloc_details_gris_fonce {
    background-color: #528090;
}

#blocs_menu .bloc_details_gris_clair {
    background-color: #7da7b3;
}

#blocs_menu .bloc_details_vert_fonce {
    background-color: #46af35;
}

#blocs_menu .bloc_details_vert_clair {
    background-color: #aaca21;
}

#blocs_menu .bloc_details_orange_clair {
    background-color: #f49712;
}

#blocs_menu .bloc_details_orange_fonce {
    background-color: #f65812;
}

#blocs_menu .bloc_details img {
    margin: 15px 0;
    width: auto;
    height: auto;
}

#carrousel {
    right: 0px;
    left: auto;
    margin-left:auto;
    padding: 0;
    width: 50%;
    height: 321px;
    overflow: hidden;
    position: relative;
}

#slideshow-wrap {
    display: block;
    min-height: 257px;
    max-height: 321px;
    width: 100%;
    position: relative;
    text-align: center;
}

#upper_block, #down_left_block {
    background-color: #ECEDED;
    padding: 40px;
    margin-top: 23px;
    margin-bottom: 25px;
}

#upper_block_ministere {
    background-color: #ECEDED;
    padding: 40px;
    margin-top: 23px;
}

.upper_block_data {
    padding-left: 125px;
    padding-right: 142px;
    background-color: #ECEDED;
    margin-top: 0;
}

.upper_block_background_animal_edit {
    padding: 30px !important;
    background-color: transparent !important;
    background: url('../images/999X1288.png') no-repeat;
    background-size: cover;
}

.upper_block_background_animal_eval_comp {
    padding: 30px !important;
    background-color: transparent !important;
    background: url('../images/999X1288.png') no-repeat;
}

#parent_down_left_block {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	left: -1.5%;
}


#down_left_block {
    position: absolute;
    left: 0;
    width: 49%;
    margin-top: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    background:none;
    background: url('../images/570X475.png') no-repeat;
    background-size: cover;
}

.animal-rensein {
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 590px;*/
}

.animal-info-detail {
	margin-top: 0;
	padding: 30px;
    background-image: url('../images/970X450.png');
    background-repeat: no-repeat;
    background-size: cover;
}

#down_left_block table {
    width: 100%;
    text-align: left;
}

#down_left_block table th {
    color: #3057B2;
    font-weight: normal;
}

#down_left_block table td {
    padding: 10px 0;
}

#down_left_block .event-list-table-body, .event-list-table-anomalie {
     display: block;
     height: 320px;
     margin-bottom: 10px;
     overflow-x: hidden;
     overflow-y: auto;
}

#down_left_block .event-list-no-detail {
    border-bottom: #208DD0 dotted 2px;
    padding: 0;
}

#down_left_block .event-list-detail-toggle {
    display:none;
}

#down_left_block .event-list-detail {
    border: none;
    padding: 0;
}

#down_left_block .event-list-detail td {
    padding: 0;
}

#down_left_block .event-list-detail table {
    background: white;
    border:1px silver solid;
    padding: 5px;
    font-size:0.8em;
}

#down_right_block {
    background-color: #ECEDED;
    position: relative;
    margin-left: 60%;
    margin-bottom: 30px;
    /* margin-top: 28px; */
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 60px;
    width: 41%;
    right: 0;
    height: 600px;
    color: #A4BF22;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    
    background:none;
    background: url('../images/400X475.png') no-repeat;
    background-size: cover;
    background-position: center center;
}

#down_right_block .title, #animal_actions .title {
    text-transform: uppercase;
    text-align: center;
}


.coords .name {
    font-weight: bold;
}

.law_text {
    font-size: 12px;
    /*padding-right: 30px;*/
    margin-bottom: 20px;
}

#upper_block .id, #upper_block .title, #animal_actions .title, #down_left_block .title, #dialogInfoImportation .title {
    /*margin: 0 auto;*/
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #3057B2;
    margin-bottom: 20px;
}

#upper_block .title:before, #upper_block .title:after,
#animal_actions .title:before, #animal_actions .title:after,
#dialogInfoImportation .title:before, #dialogInfoImportation .title:after {
    content: url('../images/decoration_titre_page_animal.png');
    padding: 3px;
    vertical-align: bottom;
}

#down_left_block .title:before, #down_left_block .title:after,
.mss_block .title:before, .mss_block .title:after {
    content: url('../images/decoration_titre_page_animal_petit.png');
    padding: 3px;
    vertical-align: bottom;
}

#animal_actions .title:before{
    padding-right: 20px;
}
#animal_actions .title:after{
    padding-left: 20px;
}
#animal_actions .title, #down_left_block .title{
    font-size: 24px;
}
#down_right_block .title{
    font-size: 20px;
    margin-bottom: 30px;
}

#upper_block .label {
    color: #208DD0;
    white-space: normal;
}

#upper_block .value {
    text-transform: uppercase;
}

#upper_block .number {
    color: #D40148;
    font-weight: 600;
}

#upper_block .cell {
    padding-right: 23px;
}

#upper_block_ministere .label {
    color: #D70048;
    white-space: normal;
}

#upper_block_ministere button {
    text-transform: uppercase;
    color: white;
    background-color: #D70048;
    line-height: 27px;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    margin-top: 15px;
    cursor: pointer;
    padding: 0 10px;
    border: none;
}

#upper_block_ministere button.ui-datepicker-trigger {
    background-color: transparent !important;
    line-height: 0 !important;
    margin-top: 0;
}

/*#animal_informations img {*/
    /*max-width: 237px;*/
    /*max-height: 237px;*/
    /*width: 100%;*/
    /*vertical-align: top;*/
/*}*/
img#animal-img-3 {
    max-height: 70px;
    max-width: 70px;
    margin-top: 10px
}

img#animal-img-2, img#animal-is-svf-logo, div.animal-photo {
    max-width: 115px;
    max-height: 115px;
    margin: 0 auto;
}

div.animal-photo-container {
    max-width: 115px;
    margin: 0 auto;
}

#modif-animal-button{
    position: relative;
    top: -16px;
    right: -15px;
}
#modif-animal-button image{
    width: 25px;
    height: 25px;
}

#toggle {
    height: 1em;
    vertical-align: top;
}

#animal_ident {
    margin-bottom: 1em;
}

.emphasis {
    font-weight: bold;
}

.downward {
    transform: rotate(180deg);
    transition: transform 0.2s;
}

.genemu_plain, .number div {
    display: inline;
}

.hidden {
    display: none;
}

img.initial {
    max-height: none;
    width: auto;
}

#search_result div.title {
    margin-bottom: 20px;
}

#search_result .titre_recherche {
    font-size: 16px;
    text-transform: uppercase;
    /*color: #D70048;*/
    font-weight: bold;
    background-color: #7EA9B4;
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 5px 0 5px 10px;
}

#search_result > table, .cadre-table-scroll table {
    border-collapse: collapse;
    border: 1px solid #fff;
    width: 100%;
    overflow-y: auto;
    font-size: 14px;
}

#search_result > table > thead, .cadre-table-scroll table thead {
    background-color: #F4B4C9;
    border: 1px solid #fff;
}

#search_result > table > thead th {
    font-weight: 600;
    font-size: 15px;
    color: #D70048;
    text-align: center;
}

#search_result > table.searchResult > thead th, #search_result > table.searchResult > tbody td {
    font-size: 12px;
}

#search_result th {
    border: 1px solid #fff;
    padding: 0px 4px;
    text-align: center;
}

#search_result td {
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}

.list_with_scroll table tbody {
	max-height:500px;
	overflow:auto;
}

.search_submit {
    margin-top: 10px;
}

.search_input {
    box-sizing: border-box;
}

:root {
    --odd-bg-color: #DFEAED;
    --even-bg-color: #CBDDE1;
}

#search_result .odd td, #search_result .odd th {
    background-color: #DFEAED;
    color: #000000;
}

#search_result .even td, #search_result .even th {
    background-color: #CBDDE1;
    color: #000000;
}

#search_result .odd td a.insert, #search_result .even td a.insert {
    color: #D70048;
}

#search_result.auto-row > table > tbody > tr:nth-child(odd),
#search_result.auto-row > table > tbody > tr:nth-child(odd) > th {
    background-color: var(--odd-bg-color);
}

#search_result.auto-row > table > tbody > tr:nth-child(even),
#search_result.auto-row > table > tbody > tr:nth-child(even) > th {
    background-color: var(--even-bg-color);
}

#search_result img {
    width: 25px;
    height: auto;
}

#search_result img.eye-icon {
    width: 35px;
}

/* page de gestion des identifications*/
#result_gestion_identifications > table {
    border-collapse: collapse;
    border: 1px solid #fff;
    width: 100%;
    overflow-y: auto;
    font-size: 14px;
}

#result_gestion_identifications > table > thead {
    background-color: #F4B4C9;
    border: 1px solid #fff;
}

#result_gestion_identifications > table > thead th {
    font-weight: 400;
    font-size: 16px;
    color: #D70A49;
    text-align: center;
}

#result_gestion_identifications th {
    border: 1px solid #fff;
    padding: 0px 0px;
    text-align: center;
}

#result_gestion_identifications td {
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
    background-color: #CBDDE1;
}

#result_gestion_identifications .odd td, #result_gestion_identifications .odd th, #result_gestion_identifications .odd td a {
    background-color: #CBDDE1;
    color: #000000;
}

#result_gestion_identifications .even td, #result_gestion_identifications .even th, #result_gestion_identifications .even td a {
    background-color: #DFEAED;
    color: #000000;
}

/*#result_gestion_identifications > table > thead tr:hover, #result_gestion_identifications > table > tbody tr a:hover {  */
div#result_gestion_identifications > table > tbody > tr:hover {
    background: #e8eaef;
}
/*#result_gestion_identifications .odd:hover, #result_gestion_identifications .even:hover {
    background-color: red;
}*/

/* fin page de gestion des identifications*/

/* tableau partie ministere */
.ministere_table_results > table {
    border-collapse: collapse;
    border: 1px solid #fff;
    width: 100%;
    overflow-y: auto;
    font-size: 14px;
}

.ministere_table_results > table td.titre_ligne {
    text-align: left;
    width: 25%;
}

.ministere_table_results > table > thead th {
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    text-align: center;
}

.ministere_table_results > table > thead th.image_header {
    text-align: left;
}

.ministere_table_results > table th {
    border: 1px solid #fff;
    padding: 0px 4px;
    text-align: center;
}

.ministere_table_results > table td {
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}

.ministere_table_results > table.table_chiens > tbody {
    border: 2px solid #aac921;
}

.ministere_table_results > table.table_chiens .odd td {
    background-color: #d5e490;
    color: #000000;
}

.ministere_table_results > table.table_chiens .even td {
    background-color: #e6efbd;
    color: #000000;
}

.ministere_table_results > table.table_chats > tbody {
    border: 2px solid #f49712;
}

.ministere_table_results > table.table_chats .odd td {
    background-color: #fce0b8;
    color: #000000;
}

.ministere_table_results > table.table_chats .even td {
    background-color: #facb88;
    color: #000000;
}

.ministere_table_results > table.table_furets > tbody {
    border: 2px solid #7da8b3;
}

.ministere_table_results > table.table_furets .odd td {
    background-color: #d8e5e8;
    color: #000000;
}

.ministere_table_results > table.table_furets .even td {
    background-color: #bed4d9;
    color: #000000;
}

.ministere_table_results > table.table_tout_carnivores > tbody {
    border: 2px solid #d70048;
}

.ministere_table_results > table.table_tout_carnivores .odd td {
    background-color: #ef99b6;
    color: #000000;
}

.ministere_table_results > table.table_tout_carnivores .even td {
    background-color: #f7ccda;
    color: #000000;
}

.ministere_table_results > table.table_commandes > tbody {
    border: 2px solid #f49712;
}

.ministere_table_results > table.table_commandes .odd td {
    background-color: #fce0b8;
    color: #000000;
}

.ministere_table_results > table.table_commandes .even td {
    background-color: #facb88;
    color: #000000;
}

.ministere_table_results > table.table_identifications > tbody {
    border: 2px solid #929391;
}

.ministere_table_results > table.table_identifications .odd td {
    background-color: #dedfde;
    color: #000000;
}

.ministere_table_results > table.table_identifications .even td {
    background-color: #c9c9c8;
    color: #000000;
}

.ministere_table_results > table.table_dae > tbody {
    border: 2px solid #d70048;
}

.ministere_table_results > table.table_dae .odd td {
    background-color: #ef99b6;
    color: #000000;
}

.ministere_table_results > table.table_dae .even td {
    background-color: #f7ccda;
    color: #000000;
}

.ministere_table_results > table.table_identifications_pro > tbody {
    border: 2px solid #f49712;
}

.ministere_table_results > table.table_identifications_pro .odd td {
    background-color: #facb88;
    color: #000000;
}

.ministere_table_results > table.table_animaleries > tbody {
    border: 2px solid #929391;
}

.ministere_table_results > table.table_animaleries .odd td {
    background-color: #c9c9c8;
    color: #000000;
}

.ministere_table_results > table.table_animaleries .even td {
    background-color: #dedfde;
    color: #000000;
}

.ministere_table_results > table.table_associations > tbody {
    border: 2px solid #f65812;
}

.ministere_table_results > table.table_associations .odd td {
    background-color: #fccdb8;
    color: #000000;
}

.ministere_table_results > table.table_associations .even td {
    background-color: #fbab88;
    color: #000000;
}

.ministere_table_results > table.table_eleveurs > tbody {
    border: 2px solid #d70048;
}

.ministere_table_results > table.table_eleveurs .odd td {
    background-color: #ef99b6;
    color: #000000;
}

.ministere_table_results > table.table_eleveurs .even td {
    background-color: #f7ccda;
    color: #000000;
}

.ministere_table_results > table.table_refuges > tbody {
    border: 2px solid #228cd2;
}

.ministere_table_results > table.table_refuges .odd td {
    background-color: #bdddf2;
    color: #000000;
}

.ministere_table_results > table.table_refuges .even td {
    background-color: #91c6e9;
    color: #000000;
}

.ministere_table_results > table.table_laboratoires > tbody {
    border: 2px solid #aac921;
}

.ministere_table_results > table.table_laboratoires .odd td {
    background-color: #d5e490;
    color: #000000;
}

.ministere_table_results > table.table_laboratoires .even td {
    background-color: #e6efbd;
    color: #000000;
}

.ministere_table_results > table.table_hors_delais > tbody {
    border: 2px solid #f49712;
}

.ministere_table_results > table.table_hors_delais .odd td {
    background-color: #fce0b8;
    color: #000000;
}

.ministere_table_results > table.table_hors_delais .even td {
    background-color: #facb88;
    color: #000000;
}


/* fin tableau partie ministere */

/*.ident-step table td{*/
/*background-color: #d3d3d3;*/
/*border-radius: 10px;*/
/*padding: 7px;*/
/*}*/
/*.ident-step table tbody{*/
/*width: 100%;*/
/*display: inline-table;*/
/*}*/
/*.ident-step table{*/
/*width:calc( 100% - 200px);*/
/*margin: 20px 100px;*/
/*}*/
.step-footer{
    margin: 20px 0;
}
.cso-label {
    padding-left: 10px;
    font-size: 12px;
}
.cso-input{
    width: 80px;
    font-size: 18px;
}
.input-remain-width{
    width:calc( 100% - 113px);
    margin: 5px 0;
}
.step-button{
    color: white;
    background-color: #84ADB8;
    border: none;
    padding: 5px 10px;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}

.step-button-orange {
    background-color: #F3912F !important;
}

.step-button-green {
    background-color: #12AC51 !important;
}

.step-button-red {
    background-color: #D70048 !important;
}

.step-button-grey {
    background-color: #666 !important;
}

.fixed-label-lg{
    width: 150px;
    display: inline-block;
}
.fixed-input-lg{
    width: calc(100% - 160px);
    font-size: 16px;
    display: inline-block;
}
.fixed-input-lg select {
    width: 100%;
}
.fixed-input-lg input{
    width: calc(100% - 4px);
}
.emplacement-label{
    /*width: 100px;*/
    display: inline-block;
}
.emplacement-input{
    font-size: 12px;
}

.date-ident-label {
    /*width: 145px;*/
    display: inline-block;
}

.date-ident-input {
    width: 90px;
    font-size: 12px;
}

.certif-provisoire{
    text-align: center;
    display:inline-block;
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 14px 15px;
}
.certif-provisoire span {
  font-size: 1.143em;
  font-weight: 700;
}

.icad-cp-header {
    margin-left: 85px;
}

.cp-details-titre {
    background-color: #84ADB8;
    color: #FFFFFF;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px;
}

.cp-details-sous-titre {
    font-size: 11px;
    text-transform: none;
    vertical-align: bottom;
    padding-left:27px;
    padding-top:3px;
}

.cp-details-choix-type-detenteur {
    background-color: #bed3d9;
    color: #000000;
    height: inherit;
}

.cp-details-type-detenteur-particulier {
    height: inherit;
    padding: 5px 0 0 10px;
}

.cp-details-type-detenteur-pro {
    border-left: 1px solid #FFFFFF;
    height: inherit;
    padding: 5px 0 0 10px;
}

.cp-details-bloc {
    background-color: #F4B4C9;
    padding: 20px;
}

.cp-details-bloc .code-cso {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    margin: 0 20px;
    padding: 10px 0;
    text-align: center;
    height: 80%;
}

#identification_list_filter table{
    width:100%;
    padding:10px;
    background-color: #b62fd4;
    color: #ffffff;
}

#identification_list_filter table td:first-child{
    width: 150px;
    padding-right: 100px;
}
#identification_list_filter table select{
    width: 100%;
}
.fixed-label{
    width: 95px;
    display: inline-block;
    padding-left: 5px;
}
#identification_list_filter table .line{
    margin-top: 10px;
}
#identification_list_title{
    text-align: center;
    color: palevioletred;
    font-size: 16px;
    padding: 5px;
}
#identification_list table {
    margin-bottom: 30px;
    width: 100%;
}
.particulier, .professionel{
    display: inline-block;
    width: 45%;
}

.particulier {
    background-color: #cad5f3;
    border-top-right-radius: 20px;
    padding: 0 10px;
}
.professionel{
    background-color: #cad5f3;
    border-top-left-radius: 20px;
    padding-left: 10px;
    margin-top: 30px;
    float: right;
}

input#animal_signeParticulier {
  width:588px;
}

.fixed-input-mid input{
    width: calc(50% - 116px);
}
.fixed-label-sm input{
    width: 50px;
}
.step-validation-button{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-top: 20px;
}
.step-validation-button button{
    margin: 10px 0;
}
.doc-page-title{
    font-size: 18px;
    color: palevioletred;
    text-align: center;
    text-decoration-line: underline;
}
.doc-sub-page-title{
    font-size: 18px;
    color: palevioletred;
    padding: 10px;
}
.doc-page-menu {
    width: 39%;
    margin: 20px;
    padding: 20px;
    min-height: 235px;
    border: 2px solid palevioletred;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.doc-page-menu2 {
    width: 39%;
    margin: 20px;
    padding: 20px;
    height: 150px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.ident_certif_prov_list_filter{
    padding: 20px;
}
.search_result thead{
    background-color: #629bff;
    color: white;
    font-size: 14px;
}
.search_result tbody tr:nth-child(odd) {
    background-color: #D2DEEF;
}


.search_result tbody tr:nth-child(even) {
    background-color: #EAEFF7;
}
.search_result{
    margin-bottom: 20px;
}

.sorti_fourriere_sub_button {
    display: block;
    /*position: absolute;*/
    margin: 15px;
    width: 70px;
}

#animal_actions .additional-buttons {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.center {
    text-align: center;
}

.text-area-container textarea {
    width: 100%;
}

.detenteur-info {
    margin: 0 35px;
    padding: 5px;
    border: 1px solid #000000;
    height: 280px;
}

.detenteur-info-2 {
    margin: 15px;
    padding: 15px;
    border: 1px solid #000000;
}

#liens_connection2 {
    height: 400px;
}

.label-2 label {
    width: 80px;
    display: inline-block;
    color: #208DD0;
    white-space: normal;
}

.value-2 select {
    width: 172px;
    width: 172px;
}

.cell-48 {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    height: 450px;
}

.cell-2 {
    display: inline-block;
    width: 2%;
}

.alert-animal {
    background-color: #ffccc0;
    border: 1px solid red;
    border-radius: 8px;
    padding: 10px 20px;

}

.alert-animal legend {
    margin-left: 10px;
    color: #208DD0;
}

.show-animal {
    width: 130px;
    margin: 10px;
    display: inline-block;
}

.show-animal a, .show-animal img {
    width: 100%;
}

.row-center {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.right-column-particulier {
    display: inline-block;
    width: 300px;
    vertical-align: top;
}

.button-big-back {
    width: 160px;
    height: 70px;
    display: inline-block;
    padding-top: 90px;
    margin: 3px;
    vertical-align: top;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

.cp-container {
    display: inline-block;
    width: 100%;
}

.row-form-ident {
    vertical-align: top;
    display: block;
}

.white-line, .blue-line {
    width: 100%;
    display: inline-block;
}

.blue-line {
    background-color: rgba(113, 168, 198, 0.23);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
}

.blue-line-header {
    background-color: rgba(30, 65, 189, 0.27);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 30px;
    line-height: 30px;
    margin: 1px 1px;
    display: block;
    padding: 3px;
}

.blue-line-body {
    height: calc(100% - 60px);
    padding: 10px;
    display: block;
}

.white-line {
    background-color: #ffffff;
    padding: 20px;
}

.first-column {
    width: 350px;
    height: 182px;
    display: inline-block;
    vertical-align: top;
}

.second-column {
    width: 444px;
    height: 182px;
    display: inline-block;
    vertical-align: bottom;
}

.white-container {
    border: 10px;
    background-color: white;
    display: block;
    padding-top: 20px;
    height: calc(100% - 20px);
    vertical-align: middle;
    border-radius: 10px;
}

.filtering .row-x {
    padding: 5px;
}

.race_chien .ui-widget, .race_chat .ui-widget {
    font-size: 0.8em !important;
    color: #000000 !important;
    font-weight: normal;
    /*padding: 0 5px;*/
}

/********************** ministere *******************************/

select[name="search_filter[categorie]"] > option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.parent-category {
    font-weight: bold;
}

.child-category {
    padding-left: 15px;
}

.label-370 {
    width: 370px;
    display: inline-block;
}

.span-55 {
    width: 55px;
    display: inline-block;
    vertical-align: top;
}

.span-55 input {
    width: 50px;
}

.span-100 {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

.span-100 input {
    width: 100px;
}

.width-530 {
    width: 530px;
}

.associes-list {
    width: 100%;
}

.associes-list th,.associes-list td {
    padding: 5px 10px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
}

.associes-list th{
    background-color: #84adb8;
    color: #ffffff;
}

.associes-list .even-td {
    background-color: #cbdce1;
}

.associes-list .odd-td {
    background-color: #dfe9ec;
}

#action_helptext {
    font-size: 14px;
}

#mes_documents .img-ss-partie {
    text-align: center;
}

#mes_documents .lien-ss-partie {
    color: #D70048;
    font-size: 16px;
    font-weight: 600;
}

.etat_animal {
    font-size: 14px;
    color: #D40148;
    text-transform: uppercase;
    font-weight: 600;
}

/*------------------ FORMULAIRE PASSEPORT ----------------------- */

#identification_passeport_dateDeDelivrance {
    display: inline;
}

#formulaire-passeport {
    margin-top: 15px;
}

.passeport-label {
    background-color: #84ADB8;
    padding: 5px;
    color: #fff;
}

.numero-passeport,
.delivre-par,
.date-delivrance,
.motif {
    padding: 5px;
}

input.hasDatepicker {
    width: 90px;
}

span#before-numero-passeport {
    margin-right: -3px;
    margin-left: 5px;
    float: right;
}

/******************* LISTE DES PASSEPORTS ******************/

#ajouter-passeport {
    float: right;
    margin-bottom:10px;
}

/******************* IDENTIFICATION ***********************/

label.required:not(.ignore-required, .optional-one):after,
.required label:not(.ignore-required, .optional-one):after{
    content: ' *';
    color: #D70048;
    font-size: 14px;
}

label.optional-one:after,
.optional-one label:after{
    content: ' **';
    color: #D70048;
    font-size: 12px;
}


/******************* UTILS ******************/


.section-title{
    background-color: #84ADB8;
    font-size: 13px;
    color: #FFFFFF;
    padding: 5px;
    text-transform: uppercase;
}

table.liste-table{
    border-collapse: collapse;
    width: 100%;
}

table.liste-table > thead {
    background-color: #F4B4C9;
    border: 1px solid #fff;
}

table.liste-table > thead th {
    font-weight: 400;
    font-size: 16px;
    color: #D70A49;
    text-align: center;
    border: 1px solid #fff;
    padding: 0px 4px;
}


table.liste-table > tbody > tr:nth-of-type(2n) td {
    background-color: #CBDDE1;
}

table.liste-table > tbody > tr:nth-of-type(2n +1) td {
    background-color: #DFEAED;
}

table.liste-table > tbody  td{
    color: #000000;
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}

table.histo-dets-table{
    border-collapse: collapse;
    width: 100%;
}

table.histo-dets-table > thead {
    background-color: #f49712;
    border: 1px solid #fff;
}

table.histo-dets-table > thead th {
    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #fff;
    padding: 0px 4px;
}


table.histo-dets-table > tbody > tr:nth-of-type(2n) td {
    background-color: #facb88;
}

table.histo-dets-table > tbody > tr:nth-of-type(2n +1) td {
    background-color: #fce0b8;
}

table.histo-dets-table > tbody  td{
    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #000000;
    border: 1px solid #fff;
    padding: 5px;
    text-align: center;
}

.float-right {
    float: right;
}

.text-underline{
    text-decoration: underline;
}

.text-small{
    font-size: small;
}

/******************* Jquery UI - adapatation css ******************/
.dialog-button.ui-state-focus, .dialog-button.ui-state-hover {
    color: white;
    background-color: #d70048;
    border: none;
    padding: 5px 10px;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}

.dialog-erreur.ui-dialog-content {
    color: #d70048;
}

.coordDetenteur, .coordAdoptant, .histoDetenteur {
    float: left;
    width: 100px;
}

.w-100 {
    width: 100%;
}

.iconeBNO, titleBNO {
    float: left;
}

.iconeBNO img {
    width: 70px;
}

.titleBNO {
    padding: 25px 20px !important;
    font-size: 22px !important;
    line-height: 25px;
    color: #4e4e4e;
    font-weight: bold;
}

.popupBNO {
    clear: both;
    padding: 20px 20px !important;
    font-size: 18px !important;
    line-height: 25px;
    color: #4e4e4e;
}

.buttonBNO:first-child {
    float: left;
    margin-left: 60px!important;
}

.buttonBNO:last-child {
    float: right;
}

.popupBNO a {
    font-weight: bold;
}

.list-style-none {
    list-style: none;
}
