/* Brent theme version 1 design css */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

html
{
font-size :16px;
}

body { 
    font-family: 'Roboto', Arial, sans-serif !important;
    color : #000000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: 'Roboto', Arial, sans-serif !important;
}
a{
    color: #6C43A7;
}
a:hover {
    color: #624b99;
}
table, .alert, .entity-grid .message {
    font-family: 'Roboto', Arial, sans-serif !important;
}
.p10{padding:10px;}
.hm-main .section-landing-sub-heading{
    padding: 10px 15px 10px 15px;
    color: #fff;
    font-size: 1.5rem;
	margin-bottom: 5px;
}
.hm-main .lastlogin p{
	border-top:0px;
	font-size:0.75rem;
}
.hm-main .lastlogin p span{
	font-weight:700;
}
.hm-main  .user-details h3{
	color: #000;
    font-weight: 500;
    margin-top: 0px;
}
.hm-main  .user-details h2{
	color: #000;
    font-weight: 700;
    margin-top: 0px;
}
.hm-main  .user-details h3.customH4{
   font-weight: 500!important;
    font-size: 20px!important;
}

.hm-main .custom-card{
	border-radius:0px;
	padding-bottom:0px;
}
.hm-main .custom-card .card-img{
	margin: 0 auto;
	display:block;
}
.hm-main .custom-card label{
	padding:10px;
	font-weight: normal;
    font-size: 1rem;
    cursor: pointer;
}
.brent-grid-box {
    margin-bottom: 1rem;
}

.brent-grid-box h2 {
    color: #624b99;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid #624b99;
}

.brent-grid-box h2 a, .brent-grid-box h2 label {
    color: #624b99;
    font-size: 1.25rem;
    font-weight: 500;
}

.brent-grid-box h2 label {
    cursor: pointer;
}

.brent-grid-box h2 label:hover {
    text-decoration: underline;
}

.brent-grid-box h2 i {
    padding-top: 0.15rem;
    padding-right: 0.15rem;
    width: 2rem;
	font-size: 1.125rem;
}
.brent-grid-box  p{
    font-size: 1rem;
    color: #000;
    border-top: none;
    padding-top: 0px;
}

#page-footer ul li a {
    font-size: 1rem;
    font-weight: normal;
}

#page-footer .footerLinks {
    margin-top: 24px;
}

#page-footer ul li {
    border-right: none !important;
    margin-right: 15px;
}

.breadcrumb > .active {
     font-weight:normal;
}
.hm-main .breadcrumb {
    padding: 4px 10px;
    border-radius: 0px;
}
.hm-main .page-heading {
    padding-top: 5px;
}

.section-header {
    font-size: 1.406rem;
    line-height: inherit;
    color: #333;
    border: 0;
}
.tile-bg {
    background:#624b99;
}
.page-header {
    border-bottom: 0px solid #f5f5f5;
}
.hm-main .page-copy {
    margin-bottom:10px;
}
.hm-main .custom-card .card-img {
    height: 75px;
    background-color: transparent;
    border-radius: 0px;
    padding: 5px;
    
}
.hm-main .sm-icon {
    width:21px;
}

.thankyoupageHeader { 
    font-size: 1.875rem; 
    font-family: 'Roboto', Arial, sans-serif;
    margin-bottom: 20px;
}
.hm-main {
    padding-bottom:20px;
}
.page-header h1 {
    color:#624B99;
    font-size: 2rem;
}
.purple {
    color:#624B99;
}
.loadingicon{
text-align: center;margin-top: 70px;
}
h2, .h2 {
    font-size: 1.688rem;
}
.hide-text,.hide-counciltax-link{
display:none;
}
.list-group-item-success:hover {
   background-color: #283828!important;
    border-color: #283828!important;
   text-decoration: underline !important;
}

/* back button code */
.top-btn-back {margin-top:-50px;display:none;}
.bottom-btn-back{margin-top:10px;}
/* modal popup iframe */
.modal-form .modal-body iframe {
    width: 100%;
    border: none;
    /*min-height: 430px;
    height: auto;*/
}

@media screen and (max-width:992px){
    .top-btn-back {margin-top:0px;margin-bottom:5px;}
}

