@charset "utf-8";
/* CSS Document */


@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700');

* {
	margin: 0;
	padding: 0;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
	border-top: 1px solid #eee;
}



body {
	width: 100%;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	padding:0px;
	/* overflow: hidden; */
	overflow-y:auto;
}

.title {
  /* margin-top:140px; */
  text-align: center;
}

.bs-example {
	margin: 15px;
}

.alert {
	margin-bottom: 15px;
	padding: 10px;
}

#alert {
	margin-bottom: 10px;
}

.panel-title .glyphicon {
	font-size: 14px;
	float: right;
}

.tab-content {
	padding: 10px 6px 10px 6px;
	background: #fff;
	border: solid 1px #bbb;
	border-top: 0;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #ecf4ff;
	border-color: #c2d1e8;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #c2d1e8;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid #c2d1e8;
}

.panel-default {
	border-color: #c2d1e8;
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
	color: inherit;
	font-weight: 600;
	font-size: 13px;
}

/**********************Breadcrum**************************/

.margin_bottom {
	margin-bottom: 10px;
}

.red {
	color: red
}

.page-title h4 {
	font-size: 24px;
}


.breadcrumb {
	padding: 8px 15px;
	/* margin-bottom: 20px; */
	list-style: none;
	/* background-color: #f5f5f5; */
	/* border-radius: 4px; */
}

.breadcrumbs {
	background-color: #fff;
	display: inline-block;
	margin-top: 0;
	padding: 0 5px;
	width: 100%;
	box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
}

.page-header {
	margin: 0px;
	padding: 0px 15px;
	background: #ffffff;
	border-bottom: 0px;
}

.float-right {
	float: right !important;
}

.page-header .breadcrumb {
	margin: 0px;
	padding: 6.5px 0;
	background: #fff;
	text-transform: capitalize;
}

.text-right {
	text-align: right !important;
}

/************************Breadcrum Ends Here***************/


/************************navigation css********************/


/**********************navigation css ends here************/


/************************Card Css*******************/

.card-white {
	border-radius: 2px;
	box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
	background-color: #FFFFFF;
	color: #252422;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	padding: 15px;
	border: solid 1px #bcd1f1;
}

.card {

	background-color: #fff;
	margin-bottom: 10px;
	border: 1px solid #bcd1f1;
	border-radius: 3px;
	/* box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);*/
}

.card .card-header {
	padding: 1px 2px;
	background-color: #1697c6;
	border-bottom: 1px solid #bcd1f1 !important;
}

.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card .card-title {
	margin: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	/* line-height: 1.6; */
}

.card .card-body {
	padding: 6px 10px 5px 12px;
}

label {
	display: inline-block;
	max-width: 80%;
	margin-bottom: 5px;
	font-weight: 300;
}


.form-group label,
.form-check label {
	margin-bottom: .5rem !important;
	color: #000000 !important;
	font-weight: 400;
	font-size: 12px;
}


.form-inline .form-group label,
.form-check label {
	margin-bottom: .5rem !important;
	color: #000000 !important;
	font-weight: 600;
	font-size: 11px;
	width: 50%;
}

.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	width: 80%;
}

.form-inline .form-group .form-control {
	border: 0;
	box-shadow: none;
	;
}

.form-inline .form-group input {
	color: #676363;
}

.modal-footer {
	padding: 10px;
	text-align: center;
	border-top: 0px solid #e5e5e5;
}



.card .card-action {
	padding: 8px 15px 8px 15px;
	background-color: transparent;
	line-height: 30px;
	border-top: 1px solid #ebedf2 !important;
	font-size: 14px;
}



.btn {
	padding: 5px 15px;
}


.form-control {
	height: 25px;
	padding: 5px 10px;
	font-size: 11px;
	color: #000;
	border-radius: 3px;
	border: 1px solid #c2d1e8;
	font-family: 'arial', sans-serif;
}

/********************************************************/



.page-title {
	margin-top: 0px;
}

.profile {
	width: 45px !important;
	padding: 8px;
}

.height-min {
	min-height: 600px;
}

/****** altered by kavitha on 28/7/2021 *****************/

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #1b327e;
	border-color: #666;
}

.pagination>li>a,
.pagination>li>span {
	border: none;
	font-size: 13px;
	min-width: 30px;
	min-height: 30px;
	color: #999;
	margin: 0 2px;
	line-height: 30px;
	border-radius: 2px !important;
	text-align: center;
	padding: 0 6px;

	/*position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #1b327e;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;*/
}


/*******************************************kavitha********************/


