/*****************************************************
*
*	MODULE SUIVI SANITAIRE
*
*   Déclarer une morsure
*   Gérer mes surveillances sanitaires
*
*****************************************************/


/********************
*
*	General common
*
********************/

.ui-widget-content a.white-12 {
	color: #ffffff!important;
}

.smallSize {
	font-size: 10px!important;
}

.mediumSize {
	font-size: 14px!important;
}

.largeSize {
	font-size: 20px!important;
}

.inline {
	display: inline-block;
}

.line-through {
	text-decoration: line-through;
}

.w-1 {
	width: 1px!important;
	opacity: 0;
}

.h-16 {
	height: 16px!important;
}

.h-26 {
	height: 26px!important;
}

.h-42 {
	height: 42px!important;
}

.w-50 {
	width: 50px!important;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.m-left-8 {
	margin-left: 8px;
}

.m-left-10 {
	margin-left: 5px;
}

.m-left-15 {
	margin-left: 15px;
}

.m-left-20 {
	margin-left: 25px;
}

.m-left-25 {
	margin-left: 25px;
}

.m-left-30 {
	margin-left: 30px;
}

.m-left-35 {
	margin-left: 35px;
}

.m-top-10 {
	margin-top: 10px;
}

.m-top-30 {
	margin-top: 30px;
}

.m-top-0 {
	margin-top: 0;
}

.m-top-20 {
	margin-top: 20px;
}

.p-top-5 {
	padding-top: 5px;
}

.p-top-20 {
	padding-top: 20px;
}

.p-top-30 {
	padding-top: 30px;
}

.p-left-0 {
	padding-left: 0px;
}

.p-left-20 {
	padding-left: 20px;
}

.p-bottom-5 {
	padding-bottom: 5px;
}

.m-bottom-10 {
	margin-bottom: 10px;
}

.m-bottom-20 {
	margin-bottom: 20px!important;
}

.m-bottom-30 {
	margin-bottom: 30px!important;
}

.m-bottom-40 {
	margin-bottom: 40px;
}

.m-right-10 {
	margin-right: 10px;
}

.m-right-35 {
	margin-right: 35px;
}

.line-height-40 {
	line-height: 40px!important;
}

.w1 {
	width: 1px;
}

.horiz-padding-20 {
	padding: 0 20px;
}

hr {
	height: 0;
	border: none;
	border-top: 1px dashed #98989c;
	margin: 30px 0;
}

.h-30 {
	height: 30px;
}

.clear {
	clear: both;
}

.italic {
	font-style: italic;
}

.padding-30 {
	padding: 30px 15px;
}

.padding-15 {
	padding: 15px;
}

.erreur {
	color: red;
}

#errorCso {
	background-color: red;
	color: white;
}

.blue {
	color: #3057B2;
}

.red {
	color: #D70048;
}

.green {
	color: green;
}

.orange {
	color: orange;
}

.none {
	display: none;
}

.block {
	display: block!important;
}

.bold {
	font-weight: 600;
}

.backOrange {
	background-color: #facb88;
}

.backGreen {
	background-color: #d5e490;
}

.border-red {
	border: 1px solid #000;
	padding: 10px 0;
}

.grey {
	color: #666;
}

i.far.fa-times-circle {
	color: #FFFFFF;
}

i.fa-search {
	cursor: pointer;
}

i.fa-bell, i.fa-user {
	color: #528091;
}

i.fa-bell.white {
	color: #fafafa;
}

.upper {
	text-transform: uppercase;
}

.picto10 {
	width: 40px!important;
}

.picto13 {
	width: 13%!important;
}

.picto20 {
	width: 20%!important;
}

.picto25 {
	width: 25%!important;
}

.picto30 {
	width: 30%!important;
}

.picto36 {
	width: 36%!important;
}

.picto40 {
	width: 36%!important;
}

.picto48 {
	width: 48%!important;
}

.picto60 {
	width: 60%!important;
}

.wp-60 {
	width: 60px;
}

.wp-120 {
	width: 120px;
}

.fontSize9 {
	font-size: 9px;
}

.fontSize10 {
	font-size: 10px!important;
}

.fontSize11 {
	font-size: 11px!important;
}

.fontSize12 {
	font-size: 12px;
}

.fontSize16 {
	font-size: 16px!important;
}

.fontSize17 {
	font-size: 17px!important;
}

.fontSize18 {
	font-size: 18px!important;
}

.fontSize19 {
	font-size: 18px!important;
}

.fontSize20 {
	font-size: 20px;
}

.fontSize24 {
	font-size: 24px;
}

.underline {
	text-decoration: underline;
}

.bckg-grey {
	background-color: #ccc;
}

#loader, .loader {
	position: fixed;
	z-index: 9999;
	background-color: #FFF;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.5;
	display: none;
}

.input-260 {
	width: 260px;
}

.border-h {
	border-left: 2px solid black!important;
	border-right: 2px solid black!important;
}

.border-top {
	border-top: 2px solid black!important;
}

.v-align-top {
	vertical-align: top;
}

#msg {
	display: none;
}

/**********************
*
*	General Buttons
*
**********************/

.valid_form_morsure {
	padding: 10px 50px!important;
	text-transform: uppercase;
}

#boutonSupprimerVictime {
	display: inline-block;
	float: right;
}

#downButton {
	text-align: right;
	margin: 30px 0;
}

.redButton {
	color: #ffffff;
    background-color: #D40550;
    border: none;
    font-weight: bold;
    padding: 7px 15px;
    cursor: pointer;
}

.redButton:hover {
    opacity: 0.8;
}

.rightButton {
	text-align: right;
}

.greenButton, .blueButton {
	color: #ffffff;
    border: none;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 14px;
}

.greenButton {
	background-color: #A4BF22;
}

.blueButton {
	background-color: #3057B2;
}

.mssButtons .blueButton {
	margin-right: 8px;
}

#btInfosDetenteur img, #bt-animal-life img {
	width: 20px;
	vertical-align: middle;
	padding : 0 0 3px 5px;
}

.btInfosDetenteur img {
	width: 20px;
	vertical-align: middle;
	padding : 0 0 3px 5px;
}

.squareButton {
	text-align: right;
	margin-right: 15px;
}

.squareButton a {
	width: 200px;
}

.iconButton {
	padding: 3px 0;
}

.iconButton a {
	color: #ffffff;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
}

.iconButton a:hover {
    opacity: 0.8;
}

.habilitationButton {
	display: inline-block;
}

.habilitationButton .step-button {
	margin-left: 10px;
}