/* carousel */
#notification .alert {
padding: 10px 10px 4px 10px;}
#notification  .item{ padding:5px 20px 20px 20px;text-align:center;}
#notification .alert-warning {
    margin-bottom:-15px;
}
#notification .carousel-caption{
	position:relative;
	right: 0;
    left: 0;
	color:#721c24;
	text-shadow:none;
	padding-bottom:0px;
}
#notification .carousel-caption p{margin:0px;}
#notification .carousel-indicators{
	bottom:-10px;
}
#notification .carousel-control {
    width: 5%;
}
#notification .carousel-control.left,.carousel-control.right {background-image:none;}
@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -16px;
    font-size: 1.5rem;
}
}
.navbar-inverse .navbar-nav > li > a:focus {
    outline: 2px solid #000;
}
.weblink  .fa-home{font-size:1.5rem;margin-top:-2px;}
li.dropdown > a {
    color: #624b99 !important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #624b99;
    color: #fff !important;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a{
   font-family: 'Roboto', Arial, sans-serif ;
   font-weight: 500;
}
.breadcrumb>li+li:before{
  font-family: 'FontAwesome';
  content: '\f054';
}

/*Loader icons for HBCT*/
#loadingtextforajaxloader{
    font-size: 1.17rem; 
    display: block;
}

.descriptiontext{font-size:0.875rem;margin-bottom:10px;}
.asterisk {color:#a94442}
.currency{position: absolute;transform: translate(7px, 12px);z-index:1091;color:#555;}
#brent_priceofkey,#brent_keycharges{ padding: 6px 20px;}

/*accessbility */
.table>caption+thead>tr:first-child>th a:focus, 
.table>caption+thead>tr:first-child>td a:focus, 
.table>colgroup+thead>tr:first-child>th a:focus, 
.table>colgroup+thead>tr:first-child>td a:focus, 
.table>thead:first-child>tr:first-child>th a:focus, 
.table>thead:first-child>tr:first-child>td a:focus{
  color:#fff;
  outline:none;
}
.charCount{
    color: #767676;
}
.hyperlink{
color:#624B99!important;
text-decoration:underline!important;
}

/* do not group these rules */
*::-webkit-input-placeholder {
    color: #767676 !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #767676 !important;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #767676 !important;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #767676 !important;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #767676 !important;
}
*::placeholder {
    /* modern browser */
    color: #767676 !important;
    
}

.list-group-item-success {
    background-color: #298022 !important;
    border-color: #298022 !important;
    color: #FFF;
}

.form-control {
 border: 1px solid #949494;
}

.form-control:focus {
 border: 2px solid #69c;
}

.btn-default:focus, .focus.btn-default {
    color: #fff;
}

.btn-no,.btn-cancel {
    color: #202124 !important;
    background-color: #F8f9fA !important;
    border-color:  #F8f9fA !important;
    border-bottom-style: outset !important;
}
.btn-no:hover,.btn-cancel:hover
{
    color: #ffffff !important;
    background-color: #6c6c6e !important;
    border-color: #6c6c6e !important;
  
}

.btn-no:focus,.btn-cancel:focus,.btn-yes:focus
{
    color: #202124 !important;
    background-color: #f3eb03 !important;
    border-color:  #f3eb03 !important;
    border-bottom: 1px solid #202124 !important;
    
    outline : none !important;
}

.btn-no:active,.btn-cancel:active
{
    color: #202124 !important;
    background-color: #F8F9FA  !important;
      
    border-color : #F3EB03 !important;
}

.btn-yes:active
{
     color: #ffffff !important;
    background-color: #D34B1F  !important;
   

     border-color : #F3EB03 !important; : #F3EB03 !important;
}



.btn-yes {
    color: #ffffff !important;
    background-color: #D34B1F !important;
    border-color: #D34B1F !important;
}

.btn-yes:hover {
    color: #ffffff !important;
    background-color: #D5281B !important;
    border-color: #D5281B !important;
}

.nlpg_textbox
{
min-height: 30px;
width:180px!important;
}

.nlpg_buttons
{
min-height: 30px;
min-width :180px!important;
}

.nextBtn,prevBtn{
}

#content-container
{
font-size:1rem;
}


span[id^="spanLoading_"] {
  color: #E91616;
  font-weight:bold;
}

.close:hover, .close:focus {
    color: #949494!important;
    opacity:1!important;  
 }

.alert-success
{
color: #112211!important;
border-color: #d6e9c6!important;
background-color: #dff0d8!important;
}
.hm-main  .user-details p .spanH4{
font-size:20px;
}