.button-header-controls {
    z-index: 10 !important;
    margin-top: 0px !important;
    margin-bottom: -100px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.button-header-home-controls {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 0px !important;
    margin-bottom: -100px !important;
    padding-left: 30px !important;
    padding-right: 10px !important;
}

.button-share-controls {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-left: 30px !important;
    padding-right: 10px !important;
}

.buttons-controls {
    z-index: 10 !important;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    align-items: center;
}

.button-textarea {
    padding: 10px 0px 0px 0px !important;
}

.button-micro {
    width: 1.3rem !important;
    height: 1.3rem !important;
}

.button-tiny {
    width: 2.0rem !important;
    height: 2.0rem !important;
}

.button-mini {
    width: 3.0rem !important;
    height: 3.0rem !important;
}

.button-small {
    width: 3.6rem !important;
    height: 3.6rem !important;
}

.button-medium {
    width: 4.6rem !important;
    height: 4.6rem !important;
}

.button-large {
    width: 5.6rem !important;
    height: 5.6rem !important;
}

.svg-small {
    width: 35% !important;
    height: 35% !important;
    cursor: pointer !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.svg-medium {
    width: 50% !important;
    height: 50% !important;
    cursor: pointer !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

.svg-large {
    width: 65% !important;
    height: 65% !important;
    cursor: pointer !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}



.button-profile-round {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 0px 0px 0px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-profile-round:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-page-text-round {
    z-index: 3 !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-accordion-text-round {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-accordion-text-round:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}



.button-text-base {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-text-base:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}



.button-text-round {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-text-round:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-text-dropdown {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 5px 0px 5px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-text-dropdown:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}







.button-input-text-round {
    z-index: 3 !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-input-text-round:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}


.button-input-textarea-round {
    z-index: 3 !important;
    padding: 10px 15px 10px 15px !important;
    border-radius: 20px 20px 20px 20px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-input-textarea-round:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-title-card-info {
    color: #82858a !important;
    font-size: 11px !important;
    font-family: 'ubuntuRegular';
}

.button-title-detail-info {
    color: #575763 !important;
    font-size: 18px !important;
    font-family: 'ubuntuRegular';
}


.button-icon-card-info {
    font-size: 10px !important;
    font-family: 'ubuntuRegular';
}

.button-icon-info {
    font-size: 11px !important;
    font-family: 'ubuntuRegular';
}

.link-icon-tiny {
    font-size: 13px !important;
    font-family: 'ubuntuRegular';
}

.button-icon-tiny {
    font-size: 17px !important;
    font-family: 'ubuntuRegular';
}

.button-text-micro {
    font-size: 12px !important;
    font-family: 'ubuntuRegular';
}

.button-text-tiny {
    font-size: 13px !important;
    font-family: 'ubuntuRegular';
}

.link-icon-small {
    font-size: 16px !important;
    font-family: 'ubuntuRegular';
}

.button-icon-small {
    font-size: 20px !important;
    font-family: 'ubuntuRegular';
}

.button-text-small {
    font-size: 15px !important;
    font-family: 'ubuntuRegular';
}

.link-icon-medium {
    font-size: 19px !important;
    font-family: 'ubuntuRegular';
}

.button-icon-medium {
    font-size: 21px !important;
    font-family: 'ubuntuRegular';
}

.button-text-medium {
    font-size: 16px !important;
    font-family: 'ubuntuRegular';
}

.link-icon-large {
    font-size: 22px !important;
    font-family: 'ubuntuRegular';
}

.button-icon-large {
    font-size: 22px !important;
    font-family: 'ubuntuRegular';
}

.button-text-large {
    font-size: 17px !important;
    font-family: 'ubuntuRegular';
}



.button-menu-text {
    font-family: 'ubuntuMedium' !important;
}





.button-round {
    cursor: pointer !important;
    z-index: 3 !important;
    border-radius: 50% !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-round:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-white {
    color: #36313d;
    background-color: #ffffff;
}

.button-white:hover {
    color: #36313D !important;
    background-color: #f5f5f7 !important;
}

.button-info {
    color: #36313D;
    background-color: #cfd4dd;
}

.button-info:hover {
    color: #36313D !important;
    background-color: #babec6 !important;
}



.button-black {
    color: #ffffff;
    background-color: #303338;
}

.button-black:hover {
    color: #ffffff !important;
    background-color: #1A1D23 !important;
}

.button-gray {
    color: #36313D;
    background-color: #f5f5f7;
}

.button-gray:hover {
    color: #36313D !important;
    background-color: #e7e7ec !important;
}


.button-gray-medium {
    color: #ffffff;
    background-color: #babec6;
}

.button-gray-medium:hover {
    color: #ffffff !important;
    background-color: #82858a !important;
}



.button-gray-strong {
    color: #ffffff;
    background-color: #82858a;
}

.button-gray-strong:hover {
    color: #ffffff !important;
    background-color: #babec6 !important;
}

.button-red {
    color: #ffffff;
    background-color: #ff3131;
}

.button-red:hover {
    color: #ffffff !important;
    background-color: #ff5a5a !important;
}

.button-green {
    color: #ffffff;
    background-color: #34b17d;
}

.button-green:hover {
    color: #ffffff !important;
    background-color: #61c29a !important;
}

.button-green-light {
    color: #BAF3DB;
    background-color: #BAF3DB;
}

.button-green-light:hover {
    color: #A4CDBB !important;
    background-color: #A4CDBB !important;
}



.button-blue {
    color: #ffffff;
    background-color: #16a4d8;
}

.button-blue:hover {
    color: #ffffff !important;
    background-color: #1393c2 !important;
}

.button-blue-default {
    color: #ffffff;
    background-color: #0504ba;
}

.button-blue-default:hover {
    color: #ffffff !important;
    background-color: #1d1dc0 !important;
}

.button-border {
    border: 1px solid rgba(207, 212, 221, 1) !important;
    color: #36313D;
    background-color: rgba(255,255,255,0);
}

.button-border:hover {
    border: 1px solid rgba(0,0,0,1) !important;
    color: rgba(0,0,0,1) !important;
    background-color: rgba(255,255,255,0) !important;
}

.button-menu-profile {
    opacity: 1 !important;
}

.button-menu-profile:hover {
    opacity: 0.5 !important;
}

.button-drop {
    border: 1px solid rgba(255,255,255,0) !important;
    color: #36313D;
    background-color: rgba(255,255,255,0);
}

.button-drop:hover {
    border: 1px solid rgba(184,175,184,1) !important;
    color: rgba(0,0,0,1) !important;
    background-color: rgba(255,255,255,0) !important;
}

.button-accordion {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(26, 29, 35, 1) !important;
    background-color: rgba(255,255,255,1);
}

.button-accordion:hover {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(26, 29, 35, 1) !important;
    background-color: rgba(228, 229, 229, 1) !important;
}

.button-link {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(0,0,0,1) !important;
    background-color: rgba(255,255,255,0) !important;
}

.button-link:hover {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(184,175,184,1) !important;
    background-color: rgba(255,255,255,0) !important;
}

.button-input {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(207, 212, 221, 1) !important;
    background-color: rgba(255,255,255,0) !important;
}

.button-input:hover {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(207, 212, 221, 1) !important;
    background-color: rgba(255,255,255,0) !important;
}

.button-none {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(26, 29, 35, 1) !important;
    background-color: rgba(255,255,255,0);
}

.button-none:hover {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(26, 29, 35, 1) !important;
    background-color: rgba(255,255,255,0) !important;
}

.button-disabled {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(255,255,255,1) !important;
    background-color: rgba(207, 212, 221, 1);
}

.button-disabled:hover {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(255,255,255,1) !important;
    background-color: rgba(207, 212, 221, 1);
}

.button-backgroupd-white {
    background-color: rgba(255,255,255,1) !important;
}

.button-backgroupd-white:hover {
    background-color: rgba(255,255,255,1) !important;
}

.button-backgroupd-disabled {
    background-color: rgba(245,246,248,1) !important;
}

.button-backgroupd-disabled:hover {
    background-color: rgba(245,246,248,1) !important;
}



.button-delete {
    border: 1px solid rgba(255,255,255,0) !important;
    color: rgba(255,255,255,1) !important;
    background-color: rgba(207, 212, 221, 1);
}

.button-delete:hover {
    border: 1px solid rgba(255,49,49,0) !important;
    color: rgba(255,255,255,1) !important;
    background-color: rgba(255, 49, 49, 1);
}




.svg-prev {
    background-image: url('/img/svg/slide-prev.svg') !important;
}

.svg-next {
    background-image: url('/img/svg/slide-next.svg') !important;
}

.svg-prev-white {
    background-image: url('/img/svg/slide-prev-white.svg') !important;
}

.svg-next-white {
    background-image: url('/img/svg/slide-next-white.svg') !important;
}




.svg-heart {
    background-image: url('/img/svg/heart.svg') !important;
}

.svg-share {
    background-image: url('/img/svg/share.svg') !important;
}

.svg-heart-white {
    background-image: url('/img/svg/heart-white.svg') !important;
}

.svg-share-white {
    background-image: url('/img/svg/share-white.svg') !important;
}


.button-round-text-small {
    font-size: 12px;
    font-family: 'ubuntuBold';
    line-height: 1.5;
    color: #000000;
}

.button-round-text-medium {
    font-size: 13px;
    font-family: 'ubuntuBold';
    line-height: 1.5;
    color: #000000;
}

.button-round-text-large {
    font-size: 14px;
    font-family: 'ubuntuBold';
    line-height: 1.5;
    color: #000000;
}

.box-message {
    position: absolute !important;
    z-index: 10 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 20px !important;
    padding-right: 30px !important;
}



.button-space-tiny {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.button-space-mini {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.button-space-small {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.button-space-medium {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.button-space-large {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.button-space-top {
    margin-top: 10px !important;
}

.button-space-bottom {
    margin-bottom: 20px !important;
}

.button-space-form-bottom {
    margin-bottom: 10px !important;
}



.button-menu-item-text-round {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 4px 0px 4px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-menu-item-text-round:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}






.button-datepicker {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 5px 0px 5px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-datepicker:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-filter {
    cursor: pointer !important;
    z-index: 3 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /*padding: 0px 5px 0px 5px !important;*/
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-filter:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}



.button-text-copy {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 5px 0px 5px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-text-copy:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}


.button-text-default {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 5px 0px 5px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-text-default:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-text-default-right {
    cursor: pointer !important;
    z-index: 3 !important;
    padding: 0px 5px 0px 15px !important;
    border-radius: 30px 30px 30px 30px !important;
    touch-action: manipulation;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    white-space: nowrap !important;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.button-text-default-right:hover {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}