.btn-primary, .btn-primary:focus{
    padding: 0.844rem 1.8125rem;
    border-radius: 0.625rem;
    font-size: 1.125rem;
    background-color: var(--second);
    color: var(--og-white);
    align-items: center;
    box-shadow: unset;
    font-weight: 400;
    min-width: 7rem;
    text-transform: unset;
}

.btn-modal-yes, .btn-modal-yes:hover{
    border: 2px solid var(--second) !important;
    font-size: 1.125rem;
    background-color: var(--second);
    border-radius: 0.625rem;
    color: var(--og-white);
    padding: 0.713rem 1.55rem;
    font-weight: 400;
    min-width: 8.575rem;
    text-transform:unset;
    font-family: Roboto;
}

.btn-modal-no.btn.disabled, .btn-modal-no.btn:disabled,
.btn-modal-yes.btn.disabled, .btn-modal-yes.btn:disabled {
    border: 2px solid var(--second);
}

.btn-danger, .btn-danger:focus {
    padding: 0.844rem 1.8125rem;
    border-radius: 0.625rem;
    font-size: 1.125rem;;
    background-color: var(--error-solid);
    color: var(--og-white);
    align-items: center;
    box-shadow: unset;
    font-weight: 400;
    min-width: 7rem;
}

.btn-primary-custom, .btn-primary-custom:focus, .btn-primary-custom:hover {
    border: 2px solid var(--third);
    background-color: var(--third);
    color: var(--og-white);
    align-items: center;
    box-shadow: unset;
    font-weight: 400;
    border-radius: 0.625rem;
    font-size: 1.125rem;
    width: fit-content;
    text-transform: unset;
    font-family: Roboto;
    padding: 0.343rem 1rem;
}

.btn-primary:hover {
    background-color: var(--third);
}

.btn-clear, .btn-clear:hover, .btn-clear:focus:not(:focus-visible)  {
    border: 2px solid var(--error-solid);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--error-solid);
    padding: 0.719rem 1.8125rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform: unset;
}

.btn-add, .btn-add:hover, .btn-add:focus:not(:focus-visible)  {
    border: 2px solid var(--second);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--second);
    padding: 0.713rem 1rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform:unset;
}

.btn-primary-outline, .btn-primary-outline:hover, .btn-primary-outline:focus:not(:focus-visible)  {
    border: 2px solid var(--primary);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--primary);
    padding: 0.713rem 1.5625rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform:unset;
    font-family: Roboto;
}

.btn-custom-white, .btn-custom-white:hover, .btn-custom-white:focus:not(:focus-visible)  {
    border: 2px solid var(--white);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--white);
    padding: 0.625rem 0.563rem;
    font-weight: 400;
    text-transform:unset;
    font-family: Roboto;
}

.btn.btn-custom-second, .btn.btn-custom-second:hover, .btn.btn-custom-second:focus:not(:focus-visible)  {
    border: 2px solid var(--second);
    font-size: 1.125rem;
    background-color: var(--second);
    border-radius: 0.625rem;
    color: var(--og-white);
    padding: 0.713rem 1.8125rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform:unset;
    font-family: Roboto;
}

.btn-modal-no, .btn-modal-no:hover {
    border: 2px solid var(--second);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--second);
    padding: 0.713rem 1.5625rem;
    font-weight: 400;
    min-width: 8.575rem;
    text-transform:unset;
    font-family: Roboto;
}

.btn-close-page {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    border: 2px solid red;
    background-color: inherit;
    margin-left: 20px;
    margin-right: 10px;
    padding: 0;
}

.btn-outline-expand-row{
    width: 32px;
    height: 32px;
    border-radius: 4px;
    opacity: 0.3;
    border: solid 1px var(--og-third);
    background-color: white;
    padding: unset;
}

.btn-outline-expand-row.active{
    opacity: 1;
}

.accordion-button:not(.collapsed) {
    color: var(--og-dark);
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
}

.btn-card-header, .btn-card-header:focus, .btn-card-header:active{
    padding: 0.563rem 1rem 0.563rem 0.75rem;
    font-family: Roboto;
    font-weight: 400;
}

.btn-gray-custom-template {
    color: var(--white);
    background-color: var(--grey);
    border-color: var(--grey);
    padding: 1rem 0.5rem 1rem 0.5rem;
}

.btn-icon,.btn-icon:hover {
    padding: 1.125rem 1.313rem;
    border-radius: 0.625rem;
    font-size: 1.125rem;
    background-color: var(--second);
    color: var(--og-white);
    align-items: center;
    box-shadow: unset;
    font-weight: 400;
    min-width: 4rem;
}

.password-input {
    border-radius: 0.625rem;
    line-height: 1.25rem;
    padding: 1.094rem 1.25rem;
    border-color: var(--inactive);
    border-width: 0.1rem;
    border-style: solid;
    color: var(--grey);
}

.search-input {
    border-radius: 0.625rem !important;
    line-height: 1.25rem !important;
    padding: 8.5px 20px !important;
    border-color: var(--inactive) !important;
    border-width: 0.1rem !important;
    border-style: solid !important;
    color: var(--black) !important;
    background-color: white !important;
}

.icon-eye {
    position: absolute;
    margin-left: calc(100% - 30px);
}

.icon-search {
    position: absolute;
    margin-left: 83%;
    color: var(--black);
    border-left: 1px solid var(--grey);
    padding: 0.85rem 0.9rem;
    cursor: pointer;
}