.logbtn {
	border-radius: 2px;
	/* text-transform: uppercase; */
	font-size: 11.5px;
	letter-spacing: 0.8px;
	margin-right: 2px;
}


.logbtn-primary {
	color: #fff;
	background-color: #164172;
	border-color: #164172;
}

.logbtn-primary:hover {
	color: #fff;
	background-color: #58b3f4;
	border-color: #58b3f4;
}

.logbtn-primary.focus,
.logbtn-primary:focus {
	color: #fff;
	background-color: #2986c8;
	border-color: #2986c8;
}

.logbtn-primary.active.focus,
.logbtn-primary.active:focus,
.logbtn-primary.active:hover,
.logbtn-primary:active.focus,
.logbtn-primary:active:focus,
.logbtn-primary:active:hover,
.open>.dropdown-toggle.logbtn-primary.focus,
.open>.dropdown-toggle.logbtn-primary:focus,
.open>.dropdown-toggle.logbtn-primary:hover {
	color: #fff;
	background-color: #2986c8;
	border-color: #2986c8;
}



.btn {
	border-radius: 2px;
	/* text-transform: uppercase; */
	font-size: 11.5px;
	letter-spacing: 0.8px;
	margin-right: 2px;
}


.btn-primary {
	color: #fff;
	background-color: #323232;
	border-color: #323232;
}

.btn-primary:hover {
	color: #fff;
	background-color: #58b3f4;
	border-color: #58b3f4;
}

.btn-primary.focus,
.btn-primary:focus {
	color: #fff;
	background-color: #2986c8;
	border-color: #2986c8;
}

.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 {
	color: #fff;
	background-color: #2986c8;
	border-color: #2986c8;
}



.form-group button {
	margin-top: 26px;
}

.search_card {
	background: #ecf4ff;
	border: solid 1px #bcd1f1;
}

.upi {
	width: 120px;
	margin-left: 15px;
}

.body-content {
	padding: 5px 0px 10px 0px;
}

.modal-title {
	margin: 0;
	line-height: 1.42857143;
	font-weight: 600;
}

.modal-body {
	position: relative;
	padding: 10px;
	background: #f4f3ef;
}

/***********************Content css ends here****************************/

/*********************footer css***************************/

.container .text-muted {
	margin: 20px 0;
}

#footer {
	display: flex;
  	justify-content: center;
 	align-items: center;
	text-align: center;
	margin-top: 3px;
	color: white;
	font-size: 10px;
	bottom: 0;
	position: fixed;
	padding-top: 2px;
	left: 0;
	height: 20px;
	width: 100%;
	background-image: linear-gradient(#1D5D9B, #40A2E3);
}

/*********************footer css ends here***************************/

/******************************************DATA TABLE********************************************************/

/**********************************Content********************************/

.table>thead>tr>th {

	padding: 2px;
	font-size: 11px;
	text-transform: capitalize;

}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	padding: 3px;
	font-size: 11px;
}

table .dataTable td a {
	font-weight: 600;
	margin: 0px 4px 0px 4px;
	font-weight: bold;
	color: #566787;
	display: inline-block;
	text-decoration: none;
	font-family: 'arial black', sans-serif;
	font-size: 12px;

}


/************DataTable th css by kavitha on 8OCT2022************/
.table>thead>tr>th {
	padding-bottom: 10px;
	background: #1697c6;
	color: #fff;
	padding: 4px 8px;
	margin: -20px -25px 10px;
	border-radius: 2px 2px 0 0;
	font-family: 'arial', sans-serif;
	font-size: 12px;
	vertical-align: bottom;
	border-bottom: 2px solid #c2d1e8;

}

.table>tbody>tr>td {
	padding-bottom: 13px;
	color: #212529;
	padding: 8px 10px;
	margin: -20px -25px 10px;
	border-radius: 3px 3px 0 0;
	font-family: 'arial', sans-serif;

}


.table-title .btn {
	color: #566787;
	float: right;
	font-size: 13px;
	background: #fff;
	border: none;
	min-width: 50px;
	border-radius: 2px;
	border: none;
	outline: none !important;
	margin-left: 10px;
}

.table-title .btn:hover,
.table-title .btn:focus {
	color: #566787;
	background: #f2f2f2;
}

.table-title .btn i {
	float: left;
	font-size: 21px;
	margin-right: 5px;
}

.table-title .btn span {
	float: left;
	margin-top: 2px;
}



.table-data thead tr {
	background: #333;
	max-width: 100%;
}

