@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

::-moz-selection { /* Code for Firefox */
    color: orangered;
    background: rgba(255, 166, 0, 0.336);
}
  
::selection {
    color: orangered;
    background: rgba(255, 166, 0, 0.336)
}

/* ---------------------------------------- */
/*              BUTTONS
/* ---------------------------------------- */

.btn{
    border-radius: 0.5rem !important;
}

.btn-primary {
    color: white !important;
    background-color: #ea580c !important;
    border-color: #ea580c !important;
}

.btn-primary:hover, .btn-primary:focus{
    color: #ea580c !important;
    background-color: transparent !important;
    border-color: #ea580c !important;
    box-shadow: none !important;
}

.btn-outline-primary {
    color: #ea580c !important;
    background-color: transparent !important;
    border-color: #ea580c !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus{
    color: white !important;
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    box-shadow: none !important;
}

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

.btn-outline-white:hover, .btn-outline-white:focus{
    color: #ea580c!important;
    background-color: white !important;
    border-color: white!important;
    box-shadow: none !important;
}

.btn-gray-300 {
    color: white !important;
    background-color: #d1d5db !important;
    border-color: #d1d5db!important;
}

.btn-gray-300:hover, .btn-gray-300:focus{
    background-color: #9ca3af !important;
    border-color: #9ca3af !important;
    box-shadow: none !important;
}

.btn-gray-400 {
    color: white !important;
    background-color: #9ca3af !important;
    border-color: #9ca3af!important;
}

.btn-gray-400:hover, .btn-gray-400:focus{
    background-color: #6b7280 !important;
    border-color: #6b7280 !important;
    box-shadow: none !important;
}

.btn-outline-gray {
    color: #111827 !important;
    background-color: transparent !important;
    border-color: #111827 !important;
}

.btn-outline-gray:hover, .btn-outline-gray:focus{
    color: white !important;
    background-color: #111827 !important;
    border-color: #111827 !important;
    box-shadow: none !important;
}

/* ---------------------------------------- */
/*                  OTHER
/* ---------------------------------------- */

.form-switch .form-check-input {
    width: 2em !important;
    height: 1em !important;
}

.form-check-input:checked {
    background-color: rgb(234 88 12) !important;
}

#checkout.avatar:not(img) {
    background-color: rgb(234 88 12) !important;
}

.leading-custom{
    line-height: 1.15 !important;
}

.font-wmg{
    font-family: 'Comfortaa', cursive;
}

#register-rutine .form-check {
    padding-left: 0em!important;
}

/* ---------------------------------------- */
/*              BUTTON GOOGLE
/* ---------------------------------------- */

.nsm7Bb-HzV7m-LgbsSe {
    -webkit-border-radius: 10px!important;
    border-radius: 10px !important;
    height: auto !important;
    padding: 12px 20px !important;
    white-space: normal!important;
    text-align: left!important;
}

.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
    height: 30px !important;
    margin-right: 30px !important;
    min-width: 30px !important;
    width: 30px !important;
}

#register .form-select , #register .form-control {
    font-size: 0.9rem !important;
}