#head-external{
    display: flex;
    width: 100%;
    align-items: center;
}

#head-external .logo
{
    width:             175px;
    height:            75px;
}

#head-external .logo, #head-external .logo-gouvernement
{
    width: 20%;
}
#head-external .user-account
{
    width: 60%;
    text-align: center;
}

#stakeholder-choose-external, #stakeholder-choose-external-no-choose{
    padding-left: 12px;
    margin-bottom: 10px;
}

#stakeholder-choose-external-no-choose{
    font-weight: bold;
    padding-top: 2px;
}

#help-guide-container{
    margin-left: auto;
}

/* General */
.content-wrapper,
table.lister,
table.htmlList,
h1
{
     border-color:      #23b0ba;
}

.qtip-borderTop,
.qtip-borderTop,
.qtip-betweenCorners,
.display-group-contact-placeholder,
.section
{
    background-color: 	 #23b0ba;
}

table.lister th{
    background-color: 	 #C0C0C0;
}

a:link,
a:visited,
a:active
{
     color:             #23b0ba
}

/* Top Structure */

.logo
{
     background:        url( /skins/base/images/agri-trace-icon.png ) no-repeat
}

/* Navigation */

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button[type="submit"]:hover,
.form-action-container a:hover,
input[type="submit"],
input[type="button"],
input[type="reset"],
button[type="submit"],
.form-action-container a:active,
.form-action-container a:visited,
.form-action-container a:link,
.sub-menu-anchor,
.rowSubmit input[type=submit]:hover,
button.default
{
    border: none;
    min-width: 100px;
    border-radius: 10px;
    background-color: #60c0cd;
    box-sizing: border-box;
    font-family: 'Arial Regular', 'Arial', sans-serif;
    font-weight: 700;
    color: #000000;
    text-align: center;
    line-height: normal;
    min-width: 150px;
    height: 36px;
    padding: 0px 20px;
    margin: 0px 2px;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button[type="submit"]{
    cursor: pointer;
}

a.default:hover{
    background-color: #60c0cd;
}
a.default{
    min-width: 100px;
    border-radius: 10px;
    background-color: rgba(96, 192, 205, 0.75);
    box-sizing: border-box;
    font-family: 'Arial Regular', 'Arial', sans-serif;
    font-weight: 700;
    color: #333333;
    text-align: center;
    line-height: normal;
    min-width: 150px;
    max-width: 455px;
    height: auto;
    display: inline-block;
    padding: 9px 15px;
    margin: 0px 2px;
}

a.default.btn-min{
    min-width: min-content;
}

.message-box ul.warning a.default {
    color: #333333;
    text-decoration: none;
    padding: 2px 15px;
}

a.btn-grey{
    background-color: #AAAAAA;
}

a.btn-grey-disabled, a.btn-grey-disabled:hover{
    background-color: #AAAAAA;
}

a.btn-default-disabled{
    background-color: #AAAAAA;
    pointer-events: none;
    opacity: 0.5;
}

div.search-btn-fold-form-container{
    margin: 0px 8px;
}

.sub-navigation-container, #navigation-container
{
    margin:            0px 0px;
}

.sub-navigation-content
{
    text-align:     left;
    margin:         0px 0px 15px 0px;
    clear:          both;
    padding-left:	2px;
    padding-right:	2px;
    padding-top:	10px;
    padding-bottom: 5px;
}

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

.sub-navigation li
{
    float:             left;
    margin-right: 2px;
    padding: 3px 5px;
}

/* Sub Navigation */
.sub-navigation a
{
    background-color: #23b0ba;
    box-sizing: border-box;
    font-weight: 700;
    color: #333333;
    text-align: center;
    line-height: normal;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
}
.sub-navigation a.active
{
    background-color: #1f5861;
    color: #ffffff;
    border-radius: 0px;
    padding: 15px;
}


.sub-navigation a:hover,
.sub-navigation a.active
{
}

.sub-navigation a.wizard-disabled:hover,
.sub-navigation a.wizard-disabled
{
    opacity: 0.5;
    background-color:        #c1bdbd;
    cursor: not-allowed;
}

a.disabled
{
	background: none;
}

.ui-tooltip-tipped .ui-tooltip-titlebar
{
	background:  rgba(35, 176, 186, 1);
}

.highlight-checked{
	background-color: #23b0ba !important;
	color: white;
}


.page-sign-in{
    font-weight: normal;
    font-size: 13px;
    margin: 0px 25px;
    line-height: 20px;
}

.page-sign-in p{
    margin: 10px 0px;
}

.page-sign-in .bold{
    font-weight: bolder;
}

.warning-sign-in{
    font-style: italic;
}

.page-sign-in ul{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0px 20px;
}

.page-sign-in ul li{
    list-style: square;
}

.page-sign-in div.section-type{
    display: flex;
}

.page-sign-in div.section-type .input-row {
    width: 40%;
}

.page-sign-in div.section-type .section-type-content{
    border-left: 2px solid #23b0ba;
    margin: 10px 0px;
    padding: 2px 16px;
    display: flex;
    width: 85%;
    border-radius: 25px 0px 0px 25px;
    position: relative;
    flex-direction: column;
}

.page-sign-in div.section-type .section-type-content:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 16px solid #23b0ba;
    border-bottom: 8px solid transparent;
}