.fa-times-circle, .fa-clone {
	color: #528091;
}

/************************************
*   Bloc Identification Animal
*
*   Page Déclarer une morsure
*
*************************************/

#identification_left_block {
	width: 63%;
	padding: 20px;
	float:left;
}

#identification_left_block h1.title {
	margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #3057B2;
    margin-bottom: 20px;
	line-height: 1.286em;
}

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

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

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

#identification_left_block .cell {
	padding: 0;
	padding-right: 7px;
}

#identification_left_block #modif-animal-button {
	top: -6px;
	right: 237px;
}

#identification_left_block .animal_informations table tr td {
	font-size: 12px;
	float: left;
}

#identification_left_block img#animal-img-2 {
	width: 80px;
}


/************************************
*   Bloc Détenteur
*
*   Page Déclarer une morsure
*
*************************************/
#detenteur_right_block {
	position: relative;
	float: right;
	width: 30%;
	margin-left: 0;
	height: auto;
	min-height: 308px;
    margin-bottom: 30px;
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 60px;
    color: #A4BF22;
    box-sizing: border-box;
    background: url('../images/400X475.png') no-repeat;
    background-size: cover;
    background-position: top center;
}

#detenteur_right_block .title {
	font-size: 14px;
	margin-bottom: 20px;
	text-transform: uppercase;
    text-align: center;
}

#detenteur_right_block .coords {
	font-size: 11px;
	color: #007024;
}

/************************************
*   Bloc Formulaire 100%
*
*   Page Déclarer une morsure
*
*************************************/

#morsure_form {
	width: 100%;
}

#morsure_form .dateMorsure {
	width: 100%;
	display: block;
}

#morsure_form .nomVet {
	width: 100%;
	display: block;
	margin-top: 15px;
}

#morsure_form .circonstances {
	margin-top: 15px;
}

.anomalieCirconstances {
	margin-left: 3px;
	padding: 30px 0;
}
#morsure_form .circonstances textarea, .anomalieCirconstances textarea.circonstances {
	width: 93%;
	padding: 15px;
	height: 100px;
}

.victim_form {
	width: 100%;
}

.victim_form .title {
	margin-top: 30px!important;
}

.victim_form div {
	margin-bottom: 10px;
}

.victim_form div div {
	width: 50%;
	display: inline-block;
}

.victim_form label {
	display: block;
	width: 170px;
	float: left;
	line-height: 27px;
	color: #208DD0;
}

.victim_form select {
	width: 53%;
}

.victim_form input {
	width: 50%;
}

.victim_form .radio-form label {
	display: inline-block;
	width: auto;
	float: none;
}

.victim_form div div:first-child {
	width: 100%;
}

.victim_form div input[type="radio"] {
	margin: 0 10px 0 20px;
	width: 10px;
}


.victim_form div input[type="radio"]:first-child {
	margin-left: 0px;
}

.victimes .link_form {
	margin-top: 10px;
}

.victim_form #deleteVictim {
	display: block;
	text-align: center;
}

.infosRep {
	width: 100%!important;
}

.checkboxMss {
	margin-top: 15px;
}

.selection, .selectionMss {
	font-size: 14px;
}

.aniRechercher {
	width: 3%!important;
}

.aniInconnu {
	width: 3%!important;
	line-height: 22px!important;
}

.labelInconnu {
	line-height: 22px!important;
	padding-left: 30px;
	width: 120px!important;
}

#identifiantAnimalTable table tr {
	cursor: pointer;
}

.detailsAnimal {
	/*margin-left: 170px;*/
}

.identAnimal {
	width: 38%!important;
}

.labelIdentAnimal {
	width: 225px!important;
}

.victimeTitle {
	margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 20px;
	line-height: 1.286em;
}

/**********************************************
*   Bloc Recherche
*
*   Page Gérer mes surveillances sanitaires
*
*********************************************/

#mss_search_form,
#importation_search_form,
.searchVetClinic,
.searchVetClinicMss {
	margin-top: 30px;
}

#mss_search_form form div,
#importation_search_form form div,
.searchVetClinic div div,
.searchVetClinicMss div div {
	display: inline-block;
	padding: 0 15px;
	line-height: 45px ;
}

.searchVetClinic div div,
.searchVetClinicMss div div {
	width: 44%;
	text-align: right;
}

.searchVetClinic div.loupe,
.searchVetClinicMss div.loupe {
	float: right;
	margin: 0 50px 15px 0;
}

#mss_search_form div label,
.searchVetClinic div div label,
.searchVetClinicMss div div label,
#importation_search_form div label {
	padding-right: 10px;
}

#mss_search_form img#search,
#importation_search_form img#search {
	cursor: pointer;
}

.liste_suivi_morsures {
	font-size: 11px;
	margin: 30px 0;
}

.liste_suivi_sanitaire {
	font-size: 10px;
}

.tableMss {
	width: 97%!important;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.tableMss .paginator {
	width: 96%!important;
}

.mssResults a td {
	cursor: pointer;
}

.ui-dialog-title.mss {
	visibility: visible;
	color: white;
}

.inputDept {
	width: 40px;
}

.inputDeptLarge {
	width: 120px;
}

#dialogMotif #listeMotifs select {
	width: 380px;
	height: 30px;
}

.detailsVet {
	margin-top: 10px;
}

.nomVet .col-xs-4 {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

.btAnnuleVet, .btAnnuleVetMss {
	position: relative;
	z-index: 2;
	padding: 0!important;
    height: 42px;
    line-height: 59px!important;
    vertical-align: middle;
    margin-left: -48px;
}

.btAnnuleVet img, .btAnnuleVetMss img {
    height: 28px;
    cursor: pointer;
}

/**********************************************
*
*   Page fiche suivi sanitaire
*
*********************************************/

.table-info-suivi {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
}

.table-info-suivi table.liste-table > thead th {
	font-size: 13px;
}

.table-info-suivi table.liste-table > thead .gestionMss th {
	font-size: 11px;
}

.table-info-suivi table.liste-table > thead th.suivi-col-head {
	line-height: 1.3;
	width: 10%;
}

.table-info-suivi .suivi-nb-results {
	background-color: #7EA9B4;
	color: #FFFFFF;
	padding-left: 10px;
	box-sizing: border-box;
}

.table-info-suivi-vet {
	padding: 0 30px 30px 30px;
}

.upper_block_background_animal_mss, .upper_block_background_animal_mss{
    padding: 30px 40px !important;
    background-color: transparent !important;

}

#mss_informations {
	width: 90%;
	margin-top: 30px;
	margin-left: 20px;
	padding: 20px 40px;
}

