body {
    font-family: robotoRegular;
    background-color: #eff3f9;
}

@font-face {
    font-family: robotoMd;
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: robotoRegular;
    src: url(../fonts/Roboto-Regular.ttf);
}

/* text colors */

.lms-text-dark-purple {
    color: #673c71 !important;
}

p,
a,
div,
h1,
h2,
h3,
h4,
h5,
h6,
span,
small {
    font-family: robotoRegular;
}

.lms-text-purple {
    color: #6e3874;
}

.lms-text-very-dark-purple {
    color: #37223e;
}

.lms-text-light_purple {
    color: #633c73;
}

.lms-text-black {
    color: #1e2029;
}

.lms-text-light-black {
    color: #35353b;
}

.lms-text-grey-blue {
    color: #979fbd;
}
.lms-bg-org-sta {
    background-color: #fef3d0;
}

.lms-text-green {
    color: #40b662;
}
.lms-text-green-v2 {
    color: #159e44;
}
.lms-text-dark-green {
    color: #38b663;
}

.lms-text-red {
    color: #ef5b6d;
}

.lms-text-yellow {
    color: #fbce0f;
}

.lms-text-white {
    color: #ffffff;
}

.lms-text-light-grey {
    color: #9697a8;
}

.lms-text-very-light-grey {
    color: #dcdcdd;
}

.lms-text-orange {
    color: #f39920;
}
.lms-text-dark-orange {
    color: #f49a0b;
}

.lms-text-light-orange {
    color: #fef5cf;
}

.lms-text-pink {
    color: #ef5b6d;
}

.lms-text-light-green {
    color: #ecf8f0;
}

/* background colors */

.lms-bg-dark-purple {
    background-color: #673c71 !important;
}

.lms-bg-purple {
    background-color: #6e3874;
}

.lms-bg-very-dark-purple {
    background-color: #37223e;
}

.lms-bg-light-purple {
    background-color: #7c5ea8;
}

.lms-bg-grey {
    background-color: #979797;
}
.lms-text-grey {
    color: #979797;
}
.lms-bg-very-light-purple {
    background-color: #e8e2ea !important;
}

.lms-light-redd {
    background-color: #feeff1 !important;
}

.lms-bg-dark-grey {
    background-color: #e0e4ee;
}

.lms-bg-light-grey {
    background-color: #9697a8;
}

.lms-bg-very-light-grey {
    background-color: #d9e6f5;
}

.lms-bg-dark-grey {
    background-color: rgb(151, 159, 189, 20%);
}

.lms-bg-blue-grey {
    background-color: #c2d1e6;
}

.lms-bg-green {
    background-color: #40b662;
}

.lms-bg-light-green {
    background-color: #ecf8f0;
}

.lms-bg-red {
    background-color: #ef5b6d;
}

.lms-bg-red-light {
    background-color: #fde7e9;
}

.lms-bg-yellow-light {
    background-color: #fff8db;
}

.lms-bg-green-light {
    background-color: #ecf8f0;
}

.lms-bg-yellow {
    background-color: #fbce0f;
}

.lms-bg-white {
    background-color: #ffffff;
}

.lms-bg-orange {
    background-color: #f39920;
}

.lms-bg-light-orange {
    background-color: #fef5cf;
}

.lms-bg-pink {
    background-color: #ef5b6d;
}

.lms-bg-very-very-light-purple {
    background-color: #c8bfd2;
}

.lms-purple-eb {
    background-color: #E3E2EB;
}

.lms-bg-grey-blue {
    background-color: #979fbd;
}

/* font size START */

.lms-font-size-42 {
    font-size: 2.62rem;
}

.lms-font-size-36 {
    font-size: 2.25rem;
}

.lms-font-size-24 {
    font-size: 1.5rem;
}

.lms-font-size-21 {
    font-size: 1.3125rem;
}

.lms-font-size-28 {
    font-size: 1.75rem;
}

.lms-font-size-18 {
    font-size: 1.12rem;
}

.lms-font-size-16 {
    font-size: 1rem;
}

.lms-font-size-14 {
    font-size: 0.87rem;
}

.lms-font-size-12 {
    font-size: 0.75rem;
}

/* font size END */

/* font line START */

.lms-font-line-36 {
    line-height: 2.25rem;
}

.lms-font-line-27 {
    line-height: 1.68rem;
}

.lms-font-line-18 {
    line-height: 1.12rem;
}

.lms-font-line-16 {
    line-height: 1rem;
}

.lms-font-line-21 {
    line-height: 1.31rem;
}

.lms-font-line-42 {
    line-height: 2.62rem;
}

.lms-font-line-24 {
    line-height: 1.5rem;
}

.lms-font-weight-reg {
    font-family: robotoRegular;
}

.lms-font-weight-md {
    font-family: robotoMd;
}

/* font line END */

/* LMS Radius START */

