html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    /* margin-bottom: 60px; */
}

.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.5 3.5h1v5h-1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

button:hover,
a:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    cursor: pointer;
}

.access-right-table {
    border: 1px solid #EAECF0;
    width: 578px;
    border-radius: 12px;
}
.a-r-table-heading {
    background: #F9F5FF;
    padding: 5px 5px 5px 12px;
}
.a-r-sub-td {
    border-top: 1px solid #EAECF0;
    border-bottom: 1px solid #EAECF0;
    padding: 8px;
}
.a-r-heading {
    color: #101828;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding-left:12px;
}
/* checkbox */
.checkbox-t1 {
    text-align: left;
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
    color: #101828;
}

    .checkbox-t1 input {
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkbox-t1 .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(0%, 12%);
        height: 18px;
        width: 18px;
        border: 1px solid #7f56d9;
        border-radius: 4px;
    }

        .checkbox-t1 .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            border: solid #7f56d9;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            left: 6px;
            top: 1px;
            width: 6px;
            height: 11px;
        }


    .checkbox-t1 input:checked ~ .checkmark {
        background-color: #fff;
        display: block;
    }

        .checkbox-t1 input:checked ~ .checkmark:after {
            display: block;
        }



.SumoSelect .select-all {
    height: 35px;
}

.menu-active {
    background-color: blue; 
    color: brown; 
}


.custom-input-file {
    border: 1px solid #9D61FF;
    color: #FFFFFF;
    background: #9D61FF;
    width: 150px;
}