#headerTitle {
	margin-top: 30px;
}

#mainTitle {
	float: left;
	width: 75%;
	padding-top: 15px;
	line-height: 25px;
}

#mainTitle p {
	color: #000;
	font-size: 16px;
}

#etatTitle {
	position: relative;
	float: right;
	text-align: center;
	width: 20%;
}

#etatTitle p {
	margin: 0;
	padding: 0;
}

#etatTitle p.icone {
	margin-top: -15px;
}

#etatTitle .etat span{
	font-size: 14px;
	line-height: 25px;
}

.etat a, i.far.fa-times-circle {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

#infosMotif {
	margin-top: 50px;
}

.info-block .motif, #dialogInfoImportation .motif{
	width: 100%;
	line-height: 20px;
	/*padding-left: 20px;*/
	padding: 10px 0!important;
}

#dialogInfoImportation table td, #dialogInfoImportation table th, #dialogInfoImportation .float-right {
	font-weight: bold;
}

.alertMss {
	text-decoration: underline!important;
}

.drapeauMss img {
	margin-left: 10px;
}

.info_mss {
	float: left;
	width: 46%;
	padding: 0 20px 10px 20px;
}

.info_list_svf {
	float: left;
	width: 76%;
	padding: 0 20px 10px 20px;
}

.etatIcone img {
	width: 25px;
}

.motif .float-left, .motif .float-right, .motif .float-center {
	display: inline-block;
	font-size: 16px;
}

.motif .float-left th, .motif .float-center th, .motif .cadreDetails th {
	font-weight: normal;
	color: #208DD0;
	text-align: left;
	padding-right: 15px;
}

.motif .float-left {
	width: 65%;
}

.motif .float-right {
	width: 30%;
}

.motif .float-center {
	clear: both;
	margin-top: 25px;
	text-align: center;
}

.motif .cadreInfo {
	width: 100%;
	padding: 20px;
	border: 1px solid #208DD0;
	font-size: 16px;
	margin-bottom: 20px;
}

.motif .cadreInfo th {
	color: #208DD0;
	font-weight: normal;
	width: 30%;
	text-align: right;
	padding-right: 20px;
}

.motif .cadreDetails {
	width: 100%;
	font-size: 16px;
}

.cadreInfo .motifInfo th, .cadreInfo .motifInfo td {
	padding-top: 20px;
}

#edit_apms {
	position: absolute;
	top: -37px;
	right: 43px;
}

.inline-h-30 {
	height:30px;
	line-height:24px
}

.editer_anomalie {
	cursor:pointer;
	vertical-align:top;
	width:23px;
}

.motif .cadreArrete {
	width: 50%;
	padding: 20px;
	border: 1px solid #208DD0;
	font-size: 16px;
	margin-bottom: 20px;
}

/**********************
*
*	General Form
*
**********************/

#mss_search_form,
#importation_search_form {
	clear: both;
	padding-top: 20px;
}

#mss_search_form div input,
#mss_search_form div select,
.victim_form div input,
.victim_form div select,
#morsure_form div input,
#morsure_form div select,
#visite_sanitaire div input,
#visite_sanitaire div select,
.search div input,
.search div select,
#importation_search_form div input,
#importation_search_form div select,
#modifMotif select,
#infosMotif div input,
.detailVisite div input:not(input[type=file]), .detailVisite div select
{
	padding: 5px 5px;
}

.detailVisite div input, .detailVisite div select, .detailVisite input
{
	margin-left: 15px;
}

#morsure_form label
{
	color: #208DD0;
}

#search_mss_realisateur {
	margin-right: 8px;
}

.step-button.valider {
	margin: 10px 0;
}

.step-button.modifier {
	margin-right: 0px!important;
	margin-left: 10px;
}

#visite_sanitaire div:nth-child(5) {
	text-align: right;
	margin-right: 30px;
}

.step-button.modifier {
	margin-bottom: 30px;
	margin-right: 30px;
}

.step-button.cerfa {
	background-color: #713;
	margin: 10px 30px 10px 0;
}

.victim_form h2 {
	color: #000000!important;
}

#morsure_form_nomVet, #morsure_form_nomVetMss, #mss_anomalie_importation_nomVet {
	display: inline-block;
}

.infoChamps {
	padding-left: 0!important;
}


/*****************************************************
*   Bloc 3 visites
*
*   Page Fiche identification de le MSS avec morsure
*
*****************************************************/

#visites {
	padding-bottom: 30px;
}

.visite {
	clear: both;
	margin: 20px 0px;
}

.detailVisite div label, .detailVisite .label {
	color: #288bcb;
	font-size: 16px;
}

.detailVisite div .radio-form {
	display: inline-block;
}

.detailVisite, .mssAlert, #form_mss_anomalie form {
	/*margin-left: 10px;*/
}

#visite_sanitaire div, .detailVisite form div, .detailVisite div {
	/*margin: 10px 0;*/
}

#visite_sanitaire textarea, .detailVisite form textarea, .detailVisite textarea {
	width: 93%;
	padding: 15px;
	height: 60px;
}

#visite_sanitaire_rage, #visite_sanitaire_hasVisit {
	display: inline-block;
}

.blockVictim {
	vertical-align: top;
	width: 45%;
	margin-bottom: 20px;
}

.blockVictim table {
	width: 82%;
}

.blockVictim table th {
	color: #208DD0;
	font-weight: normal;
	text-align: left;
}

.cerfaAction {
	margin-right: 88px;
	background-color: #84ADB8;
	padding: 5px 3px 2px 5px;
	cursor: pointer;
}

.docAction {
	background-color: #84ADB8;
	padding: 5px 3px 2px 5px;
	cursor: pointer;
}

.cerfaAction a, .docAction a {
	color: #FFF;
	cursor: pointer;
}

.inProgress {
	max-width: 82px;
}


/************************************
*
*	Infos Détenteur bloc 100%
*
************************************/

#detenteurBlock {
	width: 100%;
	height: auto;
	background-color: transparent;
}

.detenteurBlock {
	width: 100%;
	height: auto;
	background-color: transparent;
}


/************************************
*
*	Page info professionnel
*
************************************/

.fichePro {
	width: 100%;
	background-color: #F4F4F4;
}

.fichePro .col-xs-3 {
	width: 25%;
	padding: 20px 30px;
	vertical-align: middle;
}

.fichePro .col-xs-3:nth-child(2) {
	width: 30%;
}

