.content-block {
    color: #464646;
    font-family: 'Rubik';
}

.rubik {
    font-family: 'Rubik' !important;
}

    .content-block p {
        font-size: 15px;
        line-height: 30px;
        padding-bottom: 15px;
    }

    .content-block h1 {
        font-size: 36px;
    }

    .content-block h2 {
        font-size: 30px;
    }

    .content-block h3 {
        font-size: 24px;
    }

    .content-block h4 {
        font-size: 18px;
    }

    .content-block h5 {
        font-size: 14px;
    }

    .content-block h6 {
        font-size: 12px;
    }

.light {
    font-weight: 100
}

.colored {
    color: #636;
}

p.small {
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 0px;
}

p.large {
    font-size: 20px;
    line-height: 35px;
}

ul.color-blocks li {
    float: left;
    list-style: none;
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.af-bg-color-1 {
    background-color: #ffcc00 !important;
}

.af-bg-color-2 {
    background-color: #ff9900 !important;
}

.af-bg-color-3 {
    background-color: #cc6600 !important;
    color: white;
}

.af-bg-color-4 {
    background-color: #993333 !important;
    color: white;
}

.af-bg-color-5 {
    background-color: #663366 !important;
    color: white;
}

.af-bg-color-6 {
    background-color: #660099 !important;
    color: white;
}

.af-bg-color-excel {
    background-color: #1f7244 !important;
    color:white;
}

.af-bg-color-white, .af-bg-color-white:hover, .af-bg-color-white:active {
    background-color: #ffffff !important;
    color: #663366 !important;
}

.af-color-1 {
    color: #ffcc00 !important;
}

.af-color-2 {
    color: #ff9900 !important;
}

.af-color-3 {
    color: #cc6600 !important;
}

.af-color-4 {
    color: #993333 !important;
}

.af-color-5 {
    color: #663366 !important;
}

.af-color-6 {
    color: #660099 !important;
}

.af-btn {
    font-family: 'Rubik';
    cursor:pointer;
}

.af-btn-md {
    padding: 6px 23px;
    border: none;
    border-radius: 3px;
    min-width: 120px;
}

.af-btn-sm {
    font-size: 10px;
    border: none;
    border-radius: 3px;
    padding: 3px 7px;
}

.af-btn-lg {
    font-size: 16px;
    border: none;
    border-radius: 3px;
    padding: 6px 24px;
    min-width: 140px;
}

.af-secondary {
    background: white;
    border: 1px solid #ccc;
    color: #636 !important;
}

.bold {
    font-weight: bold;
}

.mt-10 {
    margin-top: 10px;
}

.h-80{
    height:80px;
}

.borderless {
    border: none !important;
}


.black {
    color: #000 !important;
}


label.aroundfriends-label {
    font-weight: 400 !important;
    font-size: 13px !important;
    color: black;
}

.aroundfriends-input.e-input-group {
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 0px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.e-error .aroundfriends-input.e-input-group {
    border-bottom: 1px solid red !important;
}

.aroundfriends-input-checkbox-selection {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 15px;
}

.aroundfriends-input.multiline {
    height: 120px;
}

.nav-sm .hide-on-sm {
    display: none !important;
}

.nav-md .sidebar-block{
    display:block !important;
}

.nav-md .sidebar-none {
    display: none !important;
}


.x_title {
    font-family: 'Rubik';
    font-size: 18px;
    font-weight: 600;
    color: #663366;
}

.e-tooltip {
    cursor: pointer;
}

.e-tooltip-wrap.e-popup {
    background-color: #fff;
    border: 0px solid #000;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.e-tooltip-wrap .e-tip-content {
    color: black !important;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Rubik';
}

.e-dialog .e-dlg-content{
    padding:21px !important;
}

.e-popup-footer button.e-control.e-btn.e-lib:disabled, .e-popup-footer button.e-control.e-btn.e-lib:disabled [disabled] {
    display: none;
}
.af-secondary:hover {
    background: white;
    border: 1px solid #636;
}

button.e-confirm-dialog.e-primary {
    background-color: #ffcc00 !important;
    border: 1px solid #ffcc00 !important;
    color: black !important;
}

button.btn-grid-actions {
    background: white;
    border: 1px solid #663366;
    color: #663366;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

a.btn-grid-actions {
    background: white;
    border: 1px solid #663366;
    color: #663366;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}


.font-italic{
    font-style:italic !important;
}

.text-center{
    text-align:center !important;
}