@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
body {
    height: 100%;
    font-family:  'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 1.6em;
    font-size: 16px;
    margin: 0;
    padding: 0;
    background: #fff;
}

img {border: 0;}
iframe {border: 0;}
p {margin: 0 0 2em 0;}
strong, b {font-weight: 700;}
ul, ol {line-height: 1.8em;}

h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif; color: #000; font-weight: 700; margin: 0 0 0.5em 0; line-height: 1em; padding:0; clear: both;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}


/*SCHEDA PREVENTIVO*/
#myres {position: relative; font-size: 0.8em; counter-reset: section;} 
#myres h1{ font-size: 3em;}
#myres h2{ font-size: 2.8em;}
#myres h3{ font-size: 2.6em;}
#myres h4{ font-size: 2.2em;}
#myres h5{ font-size: 1.6em;}
#myres h6{ font-size: 1.4em;}

.wrap-overflow{height: 1000px; overflow-y: scroll; float: left; width: 100%; margin-bottom: 40px;}
 
.head {position: relative; padding: 3px; min-height:10px; margin: 0 0 15px; background: #808080}
.head-bg {position: absolute; width: 100%; height: 200px; top: 0; opacity: 0.2; z-index: 1;}
.mac-tit {width:70%; margin-bottom: 0.2em; color: #fff; font-size: 1.6em !important;}
.mac-ann {width:70%; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 1.1em;} 
.head .btn-save {display:inline-block; position: absolute; padding: 5px 10px; top:5px; right:5px; color:#fff; text-align:center; font-weight: bold; border-radius:8px; background:#fa0}

.mac-des {float: right; width: 100%; min-height: 250px; padding: 0 30px;  margin-bottom: 0; font-size: 0.85em; line-height: normal;} 
.mac-des .mac-img-src{float:left; width:40%;  margin: 0 30px 0 0;}
.mac-des ul, .mac-des ol {line-height: normal;} 
.mac-des h1{font-size: 1.2em !important;} 
.mac-foto{border-bottom: 10px solid #84bcda}
/*.mac-img {float: right; width: 40%; min-height: 300px; padding: 30px 0; margin-bottom: 30px;} 
.mac-img img {width: 100%;} 
*/
@media(max-width:767px){
.head .btn-save {position: static; display:block;}
}

.info-mac {width: 100% !important; border: 5px solid #eee;}
.info-mac td{font-size: 0.9em!important; padding: 0px 3px 0px 3px !important;}
.info-mac label {margin: 0;}

.head-tit {clear: both; position: relative; height: 50px; padding: 10px 10px 2px 60px; margin: 30px 0 10px 0;; font-size: 1.6em; font-weight: 700; color: #000; background: #fff300;}
.head-tit:before {display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; padding: 10px 15px; border-right: 1px solid rgba(0,0,0,0.5); font-family: 'Glyphicons Halflings'; content: "\e067"; color: #000; font-weight: 400;}

.head_machine {font-size: 12pt; font-weight:bold; }


.btn-con{width: 30px; height: 30px; float: right;}
.cmd-grp-con {background: #eee; margin: 0 0 20px 0; text-transform: uppercase; font-weight: bold; border-left: 3px solid #ddd; border-bottom: 3px solid #ddd; border-right: 3px solid #ddd;}    
.cmd-grp-con .col-md-2 {padding: 0; text-align:right}    
.cmd-grp-con .cmd-minus, .cmd-grp-con .cmd-plus {width: 30px; height: 30px; line-height: 0; padding: 0; font-size: 1.6em; font-weight: 300; border-radius: 0;}    
.cmd-grp-con .count {display: inline-block; height: 30px; width: 30px; text-align: center; background: #fff; border: 1px solid #011e30; color: #000;}

/*vecchio stile senza il .wrap-overflow
.grp-con {clear: both; padding: 5px 0; margin: 30px 0 0 0; counter-reset: subsection; border-left: 3px solid #ddd; border-top: 3px solid #ddd; border-right: 3px solid #ddd; background:#fff;}    
.grp-con:before {counter-increment: section; content: counter(section) ""; font-size: 2.6em; color: #ddd; border-bottom: 1px solid #ddd; margin: 10px 0 0 -65px; padding: 10px 50px 10px 0; display: block;position: absolute;}
*/
.grp-con {position: relative; clear: both; padding: 5px 0; margin: 30px 0 0 0; counter-reset: subsection; border-left: 3px solid #ddd; border-top: 3px solid #ddd; border-right: 3px solid #ddd; background:#fff;}    
.grp-con:before {counter-increment: section; content: counter(section) ""; font-size: 2.6em; color: #ddd; text-align: right; width: 45px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 10px 0 0 0; padding: 9px 5px 10px; display: block;position: absolute;}
.grp-con.sel {background:#47c3b9; border-left: 3px solid #47c3b9; border-top: 3px solid #47c3b9; border-right: 3px solid #47c3b9; background:#fff;}   
.grp-con .col-md-2 {padding: 0;}
.grp-con .grp-tit {position: relative; font-size: 1.3em; font-weight: 700; text-align: left; border-bottom: 1px solid #ddd; padding: 10px 0 10px 60px; margin: 10px 0 0 30px; background: #eee;}
.grp-con .grp-tit:before {display: block; position: absolute; top: 0; left: 0; width: 30px; height: 46px; padding: 10px 15px; font-family: 'Glyphicons Halflings'; content: "\e080"; color: #000; font-weight: 300;}
.grp-con .grp-tit span {font-weight: 400;}
.grp-con .grp-des {padding: 20px 40px; margin-left: 20px;}
.grp-con .grp-des br:first-child {display: none;}
.grp-con .grp-des br:last-child {display: none;}

.fun-grp{margin-left: 50px;}
.fun-item {clear: both; margin-bottom: 20px;}
.fun-item .fun-tit {padding: 0; font-weight: bold; border-bottom: 1px solid #ddd;}
.fun-item .fun-ann {clear: both; padding: 5px; line-height: normal; font-size: 0.85em; background: #eee;}
.fun-img-1, .fun-img-2 {float: left; padding: 0 15px; text-align: center; background: #fff;}
.fun-img-1 img, .fun-img-2 img {max-width: 100%;}
.fun-img-f {float: left; margin: 0 10px 10px 0; font-size: 1.8em;}

.cmd-opt-con {background: #eee; margin: 0 0 20px 45px; text-transform: uppercase; font-weight: bold; border-left: 3px solid #ddd; border-bottom: 3px solid #ddd; border-right: 3px solid #ddd;}    
.cmd-opt-con .col-md-2 {padding: 0; text-align:right}    
.cmd-opt-con .cmd-minus, .cmd-opt-con .cmd-plus {width: 30px; height: 30px; line-height: 0; padding: 0; font-size: 1.6em; font-weight: 300; border-radius: 0;}    
.cmd-opt-con .count {display: inline-block; height: 30px; width: 30px; text-align: center; background: #fff; border: 1px solid #011e30; color: #000;}

.opt-con {clear: both; padding: 5px 0; margin-left: 45px; border-left: 3px solid #ddd; border-top: 3px solid #ddd; border-right: 3px solid #ddd; background:#fff;}    
.opt-con.sel {background:/*#47c3b9*/#eee; border-left: 3px solid #47c3b9; border-top: 3px solid #47c3b9; border-right: 3px solid #47c3b9;}    
.opt-con .col-md-2 {padding: 0;}    
.opt-con .opt-tit {font-weight: 700; font-size: 0.8em; line-height: normal;}    
.opt-con .opt-tit span {font-weight: 400;}     
.opt-con .fun-img-1:empty, .opt-con .fun-img-2:empty {display: none;}    
.opt-con .opt-qta {font-size: 1.6em; text-align: center; color: #fff; float: right; font-weight: 700; width: 60px; height: 40px; padding: 7px; margin: -5px -1px 0 0;}
.opt-con.sel .opt-qta {background: #47c3b9}

.ver-tree {list-style: none;}
.ver-tree li.cat {float: left; width: 100%; position: relative; font-weight: 700; text-transform: uppercase; font-size: 1.2em; margin-bottom: 20px; padding: 10px; border-left: 1px solid #eee;}
.ver-tree li.cat:before {position: absolute; content:" "; width: 5px; height: 30px; left: 0; top: 5px; background: #ddd; }
.ver-tree li ul {padding: 0; list-style: none;}
.ver-tree li ul li.sub-cat {float: left; width: 100%; text-transform: none;}
.ver-tree li ul li ul {float: left; width: 100%;}
.ver-tree li ul li ul li.mac {float: left; padding: 20px; text-transform: none;font-size: 0.8em;}

/*vecchio stile senza il .wrap-overflow     
@media (max-width: 991px) {
.grp-con:before {font-size: 2.6em; margin: 10px 0 0 5px; padding: 10px 50px 10px 0; display: block;position: absolute;}
}    
*/

/* RESET */
/*---------------------------------*/

.navbar {border-radius: 0;}
.navbar .glyphicon{margin-right: 10px;}
.navbar .nav {font-size: 1.1em; text-transform: uppercase;}
.row {margin-left: 0px; margin-right: 0px;}
.lang {font-size: 0.8em}

h1 .glyphicon{margin-right: 10px;}
h1 {color: #143342;}

.navbar-inverse {background-color: #011e30; border-color: #011e30;}
.navbar-inverse .navbar-brand {color: #fff; padding-left: 182px; background: url(../images/logo-marme.png) 10px 50% no-repeat;}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {color: #9cc6d0;}
.navbar-inverse .navbar-nav > li > a {color: #fff;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #9cc6d0;}

.navbar-inverse .navbar-toggle {border-color: #011e30;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {background-color: #011e30;}

.btn-default {background-color: #011e30; border-color: #000; color: #fff;}

.form-inline.form-pa {margin-bottom: 20px;}
/*.form-inline.form-pa label {display: block; width: 967px; height: 8px;}*/
.form-inline.form-pa .form-group {margin-right: 20px;}
.form-inline.form-pa .checkbox {margin-right: 20px;}
.form-inline.form-pa .form-control {display: block;}

.datepicker.dropdown-menu {font-size: 11px;}

/* CLASSI EIDOS */
/*---------------------------------*/

/*errori*/
.err {width: 100%; float: left}
.err ul {list-style: outside none none;}
.err ul li {color:Red; font-weight: bold;}

.inputDt {width:95px;}
.inputTxt {width:210px;}
.inputArea {width:210px; height:80px;}
.inputCod {width:100px;}

/*tabelle*/
th {white-space: nowrap !important; padding: 3px;}
td {white-space: nowrap !important; padding: 3px;}  
.tabsmall th {font-size:11px !important;}
.tabsmall td {font-size:12px !important; padding:1px 0px 0px 3px !important; margin:0 !important; white-space: normal !important;}
td ul {line-height: normal; font-size: 0.8em;}
.panel-body table {width: 100%;}
.panel-body td {font-size: 0.8em; white-space: normal !important; vertical-align: top; border-bottom: 1px solid #eee;}

/*dimensione glyphicon nella tabella*/
.gly-size {font-size: 2em;}
/*div nascosto nella tabella*/
.subrow {display:none; font-size: 0.8em; margin: 10px 0; padding: 5px; background: #eee;}

/*pager*/
.mypager td:first-child {padding: 10px 0;}
.mypager a, .mypager span{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.mypager span{color: #000; background-color: #eee;}

/* INTEGRAZIONE BOOTSTRAP */
.btn-file {position: relative; overflow: hidden;}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
    
/*** CUSTOM STATUS ***/    
.r {background-color:#d9534f !important; color:White !important;}
.g {background-color:#5cb85c !important; color:White !important;}
.y {background-color:#f0ad4e !important; color:White !important;}
.b {background-color:#337ab7 !important; color:White !important;}
.x {background-color:#5bc0de !important; color:White !important;}

.r a {color:White !important;}
.g a {color:White !important;}
.y a {color:White !important;}
.b a {color:White !important;}
.x a {color:White !important;}

    
.input-xs {height: 22px; padding: 2px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px;}

/*Loading*/
#loading {display:none;position:absolute;z-index:50;top:400px;left:50%;margin-left:-280px;width:560px;height:80px;font-size:13pt;color:#383838;background:url(/layout/images/bg_loading2.png) no-repeat}
#loading .inner{padding:28px;text-align:center}
#loading img{margin:0 20px;vertical-align:middle}

/* FOOTER */
footer {font-size:0.8em; padding: 15px 0; margin-top: 50px; border-top: 1px solid #222}

/*Modal*/
#modalRes .modal-dialog {position: relative; display: table; overflow-y: auto; overflow-x: auto; width: auto; min-width: 300px;}
#modalRes .modal-dialog img {min-width: 100%; width: 100%;}
#modalRes .modal-dialog video {min-width: 100%; width: 100%;}

.lan-ul {list-style: none;padding: 0;}
.lan-ul li {padding: 5px 0; border-bottom: 1px solid #eee}
.lan-ul li img {margin-right: 10px;}