#devis {
  padding-top: 1em; }
  #devis .pb-5 {
    padding-bottom: 1em; }
  #devis .lowercase {
    text-transform: initial; }
  #devis .switch-choice {
    border: 1px solid #104c6d;
    border-radius: 8px;
    padding: 1em; }
    #devis .switch-choice p {
      margin: 0;
      color: #104c6d;
      padding: 0;
      font-weight: 700;
      text-transform: uppercase; }
      #devis .switch-choice p label:first-of-type {
        margin: 0 0 0 3em; }
      #devis .switch-choice p label {
        font-weight: normal;
        margin: 0 1em 0 1em;
        padding: 0; }
        #devis .switch-choice p label input {
          margin: 0 8px;
          padding: 0; }
  #devis .main-title {
    font-size: 1.15em;
    letter-spacing: 1px;
    color : #104c6d;
    text-transform: uppercase;
    margin: 1em 0;
    font-weight: 700; }
  #devis .mt-3 {
    margin-top: 1.75em;
    color: #104c6d }
  #devis .disclaimer {
    font-size: 13px;
    font-weight: 700;
    margin: 1em 0; }
  #devis .fh {
    height: 100%; }
  #devis #selection {
    height: 406px;
    border-radius: 8px;}
  #devis #selection h1 {
    color: #FFFFFF}
    #devis #selection #critere_list {
      height: 343px;
      overflow: auto; }
  #devis #selection #critere_list .critere-item label {
      color: #FFFFFF }
  #devis #selection #critere_list .result .glyphicon {
    color : #FFFFFF }
  #devis .bg-silver {
    background-color : rgba(16, 76, 109, 0.8);
    color: black
    }
    #devis .bg-silver #critere_list {
      margin: 0 0 0.5em 0;
      padding: 0 0 0.5em 0;
      height: 100%; }
      #devis .bg-silver #critere_list .section-header {
        border: 0;
        border-bottom: 1px solid #EE7202;
        background-color: #F5F5F5; }
        #devis .bg-silver #critere_list .section-header .panel-title {
          color: #EE7202; }
      #devis .bg-silver #critere_list #critere_list {
        overflow-y: auto;
        padding-top: 6px;
        padding-bottom: 0;
        margin-bottom: 0;
        background-color: #F5F5F5;
        max-height: calc(100vh - 197px); }
      #devis .bg-silver #critere_list .section-footer {
        padding: 18px;
        background-color: #F5F5F5; }
      #devis .bg-silver #critere_list label {
        margin: 0.25em 0;
        padding: 0; }
      #devis .bg-silver #critere_list .critere-item {
        margin: 0; }
        #devis .bg-silver #critere_list .critere-item.new-target ~ .new-target {
          border-top: 1px dashed #EE7202;
          margin-top: 15px;
          padding-top: 15px; }
        #devis .bg-silver #critere_list .critere-item label {
          font-size: 15px; }
      #devis .bg-silver #critere_list .result {
        list-style-type: none;
        padding: 0;
        font-size: 13px;
        margin-bottom: 2px; }
        #devis .bg-silver #critere_list .result li {
          background-color: white;
          padding: 0.2em 0.75em;
          border-radius: 20px;
          display: inline-block;
          margin: 4px 2px; }
          #devis .bg-silver #critere_list .result li span {
            margin-left: 15px;
            display: inline-block;
            position: relative;
            top: -1px; }
            #devis .bg-silver #critere_list .result li span:hover {
              color: #EE7202; }
            #devis .bg-silver #critere_list .result li span::before {
              font-size: 8px;
              margin: auto; }
  #devis #estimation {
    margin-bottom: 2em;
    border-collapse: unset;
    color : #104c6d }
    #devis #estimation th,
    #devis #estimation td {
      border: 1px solid #104c6d;
      vertical-align: middle; }
    #devis #estimation th {
      text-align: center; }

    #devis #estimation tbody tr:first-child th:first-child, #devis #estimation tbody tr.priceFirst td.accent{
      border-top-left-radius: 8px}
    #devis #estimation tbody tr:first-child th:last-child, #devis #estimation tbody tr.priceFirst td:last-child {
      border-top-right-radius: 8px}
    #devis #estimation tbody .lastLineFirstTable td:first-child, #devis #estimation tbody tr.priceLast td.accent {
      border-bottom-left-radius: 8px}
    #devis #estimation tbody .lastLineFirstTable td:last-child, #devis #estimation tbody tr.priceLast td:last-child {
      border-bottom-right-radius: 8px}
    #devis #estimation tbody .discret td.accent {
      background-color : #104c6d;
      color: white;
    }
    #devis #estimation .accent,
    #devis #estimation th {

      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 22px; }
    #devis #estimation .discret {
      background-color: white;
      border: none;
      padding: 5px; }

