/**************************************************************************
    Components
    Last update: 13 Aug 2023
    Depends: base root,
****************************************************************************/
.m-btn {
    outline: none;
    border: none;
    padding: 7px 12px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    background-color: none;
    font-family: "Lato";
    font-weight: 700;
}

.attraction-ticket-cart-mobile{
    display: none;
}

.m-btn:focus {
    outline: none;
}

.m-btn:disabled {
    background-color: #D9D9D9 !important;
    cursor: not-allowed !important;
}

/* m-btn-primary */
.m-btn-primary {
    background-color: var(--color-primary);
    color: white;
}

.m-btn-primary:hover {
    background-color: #0c342a;;
    text-decoration: none;
    color: white;
}

/* m-btn-primary */
.m-btn-danger {
    background-color: #C82333;
    color: white;
}

.m-btn-danger:hover {
    background-color: #a91e2c;
    text-decoration: none;
}

.m-btn-outline-primary {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    background-color: white;
}

.m-btn-outline-primary:disabled {
    border: none;
}

.m-btn-outline-primary:hover {
    background-color: var(--color-primary-10);
}

.m-btn-block {
    display: block;
    width: 100%;
}

.m-form-control {
    border: 1px solid #949494;
    border-radius: 2px;
    padding: 7px 8px;
    box-sizing: border-box;
    transition: border 300ms;
    display: block;
    width: 100%;
}

select.m-form-control {
    padding: 9px 8px !important;
}

.m-form-control:focus {
    outline: none;
    border: 1px solid var(--color-primary) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(0, 0, 0, 0.2);
}

.m-form-group {
    padding-bottom: 10px;
}

.m-form-group-label {
    padding-bottom: 5px;
    color: rgb(94, 94, 94);
    font-weight: 400;
    font-size: 14px;
}

.m-form-control-error {
    border: 1px solid red !important;
    box-shadow: inset 0 1px 1px rgba(255, 0, 0, 0.075), 0 0 4px rgba(255, 2, 2, 0.2) !important;
}

.m-form-control-error-string {
    color: red;
    font-size: 14px;
    font-weight: 300;
    display: none;
}

.m-form-control-string {
    line-height: 15px;
    font-size: 13px;
    color: rgb(143, 142, 142);
    padding-top: 8px;
}

/*  */
.m-input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    /*-ms-flex-wrap: wrap;*/
    /*flex-wrap: wrap;*/
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.m-input-group-prepend {
    margin-right: -1px;
    display: flex;
}

.m-input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    background-color: #EEEEEE;
    border: 1px solid #949494;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.label-checkbox {
    margin-bottom: 0px;
}

.m-form-control-danger {
    border-color: red !important;
}

.bl-none {
    border-left: none !important;
}

.bt-none {
    border-top: none !important;
}

.br-none {
    border-right: none !important;
}

.bb-none {
    border-bottom: none !important;
}