.btn-lg-third, .btn-lg-third:hover, btn-lg-third:focus:not(:focus-visible){
    padding: 0.825rem 1.1875rem;
    border-radius: 0.625rem;
    font-size: 1.125rem;
    background-color: var(--third);
    color: var(--og-white);
    box-shadow: unset;
    font-weight: 400;
    min-width: 7rem;
    font-family: Roboto;
    text-transform:unset;
}

.btn-add-custom , .btn-add-custom:hover, .btn-add-custom:focus:not(:focus-visible)  {
    border: 2px solid var(--second);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--second);
    padding: 0.713rem 1.375rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform:unset;
    font-family: Roboto;
}

.btn-toolbar .btn-group {
    box-shadow:unset;
}

#all-item{
    border-top-left-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
}
#favorite-item{
    border-top-right-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}

.btn.btn-view {
    background-color: var(--grey);
    color: var(--white);
    border: 2px solid var(--grey);
    box-shadow: none;
    opacity: 1;
}

.btn.btn-add-custom:disabled, .btn.btn-add:disabled {
    background-color: unset;
    color: var(--grey);
    border: 2px solid var(--grey);
    box-shadow: none;
    opacity: 1;
}

.btn-direction, .btn-direction:focus, .btn-direction:hover {
    border: 2px solid var(--fourth-alpha);
    background-color: var(--fourth-alpha);
    color: var(--fifth);
    align-items: center;
    box-shadow: unset;
    font-weight: 400;
    font-size: 0.75rem;
    text-transform: unset;
    font-family: Roboto;
    padding: 0.563rem 0.75rem;
    width: 46.3px;
    height: 42px;
}

.btn-direction:disabled {
    color: var(--grey);
}

.delete-document-icon{
    font-size: 25px;
    color: red;
    position: absolute;
    right: 8px;
    top: 5px;
    cursor: pointer;
}

.btn-primary-floating{
    background-color: var(--second) !important;
    color: var(--white);
}

.btn-danger-floating{
    background-color: red !important;
    color: var(--white);
}

.btn-secondary {
    padding: 0.844rem 1.8125rem;
    border-radius: 0.625rem;
    font-size: 18px;
    text-transform: inherit;
}

.btn.btn-secondary{
    background-color: var(--grey) !important;
}

.btn-third-outline-custom, .btn-third-outline-custom:hover, .btn-third-outline-custom:focus:not(:focus-visible)  {
    border: 2px solid #c8d9ea;
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--third);
    padding: 0.344rem 1.5625rem;
    font-weight: 400;
    min-width: 6rem;
    text-transform:unset;
    font-family: Roboto;
    box-shadow: none;
}

.btn-h-custom{
    padding: 0.344rem 1.5625rem!important;
}

.btn-add-custom , .btn-add-custom:hover, .btn-add-custom:focus:not(:focus-visible)  {
    border: 2px solid var(--second);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--second);
    padding: 0.713rem 1.375rem;
    font-weight: 400;
    min-width: 6rem;
    text-transform:unset;
    font-family: Roboto;
}

*.dropdown .dropdown-menu {
    box-shadow : 0 0 10px 3px #2c2c2c;
}


.btn-add-custom-location , .btn-add-custom-location:hover, .btn-add-custom-location:focus:not(:focus-visible)  {
    border: 2px solid var(--second);
    font-size: 0.8125rem;
    border-radius: 1.5rem;
    color: var(--second);
    padding: 0.47rem 1.5625rem;
    font-weight: 400;
    font-family: Roboto;
}

.btn-white-outline, .btn-white-outline:hover, .btn-white-outline:focus:not(:focus-visible)  {
    border: 2px solid var(--white);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--white);
    padding: 0.355rem 1.5625rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform:unset;
    font-family: Roboto;
}


.btn.btn-custom-clear, .btn.btn-custom-clear:hover, .btn.btn-custom-clear:focus:not(:focus-visible)  {
    border: 2px solid var(--error-solid);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--error-solid);
    padding: 0.713rem 1.8125rem;
    font-weight: 400;
    min-width: 6rem;
    text-transform:unset;
    font-family: Roboto;
}

.btn-add-custom , .btn-add-custom:hover, .btn-add-custom:focus:not(:focus-visible)  {
    border: 2px solid var(--second);
    font-size: 1.125rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--second);
    padding: 0.713rem 1.375rem;
    font-weight: 400;
    min-width: 6rem;
    text-transform:unset;
    font-family: Roboto;
}

.btn-outline-find.inactive {
    border: 2px solid var(--fourth);
    font-size: 1rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--fourth);
    padding: 0.355rem 1.5625rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform: unset;
    font-family: Roboto;
}

.btn-outline-find.active {
    border: 2px solid var(--second);
    font-size: 1rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--second);
    padding: 0.355rem 1.5625rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform: unset;
    font-family: Roboto;
}

.btn-outline-clear.inactive {
    border: 2px solid var(--fourth);
    font-size: 1rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--fourth);
    padding: 0.355rem 1.5625rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform: unset;
    font-family: Roboto;
}

.form-control.searched {
    color: var(--primary); !important;
    font-weight: var(--font-bold);
    background-color: var(--primary-alpha);
}

.form-outline .form-control.searched:focus {
    color: var(--primary); !important;
    font-weight: var(--font-bold);
}

.btn-outline-clear.active {
    border: 2px solid var(--second);
    font-size: 1rem;
    background-color: inherit;
    border-radius: 0.625rem;
    color: var(--second);
    padding: 0.355rem 1.5625rem;
    font-weight: 400;
    min-width: 7rem;
    text-transform: unset;
    font-family: Roboto;
}