[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak {
	display: none !important;
}
.splash {
  display: none;
}

.wrapUpSearchUl {
	position: absolute;
	z-index: 10;
	margin-left: 1.5%;
	padding-left: 0;
	list-style: none;
	width: 93.5%;
	background-color: #ffffff;
	border: solid 1px #005d8f;
	max-height: 174px;
    overflow-y: auto;
}

.wrapUpSearchUl>li {
	font-size: 12px;
	color: #454f63;
	line-height: 2.92;
	letter-spacing: -0.12px;
	padding-left: 1.5%;
	outline: none;
	cursor: pointer;
}

.wrapUpSearchUl>li:hover {
	background-color: #005d8f;
	color: #f2f5f8;
}

[data-ng-cloak].splash {
	display: grid !important;
	z-index: 100;
	position: absolute;
	height: 100%;
	width: 100%;
	align-content: center;
	text-align: center;
	background-color: white;
	color: black;
	overflow: hidden; 
}
body:not(.modal-open){
  padding-right: 0px !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
	opacity: 0.35;
}
.navBar {
	/* background-image: linear-gradient(to right, var(--base_blue),var(--base_blue_light)); */
	background: rgb(0,74,96);
	background: linear-gradient(90deg, var(--base_blue) 0%, var(--base_blue_light) 100%); 
}

.topnavbar>li>a, .topnavbar>li>a:focus, .topnavbar>li>a:hover {
	color: white !important;
}

.topnavbar>li>a {
	padding: 10px 10px;
}

.topnavbar>li.active, .topnavbar>li.active:focus, .topnavbar>li.active:hover
	{
	border-bottom: 4px solid black;
}

/* .topnavbar>li {
	border-bottom: 4px solid white;
} */
.topnavbar>li:focus, .topnavbar>li:hover {
	border-bottom: 4px solid gray;
	transition: border-width 0.1s linear;
}

.topnavbarright>li, .topnavbarright>li:focus, .topnavbarright>li:hover {
	border: 0;
}

.topnavbar>li.active>a, .topnavbar>li.active>a:focus, .topnavbar>li.active>a:hover
	{
	background-color: white !important;
	background-image: none;
	color: black !important;
}

.topnavbar>.active>a:hover {
	color: white !important;
}

.agentconsolenavbar>li>a {
	background-color: white;
	border-radius: 0;
}

.agentconsolenavbar>li.active>a, .agentconsolenavbar>li.active>a:focus,
	.agentconsolenavbar>li.active>a:hover {
	/* background-image: linear-gradient(var(--base_blue),	var(--base_blue_light)); */
	 background: rgb(0,74,96);
	background: linear-gradient(180deg, var(--base_blue) 0%, var(--base_blue_light) 100%); 
}

.agentconsolenavbar>li {
	box-shadow: 1px 1px 3px rgb(0 0 0/ 40%);
}

.queueconsolenavbar>li {
	box-shadow: 0 0 0;
}

.whitecard {
	background-color: white;
	border-radius: 5px;
	padding: 5px;
	margin-top: 5px;
	box-shadow: 0 2px 6px 0 rgb(0 0 0 / 4%);
}

input[type="button"], input[type="button"]:focus, button, button:focus {
	outline: 0 !important;
	background-color: white;
}

.flex-container {
	display: grid;
	justify-content: space-between;
}
.center-flex-container{
	align-items: center;
}
.flex-container_10column {
	grid-template-columns: repeat(auto-fill, 10%);
}
.flex-container_9column {
	grid-template-columns: repeat(auto-fill, 11.111%);
}
.flex-container_8column {
	grid-template-columns: repeat(auto-fill, 12.5%);
}
.flex-container_7column {
	grid-template-columns: repeat(auto-fill, 14.2857%);
}
.flex-container_6column {
	grid-template-columns: repeat(auto-fill, 16.666%);
}
.flex-container_5column {
	grid-template-columns: repeat(auto-fill, 20%);
}
.flex-container_4column {
	grid-template-columns: repeat(auto-fill, 25%);
}
.flex-container_3column {
	grid-template-columns: repeat(auto-fill, 33.33%);
}
.flex-container_2column {
	grid-template-columns: repeat(auto-fill, 50%);
}
.flex-container_1column {
	grid-template-columns: repeat(auto-fill, 100%);
}
.flex-container>.flex-box {
	margin: 5px 20px;
	text-align: left;
}


.flex-container-flex {
  display: flex;
  align-items: stretch;
}

.flex-container-flex>div {
 margin: 10px;
 padding: 10px;
}
.ad1{
	background-color: #c4e4ff80;
	border-radius: 4px;
}

.ad1>div{
	padding: 5px;
}

.cd_details {
	margin: 0;
	color: black;
	font-size: 13px;
}

.cd_title {
	font-weight: 500;
}

.cd_content {
	color: var(--base_blue);
}

.cd_header {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
.cd_header1{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

.border {
	border-bottom: 2px solid;
}

.redtext {
	color: red;
}

.notification_msg {
	text-align: center;
	position: relative;
	height: 85vh;
}

.notification_msg>span {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.searchingLoader {
	position: absolute;
	left: 53%;
	top: 60%;
	width: 70px;
	height: 70px;
	margin: -76px 0 0 -76px;
	border: 8px solid white;
	border-radius: 50%;
	border-top: 8px solid var(--base_blue);
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}

.centeralign.table>tbody>tr>td, .centeralign.table>thead>tr>th {
	text-align: center;
}

.filtertable {
	margin-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.qcFilterTable {
	background-image: linear-gradient(to right, var(--base_blue),
		var(--base_blue_light));
	color: white;
}

.filtertable>tbody>tr>td {
	vertical-align: middle;
}

.qcCollapsableTable {
	background-color: white;
}

.qcCollapsableTable :is(.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td,
	.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th) {
	background-color: transparent;
}

.qcCollapsableTable .collapse {
	background-color: #ecedef;
	transition: all .2s;
}

.qcCollapsableTable .collapse {
	background-color: #ecedef;
	transition: all .2s;
}

.topHeaderHyperLink
{
	background-color:#fed500;
	color: black;
}

.qcadditionaldetailstable {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	margin-bottom: 0;
	background-color: transparent;
}
.qcApplicationListOutcome,.qcApplicationListRemark,.qcApplicationListRemarkTitle{
	margin-bottom: 10px;
}
.qcApplicationListRemark{
	min-height: 80px;
	resize: vertical;
	width: 100%;
}
.qcApplicationListRemarkTitle{
	font-size: 15px;
}
.loginBtn, .loginBtn:hover, .loginBtn:focus {
	/* background-image: linear-gradient(var(--base_blue), #5c78ff); */
	color: black;
	text-align: center;
	/*  background: #fed500; */
	 background: linear-gradient(180deg, #fed500 0%, #fed500 100%);   
	
	}
.cancelBtn, .cancelBtn:hover, .cancelBtn:focus {
/* 	background: white;
	color: rgb(0,74,96);
	border: 1px solid rgb(0,74,96); */
	
		color: black;
		text-align: center;
	/*  background: #fed500; */
	 background: linear-gradient(180deg, #fed500 0%, #fed500 100%); 
}
.qcActionButton{
	width: 100%;
	margin-bottom: 5px;
}
.qcAdBtn{
	margin-right: 10px;
}
.qc_additionalDetail_c1, .qc_additionalDetail_c2,
.qc_additionalDetail_c3, .qc_additionalDetail_c4{
	vertical-align: middle !important;
}
.qc_additionalDetail_c1, .qc_additionalDetail_c4 {
	width: 30%;
}

.qc_additionalDetail_c2, .qc_additionalDetail_c3 {
	width: 20%;
}

.qc_additionalDetail_c3 {
	text-align: left;
}
.qc_outcome_btn{
	width: 50%;
}
.db_cd_t1_c1 {
	width: 68%;
	border-radius: 5px 0 0 5px;
	vertical-align: top;
}

.db_cd_t1_c2 {
	width: 32%;
	border-radius: 5px 0 0 5px;
	vertical-align: top;
}
.db_cd_mr{
	border-radius: 5px;
}
.db_cd_t1_c1, .db_cd_t1_c2, .db_cd_mr {
	padding: 10px;
}
.black-border-table > thead > tr > th,
.black-border-table > tbody > tr > td,
.black-border-table > thead:first-child > tr:first-child > th{
	border: 1px solid black;
}
.white-border-table > thead > tr > th,
.white-border-table > tbody > tr > td,
.white-border-table > thead:first-child > tr:first-child > th{
	border: 1px solid white;
}

.center-align-table > thead > tr > th,
.center-align-table > tbody > tr > td{
	text-align: center;
	vertical-align: middle;
}
.topnav_submenu_table > thead > tr > th,
.topnav_submenu_table > tbody > tr > td{
	text-align: left;
	vertical-align: middle;	
	white-space: nowrap;
	cursor: pointer;
	border-bottom: 2px solid white;
	transition: all 0.05s;
	padding: 4px;
}
.topnav_submenu_table > tbody > tr > td:first-child{
	border-right: 10px solid white;
}
.topnav_submenu_table > thead > tr > th:hover,
.topnav_submenu_table > tbody > tr > td:hover{
	color: white;
	background: rgb(0,74,96);
	background: linear-gradient(180deg, var(--base_blue) 0%, var(--base_blue_light) 100%);
}

.vertical-align-table > thead > tr > th,
.vertical-align-table > tbody > tr > td{
	vertical-align: middle;
}
.white-text-table > thead > tr > th,
.white-text-table > tbody > tr > td{
	color: white;
}
.small-font-table > thead > tr > th,
.small-font-table > tbody > tr > td{
	font-size: 11px;
	padding: 0.5em;
}
.header-bg-color-table > thead > tr > th{
	background-color: rgba(194, 228, 195, 0.64);
}
.header-bg-color-table-blue > thead > tr > th{
	background-color: #a4c6ff;
}
.rh{
	margin-bottom: 10px;
}
.rh_r1{
	font-weight: bold;
	word-break: break-all;	
}
.rh_r2{
	color: #1582a4;
	word-break: break-all;
}
.rh_r3{
	color: #950000;
	word-break: break-all;
}
.right_align{
	text-align: right !important;
}
.left_align{
	text-align: left !important;
}
.center_align{
	text-align: center !important;
}
.error_msg{
	background-color: #ffe9e9;
	color: red;
	border: 1px solid red;
	border-radius: 5px;
	font-size: 14px;
	text-align: center !important;
	padding: 5px 0;
    margin: 0 0 10px 0;
}
.error_msg > .flex-box, .success_msg > .flex-box{
	text-align: center !important;
}
.success_msg{
	background-color: #e9fff3;
	color: green;
	border: 1px solid green;
	border-radius: 5px;
	font-size: 14px;
	text-align: center !important;
	padding: 5px 0;
    margin: 0 0 10px 0;
}
.dummy_msg{
	opacity : 0;
	border: 1px solid green;
	border-radius: 5px;
	font-size: 14px;
	text-align: center !important;
	padding: 5px 0;
    margin: 0 0 10px 0;
}
.no_border{
	border: 0;	
}

.pc_t2_c1{
	text-align: left;
}
.pc_t2_c2{
	text-align: left;
}
.pc_t2_c3{
	text-align: left;
}
.pc_t2_c4{
	text-align: left;
}
.pc_t1_r1{
	font-size: 20px;
}
.radio-inline input[type="radio"],.checkbox-inline input[type="checkbox"]{
	margin-top: 2px;
}
input[type="date"].form-control{
	line-height: 1.4;
}
.pc_t2_t2_c{
	width: 13%;
}
.pc_invoice_table:hover, .pc_invoice_table:hover > td{
	background-color: #ffe4c4;
	border-color: #ffe4c4;
}
.arrow_container{
	display: flex;
	justify-content: center;
}
.arrow-div-down{
	padding: 5px;
	background-color: var(--base_blue);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.arrow{
	background-color: var(--base_blue);
	border-radius: 1px;
}
.arrow-up { 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;  
  border-bottom: 10px solid white;
}
.arrow-down {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;  
  border-top: 10px solid white;
}
.topnav_dropdownmenu{
	position: absolute;
	border-radius: 0;	
	margin-top: 4px;
	left: 0;
}
.topnav_dropdownmenu_container{
	display: none;
	position: relative;
	z-index: 50;
	margin-top: 0;
}
.topnav_menu:hover .topnav_dropdownmenu_container{
	display: block;
}


.about-footer, .keyfeatues {
	text-align: center;
}
.about-footer {
	 
	background: black;
	/* height: 160px; */
	border-top: 4px solid #fed500;
	color: #fed500;
	text-align: left;
	padding: 30px 0 15px 0;
	font-size: 13px;
}
.about-footer span {
	font-size: 15px;
}
.about-footer  p{
	color: #bbbbbb;
	line-height: 26px;
	font-size: 12px;
	text-align: left;
	padding: 30px 0 0 0;
	display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footer_menu{
	padding: 0;
	text-decoration: none;
	list-style: none;
}
.footer_menu li{
	/* padding: 5px 0; */
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.footer_menu li a{
	color: #fff;
	margin-left: 10px;
	text-decoration: none;
	list-style: none;
}
.footer_menu label{
	width: 100%;
}
.carousel{
	
	border-radius: 10px;
	height: 80%;
}
.carousel .item{
    width: 100%; /*width you want*/
    height: 400px; /*height you want*/
  
}
.carousel .item img{
    width: 100%;
 height:400px;
  /* object-fit: cover; */
}
.carousel-control.left, .carousel-control.right{
	    
	display: none;
}

.quickPay_Cont{
	
	 
}


.quickPay_Cont ul{
/* 	 margin-left:11%; 
	 margin-right:12%;  */
	margin-top:-8%;
	text-decoration: none;
	list-style: none;
 	padding: 2%; 
	background-color: #454545;
	color: white;
	box-shadow: 0px 0px 3px 1px rgba(0, 15, 0 , 0.6);
	border-radius: 5px;
	width: 100%;
}
.quickPay_Cont ul li{
 	/*  border-bottom: 1px solid #c0c0c0;
 	  */
 	 /*  margin-left:12.5%; */
 	 border: 5px solid #c0c0c0; 
	background-color: #454545;
	color: #fed500;
 	/* padding: 12px 5px; */
 	padding: 5px 2px;
 	margin:5px;
	display: flex;
	font-size:18px;
	font-style: normal;
	align-items: center;
	display: block;
}
/* .quickPay_Cont ul li:last-child{
	border-bottom: 0px;
} */
.quickPay_Cont ul li img{
	/* margin-right: 10px; */
}
 .quickPay_Cont ul li a{
 	color: white;
/* 	color: black; */
	/* margin-left:10px; */
	margin-left:10%;
	font-weight:500;
	font-size:15px;
	display: block;
	font-style: normal;
/* 	background: #454545; */
 	
}

.quickPay_Cont ul li:hover{
	text-decoration: none; list-style: none; background-color: #fed500; color: black;

}
.quickPay_Cont ul li a:hover{
	text-decoration: none; list-style: none;background-color: #fed500; color: black;display: block;
}

.hpActive{
	background-color:#454545;
	color:black;
}

.cdActive{
	background-color: #cacaca;
}

.topheader .navbar{
	background: black;

	padding:0px;
	color: #454545;
	
}

.topheader1 .navbar{
	background: black;
	padding:0px;
	color: #454545;
	
}

.topheader .navbar-nav li a,
.topheader .navbar-nav li a:hover,
.topheader .navbar-nav li a:visited,
.topheader .navbar-nav li a:active,
.topheader .navbar-brand,
.topheader .navbar-default .navbar-toggle
{
	color:white
}

.topheader .navbar-default .navbar-toggle .icon-bar{
	background-color:white;
}

.topheader.navbar-default .navbar-nav>.open>a,
.topheader .navbar-default .navbar-nav>.open>a:focus,
.topheader .navbar-default .navbar-nav>.open>a:hover,
.topheader .navbar-default .navbar-nav>.active>a {
    color: white;
    background-color: inherit;
}

.topheader .navbar-nav li .dropdown-menu{
	background: linear-gradient(90deg, var(--base_blue) 0%, var(--base_blue_light) 100%);
	border: 1px solid white;
}

.topheader .navbar-nav li .dropdown-menu .dropdown-item{
	color:white;
	padding:5px;
	
}
@media (max-width: 767px){
	.topheader .navbar-nav .open .dropdown-menu .dropdown-item{
		color:white
	}
}


table>thead>tr{
	background: var(--base_blue_light);
	color: white;
}



.footer {
	background-color: black;
	border-top: 2px solid #fed500;
	color: #fed500;
	height: 45px;
	padding: 20px 7% 20px 7%;
	font-size:12px;
	
	/* border-top: 4px solid #0c6caf; */
}
.footer-menu {
	text-align: right;
}
.footer ul, .menubardiv{
	padding-left: 0;
}
.footer-menu {
	padding-bottom: 4px;
}
.footer ul li{
	list-style-type: none;
	font-size:12px;
	/* padding-top: 14px; */
}
.footer ul li a {
	color: #bbbbbb;
	text-decoration: none;
}
.footer ul li a:hover{
	color: #fff;
	text-decoration: none;
}
.footer .copyrgt{
	text-align: left;
	font-size: 10px;
	/* padding: 50px 52px 50px 0; */
}

.footer a{
	color:inherit;
}
.black-border{
	border: 1px solid black;
}


.pointer-cursor{
	cursor: pointer;
}

.label-danger{
	font-size: 13px;
}

.loginFormInput{
	border-radius: 0px;
}
.db_cd_history_menu{
	border-right: 1px solid #cacaca;
	font-size: 15px;
}
.db_cd_history_submenu{
	padding: 10px 5px;
	cursor: pointer;
	transition: 0.2s all;
}
.db_cd_history_submenu:hover{
	background-color: #cacaca;
}  

.form-control{
	color:#000;
	
}

body{
	color:#000;
}
.emptyImageTemplate{
    height: 254px;
    background-color: #fa8072;
    border-radius: 5px 5px 0 0;
}
.cs_status{
	font-weight: bold;
}
.cs_status_a{
	color: green;
}
.cs_status_i{
	color: blue;
}
.cs_status_td{
	color: #757575;
}
.cs_status_d{
	color: red;
}
.commonSpinLoading::before{
	content:"";
	box-sizing: border-box;
	position:absolute;
	top:50%;
	left:50%;
	height:70px;
	width:70px;
	margin: -10px 0 0 -10px;
	border-radius: 70%;
	border:4px solid transparent;
	border-top-color:rgb(0, 10, 13);
	border-bottom-color:rgb(0, 10, 13);
	animation:spin 0.7s ease infinite;	
} 
.commonForeground {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 100vh;
}
.commonBlurred{
	position: relative;
	filter: blur(4px);
}
.gradient-heading {
	text-align: center !important;
	color: white;
	font-size: 15px;
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 20%, rgb(0 0 0) 50%,
		rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
}