/* Loading animation */

.sweet-loading {
    position: absolute;
    top: 56%;
    left: 47%;
}

/* Login */

.login-container {
    margin-top: 100px;
}

    .login-container button {
        padding-left: 50px;
        padding-right: 50px;
    }

.login-company-welcome {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

/* Top bar */

#sidebarToggle.btn-link:hover {
    text-decoration: none;
}

#sidebarToggle.btn-link.btn:focus{
    outline: 0;
    box-shadow: none;
}

.sb-topnav .navbar-brand {
    padding-left: 0;
    padding-right: 0;
}

.sb-sidenav-toggled .sb-topnav .navbar-brand {
    width: 100px;
}

    .sb-sidenav-toggled .sb-topnav .navbar-brand img#brandImgBig {
        display: none;
    }

    .sb-sidenav-toggled .sb-topnav .navbar-brand img#brandImgSmall {
        display: block;
    }

    .sb-topnav .navbar-brand img#brandImgBig {
        display: block;
    }

    .sb-topnav .navbar-brand img#brandImgSmall {
        display: none;
    }


/* Sidebar */

.sb-sidenav-light .sb-sidenav-menu .nav-link,
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: inherit;
}

    .sb-sidenav-light .sb-sidenav-menu .nav-link .sb-nav-link-icon,
    .sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
        color: inherit;
    }

    .sb-sidenav-light .sb-sidenav-menu .nav-link:hover,
    .sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
        color: inherit;
    }

    .sb-sidenav-light .sb-sidenav-menu .nav-link.active,
    .sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
        color: inherit;
    }

    .sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
    }

        .sb-sidenav-light .sb-sidenav-menu .nav-link.active .sb-nav-link-icon,
        .sb-sidenav-dark .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
            color: inherit;
        }


.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav,
.sb-sidenav-toggled.sb-sidenav-hover #layoutSidenav #layoutSidenav_nav {
    transform: translateX(0);
}

.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before,
.sb-sidenav-toggled.sb-sidenav-hover #layoutSidenav #layoutSidenav_content:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1037;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
}

.sb-sidenav .sb-sidenav-footer {
    padding: 0;
}


@media (min-width: 992px) {
    .sb-sidenav-toggled:not(.sb-sidenav-hover) #layoutSidenav #layoutSidenav_nav {
        transform: translateX(-165px);
    }

        .sb-sidenav-toggled:not(.sb-sidenav-hover) #layoutSidenav #layoutSidenav_nav .nav-collapsed-hide {
            display: none;
        }

        .sb-sidenav-toggled:not(.sb-sidenav-hover) #layoutSidenav #layoutSidenav_nav .sb-nav-link-icon {
            transform: translateX(160px);
            font-size: 150%;
        }

    .sb-sidenav-toggled:not(.sb-sidenav-hover) #layoutSidenav #layoutSidenav_content {
        margin-left: -165px;
    }

        .sb-sidenav-toggled:not(.sb-sidenav-hover) #layoutSidenav #layoutSidenav_content:before {
            display: none;
        }
}


/* Report container */

.reportContainer {
    position: relative;
    overflow: hidden;
    padding-top: 50%;
    width: 100%;
    height: 100%;
}

.sb-sidenav-toggled .reportContainer {
    padding-top: 47%;
}

.reportContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    /*background-color: #ffffff;*/ /* to set the backgrounf color in fullscreen */
}

.icon-outside-report {
    cursor: pointer;
    float: right;
    color: #3D6389;
}

.icon-outside-report.dropdown {
    margin-top: -4px;
}

    .icon-outside-report.dropdown a {
        color: #407899;
    }

.icon-outside-report.not-stacked {
    margin: 2px 10px;
}



/* Bookmarks */
.bookmark-top-bar {
    height: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.bookmark-top-bar .bookmark-btn {
    opacity: 0.6;
    font-size: 80%;
}

    .bookmark-top-bar .bookmark-btn:hover {
        opacity: 1;
    }

.bookmark-top-bar .bookmark-btn {
    cursor: pointer;
}

        .bookmark-top-bar .bookmark-btn:hover {
        }

    .bookmark-top-bar .bookmark-btn-new {
        float: left;
    }

    .bookmark-top-bar .bookmark-btn-clear {
        float: right;
    }


.nav-link.bookmark-view {
   padding-right: 40px;
}

.bookmark-view button {
    position: relative;
    float: right;
    top: -30px;
}

.bookmark-view .bm-btn-bar {
    position: absolute;
    right: 5px;
}

    .bookmark-view .bm-btn-bar .bm-btn {
        position: relative;
        padding-right: 4px;
        cursor: pointer;
        z-index: 99999;
        font-size: 70%;
        opacity: 0.6;
    }

    .bookmark-view .icon-btn:hover {
        opacity: 1;
    }

.bookmark-edit {
    padding: 6px;
    font-size: 80%;
    opacity: 0.6;
}

    .bookmark-edit textarea {
        width: 100%;
    }

    .bookmark-edit .bookmark-edit-btns {
    }
        .bookmark-edit .bookmark-edit-btns button {
            float: right;
            margin-left: 2px;
        }

    .bookmark-edit .input-error {
        border: solid red 2px;
        background-color: #eea8a8
    }


/* Report pager */

.report-pager {
    padding: 10px;

}


/* =============
   FAQ
============= */
.question-q-box {
    height: 30px;
    width: 30px;
    color: #ffffff;
    background-color: #1ea69a;
    text-align: center;
    border-radius: 3px;
    float: left;
    line-height: 30px;
}

.question {
    margin-top: 0;
    margin-left: 50px;
    font-weight: 400;
    font-size: 16px;
}

.answer {
    margin-left: 50px;
    color: #98a6ad;
    margin-bottom: 40px;
}