/* html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.modal-overlay .modal-content {
    max-width: 760px; 
    min-height: 625px;
    width: 100%;
} */

.book-cal {
    align-self: start;
    color: #614acb;
    font-size: 0.75rem;
    text-decoration: none;
    padding-bottom: 5px;
    padding-left: 2px;
}

.book-cal-more {
    align-self: center;
    color: #614acb;
    font-size: 0.75rem;
    text-decoration: none;
    padding-bottom: 5px;
    padding-left: 2px;
}

.hand-pointer {
    cursor: pointer;
}

.calificacion-cuenta {
    font-size: 14px;
    color: #5e4bc6;
    font-weight: 600;
}

/* overrides styles in /styles/styles.css */
.nav-link {
    color: #5d4ac6 !important; /* default state */
}

    .nav-link:hover,
    .nav-link:focus {
        color: #0056b3 !important; /* hover/focus */
    }

    .nav-link.active {
        color: #fff !important; /* active link */
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #5d4ac6 !important;
    border-color: #5d4ac6 !important;
}

.title-color {
    color: #5d4ac6 !important
}

.btn-primary {
    background-color: #5d4ac6 !important;
    border-color: #5d4ac6 !important;
}

.btn-primary {
    background-color: #5d4ac6 !important;
    border-color: #5d4ac6 !important;
}

.btn-transparent {
    background-color: transparent !important;
}

input#user, input#passwor {
    width: 270px !important;
    height: 44px !important;
    border-radius: 50px !important;
    border: 1px solid #EBEBEB !important;
    background: #FFF !important;
    padding-left: 20px !important;
}

.text-area {
    /* Box Model */
    box-sizing: border-box; /* Authored: border-box, Computed: border-box */
    width: 95%; /* Authored: 95%, Computed: 317.766px */
    height: 110px; /* Computed: 38px (This is a fixed height for an input, you might want to adjust this for a textarea, perhaps using min-height or making it flexible) */
    margin: 0; /* Authored: 0em 0em 0em 0em, Computed: 0px */
    padding: 7px; /* The padding was not explicitly authored but is part of the box model. You might need to inspect the padding if the computed height is a result of content + padding + border. For now, consider default textarea padding or inspect the input further if needed. */
    ;
    /* Background and Border */
    background-color: #ffffff; /* Authored: field (browser default), Computed: rgb(255, 255, 255) */
    border: 1px solid #ddd; /* Authored: 1px solid #ddd */
    border-radius: 20px; /* Authored: 90px */
    box-shadow: none; /* Computed: none */
    outline: none; /* Inputs often have outlines on focus, you might want to remove or customize this */
    /* Text Styling */
    color: #5a4bbf; /* Authored: #5a4bbf, Computed: rgb(90, 75, 191) */
    font-family: 'Manrope', sans-serif; /* Authored: 'Manrope', Computed: Manrope */
    font-size: 13.3333px; /* Computed: 13.3333px (Authored was empty, implying inheritance or default) */
    font-weight: 400; /* Computed: 400 (Authored was empty) */
    line-height: normal; /* Authored: normal, Computed: normal */
    text-align: start; /* Authored: start, Computed: start */
    text-transform: none; /* Authored: none, Computed: none */
    letter-spacing: normal; /* Authored: normal, Computed: normal */
    word-spacing: normal; /* Authored: normal, Computed: 0px */
    text-indent: 0px; /* Authored: 0px, Computed: 0px */
    /* Caret */
    caret-color: #5a4bbf; /* Computed: rgb(90, 75, 191) */
    /* Other */
    -webkit-appearance: none; /* Consider resetting appearance for cross-browser consistency, especially for form elements */
    appearance: none; /* Authored: auto, Computed: auto (Setting to 'none' can help with consistent styling across browsers) */
    vertical-align: baseline; /* Computed: baseline */
    /* For textareas, you might want to consider: */
    resize: none; /* or `vertical`, `horizontal`, `both` to control user resizing */
    overflow: auto; /* or `hidden` */
}

.right-pulled-table {
    table-layout: fixed;
}

.field-text {
    width: 100px;
}

textarea#Experience_Description {
    width: 100%;
}


.img-listing-fixed {
    width: 230px;
    height: 193px;
    object-fit: cover;
    object-position: center;
}

.img-details-fixed {
    width: 328px;
    height: 193px;
    object-fit: cover;
    object-position: center;
}

input[type="number"] {
    border-radius: 90px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #5d4ac6;
}