.lms-halfRadius {
    border-radius: 0.625rem !important;
}

.lms-top-halfRadius {
    border-radius: 0.625rem 0.625rem 0px 0px !important;
}

.lms-bottom-halfRadius {
    border-radius: 0px 0px 0.625rem 0.625rem !important;
}

.lms-fullRadius {
    border-radius: 2rem !important;
}

.border-grey {
    border: 1px solid #ced4da;
}

.lms-border-purple {
    border: 1.5px solid #6e3874;
}
.error {
    color: #ef5b6d !important;
    font-size: 15px !important;
}
.lms-muted-text {
    position: static;
    width: 360px;
    left: calc(50% - 360px / 2);
    top: 66.67%;
    bottom: 0%;

    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 16px;
    /* or 133% */

    display: flex;
    align-items: center;

    /* Color/Gray/400 */

    color: #979fbd;

    /* Inside Auto Layout */

    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    margin: 4px 0px;
}
.lms-outline-btn {
    color: #673c71;
    background-color: #ffffff;
    background-image: none;
    border-color: #673c71;
}
.lms-outline-btn:hover {
    color: #fff;
    background-color: #673c71 !important;
    background-image: none;
    border-color: #673c71 !important;
}
.lms-invite-label {
    color: #585e75;
}
.text-nowrap {
    white-space: nowrap;
}
/* LMS Radius END */

/* Button Style Start*/

.button {
    background-color: #999;
    border: none;
    border-radius: 0.5em;
    /* box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.25), inset 0 2px 0 hsla(0, 0%, 100%, 0.1), inset 0 1.2em 0 hsla(0, 0%, 100%, 0.1), inset 0 -0.2em 0 hsla(0, 0%, 100%, 0.1), inset 0 -0.25em 0 hsla(0, 0%, 0%, 0.5), 0 0.25em 0.25em hsla(0, 0%, 0%, 0.1); */
    cursor: pointer;
    display: inline-block;
    margin: 0 0.5em 1em;
    padding: 0.5em 1.5em 0.75em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, 0.25);
    vertical-align: middle;
}

.button:hover {
    outline: none;
}

.button:hover,
.button:focus {
    /* box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.25), inset 0 2px 0 hsla(0, 0%, 100%, 0.1), inset 0 -0.25em 0 hsla(0, 0%, 0%, 0.5), inset 0 0 0 3em hsla(0, 0%, 100%, 0.2), 0 0.25em 0.25em hsla(0, 0%, 0%, 0.1); */
}

.button:active {
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.25),
        /* inset 0 2px 0 hsla(0, 0%, 100%, 0.1),
    inset 0 1.2em 0 hsla(0, 0%, 100%, 0.1), */
            inset 0 0 0 3em hsla(0, 0%, 100%, 0.2),
        inset 0 0.25em 0.5em hsla(0, 0%, 0%, 0.05),
        0 -1px 1px hsla(0, 0%, 0%, 0.1), 0 1px 1px hsla(0, 0%, 100%, 0.25);
    margin-top: 0.25em;
    outline: none;
    padding-bottom: 0.75em;
}

.btn-3d {
    /* background-color: #999; */
    border: none;
    border-radius: 0.5em;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.25),
        inset 0 2px 0 hsla(0, 0%, 100%, 0.1),
        inset 0 1.2em 0 hsla(0, 0%, 100%, 0.1),
        inset 0 -0.2em 0 hsla(0, 0%, 100%, 0.1),
        inset 0 -0.25em 0 hsla(0, 0%, 0%, 0.5),
        0 0.25em 0.25em hsla(0, 0%, 0%, 0.1);
    cursor: pointer;
    display: inline-block;
    /* margin: 0 0.5em 1em; */
    padding: 0.5em 1.5em 0.75em;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, 0.25);
    vertical-align: middle;
}

.btn-3d:hover {
    outline: none;
}

.btn-3d:hover,
.btn-3d:focus {
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.25),
        inset 0 2px 0 hsla(0, 0%, 100%, 0.1),
        inset 0 -0.25em 0 hsla(0, 0%, 0%, 0.5),
        inset 0 0 0 3em hsla(0, 0%, 100%, 0.2),
        0 0.25em 0.25em hsla(0, 0%, 0%, 0.1);
}

.btn-3d:active {
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.25),
        /* inset 0 2px 0 hsla(0, 0%, 100%, 0.1),
    inset 0 1.2em 0 hsla(0, 0%, 100%, 0.1), */
            inset 0 0 0 3em hsla(0, 0%, 100%, 0.2),
        inset 0 0.25em 0.5em hsla(0, 0%, 0%, 0.05),
        0 -1px 1px hsla(0, 0%, 0%, 0.1), 0 1px 1px hsla(0, 0%, 100%, 0.25);
    /* margin-top: 0.25em; */
    outline: none;
    padding-bottom: 0.75em;
}

/* Button Style End*/