#savemodal .close,
#validationmodal .close,
#saveandexitmodal .close {
  position: absolute;
  top: 10px;
  right: 10px; }

#savemodal .modal-dialog,
#validationmodal .modal-dialog,
#saveandexitmodal .modal-dialog {
  border: 2px solid #51C1C6; }
  #savemodal .modal-dialog .modal-content,
  #validationmodal .modal-dialog .modal-content,
  #saveandexitmodal .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 1.5em 3.5em; }
    #savemodal .modal-dialog .modal-content > div,
    #validationmodal .modal-dialog .modal-content > div,
    #saveandexitmodal .modal-dialog .modal-content > div {
      border: none; }
    #savemodal .modal-dialog .modal-content .modal-header,
    #validationmodal .modal-dialog .modal-content .modal-header,
    #saveandexitmodal .modal-dialog .modal-content .modal-header {
      text-align: center; }
      #savemodal .modal-dialog .modal-content .modal-header .modal-title,
      #validationmodal .modal-dialog .modal-content .modal-header .modal-title,
      #saveandexitmodal .modal-dialog .modal-content .modal-header .modal-title {
        color: #51C1C6;
        text-decoration: underline;
        font-weight: 700; }
    #savemodal .modal-dialog .modal-content .required-check,
    #validationmodal .modal-dialog .modal-content .required-check,
    #saveandexitmodal .modal-dialog .modal-content .required-check {
      font-size: 0.85em;
      margin-top: 2em; }
    #savemodal .modal-dialog .modal-content .input-group-addon,
    #validationmodal .modal-dialog .modal-content .input-group-addon,
    #saveandexitmodal .modal-dialog .modal-content .input-group-addon {
      background-color: transparent;
      border: none; }
    #savemodal .modal-dialog .modal-content .form-control,
    #validationmodal .modal-dialog .modal-content .form-control,
    #saveandexitmodal .modal-dialog .modal-content .form-control {
      background-color: #eee;
      border: none;
      box-shadow: none; }
    #savemodal .modal-dialog .modal-content .modal-footer,
    #validationmodal .modal-dialog .modal-content .modal-footer,
    #saveandexitmodal .modal-dialog .modal-content .modal-footer {
      text-align: center; }

@media (min-width: 768px) {
  .modal-dialog:not(.modal-lg) {
    width: 600px;
    margin: 10% auto; } }

button.btn,
a.btn {
  border-radius: 8px; }
  button.btn.btn-primary,
  a.btn.btn-primary {
    background-color: #104C6D; }
    button.btn.btn-primary:hover, button.btn.btn-primary:active, button.btn.btn-primary:focus,
    a.btn.btn-primary:hover,
    a.btn.btn-primary:active,
    a.btn.btn-primary:focus {
      background-color: #104C6D; }
  button.btn.btn-success,
  a.btn.btn-success {
    background-color: #51C1C6; }
    button.btn.btn-success:hover, button.btn.btn-success:active, button.btn.btn-success:focus,
    a.btn.btn-success:hover,
    a.btn.btn-success:active,
    a.btn.btn-success:focus {
      background-color: #51C1C6; }
