/* Office/Admin visual unify layer */
:root{
    --oa-ui-ink:#17354b;
    --oa-ui-muted:#5f7787;
    --oa-ui-line:rgba(23,53,75,.12);
    --oa-ui-soft:rgba(23,112,216,.08);
    --oa-ui-soft-strong:rgba(23,112,216,.14);
    --oa-ui-primary:#1770d8;
}

.form-control{
    min-height:44px;
    border-radius:12px;
    border:1px solid var(--oa-ui-line);
    box-shadow:none;
}
.form-control:focus{
    border-color:#4ea6ff;
    box-shadow:0 0 0 3px rgba(39,162,255,.12);
}

.input-group-addon{
    border-color:var(--oa-ui-line);
    background:#f3f8fe;
    color:#2d607f;
}

.panel,
.widget,
.modal-content{
    border-radius:16px;
}

.btn{
    border-radius:12px;
}
.btn-default{
    background:rgba(20,81,111,.08);
    border-color:rgba(20,81,111,.15);
    color:#14516f;
}
.btn-default:hover{
    background:rgba(20,81,111,.12);
    color:#103f57;
}
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default{
    background:rgba(23,112,216,.14);
    border-color:rgba(23,112,216,.28);
    color:#14508a;
}

/* Fix "selected tab too white" in backend tabs/navs */
.nav-tabs > li > a{
    border-radius:10px 10px 0 0;
    color:#43657a;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    background:var(--oa-ui-soft);
    color:#165486;
    border:1px solid rgba(23,112,216,.26);
    border-bottom-color:transparent;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
    background:var(--oa-ui-soft-strong);
    color:#124e80;
}

#sidebar .sidebar-nav .active > a,
#sidebar .sidebar-nav .active > a:hover,
#sidebar .sidebar-nav .active > a:focus{
    background:rgba(39,162,255,.22) !important;
    color:#f3fbff !important;
}

.nav-sidebar > li.active > a,
.nav-sidebar > li.active > a:hover,
.nav-sidebar > li.active > a:focus{
    background:rgba(39,162,255,.18) !important;
    color:#f3fbff !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover{
    background:var(--oa-ui-soft-strong);
    border-color:rgba(23,112,216,.30);
    color:#145189;
}

/* Login input consistency */
.auth-shell input[name="user"],
.auth-shell input[name="pass"],
.auth-card input[name="user"],
.auth-card input[name="pass"]{
    border-radius:12px;
    border:1px solid var(--oa-ui-line);
    min-height:46px;
}