.fichePro .col-xs-3:nth-child(3) {
	width: 20%;
}

.fichePro .col-xs-3 p {
	
}

.fichePro .col-xs-3 .habilitation {
	text-align: center;
}

.animauxDetenus {
	margin: 80px 30px;
	line-height: 30px;
	font-size: 16px;
}

.animauxDetenus .animauxDetenusFore{
	margin: 80px 0px;
	line-height: 30px;
	font-size: 15px;
}

.animauxDetenus th {
	width: 15%;
}

.animauxDetenus .animauxDetenusFore th {
	width: 10%;
	font-weight: normal;
}

.animauxDetenus td {
	width: 25%;
}

.animauxDetenus .colorChienAct {
	background-color: #d5e490;
}

.animauxDetenus .colorChienAnc {
	background-color: #e6efbd;
}

.animauxDetenus .colorChatAct {
	background-color: #facb88;
}

.animauxDetenus .colorChatAnc {
	background-color: #fce0b8;
}

.animauxDetenus .colorFuretAct{
	background-color: #bed4d9;
}

.animauxDetenus .colorFuretAnc{
	background-color: #d8e5e8;
}

.detenusBt .iconeDetenu {
	background-color: #528091;
	padding: 20px 10px 6px 10px;
}

.tableHabilitations table caption {
	text-align: left;
	margin: 30px 0 15px 0;
	color: #D70048;
	font-size: 16px;
}

.tableHabilitations table caption div {
	float: right;
	display: inline-block;
}

/********************************************
*
*	Page Animal => Déclarer animal recherché
*
********************************************/

.circonstancesRecherche {
	width: 93%;
	padding: 15px;
	height: 100px;
}


/********************************************
*
*	Page Suivi des morsures
*
********************************************/

.tableMorsure {
	width: 90%!important;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#search_morsure_race {
	width: 250px;
}

/************************************
*
*	Page création importation, mss
*
************************************/

#form_importation {
	padding: 25px;
}

.form-inline, #importation_coords div, #importation_animal div {
	display: inline-block;
	width: 50%;
	line-height: 35px;
}

.form-inline input, .form-inline select, #importation_coords div input {
	width: 58%!important;
}

#form_importation div input:not([type="radio"]), #form_importation div select {
	padding: 5px 5px;
	width: 180px;
}

#verifIdent .cp-details-bloc {
	padding-left: 0px!important;
}

#verifIdent form {
	margin-top: 20px;
}

.form-inline label, #importation_coords label {
	display: block;
	width: 160px;
	float: left;
	line-height: 35px;
}

.form-inline-ident{
	display: inline-block;
	width: 48%;
	line-height: 35px;
	float: right;
}

.form-inline-ident input {
	width: 50%;
	padding: 5px;
}

.form-inline-ident label {
	display: block;
	margin-right: 15px;
	float: left;
	line-height: 35px;
}

#importation_vaccinationAR input, #importation_titrageAR input {
	margin-left: 20px;
}

#form_importation .part, #form_importation .pro {
	width: 100%!important;
}

#form_importation label span {
	color: #D70048;
}

#importation_title, #importation_coords_country {
	width: 194px!important;
}

#importation_particulier input, 
#importation_document input,
#importation_animal_codeEspece input,
#importation_animal_codeSexe input,
#importation_titrageAR input,
#importation_vaccinationAR input
{
	width: 35px!important;
	margin: 20px 0;
}

.form-block label {
	line-height: 30px;
	/*margin-left: 5px;*/
}

.form-block.listeDocuments input {
	margin-left: 10px;
}

.form-block.listeDocuments input:not(input.first-child) {
	margin-left: 20px;
}

#form_mss_anomalie div {
	line-height: 40px;
}

#form_mss_anomalie div input,
#form_mss_anomalie div select {
	padding: 5px 5px;
	margin-left: 15px;
}

#pass_ident, #vacc_anti, #pass_exam, #titr_anti, #pass_desc, #exam_clin, #justif_anti, #cerfa_san,
#pass_fr_ident, #pass_fr_prop, #pass_prop, #pass_fr_desc, #pass_fr_vacc, #pass_fr_dliv, #pass_dliv, #dvce, #traces, #agrement {
	display: none;
}

#verifIdent, #veterinaire, #pass_ident, #vacc_anti, #exam_clin, #titr_anti, #pass_desc, #traces, #agrement, #dvce,
#justif_anti, #cerfa_san, #pass_prop, #pass_fr_prop, #pass_fr_ident, #pass_fr_desc, #pass_fr_vacc, #pass_fr_dliv, #pass_dliv, .import-block, .import-block-button {
	margin: 0 15px 15px 15px;
}

#infosDocument {
	text-align: center;
	margin-top: 50px;
}

.uploadDoc div {
	font-size: 14px;
}

.info-legal-document {
	padding: 0 25px;
}

/* styles de base si JS est activé */
.input-file-container {
	  position: relative;
	  width: 225px;
}
.input-file-trigger {
	width: 150px;
  	display: inline-block;
	padding: 0px 15px;
	background: #D70048;
	color: #fff!important;
	font-size: 1em!important;
	transition: all .4s;
	cursor: pointer;
}
.input-file-button {
	width: 220px;
  	display: inline-block;
	padding: 5px 15px;
	background: #D70048;
	color: #fff;
	font-size: 1em;
	transition: all .4s;
	cursor: pointer;
	text-align: center;
}
.input-file:not(.mss) {
	position: absolute;
	width: 225px;
	opacity: 0;
	cursor: pointer;
}

.inputWithoutBan .input-file {
	position: relative;
	opacity: 1;
}

.step-button.download {
	display: none;
}
 
/* quelques styles d'interactions */
.input-file:hover + .input-file-trigger + .input-file-button,
.input-file:focus + .input-file-trigger + .input-file-button,
.input-file-trigger:hover,
.input-file-trigger:focus,
.input-file-button:hover,
.input-file-button:focus {
	  opacity: 0.8;
}
 
