@CHARSET "ISO-8859-1";

body {
	background-color: #f6f6f6 !important;
}
/* a>label:hover {
	text-decoration: underline !important;
} */
a {
	color: #1f275b;
}
#myTab1>li>a:hover {
	color: #ffffff !important;
}
a:hover {
	color: #006547;
}
.login-page::before, .error-page::before, #main-content {
	background: #f6f6f6 !important;
}
.login-page .login-wrapper form {
	background-color: #fff;
	margin: 0 auto;
	padding: 20px;
	width: 340px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}
.navbar {
	padding-left: 0;
	padding-right: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	z-index: 990;
	border: 0;
	min-height: 60px;
	height: 60px;
	border-radius: 0;
}
.navbar .navbar-brand {
	font-size: 20px;
	text-shadow: none;
	padding-top: 9px;
	height: 60px;
	min-width: 200px;
	width: 200px;
}
.navbar {
	background: #fff !important;
}
#sidebar {
	position: absolute;
}
.nav-list>li>a {
	display: block;
	height: 38px;
	line-height: 36px;
	margin: 0;
	padding: 0 16px 0 7px !important;
	text-shadow: none !important;
	font-size: 13px;
	text-decoration: none;
	color: #5b5c5d !important;
}
.nav-list>li>a:focus, .nav-list>li>a:hover {
	background-color: #006547 !important;
	color: #FFF !important;
}
#sidebar::before, .nav-list .search-form, .nav-list .search-pan input,
	#nav-horizontal.nav-xs>li>a, .nav-list>li>a {
	background-color: #FFF !important;
	/* border-bottom: 1px solid #ccc; */
	margin-bottom : 1px !important;	
}
/* .nav-list .search-form:hover, .nav-list .search-form:hover .search-pan input,
	.nav-list>li.open>a, .nav-list>li.active>a, .nav-list>li.active>a:hover,
	.nav-list>li.active>a:focus, .nav-list>li.active>a:active,
	#nav-horizontal.nav-xs>li>a:hover, #nav-horizontal.nav-xs>li>a:focus,
	#nav-horizontal.nav-xs>li.open>a, #nav-horizontal.nav-xs>li.active>a,
	#nav-horizontal.nav-xs>li.active>a:hover, #nav-horizontal.nav-xs>li.active>a:focus,
	#nav-horizontal.nav-xs>li.active>a:active, #sidebar-collapse>[class*="fa-"]:hover,
	.sidebar-collapsed .nav-list>li:hover>a, .sidebar-collapsed .nav-list .search-pan input,
	.sidebar-collapsed .nav-list>li>a>span {
	background-color: #1f275b !important;
	color: #fff !important;
} */
#nav-horizontal.nav-xs>li .dropdown-menu, #nav-horizontal.nav-xs>li .dropdown-navbar>li:hover,
	.nav-list>li .submenu {
	background-color: #1f275b !important;
}
#sidebar-collapse>[class*="fa-"], #nav-horizontal.nav-xs>li .dropdown-menu>li>a:focus,
	#nav-horizontal.nav-xs>li .dropdown-menu>li>a:hover, #nav-horizontal.nav-xs>li .dropdown-menu>li.active>a,
	#nav-horizontal.nav-xs>li .dropdown-navbar>li.active, .nav-list>li .submenu>li>ul>li>a:focus,
	.nav-list>li .submenu>li>ul>li>a:hover, .nav-list>li .submenu>li>ul>li.active>a,
	.nav-list>li .submenu>li>a:focus, .nav-list>li .submenu>li>a:hover,
	.nav-list>li .submenu>li.active>a {
	background-color: #006547 !important;
	color: #fff !important;
}
footer {
	position: fixed;
	bottom: 0px;
	background-color: #f6f6f6;
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	z-index: 50;
}
.mydaterange {
	background-image: url("../../img/demo/Calender-Icon-sm.png") !important;
	background-repeat: no-repeat !important;
	background-position: left center;
	background-color: none !important;
	cursor: pointer !important;
	padding-left: 25px;
	background-color: none !important;
}
#commentstable tr td {
	word-break: break-all !important;
	white-space: normal !important;
}
#sidebar {
	font-family: Nunito Sans !important;
}
.btn.btn-primary {
	color: #fff;
	background-color: #1f275b !important;
}
.btn.btn-primary:hover {
	color: #fff;
	background-color: #006547 !important;
}
.btn-secondary {
    color: #1f275b !important;
    border: 1px solid #1f275b !important;
    background: transparent !important;
}
.btn.btn-info {
	color: #fff;
	background-color: #1f275b;
}
.btn.btn-info:hover {
	color: #fff;
	background-color: #006547;
}
.btn.btn-info:active {
	color: #fff;
	background-color: #006547 !important;
}
.activebtn {
	background-color: #006547 !important;
}
.btn-group a>label {
	margin: 0px;
	padding: 0px;
}
.radiolabel {
	margin-top: -10px;
}
.fa-angle-left:before {
	content: "\f104";
	color: #000;
}
.fa-angle-right:before {
	content: "\f105";
	color: #000;
}
.fa-angle-up:before {
	content: "\f106";
	color: #000;
}
.fa-angle-down:before {
	content: "\f107";
	color: #000;
}
.tabbable .nav-tabs>li>a:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #1f275b !important;
}
.btn.btn-link {
	color: #1f275b !important;
}
.daterangepicker td.active {
    background-color: #1f275b !important;
}
.daterangepicker .ranges li {
	 color: #1f275b !important;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #1f275b;
    border: 1px solid #1f275b;
    color: #fff !important;
}
.logged-data {
	color:#000000 !important;
}
font#logoutbutton{
	color:#000000 !important;
}
table.dataTable thead th, table.dataTable thead td {
	border-bottom: 1px none;
}
.fa-bell, .fa-file-text{
	color: #1f275b !important;
}
/* for bank logo background */
.logo-header[data-background-color="blue"] {
    background: #FFFFFF !important;
}
/* for sidebar background */
.sidebar-wrapper {
	background-color: #FFFFFF;
}
/* for sidebar active */
.sidebar.sidebar-style-2 .nav.nav-primary>.nav-item.active>a {
    background: #1f275b !important;
    color: #ffffff !important;
}
/* for sidebar submenu background color change */
.nav>.submenu>.show>ul{
	background-color: #1f275b;
}
/* for sidebar hover on li color change */
.nav>.submenu>.show>ul>li>a:focus, .nav>.submenu>.show>ul>li>a:hover{
	background: #006547 !important;
	color: #ffffff !important;
}
/* for active sidebar 
 this class is used in jquery before changing check the jquery code too */