.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid #23b0ba;
}



.page-sign-in .section-type-label{
    font-size: 15px;
    font-weight: bold;
    float: left;
}

.page-sign-in div.sign-in-btn{
    float: right;
    margin: 5px;
}

.project-terrain-coordonnee .display-group{
    width: 32.4%;
}
.project-terrain-coordonnee legend{
    font-weight: bold !important;
}

.attesteur-radio{
    clear: both;
    margin: 5px 15px;
}

.attesteur-radio p {
    font-size:13px;
}

.bold{
    font-weight: bolder;
}

.attesteur-radio .bold{
    font-weight: bolder;
}


.attesteur-radio ol{
    margin: 10px;
}

.attesteur-radio ol li{
    list-style-type: decimal;
}


div.consent{
    margin: 20px;
}

div.consent li{
    margin: 10px;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 1050px) {
    body {
        //background-color: blue;
    }

    div.input-label {
        width: 100%;
        display: block;
    }

    div.required-label, div.optional-label{
        width: 98%;
    }

    form > .display-group{
        width: 48%;
    }

    form > .display-group-wide
    {
        width: 100% !important;
    }

    div.input-row{
        width: 100%;
        padding: 3px;
        margin: 0px;
    }

    /* input, select{
        width: 98%;
    } */

    #wrapper, #wrapper-margin{
        width: 99%;
    }
}


@media screen and (max-width: 650px) {
    body {
        //background-color: deeppink;
    }

    div.input-label {
        width: 100%;
        display: block;
    }

    div.required-label, div.optional-label{
        width: 98%;
    }

    /* form > .display-group{
        width: 100%;
        display: block;
    } */

    div.input-row{
        width: 100%;
        padding: 3px;
        margin: 0px;
    }

    /* input, select{
        width: 90%;
        margin: 3px 0px;
    } */

    /* mobile web browsers automatically zoom into text input fields if font is <16px */
    #email, #password, #confirm_new_password {
        font-size: 16px !important;
    }

    #wrapper, #wrapper-margin{
        width: 99%;
    }
}

.zend_form{
    width: 100%;
}


div.flex{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
    justify-content: space-around;
    row-gap: 8px;
    column-gap: 5px;
}


div.flex .card{
    height: 100%;
}

.login-intro {
    max-width: 400px;
}

.warning-project-wizard-segment{
    width: 100%;
    clear: both;
}

.toolbar-container{
    display: flex;
    height: 20px;
    align-items: center;
}

.toolbar-item{
    margin: 0px 3px 0px 0px;
}

.card {
    padding: 10px 20px;
    max-width: 475px;
    min-width: 250px;
    display: flex;
    flex-direction: column;
}

.card-row{
    word-break: break-all;
}

.card-xxl {
    padding: 10px 20px;
    width: 96%;
    max-width: 2000px;
}