/* styles du retour visuel */
.file-return {
  	margin: 0;
}
.file-return:not(:empty) {
  	margin: 1em 0;
}
.file-return {
	  font-style: italic;
	  font-size: .9em;
	  font-weight: bold;
}
/* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
.file-return:not(:empty):before {
  content: "Fichier: ";
  font-style: normal;
  font-weight: normal;
}

#mss_anomalie_importation_lieuMss label {
	margin-left: 15px;
}

#mss_anomalie_importation_lieuMss input {
	margin-left: 25px;
}

.liste_importation {
	font-size: 11px;
}

.liste_particuliers {
	font-size: 11px;
	width: 100%;
}

#mss_anomalie_importation_tempsMss {
	width: 104px;
}

.docApms {
	background-color: #84ADB8;
	width: 80px;
	padding: 5px;
	text-align: center;
}

.docApms a {
	color: #fff;
}

ul.infosListe li {
	text-decoration-style: dashed;
	margin-top: 10px;
}

.importationIdent p {
	margin: 5px 0;
	font-size: 1.143em;
    font-weight: 700;
}

.infosImport {
	float: right;
	padding-top: 10px;
}

.infosImport span {
	line-height: 25px;
}

/**********************************************
*
*   Page Anomalie importation / idAnomalie
*
*********************************************/

.docScan {
	font-size: 18px!important;
}

#anomalie_informations {
	width: 100%;
	margin-top: 10px;
	/*margin-left: 10px;*/
	padding: 20px 0px;
}

#anomalie_informations .motif span {
	line-height: 25px;
}

.docGen {
	display: none;
	position: absolute;
	background-color: white;
	width: 200px;
	border: 2px solid white;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	cursor: pointer;
	z-index: 999;
}

.docGen img{
	width: 200px;
}


/**********************************************
*
*   Page Anomalie importation / idMss
*
*********************************************/
#mss_anomalie_details {
	/*margin-left: 10px;*/
}

#mss_anomalie_details div {
	/*line-height: 30px;*/
}

#mss_anomalie_details div.dateCloture {
	/*margin-left: 80px;*/
}

.dateClotureManuelle {
	display: none;
}

.calendrierDateCloture {
	margin-right: 6px;
}

.choixDelegation select {
	padding: 5px 5px;
	margin-left: 15px;
	height: 30px;
}

.whiteLink, .whiteLink:visited {
	color: #fff;
}

/************************************
*
*	Validation Importation - ICAD
*
************************************/

.form-block div input[type="checkbox"] {
	line-height: 40px;
	height: 40px;
	vertical-align: middle;
}

.validationImport form div div {
	margin-top: 20px;
}

.validationImport form div div label {
	width: 60%;
}

.validationImport form div div input {
	width: 30%;
}

.validationImport div div {
	margin: 0 0 15px 0;
}

.validationImport form div div a {
	color: #000;
	text-decoration: underline!important;
}

.validationImport form div div a:hover {
	opacity: 0.5;
}

.listeConfirmation {
	padding-bottom: 12px;
}

.submitButtonCommande, .submitButtonContinuer {
	padding: 12px 20px;
}

#keep_portee_detenteur, #keep_portee, #keep_detenteur, #keep_nothing {
	width: 100%;
	padding: 12px 20px;
	margin: 10px 0px;
}

.listButtons div {
	
}

table.certifImport {
	width: 100%;
}

table.certifImport tbody td:first-child {
	font-weight: 600;
}

table.certifImport th, table.certifImport td {
	padding: 5px 7px;
}

table.certifImport thead th:first-child {
	width: 33%;
}

table.certifImport thead th.documents {
	width: 25%;
}

table.certifImport thead th.recuDoc {
	width: 20%;
}

table td.valide {
	background-color: #a9ca38;
}

table td.nonValide {
	background-color: #f4991f;
}

table.certifImport.part2 tbody tr:last-child > td:nth-child(5) {
	border-bottom: 2px solid black!important;
}



/************************************
*
*	Documents Importation - ICAD
*
************************************/

.documentImport p a {
	background-color: #84ADB8;
	color: #fff;
	padding: 5px 10px;
}

.documentImport p a:hover {
	opacity: 0.5;
}

/************************************
*
*	Page règlement - ICAD
*
************************************/

#reglements form div input, #reglements form div select {
	padding: 5px 5px;
}

#reglements form div.form-block label {
	line-height: 34px;
}

#montant .form-block label {
	font-size: 18px;
}

#montant .form-block input {
	height: 32px;
	padding-left: 15px;
	font-size: 20px;
}

.dateCheque img {
    margin: 0px 0px 2px 10px;
}

.dateCheque input {
    width: 170px;
}

#montant .form-block span.devise {
	font-size: 36px;
	line-height: 40px;
	vertical-align: middle;
}

#compte .form-block span.numVoie input {
	width: 66px;
}

#compte .form-block span.codePostal input {
	width: 76px;
}

#docuScan {
	padding-left: 20px;
}

#dialog-pro div #form-search-pro .cp-details-bloc .vet,
#dialog-pro div #form-search-pro .cp-details-bloc .pro,
#dialog-pro div #form-search-pro .cp-details-bloc .asso {
	display: none;
}

#dialog-pro div #form-search-pro .cp-details-bloc div div button {
	margin-right: 5px;
}

#dialog-domic div #form-search-pro .cp-details-bloc div span input {
	width: 256px;
}

#dialog-domic div #form-search-pro .cp-details-bloc div span select,
#dialog-domic div #form-search-pro .cp-details-bloc div span input {
	padding: 5px;
}

/*#animal_informations select {*/
/*	max-width: 277px!important;*/
/*}*/

/************************************
*
*	Récapitulatif Importation - ICAD
*
************************************/

.recapIcad div {
	font-size: 14px;
}

.recapIcad span {
	margin-left: 12px;
	font-weight: bold;
}

.recapIcad #search_result td, .recapIcad #search_result th {
	padding: 6px 4px!important;
}

.recapIcad #search_result {
	margin: 40px 0px;
}

.recapIcad #search_result .headAmount {
	background-color: #F4B4C9;
	color: #D70048;
	text-align: left;
	padding: 4px 20px!important;
}

.recapIcad #search_result .amount {
	background-color: #DFEAED;
	color: #000;
	width: 220px;
	text-align: right;
	padding-right: 10px!important;
}

.recapIcad .actionsRecap {
	clear: both;
	padding-top: 30px;
}

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

table.reglement tbody tr {
	cursor: pointer;
}

table.reglement tbody tr:hover {
	cursor: pointer;
	background-color: #e8eaef;
}


/************************************
*
*	Dashboard Importation - ICAD
*
************************************/

.dashboardDetails {
	font-size: 11px;
}

.dashboardDetails td {
	padding: 7px 0;
	text-align: left!important;
}

.dashboardDetails td:first-child,
.dashboardDetails td:nth-child(3) {
	width: 20%;
}

.dashboardDetails td:nth-child(3) {
	padding-left: 30px;
}

.dashboardDetails td:nth-child(5) {
	width: 15%;
}

