body { font-family: "Open Sans"; font-weight: 300; font-size: 16px; background-image:url('../images/estimate-back3.jpg');background-repeat:no-repeat; background-position:top center; background-size:cover; background-attachment: fixed; }

/* STRUCTURE
----------------------------------------------------------------------------------- */
#sidebar { position: fixed; top: 0px; bottom: 0; left: 0; z-index: 1000; display: block; padding:0; overflow-x: hidden; overflow-y: auto; background-color: #232323; }
#sidebar-header { position:relative; background:#111; float:left; width:100%; padding:30px 30px; text-align: center; }
#sidebar-header a { text-align: center; }
#sidebar-header img { display:inline-block; max-width: 150px; }
#app-name { float:left; width:100%; color:#fff; background-color:#48acce; font-size: 16px; font-weight: 300; padding:15px 0; text-align: center; text-transform: uppercase; }

.nav-sidebar { float:left; width:100%; padding: 20px 10px; }

/* GENERIC
----------------------------------------------------------------------------------- */
img { max-width:100%; }

h1 { font-size:34px; font-weight:300; }
h2 { font-size:26px; font-weight:300; line-height:1.4em; }
h3 { font-size:22px; font-weight:400; }
h4 { font-size:16px; font-weight:300; margin:0 0 5px 0; text-decoration: underline; }

