/*
 * Main Styles
 */

a,
a:focus,
a:hover{ color: #222; text-decoration: underline; }

.btn{ white-space:initial !important; }
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus{ color: #333; text-shadow: none; background-color: #fff; border: .05rem solid #fff; }
.clearfix{ clear:both; }

/*
 * Main Structure
 */

html,
body{ height: 100%; background-color: #f0f0f0; }
body{ display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; color: #fff; box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); }
pre{ color:#FFFFFF; }

/*
 * All
 */

.alert.alert-danger{ background-color: #f8d7da !important; }
.loaderButton.all-screen{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); }
.loaderButton.all-screen .lds-ripple,
.loaderButton.all-screen .lds-ellipsis{ position: fixed; bottom: 50px; right: 20px; }

/*
 * Messages
 */
#responseAjaxSuccess,
#responseAjaxError{ display: none; position: fixed; z-index: 999; bottom: 20px; right: 20px; padding:20px; color:#FFFFFF; text-align:left; }
#responseAjaxSuccess{ background-color:#4CAF50; }
#responseAjaxError{ background-color:#dc3545; }

/*
 * Formulaires
 */

button[type="submit"]{ background: #5cb85c; border:2px solid #5cb85c !important; color:#FFFFFF; float:right; }
button[type="submit"]:hover{ background: #329532; border:2px solid #329532 !important; }

/*
* Upload Files
*/
.file-input.theme-fas .file-caption.form-control{ border:1px solid #FFFFFF; }

/*
 * Header
 */

.masthead{ margin-bottom: 2rem; }
.masthead-brand{ background:url('../img/logo-bambou-fashion-black.png') no-repeat center; background-size: contain; width: 60px; height: 60px; margin-bottom: 0; }
.nav-masthead .nav-link{ padding: .25rem 0; font-weight: 700; color: rgba(255, 255, 255, .5); background-color: transparent; border-bottom: .25rem solid transparent; }
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus{ border-bottom-color: rgba(255, 255, 255, .25); }
.nav-masthead .nav-link + .nav-link { margin-left: 1rem; }
.nav-masthead .active{ color: #fff; border-bottom-color: #fff; }
@media (min-width: 48em){ 
  .masthead-brand{ float: left; } .nav-masthead{ float: right; } 
}

/*
 * Content
 */

.main-container-content{ position:relative; z-index:999; }
.main-container{ width:100%; background-color:#f0f0f0; color:#222; }
.main{ padding:0 1.5rem; }
.main span.or{ display:block; text-align: center; font-size: 19px; margin:30px auto; }
.main .response-api{ width:100%; overflow-y:scroll; margin:20px auto; padding:20px; }
.main .response-api img.logo{ margin-right:10px; }
.main .response-api a.show-document{ text-decoration:underline; }
.main .result-informations{ width:100%; min-height:300px; color:#FFFFFF; background:#000000; overflow-y: scroll; margin:20px auto; padding:20px; }
.main .btn-lg{ padding:.75rem .5rem; font-weight:700; font-size:1rem; line-height:1rem; min-width:330px; text-align: left; }
.main .btn{ border:2px solid #FFFFFF; }
.main .btn:hover{ border:2px solid #ff8040; }

/*
 * Actions
 */

.main-container .actions form .btn{ text-align:center; }
.main-container .actions .content{ overflow-x :scroll; }
.main-container .actions .content{ max-width:900px; margin:20px	auto 70px auto; text-align: left;  }
.main-container .actions.get .content{ max-width: inherit; }
.main-container .actions .content h1{ margin-bottom:20px; }
.main-container .actions .content form .specific-part{ padding:20px; border:1px dotted #FFFFFF; }
.main-container .actions .content form label{ margin-bottom:5px; }
.main-container .actions .content form label.space-top{ margin-top:1rem; }
.main-container .actions .content form span.required{ color:red; }
.main-container .actions .content form span.description{ font-size:11px; color:#CCCCCC; }
.main-container .actions .response-api{ margin-top:20px; padding: 0; }

.main-container .actions .content .statistiques-section{ margin-top: 30px; }
.main-container .actions .content .statistiques-section.next-actions{ background-color:#FFFFFF; padding:10px; }

.main-container .actions form button[type="reset"]{ float: right; }

/*
 * Rentabilité
 */
.main-container .actions .content.rentabilite .resultats-simulations #searchCalculRentabilitesDataInput{ margin-bottom: 10px; }
.main-container .actions.get .content.rentabilite nav span{ cursor: pointer; }
.main-container .actions.get .content.rentabilite .switch-view-link{ max-width: 200px; font-size: 13px; text-align:center; display:block; margin: 0 auto 30px auto; }
.main-container .actions.get .content.rentabilite #formActionRentabilite h2{ text-decoration: underline; }
.main-container .actions.get .content.rentabilite #formActionRentabilite label{ font-size: 12px; color: #ced4da; margin-bottom: 0; }
.main-container .actions.get .content.rentabilite #formActionRentabilite select{ white-space: normal; }
.main-container .actions.get .content.rentabilite .result-data-container .result-data-header{ margin-bottom: 20px; }
.main-container .actions.get .content.rentabilite .result-data-container .result-data-header h2{ float: left; }
.main-container .actions.get .content.rentabilite .result-data-container .result-data-header .btn.save-rentabilite{ float: right; }
.main-container .actions.get .content.rentabilite .result-data-container .result-data-header a.resultats-simulations-link{ float: right; font-size: 13px; }
.main-container .actions.get .content.rentabilite .result-data-container .result-data{ font-weight: bold; }
.main-container .actions.get .content.rentabilite .result-data-container .result-data hr{ margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #FFFFFF; }
.main-container .actions.get .content.rentabilite .result-data-container span.price{ font-weight: bold; }
.main-container .actions.get .content.rentabilite .result-data-container span.show-table-details-data{ float: right; font-size: 13px; color:#222; text-decoration: underline; cursor: pointer; }
.main-container .actions.get .content.rentabilite .result-data-container .table th,
.main-container .actions.get .content.rentabilite .result-data-container .table td{ border:	1px solid #FFFFFF; }
.main-container .actions.get .content.rentabilite .result-data-container .table tr.table-details-data-hide{ display: none; }
.main-container .actions.get .content.rentabilite .result-data-container .table td.result{ background-color: #084d23; color: #FFFFFF; }
.main-container .actions.get .content.rentabilite .resultats-simulations{ margin-top: 20px; }
.main-container .actions.get .content.rentabilite .resultats-simulations table th,
.main-container .actions.get .content.rentabilite .resultats-simulations table td{ max-width: 180px; }
.main-container .actions .content.rentabilite .resultats-simulations #resulats_simulations_array{ overflow-x: scroll; }
.main-container .actions .content.rentabilite .resultats-simulations span.load-simulation{ text-decoration: underline; cursor: pointer; }

/* Table */
.main-container .actions.get .content.rentabilite .global_rent_global_container{ min-height: 400px; }
.main-container .actions.get .content.rentabilite .global_rent_title{ margin-top:30px; text-align: center; }
.main-container .actions.get .content.rentabilite .menu a{ text-decoration: none; }
.main-container .actions.get .content.rentabilite .menu a:hover{ text-decoration: underline; }
.main-container .actions.get .content.rentabilite h2.label{ margin-top: 30px; }
.main-container .actions.get .content.rentabilite .table{ font-size: small; }
.main-container .actions.get .content.rentabilite .table td, 
.main-container .actions.get .content.rentabilite .table th{ padding: .35rem; }
.main-container .actions.get .content.rentabilite .table td input,
.main-container .actions.get .content.rentabilite .table td textarea{ padding: 8px 5px; width: 100%; }
.main-container .actions.get .content.rentabilite .table td textarea{ border: inherit; min-height: 75px; }
.main-container .actions.get .content.rentabilite .table td button{ width: 100%; }
.main-container .actions.get .content.rentabilite .groupage-conteneur h2.label{ font-size: 1.3rem; }

.main-container .actions.get .content.rentabilite .table td.settings-details{ width: 250px; }
.main-container .actions.get .content.rentabilite .table td .rent-details-container span.settings-tarifs{ display:block; margin-bottom: 10px; text-decoration: underline; cursor:pointer; }
.main-container .actions.get .content.rentabilite .table td .rent-details-settings{ display: none; align-items: center; }
.main-container .actions.get .content.rentabilite .table td .rent-details-settings .rent-details{ display: flex; align-items: center; }
.main-container .actions.get .content.rentabilite .table td .rent-details-settings .rent-details-settings-inputs{ margin-bottom: 10px; }
.main-container .actions.get .content.rentabilite .table td .rent-details-settings .rent-details-settings-inputs span{ width: 35%; }
.main-container .actions.get .content.rentabilite .table td .rent-details-settings .rent-details-settings-inputs input,
.main-container .actions.get .content.rentabilite .table td .rent-details-settings .rent-details-settings-inputs button{ max-width: 200px; }

/*
 * Demandes de prix
 */

.main-container .actions form#formDemandesDePrix table thead.thead-dark a{ color:#FFFFFF; text-decoration: none; }
.main-container .actions form#formDemandesDePrix table thead.thead-dark a:hover{ text-decoration: underline; }
.main-container .actions form#formDemandesDePrix table th{ vertical-align: middle; }
.main-container .actions form#formDemandesDePrix table thead.thead-dark tr th .btn-success{ float: right; }
.main-container .actions form#formDemandesDePrix table td.actions{ text-align: right; }
.main-container .actions form#formDemandesDePrix table td.actions .actions{ display: inline-flex; }
.main-container .actions form#formDemandesDePrix table td.actions .actions button:not(:first-child){ margin-left: 5px; }
.main-container .actions form#formDemandesDePrix table td.actions .actions .statut{ width: 250px; margin-left: 5px; }
.main-container .actions form#formDemandesDePrix table td.nom{ max-width: 150px; }
.main-container .actions form#formDemandesDePrix table td.quantite,
.main-container .actions form#formDemandesDePrix table td.prix,
.main-container .actions form#formDemandesDePrix table td input.maxwidth{ max-width: 115px; }
.main-container .actions form#formDemandesDePrix table td.prix .height-na{ min-height: 38px; padding:5px; }
.main-container .actions form#formDemandesDePrix table td.statut span.more{ font-size: 12px; margin-left: 5px; text-decoration: underline; text-align: right; cursor: pointer; }
.main-container .actions form#formDemandesDePrix table td input{ padding: 5px 5px; min-height: 38px; }
.main-container .actions form#formDemandesDePrix table td.validate{ text-align: center; }
.main-container .actions form#formDemandesDePrix table td div.loaderButtonTop{ margin: 10px 0 10px 0; }
.main-container .actions form#formDemandesDePrix table tr.last{ border-bottom: 2px solid #333; }
.main-container .actions form#formDemandesDePrix label{ display: block; text-decoration: underline; font-weight: 600; }
.main-container .actions form#formDemandesDePrix .global-options{ display: inline-flex; align-items: flex-start; position: fixed; top: 0; left: 0; width: 100%; padding: 10px; background: rgba(0,0,0,0.8); }
.main-container .actions form#formDemandesDePrix .global-options select{ padding: 0; }
.main-container .actions form#formDemandesDePrix .access-fournisseur{ margin-right: 20px; }
.main-container .actions form#formDemandesDePrix .fournisseurs_products_names{ margin-bottom: 20px; }
.main-container .actions form#formDemandesDePrix .fournisseurs_products_names span{ font-size: 12px; }
.main-container .actions form#formDemandesDePrix .fournisseurs_products_names .fournisseur span{ font-weight: 700; }
.main-container .actions form#formDemandesDePrix .fournisseurs_products_names .product{ padding-left: 10px; }
.main-container .actions form#formDemandesDePrix table .negociation-informations{ background: repeating-linear-gradient( 135deg, rgba(23, 162, 184, 0.6), rgba(23, 162, 184, 0.6) 10px, rgba(23, 162, 184, 0.8) 10px, rgba(23, 162, 184, 0.8) 20px); } 
.main-container .actions form#formDemandesDePrix table .negociation-informations .data{ background: #FFFFFF; padding: 10px; }
.main-container .actions form#formDemandesDePrix table .final-informations{ background: repeating-linear-gradient( 135deg, rgba(76, 175, 80, 0.6), rgba(76, 175, 80, 0.6) 10px, rgba(76, 175, 80, 0.8) 10px, rgba(76, 175, 80, 0.8) 20px); }

/*
 * Documents Ask
 */

.main-container .actions .documents-ask-section{ text-align: center; }
.main-container .actions .documents-ask-section a img{ margin-right: 10px; }
.main-container .actions .documents-ask-section p.action,
.main-container .actions .documents-ask-section .btn{ text-align:left; }
.main-container .actions .documents-ask-section p.action span{ display:block; margin-top: 5px; text-align:left; font-size: 11px; }

/*
 * Footer
 */

.mastfoot{ color:#222; }