.dashboardDetails th:nth-child(4),
.dashboardDetails th:nth-child(2) {
	width: 13%;
	text-align: center!important;
}

.dashboardDetails th:not(.lastname) {
	color: green;
}

a.viewCommand i {
	color: #528091;
}

/************************************
*
*	Autres
*
************************************/

.animal_vole {
	width: 48%;
}

#dialog-infoMss-open {
	cursor: pointer;
}

#dialog-infoMss-open:hover {
	opacity: 0.5;
}

/************************************
*
*	Informations Préfet
*
************************************/

#prefet-form div {
	line-height: 35px;
}

#prefet-form div input {
	padding: 5px;
	width: 206px;
}

#delegation-form div {
	line-height: 35px;
}

#delegation-form div input {
	padding: 5px;
	width: 200px;
}

.titrePrefet {
	width: 75%!important;
}

/************************************
*
*	Mes alertes - PRO
*
************************************/

#alert-form div div {
	line-height: 35px;
}

.inputTypeAlert {
	padding: 5px;
	width: 200px!important;
	margin-left: 10px;
}

/************************************
*
*	Mes alertes - VET
*
************************************/

a.alertLink td:link {
	color: #0000ee;
}

a.alertLink td:hover {
	opacity: 0.7;
}

.infoMessageLong a {
	color: #000;
}


/************************************
*
*	Cartographie professionnels
*
************************************/

#map {
    width: 90%;
    height: 600px;
    margin-left: 5%;
    margin-bottom: 50px;
}

/* mise en forme des popups de la carte Leaflet */
.leaflet-popup-tip,
.leaflet-popup-content-wrapper {
	background : #fff;
	color : #000;
	border-radius: 2px;
}

#buttonsAction {
	width: 95%;
	text-align: right;
	margin: 20px 0 20px 0;
}

.nbResult.title {
	font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 34px;
    color: #D70048;
    text-transform: uppercase;
    padding-left: 5%;
}

.legend {
	text-align: center;
	margin: 15px 0;
	font-size: 12px;
}

.legend i.fa {
	margin: 0px 5px 0px 10px;
}

.marker_green {
	color: #a9ca38;
	text-shadow: 6px 6px 6px #000;
}

.marker_red {
	color: #D70048;
	text-shadow: 6px 6px 6px #000;
}

.marker_purple {
	color: blue;
	text-shadow: 6px 6px 6px #000;
}

.marker_yellow {
	color: yellow;
	text-shadow: 6px 6px 6px #000;
}

.marker_orange {
	color: orange;
	text-shadow: 6px 6px 6px #000;
}

.marker_blue {
	color: #528091;
	text-shadow: 6px 6px 6px #000;
}

.marker_pink {
	color: pink;
	text-shadow: 6px 6px 6px #000;
}

.proCarte form div {
	margin-top: 0!important;
}

.proCarte form .proMargin {
	margin-bottom: 4px!important;
}


/************************************
*
*	Récapitulatif APMS
*
************************************/

#recap_apms {
	clear: both;
    height: auto;
    padding: 30px 0px;
}

#recap_apms p:not(.lastConsideration) {
	text-align: justify;
}

#generer.search-button {
	float:right;
	margin-bottom: 40px;
}

#mss_anomalie_importation_considerations {
	width: 100%;
	height: 100px;
	padding: 15px;
}

.upper_block_background_mss {
	background-image: linear-gradient(to bottom left, #ECEDED, #E2E6EA, #EAF1F8,  #FFF);
	box-shadow: -7px 10px 13px -8px rgba(0, 0, 0, 0.7);
	background: url("../images/punaise.png") no-repeat;
	background-position: 450px 0px;
}

#ombre {
	position: absolute;
	top: 60px;
	left: -15px;
}

/************************************
*
*	Intégration OPS
*
************************************/

.nbLine {
    margin-bottom: 30px;
}

.detailsIdentBlocked span {
	padding-top: 10px;
}


/************************************
*
*	Autres
*
************************************/

.events thead th.libelle,
.events tbody td.libelle {
	width: 286px;
}

.events thead th:not(.libelle),
.events tbody td:not(.libelle) {
	width: 96px;
}

.events thead th {
	padding: 10px 0;
}

.notice_cloture .flash-notice {
	font-size: 15px!important;
}

.no-display-block {
	display: inline-block;
	margin-top: 0;
}

.bulleIdents {
	width: 12px!important;
	height: 12px!important;
	cursor: pointer;
}

.bulleComponent {
	position: absolute;
	background-color: #7da7b3;
	border : 1px solid white;
	color: white;
	padding: 5px;
	box-shadow: 10px 5px 5px grey;
}

#hideBulle {
	width: 12px;
	padding: 1px;
	background-color: white;
	color: #7da7b3;
	border-radius: 3px;
	float: right;
	cursor: pointer;
}

#listeIdents {
	clear: both;
	padding-top: 5px;
}

.btnClose button {
	padding-left: 30px;
	padding-right: 30px;
}

.btnClose button[disabled="disabled"] {
	opacity: 0.5;
	cursor: not-allowed;
}

#searchVet.selectDesignvet {
	padding: 3px;
	max-width: 245px!important;
}

/************************************
*
*	CREER IDENTIFICATION - VET
*
************************************/

#formulaire-passeport .cp-details-bloc div {
	padding: 2px 0;
}

#formulaire-passeport .cp-details-bloc div input[type="text"] {
	width: 245px;
}

#formulaire-passeport .cp-details-bloc div textarea {
	width: 90%;
	height: 100px;
	padding: 15px;
}

#formulaire-passeport .cp-details-bloc div select {
	width: 260px;
}

.cp-details-bloc div input#identification_passeport_numeroDePasseport {
	width: 222px;
}

#formulaire-passeport .cp-details-bloc div div:first-child {
	margin-top: 5px;
}

.radio-buttons {
	font-size: 18px;
}

.radio-buttons input {
	margin-left: 15px;
	margin-right: 6px;
}

.subtitle-import {
	margin-bottom : 0;
}

#passeportFR, #gestionDocuments {
	padding: 10px;
	border-color: black;
}