/* .activeSidebrLink{
	background-color: #006547 !important;
	color: #fff !important;
}
.activeSidebrLink>a{
	color: #fff !important;
} */
/* for bank logo height in header section */
.logo-header .logo{
	height: 70% !important;
	width: 70% !important;
}
/* for sidebar text color */
.sidebar .nav>.nav-item a,.sidebar .nav-collapse li a .sub-item:before{
	color : #5b5c5d !important;
}
/* for font awesome icon and caret color*/
 .sidebar .nav>.nav-item i:focus , .sidebar .nav>.nav-item i:hover , .sidebar .nav>.nav-item a .caret {
 	color: #ffffff !important;
 }
/* for sidebar hover on li */
.nav>.nav-item>a:focus, .nav>.nav-item>a:hover{
	background-color: #006547 !important;
	color: #fff !important;
}
/* for menu color */
.btn-toggle , .fa-ellipsis-v , .fa-bars{
    color: #1f275b !important;
}
/* for navbar search color */
.nav-search .form-control {
    background: #1f275b !important;
}
/* for navbar search color */
.main-header .navbar-header[data-background-color] .nav-search .input-group {
    background: #1f275b !important;
}
/* for navbar search color on small screen */
.main-header .navbar-header[data-background-color] .navbar-nav .nav-item .nav-link {
  	color: #1f275b !important; 
}
/* for active fa icon color */
.sidebar .nav.nav-primary>.nav-item.active a i, .sidebar[data-background-color="white"] .nav.nav-primary>.nav-item.active a i{
	color: #fff !important;
}
/* for sidebar expanded fa icon color */
.sidebar .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] i, .sidebar[data-background-color="white"] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] i {
    color: #fff !important;
}