.table-data thead tr th {
	font-size: 11px;
	font-family: 'arial', sans-serif;
	color: #fff;
	font-weight: 400;
	text-transform: capitalize;
	padding: 3px 4px;
	padding-right: 5px;
}

.table-data thead tr th:first-child {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
}

.table-data thead tr th:last-child {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
}

.table-data thead tr th:last-child {
	text-align: right;
	padding-right: 50px;
}

.table-data tbody tr td:last-child {
	text-align: right;
	padding-right: 50px;
}


.table-data tbody tr {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.table-data tbody tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}

.table-data tbody tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

.table-data tbody td {
	border-bottom: 1px solid #f5f5f5;
	background: #fff;
	font-size: 11px;
	color: #808080;
	padding: 3px 4px;
	padding-right: 5px;
	height: 1px;
}

.table-data tbody td.process {
	color: #00ad5f;
}

.table-data tbody td.denied {
	color: #fa4251;
}



/***    left menu ****/

/***********************  TOP Bar ********************/
.sidebar {
	width: 220px;
	background-color: #000;
	transition: all 0.5s ease-in-out;
}

.bg-defoult {
	background-color: #222;
}

.sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.sidebar li a,
.sidebar li a.collapsed.active {
	display: block;
	padding: 8px 12px;
	color: #fff;
	border-left: 0px solid #dedede;
	text-decoration: none
}

.sidebar li a.active {
	background-color: #000;
	border-left: 5px solid #dedede;
	transition: all 0.5s ease-in-out
}

.sidebar li a:hover {
	background-color: #000 !important;
}

.sidebar li a i {
	padding-right: 5px;
}

.sidebar ul li .sub-menu li a {
	position: relative
}

.sidebar ul li .sub-menu li a:before {
	font-family: arial;
	content: "\f105";
	display: inline-block;
	padding-left: 0px;
	padding-right: 10px;
	vertical-align: middle;
}

.sidebar ul li .sub-menu li a:hover:after {
	content: "";
	position: absolute;
	left: -5px;
	top: 0;
	width: 5px;
	background-color: #111;
	height: 100%;
}

.sidebar ul li .sub-menu li a:hover {
	background-color: #222;
	padding-left: 20px;
	transition: all 0.5s ease-in-out
}

.sub-menu {
	border-left: 5px solid #dedede;
}

.sidebar li a .nav-label,
.sidebar li a .nav-label+span {
	transition: all 0.5s ease-in-out
}


.sidebar.fliph li a .nav-label,
.sidebar.fliph li a .nav-label+span {
	display: none;
	transition: all 0.5s ease-in-out
}

.sidebar.fliph {
	width: 42px;
	transition: all 0.5s ease-in-out;

}

.sidebar.fliph li {
	position: relative
}

.sidebar.fliph .sub-menu {
	position: absolute;
	left: 39px;
	top: 0;
	background-color: #222;
	width: 150px;
	z-index: 100;
}

.user-panel {
	clear: left;
	display: block;
	float: left;
}

.user-panel>.image>img {
	width: 100%;
	max-width: 45px;
	height: auto;
}

.user-panel>.info,
.user-panel>.info>a {
	color: #fff;
}

.user-panel>.info>p {
	font-weight: 600;
	margin-bottom: 9px;
}

.user-panel {
	clear: left;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	padding: 25px 15px;
	border-bottom: 1px solid;
}

.user-panel>.info {
	padding: 5px 5px 5px 15px;
	line-height: 1;
	position: absolute;
	left: 55px;
}

.fliph .user-panel {
	display: none;
}