.card-search-form-container .card-xxl{
    padding: 10px 10px;
    width: auto !important;
}

.card .card-label {
    font-weight: bold;
}

.card .card-info .card-label {
    font-weight: normal;
}

.card .card-sublabel {
    margin-left:25px;
    color: #6A6A6A;
}

.card .card-sublabel .card-label {
    font-weight: normal;
}

.card .card-title {
    font-weight: bold;
    display: block;
    width: auto;
}

.card .card-title a.default {
    float: right;
    height: 25px;
    padding: 4px 15px;
    min-width:100px;

}

.card .input-readonly{
    display: inline;
}

.card .card-content{
    /*border-top: 2px solid rgb(35, 176, 186);*/
    border-top: 2px solid rgba(0,0,0,0.2);
    padding: 3px 10px;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
    transition: 0.1s;
    height: 100%;
}

.card-content-auto{
    height: auto !important;
}


.card .card-content:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.ui-tooltip-content .card{
    padding: 0px !important;
}

.center{
    text-align: center;
}

.warning{
    color: red;
    font-weight: bold;
}

#overvier-par-pro-container {
    display: flex;
    flex-wrap: wrap;
}

.list-form-multi-textarea-clear-container{
    float: right;
}

.project-address-requirements.project-address-requirements-true{
    position: relative;
}

.project-address-requirements.project-address-requirements-true::before {
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    height: 16px;
    width: 8px;
    border-bottom: 4px solid rgb(35, 176, 186);
    border-right: 4px solid rgb(35, 176, 186);
    margin-right: 15px;
    left: 6px;
    position: relative;
}

.project-address-requirements.project-address-requirements-false {
}

.project-address-requirements.project-address-requirements-false::before {
    height: 25px;
    width: 25px;
    background-color: inherit;
    border-radius: 5px;
    position: relative;
    content: "";
    font-size: 16px;
    color: #FFF;
    text-align: center;
    display: inline-block;
    margin-right: 0px;
}

.project-address-requirements.project-address-requirements-true img{
    opacity: 1;
}

.project-address-requirements.project-address-requirements-false img{
    opacity: 0.5;
}

.page_subtitle{
    margin-left: 15px;
}

.wrap-anywhere{
    line-break: anywhere;
}


.card .reporting-badge {
    font-size:12px;
    display: inline;
    padding: 7px 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 5px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    min-width: 110px;
    margin: 0px 0px;
    position: relative;
}

.card .reporting-badge-pending {
    color: #fff;
    background-color: #28a745;
}

.card .reporting-badge-pending-corrected {
    color: #fff;
    background-color: #285ba7;
}

.card .reporting-badge-closed {
    color: #000;
    background-color: #AAAAAA;
}

.card .reporting-badge-corrected {
    color: #000;
    background-color: #ffc107;
}

.card .reporting-badge-new {
    color: #FFF;
    background-color: #de5353;
}

.ui-datepicker {
    z-index: 16000 !important;
}

.reporting-informations-container {
    margin: 0 auto;
}

.reporting-informations {
    border:             3px solid #0A24A5;
    color:              #0A24A5;
    background:         url( /skins/base/images/icons/information-white.png ) no-repeat;
    background-position: 5px 4px;
    padding-left: 27px;
    padding-right: 27px;
    text-align: center;
}
.sh-indicator-wrapper
{
    margin: 0 auto;
    width: 458px;
//margin-right: 0;
    float: right;
}

.sh-indicator-desc-box, .sh-indicator-level-box
{
    text-align: left;
    border: 1px solid black;
    margin: 0.4px;
    line-height: 20px;
    padding-left: 5px;
    float: left;
}
.sh-indicator-desc-box
{
    width: 345px;
}
.sh-indicator-level-box
{
    width: 95px;
}
.sh-indicator-level-1
{
    background: #F7CBCA;
    color: #CC0000;
}
.sh-indicator-level-2
{
    background: #FFFFCC;
    color: #222222;
}
.sh-indicator-level-3
{
    background: #C9FFCA;
    color: #008000;
}
.sh-indicator-container {
    width: 458px;
    margin: auto;
}