/*Header icons  */
#contactUsStaticInfo, #navProfileDiv #profileButton, font#logoutbutton ,#videoBankingTagBtn{
	color:#1f275b !important;	
}
#newReportsDv #newReportsSpanID {
    background-color: #d73726;
    border-color: #d73726;
    box-shadow: 0px 0px 5px rgba(18,23,39,0.5);
    color: #fff;
}
.navbar #searchBar #searchButton:hover, .navbar #searchBar #searchButton:active {
    background-color: #31589a;
    color: #fff;
}
.navbar #newReportsButton:hover, .navbar #contactUsStaticInfo:hover, 
.navbar #profileButton:hover, .navbar #logoutbutton:hover, #zendeskButton:hover{
    background-color: #f0f0f0 !important;
}
/* #homeTag{
	background-color:#1f275b !important;
	color: #fff !important;
} */
.navbar #newReportsDv, .navbar #contactUsDiv, .navbar #navProfileDiv, .navbar #logoutbutton , #zendeskButton{
    color: #1f275b;
}
.pagination .page-item.active .page-link {
    background-color: #1f275b !important;
    border-color: #1f275b !important;
}
ul.navbar-nav>li>a.nav-link {
   background-color: #fff !important;
   color:#5b5c5d;
 	border-radius:0 !important;
}
ul.navbar-nav>li>a.nav-link:hover {
   background-color: #006547 !important;
   color:#fff;  
   border-radius:0 !important;
}
ul.navbar-nav>li.nav-item.active>a  {
	color:#fff;  
    background-color: #006547 !important; 
    border-radius:5px !important; 
}
.sidebar>ul.navbar-nav>li.nav-item.active>a{
	background-color: #1f275b !important;
   	color:#fff !important;  
   	border-radius:5px !important;
}
.sidebar a.waves-effect, .sidebar a.waves-light {
    display: block !important;
}
#durationOptionsDiv > .btn-group .activebtn {
    background-color: #006547 !important;
}
.btn-group .btn{
	background-color:#1f275b;
	color:#fff;
}
.btn-group .btn:hover{
	background-color:#006547;
}
#switchToOldUiBtn {
    background-color: #fff !important;
    color: #1f275b !important;
    border: 1px solid #1f275b !important;
}
.viewProfileLink, #downloadSmplRprtLink, #link_3 {
    color: #1f275b !important;
}
/* On mouse-over, add a background color */
.radio-item:hover input ~ .radio-option {
  background-color: #ecf3ff;
  border: 1px solid #1f275b;
}
/* When the radio button is checked, add a blue border */
.radio-item input:checked ~ .radio-option {
  background-color: #fff;
  border: 2px solid #1f275b;
}
/* Style the indicator (dot/circle) */
.radio-item .radio-option:after {
	background: #1f275b;
}

.nav-list>li.active>a:after {
	border-right-color: none !important;
}
#breadcrumbs ul li a{
	color: #1f275b !important;
}
.gj-datepicker .input-group-append .btn-outline-secondary{
	color: #ffffff !important;
	background-color: #1f275b !important;
}
.gj-picker-bootstrap .btn-default{
	color: #ffffff !important;
	background-color: #1f275b !important;
}
.gj-picker-bootstrap .gj-icon{
	color: #1f275b !important;
}
.myProfile-PasswordPolicy-tooltip .myProfile-tooltiptext{
	background-color: #ffffff !important;
	color: #1f275b !important;
	border: 2px solid #1f275b !important;
}
#password-policy-icon{
	color: #1f275b !important;
}
.myProfile-PasswordPolicy-tooltip .myProfile-tooltiptext::after {
  border-color: #1f275b transparent transparent transparent !important;
}
.navbar #searchBar #searchButton {
	color: #fff;
	background-color: #1f275b;
}
#sub-tab>ul>li>a:hover {
    color: #ffffff !important;
}