body .tooltip { font-size: 1.8em; } body .requiredStar { color: #d9534f; } body .text-error { color: #d9534f; } body .text-primary { text-align: justify; } body .modal { font-size: 1.3em; } body .modal .modal-header { background: #428bca; color: white; border-radius: 4px 4px 0px 0px; border-bottom: none; } body .modal .modal-header .modal-title { font-size: 1.4em; } body .panel select, body .panel input { margin-bottom: 5px; } body .panel .form-group { margin-bottom: 10px; } #bbio-content .panel-footer { text-align : right; } #alert-hotline { text-align: center; } #alert-hotline img { margin-top: 15px; } /* #bbio-content {border-radius: 10px; border: 1px solid #ccc; box-shadow: 2px 2px 5px 0px #ccc;} */ #sim-header .sim-nav-panel {text-align: center} #bbio-content { border-color: #37227D; min-height: 500px; } #bbio-content.miss {border-color: #b94a48;} #bbio-content li.miss-text {display: none; color: #b94a48;} #bbio-content .panel-heading { font-size: 2em; } /* #bbio-content .panel-heading {background-color: #37227D; border-color: #37227D; color: white; font-weight: bold;} #bbio-content .panel-heading span {border: 1px solid white; padding: 5px; border-radius: 5px; margin-top: -5px;} #bbio-content .panel-heading span:hover {background: #b94a48; cursor: pointer;} */ #bbio-content .miss > .panel-heading {background: #b94a48;} #bbio-content #panel-coordonnees.miss > .panel-heading {background: #37227D;} #bbio-content .miss li.miss-text {display: block;} #bbio-content .list-group li {} #bbio-content #panel-type li.collapse {display: none;} #bbio-content #panel-type li.collapse.in {display: block;} /* #bbio-content .list-group li:hover {background: #f5f5f5; cursor: pointer; } */ #bbio-content .list-group li.active { background: #98bf24; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#98bf24", endColorstr="#add92a"); background: -webkit-gradient(linear, left top, left bottom, from(#98bf24), to(#add92a)); background: -webkit-linear-gradient(#98bf24, #add92a); background: -moz-linear-gradient(#98bf24, #add92a); background: -o-linear-gradient(#98bf24, #add92a); background: -ms-linear-gradient(#98bf24, #add92a); background: linear-gradient(#98bf24, #add92a); } #bbio-content .option.active { background: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#C6F2C1"); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#C6F2C1)); background: -webkit-linear-gradient(#fff, #C6F2C1); background: -moz-linear-gradient(#fff, #C6F2C1); background: -o-linear-gradient(#fff, #C6F2C1); background: -ms-linear-gradient(#fff, #C6F2C1); background: linear-gradient(#fff, #C6F2C1); } #bbio-content .option.active {border-color : #C6F2C1;} #bbio-content .option.active:hover {box-shadow: none;} #bbio-content .option {text-align: center; padding: 10px; margin: 10px 0px; border: 1px solid #dbdeeb; background: -moz-linear-gradient(top, #ffffff 0%, #d6eef7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6eef7)); background: -webkit-linear-gradient(top, #ffffff 0%,#d6eef7 100%); background: -o-linear-gradient(top, #ffffff 0%,#d6eef7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#d6eef7 100%); background: linear-gradient(to bottom, #ffffff 0%,#d6eef7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6eef7',GradientType=0 ); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 1px #fff; } #bbio-content .option:hover {cursor: pointer; box-shadow: 0px 0px 8px 0px #444;} #bbio-content .option img {height: 60%; border-radius: 5px;} #bbio-content h3, #bbio-content h4 {margin-top: 20px;} #bbio-content .text-option h3, #bbio-content .text-option h4 {margin-top: 10px;} @media (max-width: 767px) { #bbio-content .list-group {text-align: center;} #bbio-content .option img {height: auto; width: 30%;} } @media (min-width: 768px) { #bbio-content .option {height: 150px;} #bbio-content .option.text-option {height: auto;} } .appareilContainer {padding: 15px;} /************ Sliders ***************/ .sliderContent .ui-slider-handle {height: 22px; width: 22px;} .sliderContent .ui-slider-handle:hover {cursor: pointer;} .sliderContent .ui-slider {height: 15px;} .sliderContent p {text-align: left; white-space: nowrap;} .sliderContent {padding: 20px 15px;} .isolation .sliderContent, #toit_solaire .sliderContent, #mitoyen_jardin .sliderContent, #chauffage_eau .sliderContent {padding: 30px 15px; margin: -10px -15px;} .sliderContent input {background: transparent; font-size: 2em; max-width: 50%;} .sliderContent:hover { background: -moz-linear-gradient(top, #ffffff 0%, #d6eef7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6eef7)); background: -webkit-linear-gradient(top, #ffffff 0%,#d6eef7 100%); background: -o-linear-gradient(top, #ffffff 0%,#d6eef7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#d6eef7 100%); background: linear-gradient(to bottom, #ffffff 0%,#d6eef7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6eef7',GradientType=0 ); } /****************** sim-result ************/ #bbio-content.sim-result li p { margin-bottom: 0px;} #bbio-content.sim-result li span, #bbio-content .well span, #bbio-content .panel-heading span.prix { border: 0; color: #f6931f; font-weight: bold; background: transparent; font-size: 2em; } #bbio-content img { margin-bottom: 15px; } #bbio-content #accroche .well { margin-top: 20px; padding-top: 0px; } #bbio-content li .well { margin-bottom: 10px; padding: 15px; } #bbio-content li .well p { font-weight: bold; font-size: 1.2em; } #bbio-content li .well p.pull-right{ margin-top: -8px; font-size: 1em; } #bbio-content .panel-resultat img { width: 100%; margin-bottom: 10px; border-radius: 4px;} #bbio-content .panel-resultat button { font-weight: bold; padding: 15px 0px; font-size: 1.1em; } #bbio-content .panel-resultat button.btn-success { display: none; } #bbio-content .panel-resultat button.btn-danger { display: none; } #bbio-content .panel-resultat .btn-block+.btn-block { margin-top: 0px; } #bbio-content #actionContainer { margin-bottom: 20px; } #bbio-content #actionContainer a { text-decoration: none; } /********************** Panel-info ********************/ #panel-info { font-size: 1.2em; } #panel-info ul { padding-left: 40px; } #panel-info ul li { list-style: initial; } /********************** Panel-Coordonnees ********************/ #panel-coordonnees #coord_projet h3 { margin: 0px 15px 20px 15px; border-top: 1px solid #ddd; padding-top: 10px; } #panel-coordonnees input[type="checkbox"], #panel-coordonnees label[for="coord_identique"], #panel-coordonnees label[for="confidentialite"] { cursor: pointer; } /********************** Panel-Isolation ***************/ #panel-isolation .panel-subTitle { border-top: 1px solid #428bca; padding-top: 10px; margin-top: 10px; font-size: 1.6em; color: #888; } #panel-isolation #iso-mur .panel-subTitle { border-top: none; margin-top: 0px; padding-top: 0px; } #panel-isolation .table-responsive { border: none; overflow-x: hidden; } #panel-isolation .isoCouche, #panel-isolation .newCouche { background: #eee; padding: 10px; margin-bottom: 10px; } #panel-isolation .newCouche { padding-bottom: 1px; cursor: pointer; } #panel-isolation .isoCouche > p { font-size: 1.4em; color: #428bca; font-weight: bold; margin-bottom: 10px; } #panel-isolation .newCouche > p { font-size: 1.4em; color: #5cb85c; font-weight: bold; margin-bottom: 10px; } #panel-isolation .isoCouche .fa-trash-o, #panel-isolation .newCouche .fa-trash-o { float: right; color: #d9534f; cursor: pointer; } #panel-isolation .isoCouche .fa-plus-circle, #panel-isolation .newCouche .fa-plus-circle { float: right; color: #5cb85c; cursor: pointer; } /********************* Panel-Menuiseries **************/ #panel-menuiseries .newMenuiserie { background: #eee; padding: 10px; margin-bottom: 10px; padding-bottom: 1px; cursor: pointer; } #panel-menuiseries .newMenuiserie > p { font-size: 1.4em; color: #5cb85c; font-weight: bold; margin-bottom: 10px; } #panel-menuiseries .menuiserie .fa-trash-o, #panel-menuiseries .newMenuiserie .fa-trash-o { float: right; color: #d9534f; cursor: pointer; } #panel-menuiseries .newMenuiserie .fa-plus-circle, #panel-menuiseries .menuiserie .fa-plus-circle { float: right; color: #5cb85c; cursor: pointer; } /********************* Panel-permis *******************/ #panel-permis #loading { margin: 10px 0px; } #panel-permis #progressBar { margin: 10px 0px; } #panel-permis .fileBloc { float: left; background: lightgoldenrodyellow; padding: 8px; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; font-size: 1.2em; color: #444; font-weight: bold; border: 1px solid darkgoldenrod; } #panel-permis .fileBloc span { float: right; color: #be4a48; cursor: pointer; } #panel-permis .fileBloc p { margin-right: 20px; margin-bottom: 0px; } /********************* panel-validation ***************/ #panel-validation {} #panel-validation .panel-summary { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; color: #444; } #panel-validation .panel-summary:first-child { border-top: none; margin-top: 0px; padding-top: 0px; } #panel-validation .panel-summary .panel-subTitle { font-size: 2em; color: #888; } #panel-validation h3 { color: #888; } #panel-validation .panel-summary .panel-subTitle i.fa-success { color: #5cb85c; } /* Success : #5cb85c - Danger : #d9534f */ #panel-validation .panel-summary .panel-subTitle i.fa-danger { color: #d9534f; } /* Success : #5cb85c - Danger : #d9534f */ #panel-validation .panel-summary p { font-size: 1.4em; margin-bottom: 5px; } #panel-validation .panel-summary p .summary-data { color: black; font-size: 1.2em; font-weight: bold; } #panel-validation .panel-summary i.fa-edit { float: right; color: #428bca; cursor: pointer; } /********************* Panel-bbio *********************/ #panel-bbio p#code_session { text-align: center; font-size: 2em; padding: 20px; } #panel-bbio p#code_session strong { padding: 10px; border: 3px solid #428bca; } #panel-bbio #bbio-waiting { text-align: center; } #panel-bbio #bbio-waiting i { font-size: 20em; } #panel-bbio #bbio-waiting p { font-size: 3em; } #panel-bbio table tr > th, #panel-bbio table tr > td { font-size: 2em; } #panel-bbio table .fa-check { color: #5cb85c; } #panel-bbio table .fa-times { color: #d9534f; } #panel-bbio #bbio-results_ok .btn-success { margin-top: 30px; } #panel-bbio #bbio-results_nok .btn-success { margin-top: 10px; } #panel-bbio #bbio-results_nok table { margin-top: 30px; } #panel-bbio #bbio-results_nok .btn-primary { margin-bottom: 30px; } #panel-bbio table .fa-check { color: #5cb85c; } /********************* Panel-index ********************/ #panel-index-vertical, #panel-index-horizontal {} #panel-index-vertical ul, #panel-index-horizontal ul { margin-top: -5px; } #panel-index-vertical ul li, #panel-index-horizontal ul li { color: #444; padding: 8px; margin: 5px; font-size: 1.6em; border-radius: 4px; white-space: nowrap;} #panel-index-vertical ul li.li-danger, #panel-index-horizontal ul li.li-danger { background: #d9534f; color: white } #panel-index-vertical ul li.li-success, #panel-index-horizontal ul li.li-success { background: #5cb85c; color: white } /* #panel-index-vertical ul li .fa, #panel-index-horizontal ul li .fa { color: #444; } */ #panel-index-vertical ul li.active .fa, #panel-index-vertical ul li:hover .fa, #panel-index-horizontal ul li.active .fa, #panel-index-horizontal ul li:hover .fa { color: white; } #panel-index-vertical ul li:hover, #panel-index-vertical ul li.active, #panel-index-horizontal ul li:hover, #panel-index-horizontal ul li.active { background: #428bca; color: white; cursor: pointer; } #panel-index-horizontal ul li { display: inline-block; } /********************* FancyBox ***********************/ body .fancybox p { text-align: center; margin-top: -15px; margin-bottom: 20px; } /********************* Responsive *********************/ @media (max-width: 990px) {}