:root{
    --color-primary: #FFA119;
    --color-dark: #00000;
    --color-light: #FFFFFF;
    --color-input-border: rgb(255 161 25);
    --color-input-outline: rgb(255 161 25 / 50%);
    --border-rounded: 1rem;
}

.text__xs{ font-size: 0.75rem !important; }
.text__sm{ font-size: 0.875rem !important; }
.text__md{ font-size: 1.125rem !important; }

.text__primary{ color: var(--color-primary) !important; }

.touchable{
    cursor: pointer !important;
}
.touchable__opacity:hover{
    cursor: pointer !important;
    opacity: 65%;
}

a{
    text-decoration: none;
}

a.nav-link:hover{
    color: var(--color-primary) !important;
}

.main__wrapper{
    padding-top: 10vh;
}

.card{
    border-radius: var(--border-rounded) !important;
}

.card.shadow, .card.shadow-sm{
    border: none !important;
}

.card__title{
    color: var(--color-primary) !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-bottom: 1rem !important;
}

.card__option:hover{
    background-color: var(--color-primary);
    color: var(--color-dark);
    cursor: pointer;
}

.img__profile{
    border: 0.5rem solid var(--color-primary) !important;
}

.dropdown-menu.show{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.dropdown-item:hover{
    background-color: var(--color-primary) !important;
    color: #000 !important;
}

.alert__notify{
    display: flex !important;
    padding: 0.5rem 1rem !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.swal2-modal{
    border-radius: var(--border-rounded) !important;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=date]:focus,
select:focus,
textarea:focus{
    border: 2px solid var(--color-input-border) !important;
    outline: 4px solid var(--color-input-outline) !important;
    box-shadow: none !important;
}

input[type=text]:active,
input[type=number]:active,
input[type=email]:active,
input[type=password]:active,
input[type=url]:active,
input[type=search]:active,
input[type=date]:active,
select:active,
textarea:active{
    border: 2px solid var(--color-input-border) !important;
    outline: 4px solid var(--color-input-outline) !important;
    box-shadow: none !important;
}

table{
    width: 100% !important;    
}

table tr th{
    text-transform: uppercase !important;
    font-size: 12px !important;
}

table tr td{
    white-space: nowrap;
    vertical-align: middle !important;
}

.upload__wrapper{
    background-color: #fbfbfb !important;
    border: 1.5px dashed #eee !important;
    border-radius: 1rem !important;
}
.upload__body{
    width: 100%;
}
.upload__source{
    width: 100%;
    height: 200px;
    object-fit: contain;
    border-radius: 0.5rem;
}

/*SWIPER JS*/

.swiper-button-next:after, .swiper-button-prev:after{
	color: #fff !important;
	font-size: 1.2rem !important;
}

.swiper-pagination-bullet-active{
	background: #fff !important;
}

.swiper-pagination-bullet {
    background: var(--color-primary) !important;
}

.swiperHome .swiper-pagination-bullet{
    width: 15px !important;
    height: 6px !important;
    border-radius: 1rem !important;
}