.note-text{
    font-size:8pt;
    color:gray;
    margin-top:10px;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}

.phoneright {
    float: right;
    font-family: "Barlow Condensed", sans-serif;
    color: #0a58ca;
    letter-spacing: 1px;
    font-size: 14pt;
}

.swal-wide {
    width: 50% !important;
}

.previous-used-car-image {
    border-bottom: 4px solid red;
}

.thumb-image 
{
    margin-right: 5px;
}

.repair-link-table 
{
    font-family: 'Ubuntu Condensed', sans-serif;
    margin: 0px !important;
    vertical-align: middle !important;
    line-height: 0.8 !important;
}

.no-repairs
{
    text-align:center;
    color:red;
    font-weight:bold;
}

#linktorepairform-opennewrepair,
#linktorepairform-result {
    border: 1px solid lightgrey;
    border-radius: 6px !important;
    padding: 2px;
}

#linktorepairform-plate-number1,
#linktorepairform-plate-number2 {
    font-weight: bold;
    color: darkmagenta;
}

.linktorepairform-tablelabel {
    background-color: #f3f3f3;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border:1px solid lightgray;
    border-radius:6px;
}

.car-plate-number {
    font-size: 12pt !important;
    font-weight: bold !important;
    color: darkmagenta;
}

.btn-custom1 {
    background-color: lightskyblue !important;
}

.btn-custom2 {
    background-color: coral !important;
}

.small-button {
    width: 32px;
    height: 32px;
    padding: 0px !important;
}

.dates-search-checkbox {
    margin-top: 10px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.car-img-container {
    width: 200px;
    height: 260px;
}

.car-img-container img {
    max-width: 100%;
    max-height: 100%;
}

#upload-container {
    border: 1px solid lightgray;
    padding: 10px;
    border-radius: 5px;
}

.car-card-text {
    font-size: 8pt !important;
    font-weight: normal;
}

.photo-card {
    float: left;
    margin: 3px;
    max-width: 200px;
}

.phone-icon {
    margin-right: 2px;
    font-size: 8pt;
    color: #3b6ab1;
}

.phone-view {
    margin-right: 3px;
    white-space: nowrap;
}

    .phone-view a {
        color: #3b6ab1;
    }

.fix-input-grp-button {
    height: 38px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#costs-total {
    padding-right: 11px;
    font-weight:bold;
}

.existing-car-plate {
    padding-right: 10px;
}

.disabled-control {
    background-color: #e9ecef !important;
}

.add-new-client {
    text-decoration:underline;   
    cursor: pointer;
    font-weight:normal;
}

.dataTables_wrapper {
    border: 1px solid #c8c9ca;
    padding: 15px;
    border-radius: 3px;
}

.nowrap {
    white-space: nowrap
}

form label {
    font-weight: bold;
}

.card-title-custom {
    border-bottom: 2px solid #3985bd;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-color: aliceblue;
    margin-bottom: 15px !important;
}

.card-title-custom span {
    border-bottom: 4px solid #3985bd;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.amount-text {
    text-align: right;
}

.select2-selection__rendered {
    line-height: 31px !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

.p-t-20{
    padding-top:20px;
}

#main-error-alert-icon {
    cursor:pointer;
    float:right;
    margin-top:4px;
}

#main-error-alert-icon:hover {
    color:red;
}

.red {
    color: red;
}

body {
    font-family: 'Ubuntu', sans-serif;
    background-color: #eee;
    background: linear-gradient(70deg, #e6e6e6, #f7f7f7);
}

.navbar-nav > li > a {
    text-transform: uppercase;
    font-size: 12pt;
    margin-right: 20px;
    color: #fff
}

.navbar-toggler {
    padding: .20rem .50rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid white
}

.nav-link {
    color: #348bcb !important
}

.wrapper {
    width: 100%;
    position: absolute;
    height: 100%;
    background-color: #348bcb;
    clip-path: polygon(81% 0, 100% 0, 100% 50%, 100% 100%, 71% 100%);
    transition: 1s all
}

.navbar-brand {
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 4px;
    font-size: 27px
}

.navbar-red:hover .wrapper {
    clip-path: polygon(81% 0, 100% 0, 100% 50%, 100% 100%, 65% 100%)
}

.navbar-brand:hover {
    color: #fff
}

.navbar-red {
    background-color: #d6f8ff;
    color: #fff;
}

.all-show {
    z-index: 10
}

.upload-new-repair-image {
    padding: 10px;
    border: 1px solid #198754;
    margin-top: 20px;
    background: #1987541c;
}