@charset "utf-8";
/* CSS Document */
.base-color{
	color:#0c376a;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #0c376a;
}
::selection {
    color: #fff;
    background: #0c376a;
/*	-webkit-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none; */
}	
a{
	color:#337ab7;
	text-decoration:none;
}
a:hover{
	color:#0c376a;
	text-decoration:underline;
}
footer a:hover{
	color:#337ab7;
	text-decoration:underline;
}

header .row-two .nav li a:hover,header .row-two .nav li a.active, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	transition: color 0.3s ease;
	border-top-color:#0c376a;
	background-color:#0d8ac7;
	background-image:none;
	}
.db-search input.db-search-icon{
	background:url(../images/red/search-icon.png) no-repeat #FFF;
	border: 0;
	line-height: 32px;
	height: 32px;
	outline: none;
	font-size:0;
	width: 39px;
	float: right;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding:0;
	}	
input[type="button"],input[type="submit"],input[type="reset"],.btn-primary{
	background:#0b5b83;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	padding:7px 15px;
	border:0;
}	
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{
	background:#1867c5;
	}
.red-border-top{
	border-top:4px solid #0c376a;
	}	
.db-icon-strip{
	display: inline-block;
	width: 100%;
	}
.dashboard .content-container aside ul.icons li.active{
	border: 4px solid #0c376a;
	}
.dashboard .content-container aside ul.icons li.active a.dashboard-icon,.dashboard .content-container aside ul.icons li a.dashboard-icon:hover{
	background:url(../images/product-module-icon.png) -65px -2px no-repeat;
}
.dashboard .content-container aside ul.icons li a.atm-icon:hover, .dashboard .content-container aside ul.icons li.active a.atm-icon{
	background:url(../images/product-module-icon.png) -65px -68px no-repeat;
}
.dashboard .content-container aside ul.icons li a.ticket-icon:hover, .dashboard .content-container aside ul.icons li.active a.ticket-icon{
	background:url(../images/product-module-icon.png) -65px -135px no-repeat;
}
.dashboard .content-container aside ul.icons li a.fualt-icon:hover, .dashboard .content-container aside ul.icons li.active a.fualt-icon{
	background:url(../images/product-module-icon.png) -65px -201px no-repeat;
}
.dashboard .content-container aside ul.icons li a.cash-icon:hover, .dashboard .content-container aside ul.icons li.active a.cash-icon{
	background:url(../images/product-module-icon.png) -65px -267px no-repeat;
}
.dashboard .content-container aside ul.icons li a.report-icon:hover, .dashboard .content-container aside ul.icons li.active a.report-icon{
	background:url(../images/product-module-icon.png) -65px -332px no-repeat;
}
.dashboard .content-container aside ul.icons li a.customize-icon:hover, .dashboard .content-container aside ul.icons li.active a.customize-icon{
	background:url(../images/product-module-icon.png) -65px -1060px no-repeat;
}	
.dashboard .content-container aside ul.icons li a.tiles-view-icon:hover, .dashboard .content-container aside ul.icons li.active a.tiles-view-icon{
	background:url(../images/product-module-icon.png) -64px -1120px no-repeat;
}	
.dashboard .content-container aside ul.icons ul.dropdown-menu li.dropdown-header{
		background-color:#1867c5;
		padding:5px 10px;
		color:#fff;
		font-size: 100%;
		text-align: center;
		}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #fff; 
	background-color: rgba(226,0,32,1);
	filter: "alpha(opacity=100)"; 
	-ms-filter: "alpha(opacity=100)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #fff; 
	background-color: rgba(226,0,32,0.75);
	filter: "alpha(opacity=75)"; 
	-ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #fff; 
	background-color: rgba(255,0,36,0.9);
	filter: "alpha(opacity=90)"; 
	-ms-filter: "alpha(opacity=90)"; 
}	
.slider-bg{
	border-bottom:5px solid #1867c5;
	}	
.spl-message-footer{
	border-top:0px solid #1867c5;
	border-left:4px solid #1867c5;
	margin-bottom: 25px;
	text-align: left;
	display: inline-block;
	width: 96%;
	}
.spl-message-footer ul{	
	padding: 0;
	margin: 0;	
}
	.spl-message-footer h5 {
		margin: 0 0 0px;
	}
	.spl-message-footer ul li{
		display: inline-block;
		float: left;
		width: 20%;
		}
		.spl-message-footer ul li:first-child{
			width:80%;
			}
	.spl-message-btn{
		float:right;
		display:inline-block;
		}
	.spl-message-btn a{
		display:inline-block;
		float:right;
		}	
