.rounded-pill {
    /*font-size: 14px;
    height: 28px;*/
    color: #333333;
    border-radius: 14px;
    border: solid 1px #9fa1a2;
    padding: 7px 10px;
    text-align: center;
    min-width: 200px;
}
.rounded-pill-blue{
    color:#6cd2fa;
    border: solid 1px #6cd2fa;
}

.rounded-pill-blue-review{
    color:#07394d;
    border: solid 1px #07394d;;
}

.rounded-pill-green{
    color:#009a44;
    border: solid 1px #009a44;
}

.rounded-pill-red{
    color:#c9220c;
    border: solid 1px #c9220c;
}

/* details-info */
  div#details-info{

        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
        margin-bottom: 15px;;

    }
  div#details-info img{
        margin:0 auto; 
        padding-top:5px;
        display: block;
    }

     div#details-info .model-label{
        margin-top: 10px;
        margin-left:5px;
    }

    div#details-info .model-container{
         width:95%;float:left
         
    }

    div#details-info .model-container table th{
        font-weight:normal;
        color:grey;
    }
   
     div#details-info .model-container table td, table th{
         size: 20px;
     }
     /* details-info */


.details-panel{
       box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
        margin-bottom: 15px;;
}

.shadow-border:hover{

    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;

}







.breadcrumb {
  /* padding: 10px 16px;
  list-style: none; */
  background-color:#233142;
  background-color:white;
  border: 1px solid gainsboro; 
  font-size:15px;
  margin-top: 10px;
}

.breadcrumb li a {
    color:#ffd400;
    color:#6cd2fa;
    color:#2db4e9;
    /* color:#233142;; */
  /* font-weight: bold; */
  text-decoration: none;
}
.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

 .title-label{
          margin-top: 10px;
        margin-left:5px;
            display: initial;
              }

    .sub-title{
       
        margin-left: 5px;
        margin-top:5px
    }

    .title-label > i {
    margin-right: 5px;
    }

    div#details-info .model-label{
        margin-top: 10px;
        margin-left:5px;
    }

    div#details-info .model-container{
         width:95%;float:left
         
    }

    div#details-info .model-container table th{
        font-weight:normal;
        color:grey;
    }
   
     div#details-info .model-container table td, table th{
         size: 20px;
     }

.form-control.is-invalid, .was-validated .form-control:invalid
{
    /* border-color: unset; */
    background-image: unset;
    
}


.error_field_form {
    color:rgb(90, 4, 4)
}

:root {
  --main-bg-color: #f77000;;
}