#datesVaccin, #passeportFR, #gestionDocuments, #dateExamClinic, #blocSansDVce, #blocLabo,
#blocVaccin, #blocTitrage, #blocExam, #passAndIdent, .traces, .dvce,
.pass_desc, .pass_ident, .pass_dliv, .cerfa_san, .vacc_anti, .valid-empty, .titr_anti, .exam_clin,
.pass_fr_desc, .pass_fr_ident, .pass_fr_dliv, .pass_fr_vacc,  .pass_fr_prop,.agrement, .pass_prop, .pass_desc_present, .pass_ident_present, .pass_dliv_present,
.vacc_anti_present, .pass_prop_present, .pass_fr_prop_present, .exam_clin_present, .pass_fr_desc_present, .pass_fr_ident_present, .pass_fr_dliv_present, .pass_fr_vacc_present {
	display: none;
}

#dialog-alert-doc .title, #dialog-alert-doc2 .title {
	text-align: center;
}

#dialog-alert-doc {
	/*height: auto!important;*/
}

#dialog-alert-doc .title:before,
#dialog-alert-doc .title:after,
#dialog-alert-doc2 .title:before,
#dialog-alert-doc2 .title:after {
	content: url(../images/decoration_titre_page_animal.png);
    padding: 3px;
    vertical-align: bottom;
}

#dialog-alert-doc p.black, #dialog-alert-doc2 p.black {
	color: black;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#dialog-alert-doc p, #dialog-alert-doc2 p {
	line-height: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.liste-docs-a-verifier thead tr th,
.liste-docs-a-verifier tbody tr td {
	padding: 5px 10px;
}

#uploadSansDoc, .vaccinationDates, .titrageDate, .examClinicDate {
	display: none;
}

#importation_anomalie_circonstances {
	width: 100%;
	min-height: 80px;
	padding: 8px;
}

/* Override vie animal dans anomalie création  */
#animal-life #down_left_block {
	position: relative;
	width: 90%;
	margin-left: 3%;
	background: transparent;
}

#animal-life #down_left_block .events thead th:first-child {
	width: 13.2%;
}

#animal-life #down_left_block .events thead th.libelle,
#animal-life #down_left_block .events tbody td.libelle {
	width: 60%;
}

#animal-life #down_left_block .events thead th:last-child {
	width: 15%;
}

.circonstances-anomalie {
	width: 100%;
	height: 60px;
	border: 1px solid #208DD0;
	padding: 7px;
	margin-top: 5px;
}

#upload.selection {
	margin-top: 20px;
}

#upload.selection div {
	color: black;
	font-size: 13px;
}

#down_left_block .event-list-table-body.import {
	height: auto!important;
}

#addFile div {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 16px;
}

#uploadApms span {
	vertical-align: middle;
	padding-bottom: 5px;
}

h3 .hr::after {
	border-bottom: 1px solid black;
}

.circle {
	margin: 15px;
	width: 30px;
	background-color: #D70048;
	height: 30px;
	text-align: center;
	border-radius: 70px;
	color: white;
	font-size: 24px;
	padding: 5px;
	line-height: 30px;
}

#importation_typeDocDvce input {
	margin-left: 20px;
}

#dvce-info-button {
	vertical-align: middle;
	margin-bottom: 2px;
}

#animalsNumber table, table.viewIdents {
	border-collapse: collapse;
}

#animalsNumber table th, #animalsNumber table td,
table.viewIdents th, table.viewIdents td {
	border: 1px solid black;
	padding: 10px;
}

table.viewIdents th {
	background-color: #d70048;
	color: white;
}

table.viewIdents td {
	text-align: center;
}

#animalsNumber table thead th {
	width: 25%;
}

#animalsNumber table td {
	font-size: 12px;
}

#animalsNumber table thead th, #animalsNumber table thead th label {
	font-size: 12px!important;
	line-height: 26px;
}

#etatDvce {
	line-height: 25px;
}

.exportButtons {
	float:right;
	margin-right: -25px;
	margin-top: 15px;
}

#tableByNav .exportButtons {
	margin-right: -12px;
}

.animalButtonAnomalie {
    color: #aac821;
    font-size: 14px;
}

.animalButtonAnomalie span {
    display: inline-block;
}

.animalButtonAnomalie:hover, .animalButtonAnomalie:hover {
    cursor: pointer;
    color: #5f5757;
}

.animalButtonAnomalie img {
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    max-width: 25px;
}

.attrDept select {
	padding: 5px;
}

.anomaly-buttons button {
	font-size: 12px;
}

.message-vet {
	width:97%;
	background-color:grey;
	color:white;
	padding:5px 15px 0px 15px;
}

.message-vet div:first-child {
	height:30px;
	line-height:27px;
	vertical-align:middle;
}

.message-vet div:last-child {
	height:28px;
	line-height:25px;
	vertical-align:middle;
	font-size:14px;
}

#infoSanitaire {
	cursor: pointer;
}

.import-block {
	width: 26%;
	height: 160px;
	padding: 14px;
	background-color: #f6f9f9;
	box-shadow: 10px 5px 5px grey;
	margin-bottom: 30px!important;
	font-size: 12px!important;
}

.import-block span.bold {
	height: 60px;
}

.uploadDocDivers .import-block {
	max-height: 176px;
}

.uploadDoc.missing div {
	padding-top: 20px;
}

.encadre {
	border: 1px solid black;
	padding:5px 15px;
}

/* Navigation onglets */
#tableByNav .tab-nav, #scans .tab-nav, #visites .tab2-nav, .docLastVisite .tab3-nav, .docLastVisite .tab2-nav, .uploadDoc .tab-nav,
#scans .tab4-nav, #visites .tab5-nav {
  /* Suppression des marges internes et externes */
  margin: 0px;
  padding: 0px;
  /* Décalage pour masquer la bordure du contenu */
  position: relative;
  bottom: -1px;
}
#tableByNav .tab-nav li, #scans .tab-nav li, #visites .tab2-nav li, .docLastVisite .tab3-nav li, .docLastVisite .tab2-nav li, .uploadDoc .tab-nav li,
#scans .tab4-nav li, #visites .tab5-nav li {
  /* Affichage des éléments du menu côte à côte */
  display: inline-block;
}
/* Aspect des onglets inactifs (par défaut) */
#tableByNav .tab-nav a, #scans .tab-nav a, #visites .tab2-nav a, .docLastVisite .tab3-nav a, .docLastVisite .tab2-nav a, .uploadDoc .tab-nav a,
#scans .tab4-nav a, #visites .tab5-nav a {
  display: block;
  border: 1px solid #cccccc;
  border-width: 1px 1px 0 1px;
  padding: 10px 15px;
  border-radius: 5px 5px 0 0;
  background-color: #ffffff!important;
  text-decoration: none;
  color: #D70048;
  transition-duration: 0.5s;
}
#tableByNav .tab-nav a {
	padding: 10px 6px;
	border-width: 1px;
	border-radius: revert;
	background-color: #D70048 !important;
	color: #ffffff;
	transition-duration: 0s;
}
#tableByNav .tab-nav .inactive {
	opacity: 0.6;
}

