@using System.Web.Optimization;
@using MemberPortal;
@using RedWillow.MvcToastrFlash;
ROTCO SACCO|@ViewBag.Title
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/Plugins")
@Styles.Render("~/Content/Font")
@Scripts.Render("~/bundles/modernizr")
@Styles.Render("~/bundles/main")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/core")
@Scripts.Render("~/bundles/plugins")
@Scripts.Render("~/bundles/ImageUpload")
@Scripts.Render("~/bundles/toastr")
@Scripts.Render("~/bundles/main")
@RenderSection("scripts", required: false)
@Html.ToastrNotifications()
body {
font-size: 18px;
font-family: Garamound;
font-weight: 300;
color: #232323;
background-color: #fff;
/*padding-bottom: 0px !important;*/
}
label {
font-weight: 500;
color: dimgray;
margin-bottom: 0px;
padding-left: 5px;
}
.small, small {
font-size: 50%;
}
.icon {
line-height: 0;
}
.btn-modal {
height: 28px;
}
.btn .modal-icon {
width: 1em;
margin: -2px -1px -1px;
line-height: inherit;
text-align: center;
}
.btn-sm {
font-weight: 600;
padding: 6px 6px;
height: 32px;
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: auto;
}
.btn-floating.btn-xxs {
width: 20px;
height: 20px;
padding: 0;
font-size: 10px;
}
.page-content-login {
padding: 15px 15px !important;
}
.page-login-v3:before {
background-image: url('../Content/global/assets//images/background image.jpg') !important;
background-size: cover;
}
.page-login-v3 .panel {
width: 450px;
}
page-register-v3:before {
background-image: url(../Content/global/assets/images/bg.png) !important;
background-size: cover;
}
.page-login-v3.signup .panel {
width: 60pc;
}
.page-login-v3.signup form {
text-align: left;
font-size: 13px;
margin: 45px 0 30px;
}
.layout-full:after {
position: fixed;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background-color: rgba(38,50,56,.6);
z-index: -1;
}
.page-login .page-brand-info {
margin: 220px 350px 0 30px;
}
.navbar-avatar .avatar {
height: 30px;
}
.site-navbar-custom {
background-color: #2A5D9F !important;
}
.site-menu {
font-size: 18px;
}
.site-menu .site-menu-sub {
font-size: 18px;
}
.site-menu .site-menu-sub .site-menu-item {
line-height: 22px;
}
.site-menu .site-menu-sub .site-menu-item > a {
padding: 2px 40px;
}
.site-menubar-unfold .site-menu > .site-menu-item > a .site-menu-title {
font-size: 13px;
}
.site-menubar-unfold .site-menu > .site-menu-item > a {
line-height: 32px;
}
.site-menubar-unfold .site-header {
margin-left: 260px;
}
.site-menubar-fold .site-header {
margin-left: 90px;
}
@media (max-width:767px) {
.site-menubar-unfold .site-header {
margin-left: auto
}
.site-menubar-open .site-header {
-ms-transform: translate(260px, 0);
-ms-transform: translate3d(260px, 0, 0);
-webkit-transform: translate3d(260px, 0, 0);
transform: translate3d(260px, 0, 0)
}
}
.no-margin {
margin-right: 0px !important;
}
.text-white {
background-color: white !important;
}
.avatar-xl {
width: 120px;
height: 120px;
}
.avatar-xxl {
width: 200px;
height: 200px;
}
.page-header-bordered {
padding: 10px 0px 10px 0px;
background-color: #fff;
margin-bottom: 0px;
border-bottom: 1px solid #e4eaec;
}
.page-header {
position: fixed;
left: 0px;
right: 0px;
z-index: 100;
}
.page-title {
line-height: 30px;
padding-left: 25px;
font-size: 20px;
}
#personalCompletedWidget .table td {
padding: 5px 0px 5px 0px;
width: 25%;
}
#personalCompletedWidget .widget-content {
padding: 20px 15px 0px;
}
.widget .widget-header {
text-align: center;
}
.table label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.widget .table {
color: #000000;
}
.widget .btn .icon {
margin: 4px 3px 0;
}
.panel {
margin-bottom: 5px;
background-color: ghostwhite;
}
.panel .panel_disable {
background-color: #f3f7f9;
}
.panel-heading {
border-bottom: 2px solid ghostwhite !important;
}
.panel-heading h5 {
font-size: 13px;
margin-top: 4px;
margin-bottom: 4px;
font-weight: 600;
}
.panel-title {
padding: 2px 10px 2px 10px;
font-size: 16px;
}
.panel-title h5 {
margin-top: 5px;
margin-bottom: 5px;
}
.panel-register {
margin-top: 70px !important;
}
.panel-title-lg {
padding: 25px 25px 25px 25px !important;
font-size: 30px !important;
}
.content-panel {
margin-bottom: 50px;
top: 50px;
margin-top: 0px;
position: relative;
}
.page-content {
margin-bottom: 0px;
top: 160px;
}
.footer-fixed {
position: fixed;
bottom: 0;
display: block;
z-index: 1400;
right: 0px;
left: 0px;
background-color: whitesmoke;
}
.panel-body {
padding: 15px 10px 15px 10px !important;
}
.panel-group-info {
margin-bottom: 22px;
border: 1px solid #2A5D9F;
border-radius: 4px 4px 0 0;
}
.panel-group-dark {
margin-bottom: 22px;
border: 1px solid #2A5D9F;
border-radius: 4px 4px 0 0;
}
.panel-group .panel-title {
position: relative;
padding: 2px 10px 2px 10px;
font-size: 16px;
font-weight: 600;
}
.panel-group .panel-title::after, .panel-group .panel-title::before {
top: 5px;
}
.input-group-addon {
padding: 6px 6px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.bootstrap-datetimepicker-widget {
z-index: 1600 !important;
}
.page-login-main {
}
.page-login-v2 form {
margin: 25px 0 20px;
width: 300px;
}
.page-login-v2 .page-content {
padding-right: 50px;
padding-left: 10px;
}
.page-login-v2 .page-login-main {
padding: 130px 40px 140px;
}
.page-login-v3 .panel .panel-body {
padding: 30px 40px 40px !important;
}
.page-login-v2 footer {
margin: 10px 10px;
}
.validation-summary-valid {
display: none;
}
.navbar-brand {
padding: 5px 5px !important;
}
.navbar-brand-logo {
height: 55px;
margin-top: 0px;
width: 60px;
}
.brand-img {
height: 55px;
margin-top: 0px;
}
.site-menubar-hide .navbar-brand-text {
display: none;
}
.site-menubar-open .navbar-brand-text {
display: none;
}
.navbar {
margin-bottom: 0px;
}
.form-group {
margin-bottom: 0px;
}
.form-group-sm .form-control {
padding: 0px 5px;
font-family: Garamond;
font-size: 12px;
font-weight: 500;
color: #33383c;
height: 28px;
}
.form-material .form-control {
padding: 0 !important;
}
.form-material.floating + .form-material.floating {
margin-top: 20px;
}
.table {
color: black;
background-color: white;
}
.table > tfoot > tr > th, .table > thead > tr > th {
font-weight: bold;
color: #2A5D9F;
border: 0px;
border-top: 1px solid #ddd;
padding-left: 3px;
background: linear-gradient(#ffffff,#f6f7f8);
border-top-color: #e9edf2;
border-left-color: #e9edf2;
}
.table > tfoot > tr > th {
font-weight: bold;
color: #2A5D9F;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding-left: 3px;
background: linear-gradient(#ffffff,#f6f7f8);
border-top-color: #e9edf2;
border-left-color: #e9edf2;
}
.table > thead > tr > th {
font-weight: bold;
color: #2A5D9F;
padding-left: 3px;
background: linear-gradient(#ffffff,#f6f7f8);
border-top-color: #e9edf2;
border-left-color: #e9edf2;
}
.table > tbody > tr > td {
padding: 2px 4px 2px 4px;
vertical-align: middle;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 0px;
border-left: 0px;
}
.table-bordered {
border: 0px;
}
.table-bordered > thead:first-child > tr:first-child > th {
font-weight: bold;
color: #2A5D9F;
border-top: 1px solid #ddd;
border-bottom: 0px;
padding-left: 3px;
background: linear-gradient(#ffffff,#f6f7f8);
border-top-color: #e9edf2;
border-left-color: #e9edf2;
border-right: 0px;
border-left: 0px;
}
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
padding-right: 25px;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 3px 3px;
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
bottom: 3px;
right: 5px;
}
div.dataTables_scrollBody > table > tbody > tr:first-child > td {
border-top: 1px solid #ddd;
}
.dataTables_wrapper .dataTables_length {
float: left;
}
.dataTables_wrapper .ui-toolbar {
padding: 2px 8px 2px 8px;
}
.dataTables_length select.input-sm {
line-height: 25px;
}
div.bubbleToolbar {
float: left;
width: 100%;
clear: both;
padding: 4px 10px 11px;
margin: 16px 0 0;
background: url(/assets/992c020….png) no-repeat 0 0;
}
div.dataTables_wrapper div.dataTables_filter input {
height: 25px;
}
div.dataTables_wrapper div.dataTables_length select {
height: 25px;
}
select {
color: initial;
}
.form-inline .select2-container {
width: 300px !important;
}
.select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0px,5px;
color: #24292d;
}
.select2-container--default .select2-selection--single {
border: 1px solid #e4eaec;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #f3f7f9;
cursor: default;
}
.modal-xl {
width: 90%;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
top: 4px;
}
#loading {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
z-index: 1900;
}
#loadingcontent {
display: table;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#loadingspinner {
display: table-cell;
vertical-align: middle;
width: 100%;
text-align: center;
font-size: larger;
padding-top: 80px;
}
.page-register-v2 .page-register-main {
position: absolute;
right: 10%;
top: 140px;
height: auto;
min-height: 75%;
padding: 0px 60px 80px;
color: #76838f;
background: #fff;
left: 10%;
}
.page-register-v2 form {
margin: 45px 0 20px;
width: 100%;
}
.page-register-v2 footer {
margin: 0px 0px;
}
.page-login-v2:before {
background-image: url(../Content/global/assets/images/chsbg.jpg) !important;
}
.page-header-register {
position: fixed;
width: 100%;
z-index: 20;
}
.page-dark.layout-full {
color: #fff !important;
}
.page-dark.layout-full label {
color: #fff !important;
}
.upload-img {
display: none !important;
}
.custom-file-upload {
display: inline-block;
padding: 6px 12px;
cursor: pointer;
}
.select2-container--open {
z-index: 1800;
}
.step-anchor > li > a {
overflow: visible !important;
}
.ribbon-container {
position: relative;
padding: 50px 15px 15px 50px;
background-color: #f3f7fa;
border: 1px solid #eee;
margin-top: 20px;
margin-bottom: 20px;
}
.width-70 {
width: 70px !important;
}
.bg-widget-green-300 {
color: #76838f;
background-color: #2A5D9F !important;
}
.bg-widget-blue-200 {
color: #76838f;
background-color: #2A5D9F !important;
}
.bg-page {
background: #f1f4f5;
}
bg-navbar-custom {
background-color: #2A5D9F !important;
}
.tab-content {
border-bottom: 1px solid #e4eaec !important;
border-left: 1px solid #e4eaec !important;
border-right: 1px solid #e4eaec !important;
}
.nav-tabs > li > a {
background-color: #2A5D9F;
font-weight: bold;
font-size: 13px;
color: #2A5D9F;
}
///side bar backgroud
.site-menubar {
background: BE5B50 !important;
}
.site-menu-item a {
color: rgba(249, 251, 252, 0.9);
}
.site-menubar-unfold .site-menu-category {
color: BE5B50 !important;
font-weight: bold !important;
}
.dropdown-menu {
margin-top: -5px !important;
background-color: ghostwhite;
}
.nav-tabs-inverse .tab-content {
background: ghostwhite;
}
.step-anchor > li > a {
font-weight: 200 !important;
font-size: 16px;
}
.sw-theme-arrows > ul.step-anchor > li > a small {
font-size: 80%;
}
.sw-theme-arrows > ul.step-anchor {
border-bottom: 0px;
border-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.sw-theme-arrows > ul.step-anchor > li.active > a {
border-color: #2A5D9F !important;
color: #fff !important;
background: #2A5D9F !important;
}
.sw-theme-arrows > ul.step-anchor > li.active > a::after {
border-left: 30px solid #2A5D9F !important;
}
.sw-theme-arrows {
border-radius: 0px;
border: 0px;
}
.sw-theme-arrows .step-content {
background-color: ghostwhite !important;
}
.padding-top-7 {
padding-top: 7px;
}
.has-error .help-block {
font-size: 12px;
}
.page-aside-title {
padding: 5px 15px;
margin: 0px 0 10px;
font-weight: 500;
}
.list-group-item {
padding: 5px 15px !important;
}
a.list-group-link {
color: #2A5D9F !important;
}
a.list-group-link-mine {
color: black !important;
}
.page-aside {
position: static;
width: 100%;
}
.sub-menu {
border-right: 1px solid #e4eaec;
border-bottom: 2px solid ghostwhite;
color: #76838f;
background-color: #fff;
}
.sub-menu .page-aside {
border: 0px;
}
.blink {
color: white;
animation: blink_animation 1s infinite;
}
@keyframes blink_animation {
50% {
color: white;
}
100% {
color: red
}
}
.navbar,
.site-navbar,
.site-navbar-custom {
background-color: BE5B50 !important;
}
/* Main sidebar background */
/*#menu {
background-color: #2A5D9F;
color: #fff;
}*/
/* Sidebar menu links */
/*#menu .site-menu a {
color: #fff;*/ /* white text for contrast */
/*font-weight: 500;
}*/
/* Hover state for links */
/*#menu .site-menu a:hover,
#menu .site-menu-item.active > a {
background-color: #7a2424;*/ /* darker red for hover/active */
/*color: #fff;
}*/
/* Submenu background */
/*#menu .site-menu-sub {
background-color: #8b2f2f;*/ /* slightly lighter/darker red */
/*}*/
/* Submenu links */
/*#menu .site-menu-sub a {
color: #fff;
}*/
/* Arrow icons */
/*#menu .site-menu-arrow {
border-left-color: #fff;*/ /* white arrows */
/*}*/
/* Font sizes (you already set some inline, keep for consistency) */
/*#menu .site-menu-item {
font-size: 14px;
}
#menu .site-menu-sub .site-menu-item {
font-size: 14px;
}*/