/*Added customization for Project SARAH*/

/*Theme Start*/
/*Theme*/
.brand-link,
.bg-primary,
.btn-primary,
.card-purple:not(.card-outline) > .card-header {
    background-color: #5959EB !important;
}

.text-brand-color {
    color: #5959EB !important;
}

.card-purple.card-outline {
    border-top: 3px solid #5959EB !important;
}

.btn-primary {
    border-color: #5959EB !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #7777F7 !important;
    border-color: #5959EB !important;
}

.tab-upper-card {
    margin-top: 7px;
}

.popover-body {
    max-height: 500px !important;
    overflow-y: auto !important;
    white-space: pre-wrap !important;
}

.main-sidebar-brand-color {
    background-color: #6f42c1 !important;
}
/*Theme End*/

/*select2 Max-Height and Overfloww
    ---------------------------------------*/
.select2-container .select2-selection--multiple {
    max-height: 75px;
    overflow-y: auto;
}

.content-wrapper-webview {
    margin-left: 0px !important;
}

.animation__shake {
    animation: shake 0.5s !important;
    animation-iteration-count: infinite !important;
}

.preloader {
    background: rgba(244, 246, 249, .85) !important;
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.remarks-textarea {
    overflow-y: auto;
    resize: none;
    min-height: 130px;
}

.nav-sidebar .menu-open > .nav-link em.right,
.nav-sidebar .menu-is-opening > .nav-link em.right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

.icon-column {
    width: 1%;
}

.table-responsivecustom {
    height: 338px;
    max-width: 700px;
    width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.selected {
    cursor: pointer;
    color: #5959EB !important;
}

.notselected {
    color: #DEDEDE;
    cursor: pointer;
}

.main-sidebar-brand-color {
    background-color: #E31837 !important;
}

.chart-customproperty {
    display: block;
    max-width: 700px;
}

.max-width-fix {
    table-layout: fixed;
}