/* CUSTOM THEME Reliance Matrix*/

/*
    Light Blue:   #24a6f0
    Dark Blue:  #23293f

 */

/* ===================================
    Login Page
=================================== */

/* Use this for custom solid background color without image */
.login-wrapper .main-content { background: #8EC2F2 }

/* Use this for custom background image */
.login-wrapper .main-content {background: #23293f;}
.login-wrapper .login-footer {background: #0A0C15;}

/* Depending on your background color or image you might want to change the h2 colors */
.login-wrapper .center-wrap h2, .login-wrapper .center-wrap h2 small { color: #fff }

/* Depending on your background color or image you might want change login box styles */
.login-wrapper #login-box { border:0px;}
.login-wrapper #login-box .login-box-inner { }

/* ===================================
Links and Buttons
=================================== */
a { color: #24a6f0 }
.btn.action { color: #23293f; border-color:#23293f; }
.btn.action:hover, .btn.action:focus, .btn.action:active, .btn.action.active.focus, .btn.action.active:focus, .btn.action.active:hover, .btn.action:active.focus, .btn.action:active:focus, .btn.action:active:hover, .open>.dropdown-toggle.btn.action.focus, .open>.dropdown-toggle.btn.action:focus, .open>.dropdown-toggle.btn.action:hover { color: #fff; background: #23293f; }
.btn-primary { color: #fff; background-color: #24a6f0; border-color: #24a6f0; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background: #23293f }
.btn-outline { color: #23293f; border-color: #23293f; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { background: #24a6f0; color: #fff }

/* ===================================
Page Elements
=================================== */

/* Main background color while logged in */
.main-content, body { background: linear-gradient(188deg, #f9f9f9 3.24%, #8EC2F2 110.59%); }

/* Alert notification background color */
.user-info-navbar .user-info-menu li.notifications span { background: #24a6f0; }

/* Tooltip background color */
.tooltip .tooltip-inner { background-color: #777; padding: 10px }
.tooltip.top .tooltip-arrow { border-top-color: #777; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #777; }
.tooltip.right .tooltip-arrow { border-right-color: #777; }

/* Back to top button background color */
#back-top a { background-color: #23293f }

/* Dark Widget background color */
.widget.dark-bg { background: #23293f }

/* Pagination */
.pagination>li>input.pagination, .pagination>li>a, .pagination>li>span { color: #23293f; }
.pagination>.active>input.pagination, .pagination>.active>input.pagination:focus, .pagination>.active>input.pagination:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: #555; background-color: #ebebeb; border-color: #ebebeb; }

/* Modal Header */
.modal-header { background: #23293f }

/* Progess Steps */
.progress-steps li.complete:before, .progress-steps-sub li.complete:before { background-color: #23293f }
.progress-steps li.complete span:before, .progress-steps-sub li.complete span:before { border-left: 10px solid #23293f; }
.progress-steps li.complete, .progress-steps-sub li.complete { color: #23293f; }
.progress-steps-wrap-sub-menu .progress-steps-sub li.complete:before { background-color: #23293f }
.progress-steps-wrap-sub-menu .progress-steps-sub li.complete span:before { border-left: 10px solid #23293f; }
.progress-steps-wrap-sub-menu .progress-steps-sub li.complete { color: #23293f; }
.progress-steps-wrap-sub-menu .progress-steps-sub .first.complete span:after { border-right: solid 2px #23293f; }
.progress-steps-wrap-sub-menu .progress-steps-sub li a { color: #23293f; }

/* ===================================
Side Navigation Colors
=================================== */
.sidebar-menu .main-menu a, .sidebar-menu .main-menu a.navCurrent, .sidebar-menu .main-menu ul li a, .sidebar-menu .main-menu ul li a.navCurrent { color: white }
.sidebar-menu .main-logo, #sidr-main .sidebar-menu-inner .main-logo, .login-wrapper #login-box .top { background: #fff }
.sidebar-menu .date, #sidr-main .sidebar-menu-inner .date { color: white; background: #0A0C15 }
.sidebar-menu, .sidebar-menu.fixed .sidebar-menu-inner, #sidr-main, #sidr-main .sidebar-menu, #sidr-main .sidebar-menu-inner { background: #23293f }

.footer {border-top: solid 1px rgba(255, 255, 255, 0.3);}

/* ===================================
Small Logo Icon on Nav Collapse
=================================== */
.main-wrapper.collapsed .sidebar-menu .main-logo img { content: url("/_img/square-logo.png") }
@media (min-width:768px) and (max-width:910px) {
    .main-wrapper .sidebar-menu .main-logo img { content: url("/_img/square-logo.png") }
}