/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.hidden {
    display:none!important;
}
.float-right{
    float:right!important;
}
.float-left {
    float: left !important;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #268C43;
    --bs-btn-border-color: #1e7537;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e7537;
    --bs-btn-hover-border-color: #222;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a6931;
    --bs-btn-active-border-color: #1a6931;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #268C43;
    --bs-btn-disabled-border-color: #268C43;
}
.selected, .selected:hover > div {
    background-color: #268C43;
}
.selected > div, .selected:hover > div {
    color: #fff !important;
}
.hidden {
    display:none!important;
}
.nav-link {
    color: #333;
}
.nav-link:hover {
    color: #000;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #333;
    color: #fff !important;
}
.nav-link.active {
    color: #268C43!important;
    font-weight: 600;
}
/*Loader*/
.load-container {
    /*    height:100vh;
    width:100vw;
    opacity:.8;
    background-color:#000;*/
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 2147483647;
}
.axe-loader {
    display: inline-block;
    background: url(/Images/spinner_1) no-repeat;
    background-size: cover;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 150px;
    height: 90px;
    animation: rotation 1.2s infinite linear;
}
.loader {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
}
.loader:before, .loader:after {
    content: '';
    border-radius: 50%;
    position: absolute;
    inset: 0;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
}
.loader:after {
    box-shadow: 0 2px 0 #268C43 inset;
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}