.color { color:#29b7c4; }
.ico-badge {
    display: inline-block;
    min-width: 10px;
    padding: 4px 6px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #333;
    border-radius: 10px;
}
.valign { vertical-align: middle!important; }

/* Loading */
.loading {
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    background: rgba(0,0,0,0.5); z-index: 100;
}

.loading-content {
    position: absolute; top: 50%; left: 50%;
    background: rgba(0,0,0,0.6); color: #ffffff; padding: 20px;
    border-radius: 2px; transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
.loading-content .fa {
	margin-bottom: 10px; font-size: 40px; width: 100%;
}

table { }
table thead { }
table.fixed { padding-top:100px; }
table.fixed thead { position:fixed; top:0px; z-index:30; box-shadow: 0px 0px 10px -3px #ccc; }

/* Gradient
 *--------------------------------------------------------*/
.graytowhite {
background: -moz-linear-gradient(top,  #aaa 0%, #ffffff 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #aaa 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #aaa 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.whitetogray {
background: -moz-linear-gradient(top,  #fff 50%, #aaa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff 50%,#aaa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff 50%,#aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.shadow-bottom {
    -webkit-box-shadow: 0px 20px 57px -40px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 20px 57px -40px rgba(0,0,0,0.75);
    box-shadow: 0px 20px 57px -40px rgba(0,0,0,0.75);
    margin-bottom:20px;
}


/* BUTTONS
----------------------------------------------------------------------------------- */
.btn { border-radius:0px; padding:10px 20px; font-size: 15px; background: #ccc; color:#444; text-shadow: none; }
.btn.btn-mini { padding:5px 10px; font-size: 12px; }
.btn-primary { text-transform: uppercase; color:#fff; border: 1px solid #29b7c4; background: #29b7c4; }
.btn-primary:active, .btn-primary:focus, .btn-primary:visited, .btn-primary:hover { text-transform: uppercase; color:#fff; border: 1px solid #000; background-color: #000!important; }
.btn-default { text-transform: uppercase; color:#111; border: 1px solid #bbb; background: #fff; box-shadow: none; }
/* .btn-default:active, .btn-default:focus, .btn-default:visited, .btn-default:hover { color:#29b7c4!important; background-color: transparent!important; } */
.btn-default2 { text-transform: uppercase; color:#666; border: 1px solid #999; background-color: transparent; }
.btn-default-white { text-transform: uppercase; color:#fff; border: 1px solid #eee; background: transparent; }
#btn-print { position: absolute; top:20px; right: 0px; padding:8px 10px; }

.btn-lg { font-size: 18px; padding:15px 25px; margin-bottom: 150px; }

/*
    Estimate Show
------------------------------------------------------------ */

#estimate-show { }
#estimate-show .logo { margin:10px 0; }

#estimate-cart { max-width:1170px; margin:0 auto;  }
#estimate-cart .tab-content { background: #fff; }
#estimate-cart .childs-header { font-size: 24px; font-weight:300; margin:20px 0 10px; display: inline-block; color:#666;  }

#estimate-cart .nav-tabs { background-color: rgba(255,255,255,0.4); padding:10px 20px 0 20px; }
#estimate-cart .nav-tabs > li { width:20%; }
#estimate-cart .nav-tabs > li > a { text-align: center; font-size:22px; color:#000; font-weight:300; background:transparent; border:none; padding:10px 0 20px 0; }
#estimate-cart .nav-tabs > li > a .ico-badge { font-size:17px; min-width:26px; background: #fff; color:#666; border-radius:20px; }

#estimate-cart .nav-tabs > li.active > a { color:#000; background-color: #fff; }
#estimate-cart .nav-tabs > li.active > a .ico-badge { background:#29b7c4; color:#fff; }
#estimate-cart .tab-pane { padding:20px 20px 30px; }

#estimate-cart .bottom-button { }

/* table */
.estimate-cart-table { width:100%; margin:0 0 20px; }
.estimate-cart-table td { vertical-align: middle!important; position: relative; }
.estimate-cart-table th { vertical-align: middle!important; padding:17px 8px!important; font-weight: normal; font-size:13px; background: #ddd; }
.estimate-cart-table input { border:1px solid #bbb; width:60px; text-align: center; padding:3px 0; }
.estimate-cart-table h3 { margin:10px 0 5px 0; font-size: 18px; font-weight:normal; }
.estimate-cart-table h3 a { display:inline-block; color:#333; }
.estimate-cart-table h4 { margin-bottom:0px; }
.estimate-cart-table .remove-product { position: absolute; top:5px; right:5px; }
.estimate-cart-table tfoot { font-size: 15px; }
.estimate-cart-table tr td:last-child { padding-right:15px; }
.estimate-cart-table .input-group-addon { padding:3px; }
.estimate-cart-table .product-desc { font-size:15px; }

.estimate-total-table { margin-top:30px; float:right; }
.estimate-total-table th { font-size:16px; }
.estimate-total-table p { margin:0; }

/* intro */
.template-name { color:#999; }

.doc-title h1 { text-transform: uppercase; }
.client { display:inline-block;  border:1px solid #eee; padding:15px 60px; margin:10px 0; background:#F2F2F2; }

#estimate-cart-intro { padding:0 30px 30px ;  }
.intro-box { padding:30px 30px; margin:60px 20px 0; border:1px solid #999; }


/* machine */
#estimate-cart-mac { padding:20px 0 30px 0; }

#estimate-cart-mac h1 { margin-top: 10px; font-size: 39px; font-weight:300; }
#estimate-cart-mac h2 { margin-top: 0px; font-size: 16px; font-weight:normal; color:#666; }

#estimate-cart-mac img.first-thumb { max-width:80%; }

#estimate-cart-mactable { margin:40px 0 0; width:100%; }
#estimate-cart-mactable tr { background: #fff; }
#estimate-cart-mactable th { background: #F2F2F2; font-weight:normal; }

#mach-features { padding:0 30px;}
#mach-features table { width: 100%; background-color: transparent; border-spacing: 0; border-collapse: collapse; margin-bottom: 20px; }
#mach-features table > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
#mach-features table > tbody > tr:nth-of-type(even) { background-color: #fff; }
#mach-features table td,
#mach-features table th { padding:8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }


#mach-comment { padding:0 30px 20px;}

/* drinks */





/* accessories */


/* Contract */
.estimate-message { background-color:#fff; padding:30px 40px;}




#estimate-print { background: #fff; padding:30px 30px; }
.case { width:60px; height:30px; border:1px solid #999; float:right;  }


/*
    Print
------------------------------------------------------------ */
body.estimate-show { font-size:15px; font-family: "Open Sans", Helvetica, sans-serif; background-color: #eee !important; }

.estimate-show .bar { position:fixed; top:0px; z-index:10; height: 52px; padding:10px 20px; box-shadow: 0 1px 0 rgba(132,132,132,.4); background: #111; }
.estimate-show .bar h3 { float:left; margin:7px 0 0; color:#999; font-size:18px;  }

/* sidebar */
.estimate-show .sidebar { position: fixed; top: 0; bottom: 0; right: 0; z-index: 1000; display: block; padding: 40px; overflow-x: hidden; overflow-y: auto; background-color: #fff; box-shadow: -1px 0 0 rgba(0,0,0,.16); }
.estimate-show .logo { display:block; margin:40px 0 20px; }

/* documents */
.estimate-show .document { position: relative; padding: 30px 30px 50px 30px; max-width: 21cm; margin-top:100px; margin-left: auto; margin-right: auto; margin-bottom:100px; font-size: 16px; line-height: 1.5; color: #000; background-color: #fff; box-shadow: 0 0 3px 0 rgba(132,132,132,.75); }
.estimate-show .document img { max-width:100%; }
.estimate-show .document section { padding: 40px 0;
    -webkit-box-shadow: 0px 20px 57px -40px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 20px 57px -40px rgba(0,0,0,0.75);
    box-shadow: 0px 20px 57px -40px rgba(0,0,0,0.75);
    overflow-wrap: break-word; max-width: 100%;
    display : block; overflow: hidden;
}
.estimate-show .document section:first-child { padding-top:0px; }



/* Taille lg - container : 1170px */
@media (min-width: 1200px) {
  /* Normalement pas besoin de ça, c'est le CSS courant */
}

/* Taille md - container : 970px */
@media (min-width: 992px) and (max-width: 1199px) {

    #estimate-cart .nav-tabs > li > a { font-size:18px; }
}

/* Taille sm - container : 750px */
@media (min-width: 768px) and (max-width: 991px) {

    #estimate-cart .nav-tabs > li > a { font-size:16px; }

}

/* Taille xs */
@media (max-width: 767px) {
	 #estimate-cart .nav-tabs > li { width: 100%; background: #f0f0f0; padding-left: 15px; padding-right: 15px; }
	 #estimate-cart .nav-tabs > li > a { font-size:16px; text-align: left; }
	 #estimate-cart .nav-tabs > li.active { background: #ffffff; }
	 #estimate-cart .nav-tabs > li.active > a { background: none; }
}

/* Smartphone et Phablette */
.visible-sph { display: none; }
@media (max-width: 640px) {
  	.hidden-sph { display: none; }
  	.visible-sph { display: inherit; }

  	.estimate-cart-table tr { position: relative; }
  	.estimate-cart-table td { width: 100%; display: inline-block !important; text-align: center; float: inherit; border-top: none !important; }
  	.table-col-name { text-decoration: underline; }
}

@media (max-width: 385px) {

}

@media (max-width: 320px) {

}