/*************************Date And Time Picker CSS Starts here*************************************************/

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
	background-color: #1b327e;
	background-image: -moz-linear-gradient(top, #1b327e, #1b327e);
	background-image: -ms-linear-gradient(top, #1b327e, #1b327e);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1b327e), to(#1b327e));
	background-image: -webkit-linear-gradient(top, #1b327e, #1b327e);
	background-image: -o-linear-gradient(top, #1b327e, #1b327e);
	background-image: linear-gradient(to bottom, #1b327e, #1b327e);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b327e', endColorstr='#1b327e', GradientType=0);
	border-color: #04c #04c #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);
}



.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
	background-color: #1b327e;
	background-image: -moz-linear-gradient(top, #1b327e, #1b327e);
	background-image: -ms-linear-gradient(top, #1b327e, #1b327e);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1b327e), to(#1b327e));
	background-image: -webkit-linear-gradient(top, #1b327e, #1b327e);
	background-image: -o-linear-gradient(top, #1b327e, #1b327e);
	background-image: linear-gradient(to bottom, #1b327e, #1b327e);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b327e', endColorstr='#1b327e', GradientType=0);
	border-color: #04c #04c #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);
}


.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #000;
	text-align: center;
	background-color: #ecf4ff;
	border: 1px solid #bcd1f1;
	border-radius: 4px;
}



/*************************Date And Time Picker CSS Ends here*******************************************************/


.card-white .panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 0px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}


input#uploadId,
input.btn.btn-default.redirect {
	margin-top: 26px;
}


.panel {
	margin: 10px 0px 10px 0px;

}

.error {
	color: red;
}

.icon_bar {
	float: right;
	width: 250px;
	height: 18px;
	text-align: right;
}

.icon_bar img {
	width: 18px;
	margin-left: 20px;
	cursor: pointer;
}

td.Hidden {
	visibility: hidden;
	display: none;
}

.blue {
	color: blue
}

/***********************Nav bar***********************/

@media ( min-width : 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #c2d1e8;
	}
}

@media ( max-width : 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
		background-color: transparent;
	}
}

.head-container {
	position:sticky;
	top:0;
	width:100%;
	z-index: 100;
}

.welcome_txt {
	font-size: 12px;
	font-weight: 300;
	margin-right: -20px;
	text-align: right;
	position: relative;
}

.recon{
	height:50px;
	width:100px;
	margin-left:40px;
	margin-top:10px;
}

.header {
	width: 100%;
	background: #ffffff;
	font-size: 14px;
	border: solid 0px #2986c8;
}

ul li a:hover { /* all front border menu including profile */
	background: #ffffff;
	color: #000000;
}

li:hover a { /* all menu front border at hover including profile */
	color: #ffffff;
	text-decoration: none;
	background-color: #40A2E3;
}

li:hover li { /* profile 2nd level and 3rd level menu back border */
	float: none;
}

li:hover li a:hover { /* profile menu 2nd level menu front border at hover*/
	background: #ffffff;
	color: #000000;
}

.text-right .nav-tabs>li>a { /* gap between the profile image and the profile menu*/
	margin-right: 2px;
	line-height: 1.42857143;
	border-radius: 4px 4px 0 0;
	padding-left: 0px;
}

.header .nav-tabs { /* change the profile image position also gap between this and 1st level menu*/
	border-bottom: 0px solid #1697c6;
	margin-top: 18px;
	float: right;
}

.text-right .dropdown-menu { /* change the profile menu back border */
	float: right;
	right: 2px;
	left: auto;
}

.navbar-default { /*change the whole nav bar*/
	font-family: arial;
	min-height: 20px;
	/* min-width:1281px; */
	width:100%;
	background-image: linear-gradient(#1D5D9B, #40A2E3);
	font-size: 14px;
	border-radius:0px;
	/* margin-left:-2.5px; */
}

.navbar-default .navbar-nav>li>a { /*change the 1st level menu */
	display: inline-block;
	position: relative;
	padding: 10px 15px;
	margin-left: 0px;
	margin-right: -3px;
	color: #fff;
	border-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { /*change the 1st level menus at hover*/
	color: #ffffff;
	background-color: transparent;
}

li:hover>ul { /* change the profile menu and 2nd level menu back border */
	display: block;
	padding: 0px;
}

.dropdown-menu>li>a { /* change the profile menu and 2nd level front border*/
	display: block;
	min-width: 140px;
	padding: 10px 20px;
	border-top: 1px solid transparent;
	position: relative;
}

ul ul { /* profile 2nd level and 3rd level back border */
	list-style: none;
	min-width: 140px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

ul ul ul { /* 3rd level menu back border */
	position: absolute;
	top: 0;
	left: 100%;
	margin-top: 0;
}

.navbar-nav>.dropdown>ul>li>ul>li {	/* change the 3rd level menu back border */
	display: none;
	position: absolute;
	top: 0;
	background-color: transparent;
}

.navbar-nav>.dropdown>ul>li:hover>ul>li { /* change the 3rd level back border */
	display: block;
	min-width: 140px;
	font-size: inherit;
	position: relative;
}

.navbar-nav>.dropdown>ul>li{ /* change the 3rd level align equal to parent */
	position: relative;
}

.navbar-nav>.dropdown>ul>li:hover>ul>li>a {	/* change the 3rd level front border */
	display: block;
	min-width: 140px;
	margin: 0px;
	padding: 10px 20px;
}

ul:before, ul:after {
	content: " ";
	display: table;
}

ul:after {
	clear: both;
}

/***********************Nav bar ends here***********************/