/** Styles de l'application */


.header {
   /* width: 302px;*/
    margin: 0 0 0 0;
}

.main-menu-bar {
    border-radius: 10px;
    border: 1px solid silver;
    background-color: #E0E0E0;
    margin-top: 10px;
}

/*.footer {
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    background-color: #94c9d2;
    padding: 10px;
    font-size: 0.8em;
}*/

.new-related-model {
    display: none;
}

.panel-default > .nested-forms-heading {
    border-radius: 10px;
    background-color: #e0e0e0;
    font-weight: bold;
    font-style: italic;
}

.related-model {
    border-radius: 10px;
    border-bottom: 5px groove silver;
    padding: 10px;
}

.related-model:hover {
    background-color: #d9edf7;
}

.checkbox-delete {
    color: red;
}

button .fa {
    margin-right: 10px;
}

button.add-related-model .fa, a.btn .fa {
    margin-right: 5px;
}

.associated-models {
    margin-bottom: 15px;
}

span.wrong-answer {
    text-decoration: line-through;
}

.home-page-panel-body a {
    margin: auto;
    width: 100%;
}

.dossier_initial{
    margin: auto;
    width: 10px;
}

.dossier_initial span{
  font-size: 30px;
}

.heading_inbox_mail{
    height: 50px;
}

 .new_message {
     float: right;
     clear: both;

 }

 .dropdown-header{
     color: white;
     font: bold 12px/25px Arial, Helvetica;
 }


ul.breadcrumb {
    padding: 8px 16px;
    list-style: none;
    background-color: #eee;
    text-align: left;
    border-radius: 5px;
    width: 95%;
    margin: auto;

}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";

}
ul.breadcrumb li a {color: green;}




.pagination {
    display: inline-block;
}

.pagination li{
    color: black;
    float: left;
    /*padding: 8px 16px;*/
    text-decoration: none;
    list-style-type:none;
}

.active li a{
    extends: active;
}

.pager_size{
    display: inline-block;
    float: right;
}

.pager_gridview{
    float: right;
    display: inline-block;
}


.table-footer{
    min-height: 30px;
}

#my-profile{
    float: right;
    margin: 10px 40px 0 0;
    display: inline-block;
    vertical-align: middle;

}


#my-logout a{
    width: 100%;
    margin-top: 10px;
    padding: 0;

}

#div-picto-user-home{
float: left;
}

#div-text-home{
    margin-top: 7px;
    float: right;
    margin-left:5px;

}

#div-text{
    width: 100%;
}

.button.glossy.red-gradient.acces_bloque {
    display: inline-block;
    margin-top: 26px;
    padding: 6px 160px 6px 160px;
}

#login-form {
    max-width: 500px;
    margin: 0 auto 0 auto;
}
#login-form .form-group{display:flex;    flex-wrap: wrap;}
.form-group > * {align-self: center}

 #form-register {
     max-width: 580px;
     width:auto;
     margin: 0 auto;
     overflow: auto;
 }

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

.btn_row{
    display: flex;
    justify-content:center;
    gap:20px
}



@media all and (max-width:800px){
    .bannerLeft{width:70%}
    .bannerTxt{font-size:18px}
    .bannerRight{display:none;}
    .banner{width:auto;}
    #form-register label{width:25%}
}

@media all and (max-width: 767px){
    .enabled-panels > .panel-content, .mobile-panels.enabled-panels > .panel-content{margin-left:0;}
    .enabled-panels > .panel-navigation, .mobile-panels.enabled-panels > .panel-navigation{position:static}
}
@media all and (max-width:650px){
    #form-register .form-group{display:block;padding-top: 5px;}
    #form-register label{display:block;width: auto;}
    #form-register input{width: 90%;}
}
@media all and (max-width:580px){
    .columns > .six-columns, .columns > .three-columns, .columns > .nine-columns{float: none;width:auto;}
    .field-block{padding:0}
    .fieldset{    padding: 0;border: none;}
    .legend{margin-bottom: 10px}

}
@media all and (max-width: 480px){
    #responsive-grid table thead,
    #annex-files-grid table thead,
    #monitoring-grid table thead{display: none}
    #responsive-grid td.responsive-grid,
    #annex-files-grid td.annex-files-grid,
    #monitoring-grid td.monitoring-grid {padding-left:35%;width:67%!important}
    #responsive-grid td.responsive-grid,
    #annex-files-grid td.annex-files-grid,
    #monitoring-grid td.monitoring-grid{position:relative;min-height: 16px;line-height: 1;}
    #responsive-grid td.responsive-grid::before,
    #annex-files-grid td.annex-files-grid::before,
    #monitoring-grid td.monitoring-grid::before{content:attr(data-label);position: absolute;left:0;background:-webkit-linear-gradient(top, #006aac, #00438d);color:#fff;padding: 9px 10px;
        top: 0;        width: 100px;text-align: left;font-size: 18px;bottom: 0;}

    tr.responsive-grid,
    tr.annex-files-grid,
    tr.monitoring-grid {position:relative}
    #responsive-grid td.responsive-grid:first-child,
    #annex-files-grid td.annex-files-grid:first-child,
    #monitoring-grid td.monitoring-grid:first-child {margin-top:0}
    #responsive-grid td a,
    #annex-files-grid td a,
    #monitoring-grid td a{display:block}
    #responsive-grid td a:first-child{padding-bottom: 12px;
        margin-bottom: 12px;border-bottom:solid 1px #cfcfcf;margin-right:0!important;}

    #annex-files-grid td:first-child{margin-top:0;}
}
@media all and (max-width:460px){
    .bannerLeft{width:100% }
    .logo{position:static;width:auto;height:auto;margin:auto;text-align:center}
    .logo a img{margin-top:0;display: inline}
    #my-profile{float:none; margin-bottom: 20px;}
    .pager_size{float:none;}
    .header{height:auto;}
    .btn_row{flex-direction:column-reverse;}
    .btn_row button{position:relative}
    .btn_row button.big > .button-icon.right-side{position: absolute;right: 0;margin: 0;}
    .btn_row .glossy > .button-icon.grey-gradient{position: absolute;left: 0;margin: 0;}

}

@media all and (max-width: 430px){
    #mise_en_ligne .button-icon{display:none}
    #Mymenu a{padding:0 12px}

}
@media all and (max-width:400px){
    .big-message-icon{display: none}
    .with-padding{padding:10px!important;}
    #form-register input::placeholder{font-size:12px;}
    #form-register .select.replacement{width:80%}
    #register-form-role{width:100%}
    #Mymenu a{float:none}
    #Mymenu li{float:none;display:block}
    #responsive-grid td.responsive-grid,
    #annex-files-grid td.annex-files-grid,
    #monitoring-grid td.monitoring-grid{
        padding-left: 50%;
        width: 52% !important;
    }
    #responsive-grid td.responsive-grid::before,
    #annex-files-grid td.annex-files-grid::before,
    #monitoring-grid td.monitoring-grid::before{width:90px}
}


@media (max-width: 360px) {
    .bannerTxt {
        font-size: 15px;padding-top: 15px;
    }
    .bannerTxt p{margin-bottom:2px;}
    #Mymenu a{padding: 0 18px;}
    .form-group input::placeholder{font-size:12px}
    #mise_en_ligne{height:auto;line-height:30px}
    .table-footer .button{height:auto}


}