.side {
    /* background-image: url("../img/dashboard-grdient-side-bar.png") !important; */
    background-size: contain !important;
    background: linear-gradient(45deg, #1F5277, #1F5277)!important;
}

.side ul li a, i {
    color: #ffffff !important;
}

.app.sidebar-mini.sidenav-toggled .side-menu__label {
    color: #ffffff;
}

.app-sidebar__user-name, .app-sidebar__user-designation {
    color: white;
}

.side ul li a {
    border-top: 1px solid gray !important;
}

.green {
    background-color: #1F5277 !important;
    color: white !important;
}

.btn-green {
    background-color: #1F5277;
    color: white !important;
}

.bg-green {
    background-color: #1F5277 !important;
    /* background-color: #CFDEE7 !important; */
    color: white;
    /* color: #1F5277 */
}

.bg-blue {
    background-color: #1F5277;
    color: white;
}

.bg-blue-gray {
    background-color: #CFDEE7 !important;
    /* color: white; */
    color: #1F5277
}

.bg-yellow {
    background-color: #f2bf5e;
    color: white;
}

.bg-orange {
    background-color: #F6aa1c !important;
    color: #fff !important;
}

.bg-orange th {
    background-color: #F6aa1c !important;
    color: #fff !important;
}

.bg-orange thead .sorting_asc:before {
    color: #fff !important;
}

.bg-orange .sorting:after {
    color: #fff !important;
}

.btn-green:hover {
    background-color: #1F5277 !important;
}

.btn-orange {
    background-color: #F6aa1c !important;
    color: #fff !important;
}

.btn-blue {
    background-color: #1F5277 !important;
    color: #fff !important;
}

.btn-orange:hover {
    background-color: #1F5277 !important;
}

.text-green {
    color: #1F5277 !important;
}

.text-blue {
    color: #1F5277 !important;
}

.text-main {
    color: #2b2b2b !important;
}

.text-orange {
    color: #F6aa1c !important;
}

h4 {
    /*font-family: "Open Sans", Helvetica, Arial, serif;*/
    font-weight: 700 !important;
    font-style: normal;
    font-size: 16.0px !important;
}


.app-content .card .card-body button i {
    color: white !important;
}

.app-content i {
    color: white;
}

li .active {
    background: linear-gradient(#F6aa1c, #c28153);
}

.full-block {
    max-width: unset;
}

.img-crop-sm {
    height: 15rem;
    object-fit: cover;
}

.img-crop-md {
    height: 25rem;
    object-fit: cover;
}

.progress {
    height: 25px;
    font-weight: bolder;
    font-size: 17px;
}

.breadcrumb a {
    cursor: pointer;
    text-decoration: unset;
    color: #1F5277 !important;
    font-size: 1.25rem;
    font-weight: 700;
}

.breadcrumb {
    margin-top: auto !important;
    font-size: 1.25rem;
    font-weight: 700;
}

.breadcrumb .btn {
    font-size: 1rem;
    color: white !important;
    background: #1F5277;
}

.active {
    background: linear-gradient(#F6aa1c, #c28153);
}

.app-sidebar__user .nav-link span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messaging .active {
    background: #fbfbfb;;
}

.messaging .headind_srch .active {
    color: white !important;
    background-color: #1F5277;
}

.lg-card-bg {
    height: 170px;
}

.lg-card-bg .lg-icon {
    font-size: 120px;
}

.CircularProgressbar {
    width: 40% !important;
}

.CircularProgressbar .circle-success .CircularProgressbar-path {
    stroke: #1F5277;
}

.CircularProgressbar .circle-danger .CircularProgressbar-path {
    stroke: #fb703e;
}

.form-body {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
}

.form-body-sign-up {
    padding-top: 100px !important;
    padding-bottom: 30px !important;
}

.text-overlay {
    top: 10px;
    right: 10px;
    position: absolute;
    z-index: 99;
}

.img-square {
    object-fit: cover;
    width: 100px !important;
    height: 100px !important;
}

.lg-card-bg {
    height: 170px;
    background-image: url("../../assets/img/icon_bg.png");
    background-size: cover;
}

.log-wrapper img {
    margin-bottom: 375px !important;
}

.slide-menu .active span.side-menu__label, .slide-menu .active i.side-menu__icon {
    color: white !important;
}

.dropdown-item.has-icon:hover {
    background: linear-gradient(#1F5277, #1F5277) !important;
    color: #fff;
}

.circular-chart {
    margin-top: 33px !important;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

aside .side-menu .badge {
    padding: 3px 5px;
}

label {
    display: inline-block;
    margin-bottom: 0.3rem;
}

.btn-outline-green, .btn-outline-green:not(:disabled):not(.disabled).active, .btn-outline-green:not(:disabled):not(.disabled):active, .show > .btn-outline-green.dropdown-toggle {
    color: #1F5277 !important;
    /*background-color: red;*/
    border-color: #1F5277;
    border: 1px solid;
}

.btn-outline-blue, .btn-outline-blue:not(:disabled):not(.disabled).active, .btn-outline-blue:not(:disabled):not(.disabled):active, .show > .btn-outline-blue.dropdown-toggle, .badge-outline-blue {
    color: #1F5277 !important;
    /*background-color: red;*/
    border-color: #1F5277;
    border: 1px solid;
}



.gallery .card {
    cursor: pointer;
    margin-bottom: 30px;
}

.no-outline-green {
    border-color: #1F5277 !important;
}

.no-outline-green:hover {
    border-color: #1F5277 !important;
}

.img-container {
    max-width: 800px;
}

.img-p-container {
    position: relative;
}

.img-p-container .img-object {
    position: absolute;
    top: 80%;
    left: 54%;
}

@keyframes eo2-sold-out-swing {
    0% {
        transform: rotate(3deg)
    }

    50% {
        transform: rotate(-3deg)
    }

    100% {
        transform: rotate(3deg)
    }
}

.eo2-sold-out {
    position: absolute;
    top: 0;
    left: -1px;
    width: 115px;
    height: 115px;
    z-index: 10;
    cursor: pointer;
    animation: eo2-sold-out-swing 2s ease-in-out forwards infinite;
    transform-origin: 50% 0;
    transition: top 150ms ease-in-out, opacity 150ms ease-in-out;
}

.eo2-sold-out:hover {
    opacity: .8
}

.pointer {
    cursor: pointer !important;
}

.__react_component_tooltip {
    z-index: 1500!important;
}

/*border: 1px solid #F1F1F1 !important;*/
.demo-editor {
    height: 275px !important;
    border: 1px solid #1F5277 !important;
    padding: 5px !important;
    border-radius: 2px !important;
}

.rdw-editor-toolbar {
    border: 1px solid #1F5277 !important;
}

.app-sidebar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .app-sidebar .mCSB_scrollTools .mCSB_draggerRail{
    width: 10px;
}

@media (max-width: 576px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
}

@media (max-width: 460px) {
    .graph {
        display: none;
    }
}

/* Medium Screen */
@media (max-width: 768px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }

    .img-container .overlay {
        width: 804px;
    }
}

/* Large Screen */
@media (max-width: 992px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
}

/* Extra Large Screen */
@media (max-width: 1200px) {
    .btn-xl-block {
        display: block;
        width: 100%;
    }
}

@media (min-width: 430px) {
    .card .card-body h2 {
        font-size: 1.4vw;
    }
}