.base-spl-btn{
	border-left:20px solid #000;
	background-color:#0c376a;
	padding:8px 12px;
	color:#fff;
}	
	.base-spl-btn:hover{
		border-left:20px solid #0c376a;
		background-color:#000;
		padding:8px 12px;
		color:#fff;
		text-decoration:none;
		-webkit-transition: all 1s ease; 
		-moz-transition: all 1s ease; 
		transition: all 1s ease;
	}	
.key-features{
	margin:2% 0 3%;
}			
.key-features h1 u{
	text-decoration:none;
	border-bottom:3px solid #1867c5;
}	
.thumb-slider .slides > li:hover .icon{
	border: 4px solid #1867c5;
	background-position:-86px inherit;
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	transition: all 1s ease;
}
.thumb-slider .slides > li:hover .icon .business-analysis{
	background-position:-85px -85px;
}
.thumb-slider .slides > li:hover .icon .benefits{
	background-position:-88px 0px;
}
.thumb-slider .slides > li:hover .icon .security{
	background-position:-85px -168px;
}
.thumb-slider .slides > li:hover .icon .config{
	background-position:-85px -256px;
}
.thumb-slider .slides > li:hover .icon .offline{
	background-position:-87px -339px;
}
.thumb-slider .slides > li:hover .icon .plugin{
	background-position:-87px -429px;
}
.thumb-slider .slides > li:hover .icon .business-analysis{
	background-position:-85px -85px;
}
.thumb-slider .slides > li:hover .icon .benefits{
	background-position:-88px 0px;
}
.thumb-slider .slides > li:hover .icon .security{
	background-position:-85px -168px;
}
.thumb-slider .slides > li:hover .icon .multiple-card{
	background-position:-84px -1116px;
}
.thumb-slider .slides > li:hover .icon .emv{
	background-position:-86px -1203px;
}
.thumb-slider .slides > li:hover .icon .ins-issuance{
	background-position:-86px -1288px;
}
.thumb-slider .slides > li:hover .icon .web-portal{
	background-position:-86px -1376px;
}
.thumb-slider .slides > li:hover .icon .green-pin{
	background-position:-85px -1457px;
}
.flex-control-paging li.active-border a.flex-active {border: 1px solid #1867c5; padding:4px;}
.flex-control-paging li a.flex-active { background: #0c376a; cursor: default;}
footer .row-two{
	border-top:2px solid #1867c5;
	}
.modal-header {
border-bottom: 3px solid #1867c5;
}	
/* check box and radio */

.prettycheckbox > a{
	height:24px;
	width:24px;
	display:inline-block;
	float:left;
	cursor:pointer;
	margin: 0 5px 0 0;
	background:url(../images/red/sprites-input.png); 
}
.prettyradio > a{
	height:24px;
	width:24px;
	display:inline-block;
	float:left;
	cursor:pointer;
	margin: 0 5px 0 0;
	background:url(../images/red/sprites-input.png) no-repeat -181px 0; 
}

.prettycheckbox>a{background-position:0 0}
.prettycheckbox>a:focus{background-position:-30px 0}
.prettycheckbox>a.checked{background-position:-60px 0}
.prettycheckbox>a.checked:focus{background-position:-90px 0}
.prettycheckbox>a.checked.disabled{background-position:-150px 0}
.prettycheckbox>a.disabled{background-position:-121px 0}
.prettyradio>a{background-position:-181px 0}
.prettyradio>a:focus{background-position:-211px 0}
.prettyradio>a.checked{background-position:-241px 0}
.prettyradio>a.checked:focus{background-position:-270px 0}
.prettyradio>a.checked.disabled{background-position:-323px 0}
.prettyradio>a.disabled{background-position:-298px 0}
.prettycheckbox > input[disabled="disabled"]{
	opacity:.1;
	}
.cusel .jScrollPaneContainer span:hover{
	background-color:#1867c5;
	color:#fff;
}	
.forgot-password-icon{
	background:url(../images/red/sprite-img.png) no-repeat 0 0;
	padding:0px 6px;
	margin:3px 5px;
	width:20px;
	}
	.login-footer-link a:hover{color:#1867c5 !important;}
	.login-footer-link a:hover .forgot-password-icon{
		background-position:0 -17px;
		color:#1867c5;
		}
.trouble-login-icon{
	background:url(../images/red/sprite-img.png) no-repeat -16px 0;
	padding:0px 6px;
	margin: 3px 2px;
	}	
	.login-footer-link a:hover .trouble-login-icon{
		background-position:-16px -17px;
		color:#1867c5;
		}
/* Controls */
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#1867c5;border-color:#1867c5}
.pagination > li > a, .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #1867c5;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
/* calendar */
#calBorder{
	background-image: -webkit-linear-gradient(bottom,  rgba(0, 0, 0, 0.3),  rgba(255, 255, 255, 0.2)); 
	background-image: -moz-linear-gradient(bottom,  rgba(0, 0, 0, 0.3),  rgba(255, 255, 255, 0.2)); 
	background-image: -o-linear-gradient(bottom,  rgba(0, 0, 0, 0.3),  rgba(255, 255, 255, 0.2)); 
	background-image: linear-gradient(to top,  rgba(0, 0, 0, 0.3),  rgba(255, 255, 255, 0.2));
	border:2px solid #1867c5;
	padding:10px;
	background:#fff;
}
.calender-title{ color:#000;}
.calTD{background-color:#1867c5; color:#fff;}
.holiday{background-color:#e9e9e9; color:#919191;}
.workingday{background-color:#cecece;color:#000;}
.today{background-color:#1867c5;}

/* Range Slider */	
.ui-rangeSlider-bar{
	background: #1867c5;
}
.ui-rangeSlider-label-inner{
	border-top: 10px solid #1867c5;
	}
.ui-rangeSlider-label{
	background-color: #1867c5;  
	-webkit-box-shadow: 0px 1px 0px #1867c5;
    -moz-box-shadow: 0px 1px 0px #1867c5;
    box-shadow: 0px 1px 0px #1867c5;
	min-width: 21px;
	text-align: center;
	font-size:90%;
	}

/* Accordion */	
.accordion h2,.accordion2 h2{
	background: url(../images/repeat-x-sprite-img.png) 0px -45px repeat-x;
	border-bottom:2px solid #1867c5;
	line-height:29px;
	padding:0 5px;
	font-weight: normal;
	font-size:14px;
	color:#333;
	margin:0;
	cursor:pointer;
	}	
	.accordion2 h2.open{
		cursor:default;
		}
	.accordion2 h2.close{
		opacity: 1;
		width: 100%;
		}	
.accordion .group,.accordion2 .group{
	padding:2px;
	margin-bottom:3px;
	}	
.accordion .group .content,.accordion2 .group .content{padding:5px;}	
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-top: 3px solid #1867c5;}

.tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus{border-left: 3px solid #1867c5;border-top:1px solid transparent; border-radius:0;border-top:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;}

.tabs-left > li.active:first-child > a, .tabs-left > li.active:first-child > a:hover, .tabs-left > li.active:first-child > a:focus{border-left: 3px solid #1867c5;border-top:1px solid transparent; border-radius:0;border-top:0px solid #a1a1a1;border-bottom:1px solid #a1a1a1;}


table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting{cursor:pointer;*cursor:hand}
table.dataTable thead .sorting{background:url("../images/sort_both.png") no-repeat center right #0d82bc;color:#fff;}
.table thead{background:#1867c5;color:#fff;}
table.dataTable thead .sorting_asc{background:url("../images/sort_asc.png") no-repeat center right #0d82bc;color:#fff;}
table.dataTable thead .sorting_desc{background:url("../images/sort_desc.png") no-repeat center right #0d82bc;color:#fff;}
.cusel .jScrollPaneDrag {
	background-color: #1867c5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1867c5;
  outline: 0;
}
table.dataTable tbody tr.selected {
background-color: #f9d5d5;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #0c376a \9;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0c376a;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #0c376a;
  background-image: -moz-linear-gradient(top, #0c376a, #1867c5);
  background-image: -ms-linear-gradient(top, #0c376a, #1867c5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c376a), to(#1867c5));
  background-image: -webkit-linear-gradient(top, #0c376a, #1867c5);
  background-image: -o-linear-gradient(top, #0c376a, #1867c5);
  background-image: linear-gradient(top, #0c376a, #1867c5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c376a', endColorstr='#1867c5', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #0c376a;
  background-image: -moz-linear-gradient(top, #0c376a, #1867c5);
  background-image: -ms-linear-gradient(top, #0c376a, #1867c5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c376a), to(#1867c5));
  background-image: -webkit-linear-gradient(top, #0c376a, #1867c5);
  background-image: -o-linear-gradient(top, #0c376a, #1867c5);
  background-image: linear-gradient(top, #0c376a, #1867c5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c376a', endColorstr='#1867c5', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}