.wrapper {
    max-width: 100% !important;
}

.header__masthead__logo {
    min-width: 196.13px;
    height: 52.75px;
}
.header__nav {
    background: #4F87C0 !important;
}
.header__nav__additional {
    background: #B1D56F;
    height: 4px;
}

.header__masthead__logo > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url(../logo/logo2.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.ic-profile-blue {
    background: #A4D250 !important;
}

.ic-profile {
    background: url(../logo/login-ic-40.svg) no-repeat !important;
    background-size: contain !important;
    display: inline-block !important;
    width: 40px !important;
    height: 41px !important;
}

.ic-plus-green {
    background: url(../logo/plus-green-ic.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 30px;
    height: 30px;
}

/*dropdown sidebar*/
.dropdown-item__items .item.item--header .item__header__text {
    background: #4F87C0 !important;
}

.dropdown-item__items {
    background: #4F87C0 !important;
    border-radius: 4px !important;
}
    .dropdown-item__items .item__text {
        color: #fff !important;
    }

    .dropdown-item__items .item.item--with-border {
        border-top: 1px solid #FFFFFF1A !important;
    }   

    .dropdown-item__items .item.item--header {
        color: #FFFFFF !important;
    }

        .dropdown-item__items .item.item--header:hover {
            background: #4F87C0 !important;
        }

    .dropdown-item__items .item.active:before, .dropdown-item__items .item:hover:before {
        content: "";
        width: 2px;
        height: 29px;
        left: -1px;
        position: absolute;
        top: 3px;
        z-index: 3;
        background: #A4D250;
    }

    .dropdown-item__items .item.active, .item:hover {
        background: #A4D250 !important;
    }


    .dropdown-item__items .item.item--with-border.active .item__text, .dropdown-item__items .item.item--with-border:hover .item__text {
        color: white !important;
    }

.pages-size-filter {
    /*max-width: 289px !important;*/
    max-width: 154px !important;
}

#sortByFilter .dropdown__header {
    border: none;
    background: #F8F8F9 !important;
}

.sidebar-page.sidebar-page--with-rounded-block .rounded-block-dynamic {
    display: block;
    position: absolute;
    width: 100%;
    padding: 40px 0;
    background: #F8F8F9;
    border-bottom-left-radius: 0px;
    top: -60px;
    left: 00px;
    z-index: -1;
}

.react-date-picker-wrapper {
    display: block;
}

    .react-date-picker-wrapper .react-daterange-picker__wrapper, .react-date-picker-wrapper .react-date-picker__wrapper {
        background: #fff
    }

.btn.btn-md > span {
    padding: 0 0px;
    min-height: 39px;
}

#downtimeModal-continueBtn > span {
    padding-right: 49px !important;
}

#tableContainer p {
    line-height: 1.15rem;
    font-weight: 400;
    font-size: 12px;
    color: #747D88 !important;
}

.header-label p {
    line-height: 1.15rem;
    font-weight: 400;
    font-size: 12px;
    color: #747D88 !important;
    padding-top: .15rem !important;
}

#tableContainer a,h3 {
    font-size: 14px !important;
    color: #4F87C0 !important; /*blue*/
}

#tableContainer h3 {
    font-size: 14px !important;
    color: #747D88 !important; /*grey*/
}

.vertical-top {
    vertical-align: top !important;
}

.last-log-item div:last-of-type {
   margin-top: auto !important;
 }

.vertical-bottom {
    vertical-align: bottom !important;
}

td.fooed {
    position: relative !important;
}

.foo {
    position: absolute !important;
}

.btn.btn-rounded {
    color: #2F2F2F;
}

.btn.btn-border.btn-border-brand-blue:hover:not([disabled]) {
    opacity: 1;
    background: #8bb53f;
    color: #fff;
}

.btn.btn-border.btn-border-brand-blue {
    box-shadow: inset 0px 0px 0 1px #A4D250;
}

.form-group .input-wrapper {
    max-width: 65% !important;
}

#UnsubscribeModal-confirm, #UnsubscribeModal-cancel > span {
    padding-right: 49px !important;
}

@media (max-width: 991px) {
    .form-group .input-wrapper {
        max-width: 100% !important;
    }
    .w-65 {
        width: 100% !important;
    }
}

.form-group .multi-select {
    width: 100% !important;
}

.multi-select.combo-box .multi-select-dropdown__list .list-item {
    padding: 14px 20px !important;
}

.btn.btn-danger.btn-rounded {
    background: #A4D250 !important; /*green*/
    color: #fff;
    border: none;
}

    .btn.btn-danger:hover {
        background: #8bb53f !important;
    }

.btn.btn-default {
    border: none;
    background: #ededed;
    color: #4c5059;
}

.multi-select .dropdown__header__arrow {
    top: 1.2rem !important;
}

.multi-select .dropdown__header {
    min-height: 2.91rem !important;
    background: #fff;
    display: flex;
    padding: 0 20px;
    border-radius: 4px !important;
    border: 1px solid #dcdee3;
    position: relative;
    cursor: pointer;
}

.multi-select .dropdown .dropdown__header__clear-button {
    margin-top: 7px !important;
}

.custom-icon-size {
    width: 14px !important;
    height: 15px !important;
}
/*loader*/
.ic-loader {
    border-top: 5px solid #A4D250;
}

li a:focus {
    outline: #1c1c1c solid 0px;
    border-radius: 1px;
}

/* End*/
/* Pagination */
.pagination {
    display: inline-flex;
    list-style: none;
    padding: 0;
}

.pagination > ul {
    display: flex;
}