/* Aspect des onglets actifs */
#tableByNav .tab-nav .tab-nav-active, #scans .tab-nav .tab-nav-active, #visites .tab5-nav .tab5-nav-active, #visites .tab2-nav .tab2-nav-active, .uploadDoc .tab-nav .tab-nav-active,
#scans .tab4-nav .tab4-nav-active, #visites .tab5-nav .tab5-nav-active {
  background-color: #ffffff;
}
.docLastVisite .tab3-nav .tab3-nav-active {
  background-color: #ECEDED;
}
#tableByNav .tab-nav a.tab-nav-active:hover, #scans .tab-nav a.tab-nav-active:hover, #visites .tab2-nav a.tab2-nav-active:hover, .uploadDoc .tab-nav a.tab-nav-active:hover,
#scans .tab4-nav a.tab4-nav-active:hover, #visites .tab5-nav a.tab5-nav-active:hover { /* just '{' added at eol */
  background-color: #fff;
}
.docLastVisite .tab3-nav a.tab3-nav-active:hover, .docLastVisite .tab2-nav a.tab2-nav-active:hover {
  background-color: #ECEDED;
}
#upload #multi-upload, #upload #simple-upload {
  background-color: #FFF;
  padding: 30px 15px 20px 15px;
  margin: 0;
  border: 1px solid #cccccc;
}

.docLastVisite #upload #multi-upload, .docLastVisite #upload #simple-upload {
  background-color: #ECEDED;
}
/* Contenu des onglets */
#scans .tab, #visites .tab2, .uploadDoc .tab, .docLastVisite .tab3, .docLastVisite .tab2, #scans .tab4, #visites .tab5 {
  /* Masquage des onglets*/
  display: none;
  border: 1px solid #cccccc;
  padding: 15px;
  min-height: 200px;
  background-color: #fff;
}
/* Affichage du contenu actif */
#tableByNav .tab-active, #scans .tab-active, #visites .tab2-active, .docLastVisite .tab3-active, .docLastVisite .tab2-active, .uploadDoc .tab-active,
#scans .tab4-active, #visites .tab5-active {
  display: block;
}

div.tab4, div.tab5 {
  display: none;
  background-color: white;
  padding-left: 15px;
  border: 1px solid #cccccc;
  min-height: 150px;
}

#tableByNav table {
	width: 100%!important;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

#tableByNav ul li a {
	font-size: 0.9em!important;
}

#tableByNav table .paginator {
	width: 100%!important;
}

.tab4-nav a:not(.tab4-nav-active), .tab5-nav a:not(.tab5-nav-active) {
	opacity: 0.6;
}

#scans.uploadSvf #multi-upload, #scans.uploadSvf #simple-upload {
	margin-top: 0;
	padding-top: 30px;
}

.checkAnimal {
	padding: 20px 0px;
	background-color: #F4B4C9;
}

#cercleState {
    width: 14px;
    height: 14px;
    border-radius: 20px;
    margin-left: 6px;
}

#cercleState.green {
    background: #A4BF22;
}

#cercleState.red {
    background: #D70048;
}

.headRights th {
	font-size: 11px!important;
}

.bodyRights td {
	font-size: 13px!important;
}

.account_menu ul {
	padding-inline-start: 10px!important;
}

.account_menu ul li{
	line-height: 25px;
	list-style-type: none;
}

.account_menu ul li a, .account_menu ul li a:link, .account_menu ul li a:hover, .account_menu ul li a:visited {
	color: #528091 !important;
	font-size: 14px;
}

.account_menu ul li div {
	display: inline-block;
	width: 30px;
}

.bt_right_marge {
	text-align: right;
	margin-top: 15px;
}

.bt_right_marge a {
	text-transform: none!important;
}

.block_payment {
	border-left: #D70A49 solid 1px;
	padding: 0 0 30px 0;
}

.option_validation input, .option_validation label {
	margin: 0 5px;
}

#simple-upload, #multi-upload {
	margin-bottom: 25px;
}

.upload_banner {
	background-color: #D70048;
	font-size: 20px;
	text-align: center;
	width: 90%;
	padding: 20px 0;
}

.upload_banner a, .upload_banner a:hover, .upload_banner a:link, .upload_banner a:visited {
	color: white;
}

.information-button {
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	padding-bottom: 3px;
	cursor: pointer;
}

#missingDocsAnomaly {
	border-color: #208DD0;
}

#missingDocsAnomaly legend {
	color: #208DD0;
	font-size: 16px;
}

#missingDocsAnomaly table {
	margin: 10px 25px;
}

#missingDocsAnomaly table tr td {
	padding-right: 25px;
}

.blocBlue{
    color: white;
    border: none;
    background-color: #3057B2;
    padding: 7px 0;
    text-transform: uppercase;
    font-size: 12px;
    margin: 10px 15px 0 0;
    width:182px;
}
.blocBlue img{
    display: inline;
    margin: 5px 50px;
}
.blocBlue:hover{
    cursor: pointer;
    background-color: #208DD0;
}

.visiteFourriere div, .visiteFourriere span {
	margin-top: 8px;
}

/* add message alert on 900 result limit */
#bannerAlertNumber {
	width: 100%;
	height: 36px;
	background-color: #D70048;
	color: white;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	vertical-align: middle;
}

#bannerAlertNumber.bannerPopup {
	height: auto!important;
	line-height: 24px!important;
	font-size: 16px!important;
}

.adoptantChoice label {
	margin-left: 10px;
}

/* SCROLL WITH HEADER FIXED */
.cadre-table-scroll {
	display: inline-block;
	height: auto;
	max-height: 30em;
	overflow: auto;
	max-width: 100%;
}
.table-scroll thead th {
  position: sticky;
  top: 0;
  background-color: #F4B4C9;
}
.blockCerfa {
	position: absolute;
	right: 55px;
}

@media only print {
	.notPrint, #headerMenu {
		display: none;
	}
	.bloc-shadow-right-bottom-8 {
		box-shadow: none;
	}
	.table-scroll thead th {
		position: relative;
	}
	.cadre-table-scroll {
		width: 100%;
		height: auto;
		overflow: visible;
	}
	#dialog-container .login-body {
		height: auto!important;
	}
	#dialog-container .login-body div {
		overflow: visible!important;
	}
}