/* open-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body {
    min-height: 100vh;
}
.hflogo{
    width: 90%;
    height: auto;
}
.innermsgbox{
    margin-left: 0.2em;
}
.alert-danger {
    color: #fff;
    background-color: #e30000;
    border-color: #e30000;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #b7b7b7;
    border-color: #b7b7b7;
}
span.headlinnav {
    font-family: Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.2em;
}
body{
    font-family: Roboto, Arial, sans-serif;
}
p.Subline {
    font-weight: 400;
    font-size: 1.2rem;
}
.dbicon i.fa-solid.fa-database {
    font-size: 3.5vw;
    color: #666791;
}
.dbicon {
    height: auto;
    text-align: center;
    min-height: 12vh;
}
.dbname {
    font-size: 1.2em;
}
.bkdetails {
    font-size: 0.8em;
    line-height: 1.6em;
}
.linearGradient-custom-gray{
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top,  #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.drop-hoverbox{
    transition: box-shadow 0.2s ease-in-out;
}
.drop-hoverbox:hover {
    box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.15) !important;
}
.dbarchivlist li {
    font-size: 0.9em;
}

.rotateicon i{
    rotate:90deg;
}
html {
    overflow-y: scroll;
}
.arrowba{
    margin-right: 0.2em;
    -webkit-transition: -webkit-all .35s ease-in-out;
    -ms-transition: -ms-all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.dbarchivlist ul li {
    font-size: 0.8em;
}
.card-primary.card-outline {
    border-top: 3px solid #ec6807;
}
.hf .btn-primary {
    color: #fff;
    background-color: #ec6807;
    border-color: #ec6807;
    box-shadow: none;
}
.hf .btn-primary:hover {
    color: #fff;
    background-color: #c15409;
    border-color: #c15409;
}
.freespacewrp {
    background: #fdf9f9;
    font-size: 0.8em;
}
.freespacewrp .progress-bar,.freespacedbwrp .progress-bar{
    background-color: #26a0da;
}
.freespaceicon {
    font-size: 2.2vw;
    color: #a7a7a7;

}
.freespaceprogressbox .progress {
    background: #fff;
    border-color: #afafaf !important;
}
.driveicon{
    width: 90%;
    height: auto;
}
@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
        opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
        opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
        opacity: .2;
    }
}

.saving span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.saving span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.saving span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}
.loadingbox .progress{
    background: #fff;
    border-color: #afafaf !important;
}
.loadingbox .progress-bar {
    background-color: #007bff;
}
span.infobackuptext {
    font-size: 0.7em;
}

span.infoLoadingtext {
    font-size: 0.7em;
}

.freespaceprogressbox .progress[aria-valuenow *= "9"]:not([aria-valuenow $= "9"]) .progress-bar,
.freespaceprogressbox .progress[aria-valuenow="100"] .progress-bar
{
    background-color: #da2626;
}

.freespacedbprogressbox .progress[aria-valuenow *= "9"]:not([aria-valuenow $= "9"]) .progress-bar,
.freespacedbprogressbox .progress[aria-valuenow="100"] .progress-bar
{
    background-color: #da2626;
}


.copyfooter{
    font-family: arial, serif;
    font-size: .8rem;
    background: #fff;
}
.textrestorelb{
    display: inline-block;
}
button.btn.bg-warning:disabled {
    border: 1px solid #f9d158;
}
@media (max-width: 1200px) {
    .textrestorelb{
        display: none;
    }
}
@media (max-width: 992px) {
    .bdboxwrp.mt-4 {
        margin-top: 0 !important;
    }
    .alldbwrp.mt-2{
        margin-top: 0 !important;
    }
    .dbicon{
        display:none !important;
    }
}
.border-top-mobile {
    border-top: 1px solid #dee2e6 !important;
    padding-top: 1rem!important;
}
@media (min-width: 768px) {
    .border-top-mobile {
        border-top: 0px solid #dee2e6 !important;
        padding-top: 0!important;
    }

}
.dbfirstbk{
    min-height: 14vh;
}
body{
    position: relative;
    background: #f4f6f9;
}
main{
    margin-bottom: 30px;
}
.footer-bs{
    position: absolute;
    width: 100%;
    min-height: 30px;
    bottom: -3rem;
    left: 0;
    z-index: 0;
}
.footer-bs2{
    position: absolute;
    width: 100%;
    min-height: 30px;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: #fff;
    border-top: 1px solid #dee2e6;
    color: #869099;
    padding: 0.2rem;
}
.sizeofdb,.compressionofdb {
    font-size: 0.8rem;
}
.loadingbox {
    background: #fdf9f9;
}
.versionmssql {
    font-size: 0.75rem;
}
.spinnerbox {
    height: 100%;
    background: rgb(255 255 255 / 60%);
}
.spinnerbox .spinnerinner{
    height: 100%;
}
.freespacedbwrp{
    background: #fdf9f9;
    font-size: 0.8em;
}
.freespacedbprogressbox .progress{
    background: #fff;
    border-color: #afafaf !important;
}
.hfmodalview .modal-body {
    font-size: 85%;
}
.hfmodalview .modal-body p{
    margin-bottom: 0;
}
.main-footer {
    padding: 0.2rem;
}
body.modal-open {
    padding-right: 0 !important;
    overflow: unset !important;
}
.content-wrapper {
    margin-bottom: 3rem;
}
.w-20 {
    width: 20%!important;
}
.w-30 {
    width: 30%!important;
}
.w-40 {
    width: 40%!important;
}
.w-45 {
    width: 45%!important;
}
.w-33{
    width: 33%!important;
}
span.uppersmall {
    font-size: 90%;
}
.alertboxicon{
    margin-right: 1rem;
}
p.introtext {
    font-size: 90%;
}
.accountinfowrp{
    background: #fdf9f9;
    font-size: 0.8em;
    line-height: 1.7rem;
}
.badge {
    font-family: Arial, serif;
}
.upgradeb span {
    font-size: 85%;
    font-family: arial, serif;
}
.upgradeb:hover{
    text-decoration: underline!important;
}
.lastbkcon{
    background: #eeeeee;
}
.top--2 {
    top: -2px !important;
}
.start-89 {
    left: calc(100% - 43px)!important;
}
.start-84 {
    left: calc(100% - 51px)!important;
}
button:disabled, input:disabled {
    cursor: not-allowed;
}
.upgradedbspacec,.upgradebackupspacec {
    z-index: 5;
}
.upgradeb:hover span{
    background: #0062cc!important;
}
@media (max-width: 1024px) {
    .moreactions .w-50{
        width: 100% !important;
    }
    .moreactions .w-50:last-child {
        margin-top: 0.5rem;
    }
}
.tooltip-inner {
    background-color: rgb(59, 59, 59);
    color: #ffffff;
    font-size: 80%;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color:rgb(59, 59, 59);
}
#dbuser{
    cursor: pointer;
}
.copytext{
    display: none;
}
.smalltext{
    font-size: 80%;
}
.backgoundmodulheader{
    background: #0a53be;
    color:#ffffff;
}
.backgoundmodulfooter {
    background: #fdfdfd;
}
.intern-page {
    overflow: hidden !important;
    padding: 0 !important;
}