.pagination > ul li + li {
    margin-top: 0;
    margin-left: 5px;
}

.pagination > ul li {
    list-style: none;
    border-radius: 0.5rem !important;
    user-select: none;
    cursor: pointer;
}

.pagination > ul li:hover {
    background: #ccd8ff;
    transition: .3s;
}

.pagination > ul li.active:hover {
    background: #ccd8ff;
    transition: .3s;
}

    .pagination > ul li a:hover {
        color: #4F87C0 !important;
        transition: .3s;
        text-decoration: none;
        border-radius: 0.5rem;
    }

.pagination > ul li > a {
    color: #1c1c1c;
    padding: 7px 8px 8px;
    display: flex;
}

.pagination > ul li > a:focus-visible {
    border-radius: 0.5rem;
}

    .pagination > ul li > a:focus {
        outline: #4F87C0 solid 2px;
    }

.pagination > ul li.rest:hover {
    background: unset;
}

    .pagination > ul li.active {
        background: #4F87C0;
        border-radius: 0.5rem;
    }

.pagination > ul li.active > a {
    color: #fff;
}

.validation-message {
    padding-left: 35% !important;
}
.combobox-validation-message {
    padding-left: inherit !important;
}

.no-border-and-padding {
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding: 0 !important;
}
.no-bottom-border-and-padding {
    border-bottom: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
.no-padding-top {
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}

.no-wrap {
    white-space: nowrap !important;
}

/* -- Custom -- */
.gap-05 {
    gap: 0.5rem;
}

.gap-1 {
    gap: 1rem;
}

.gap-2 {
    gap: 2rem;
}

.gap-3 {
    gap: 3rem;
}

.gap-4 {
    gap: 4rem;
}

.gap-5 {
    gap: 5rem;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fs-05 {
    font-size: 0.5rem;
}

.fs-075 {
    font-size: 0.75rem;
}

.fs-078 {
    font-size: 0.78rem
}

.fs-095 {
    font-size: 0.95rem;
}

.fs-1 {
    font-size: 1rem;
}

.fs-2 {
    font-size: 2rem;
}

.text-uppercase {
    text-transform: uppercase;
}

.mw-75 {
    max-width: 75%;
}
.w-10 {
    width: 10% !important;
}

.w-17 {
    width: 17% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-31 {
    width: 31.5% !important;
}

.w-35 {
    width: 35% !important;
}

.w-45 {
    width: 45% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-54 {
    width: 54.7% !important;
}

.w-65 {
    width: 65%;
}

.h-16 {
    height: 16.1px !important;
}

.col-15 {
    max-width: 15% !important;
}

.min-h-0 {
    min-height: 0;
}

.min-h-25 {
    min-height: 25%;
}

.min-h-50 {
    min-height: 50%;
}

.min-h-75 {
    min-height: 75%;
}

.min-h-100 {
    min-height: 100%;
}

.min-w-10 {
    min-width: 10% !important;
    max-width: 30% !important;
}
.min-w-15 {
    min-width: 25% !important;
}

.border-r-0 {
    border-radius: 0;
}

.border-r-5px {
    border-radius: 5px;
}

.border-r-05 {
    border-radius: 0.5rem;
}

.border-r-1 {
    border-radius: 1rem;
}

.border-r-15 {
    border-radius: 1.5rem;
}

.header_link_color {
    color: #4F87C0 !important;
}

.color-gray-747 {
    color: #747D88;
}

.display-mobile-only {
    display: none;
}

@media only screen and (max-width: 991px) {
    #sortByFilter .dropdown__header {
        background: #FFFFFF !important;
    }

    #searchTextFilter {
        width: 41.7% !important;
    }
    #searchTextFilterOnly {
        width: 100% !important;
    }
    .validation-message, .combobox-validation-message {
        padding-left: inherit !important;
    }
    .no-display-mobile {
        display: none;
    }
    .display-mobile-only {
        display: inherit;
        align-items: start !important;
        min-width: 17% !important;
    }
    .display-table-block > td {
        display: block;
        border-top: 0px solid #dcdee3 !important;
        border-bottom: 0px solid #dcdee3 !important;
    }
    .display-border-top-mobile {
        border-top: 1px solid #dcdee3 !important;
    }
    .no-padding-left {
        padding-left: 0 !important;
    }
}


    @media only screen and (max-width: 850px) {
        td {
            display: block
        }

        .middle-column {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .data-grid__body.data-grid--bordered tr > td {
            border-top: 0px solid #dcdee3;
            border-bottom: 0px solid #dcdee3;
        }

        .first-column {
            border-top: 1px solid #dcdee3 !important;
            padding-bottom: 4px !important;
            width: 100% !important;
        }

        .last-column {
            border-bottom: 1px solid #dcdee3 !important;
            display: flex !important;
            align-items: flex-start !important;
            padding-top: 4px !important;
        }

        #searchTextFilter {
            padding-left: 0px !important;
            width: 44.7% !important;
        }

        #searchTextFilterOnly {
            padding-left: 0px !important;
            width: 100% !important;
        }

        .searchTextFilterContainer {
            justify-content: flex-start !important;
            padding-left: 0px !important;
        }

        .text-right {
            text-align: left !important;
        }

        .validation-message, .combobox-validation-message {
            padding-left: inherit !important;
        }

        .display-mobile-only {
            display: inherit;
            align-items: start !important;
            min-width: 17% !important;
        }

        .no-display-mobile {
            display: none;  
        }

        .display-border-top-mobile {
            border-top: 1px solid #dcdee3 !important;
        }
        .no-padding-left {
            padding-left: 0 !important;
        }
    }