@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

small {
    font-size: .5rem;
    white-space: nowrap;
}

.small a {
    font-size: .75rem;
    cursor: pointer;
    color: #456d74 !important
}

.btn-primary {
    color: #fff;
    background-color: #123a41;
    border-color: #123a41
}

    .btn-primary:hover {
        color: #123a41;
        background-color: #123a41;
    }

.btn-outline-primary {
    color: #123a41;
    border-color: #123a41;
}

.navbar {
    background-color: #123a41 !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.navbar-brand {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.content {
    padding-top: 1.1rem;
}

.footer {
    color: #808080;
    font-size: 10px;
    font-weight: 400;
}

/* Dashboard */
.list-item {
    border-bottom: 1px solid #D3D3D3;
}

.deal-chart {
    width: 300px;
    height: 350px;
}

.login-form {
    width: 30%;
}
.login-form a:not([href]):not([tabindex]) {
    font-size: 1rem;
    cursor: pointer;
    color: #456d74
}

.login-wrap {
    border: 2px solid #D3D3D3;
    border-radius: 10px;
    padding: 0px 10px 10px 10px;
    margin: 10px 5px 5px 5px;
    box-shadow: 1px 1px 15px #D3D3D3;
}

.search-box {
    width: 50%;
}

@media screen and (max-width: 786px)
{
    .search-box {
        width: 100%;
    }
    .deal-chart {
        width: 300px;
        height: 350px;
    }

    .PortalNotification .k-notification-container {
        width: 300px;
    }
}

@media screen and (max-width: 992px) {
    .login-form {
        width: 100%;
    }

    .login-wrap {
        border: 0px solid #D3D3D3;
        border-radius: 0px;
        padding: 0px 10px 0px 10px;
        margin: 10px 5px 5px 5px;
        box-shadow: 0px 0px 0px #D3D3D3;
    }
}

/* REPORTING */
.reporting-header {
    height: 2.5rem;
    margin-bottom: 0rem;
}

.reporting-sidebar {
    
}

.reporting-body {

}