@charset "ISO-8859-1";

/*
Website color: #195578
*/

/* .header-text{
	color: #18577A;
    font-family: 'times new roman';
    text-align: left;
    font-size: 3em;
    font-weight: bold;
} */

body{margin:0}
    
.input-grid-center {
    padding-left: 40%;
    padding-right: 40%;
}

.register-div-center {
    margin-left: 30%;
    margin-right: 30%;
}

.message{
   color:green;
}
.btn-signin{
   width: 100%;
}

.left-align {
  text-align: left; 
}

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

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

.color-red {
  color: red;
}

.disclaimer {
  color: blanchedalmond;

}

.password-reset-success {
  color: rgb(55, 171, 52);
  font-weight: bold;
  padding: 10px;
  /* background-color:powderblue; */

}
  
/* ***************************Dashboard*************************** */

.product .product-grid-item .product-grid-item-content {
  text-align: center; }

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




.login-heading {
        width: 75vh;
    margin: 0 auto;
    transform: translate(0%,8%);
    top: 50%;
    position: relative;
}

.login-heading .input-grid-center{padding:0 !important}

.login-heading table{width:100%}

.login-heading .ui-inputfield{width:100%}

.logo-div {
    text-align: center;
    margin-top: 20px;
}

body .ui-panel.login-heading .ui-panel-titlebar {
    border: 1px solid #dee2e6;
    background: #2a5575;
    color: #fff;
    padding: 1rem;
    font-weight: 600;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 29px;
}


body .ui-panel.login-heading  .ui-panel-content {
    border: none;
    background: #ffffff;
    color: #495057;
    padding: 0;
    border-top: 0 none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


body .ui-inputfield {
    color: #2b5575 !important;
    background: #ffffff !important;
    padding: 12px 0.5rem !important;
    border: 2px solid #295574 !important;
    outline: 0 none !important;
    font-size: 1rem !important;
    border-radius: 0 !important;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
}

.f-pass {
    width: 100%;
    text-align: center;
    float: left;
    position: relative;
    padding: 12px;
    border: 2px solid #2b5575;
}

a.f-pass{color: #2b5575;}

.sign-in-btn {
    border: 2px solid #2b5575 !important;
    background: transparent !important;
    color: #2b5575 !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
}

.sign-in-btn .ui-button-text {
    padding: 0 !important;
}

.sign-in-btn .ui-icon {
    left: 12.5rem !important;
}

.register-div{ width: 100%;
    text-align: center;
    float: left;
    position: relative;
    padding: 12px;
    border: 2px solid #2b5575;}
    
    
a.register-div {
    color: #2b5575;
    padding: 12px 135px;
    line-height: 19px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #2a5575 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #2a5575 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #2a5575 !important;
}


.register-logo-div{text-align: center;
    margin-top: 2%;}


.registration-main-div {
     width: 90vh;
    margin: 0 auto;
    margin-top: 40px;
}

body .registration-main-div .ui-panel .ui-panel-titlebar {
    border: 1px solid #dee2e6;
    background: #2a5575;
    color: #fff;
    padding: 1rem;
    font-weight: 600;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 29px;
}


body .registration-main-div .ui-panel .ui-panel-content{border:none;
padding:0
}




.registration-main-div .register-div-center {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    display: block !important;
}

.registration-main-div .register-div-center table{width:100%}

.registration-main-div .register-div-center table tr td{width: 50%}



.registration-main-div .register-div-center table tr td:first-child {
   
    text-align: right;
    padding-right: 30px;
}


.ui-selectonemenu label.ui-selectonemenu-label {
    cursor: pointer !important;
    color: #2b5575 !important;
    background: #ffffff !important;
    padding: 12px 0.5rem !important;
    border: 2px solid #295574 !important;
}


span.ui-password.ui-password-masked.ui-inputwrapper.ui-input-icon-right{width: 100% !important;}



.disclaimer-btn {
    width: 100%;
    float: left;
    position: relative;
    border: 2px solid #2b5575;
    padding: 12px;
    text-align: center;
    color: #1b5479 !important;
}

.register-btn {
    width: 100%;
    float: left;
    position: relative !important;
    border: 2px solid #2b5575 !important;
    padding: 12px !important;
    text-align: center !important;
    color: #1b5479 !important;
    background: transparent !important;
    border-radius: 0px !important;
}


.register-btn .ui-button-text{padding: 0 !important}

.register-btn .ui-icon {
    left: 5.5rem !important;
}


.top-user-details {
    top: 50%;
    transform: translate(0%,-50%);
    position: relative;
}


.top-user-details .ui-toolbar{background: transparent;
							border:none}
							
body .ui-button {
    background: transparent !important;
    color: #1b5479 !important;
    border: 2px solid #1b5479 !important;
    border-radius: 0 !important;
    margin: 0 6px !important;
}

body .ui-button:hover{background:#1b5479;}


.header-main-div{box-shadow: -1px 6px 17px -3px rgba(0,0,0,0.32);
-webkit-box-shadow: -1px 6px 17px -3px rgba(0,0,0,0.32);
-moz-box-shadow: -1px 6px 17px -3px rgba(0,0,0,0.32);
margin-bottom: 38px;}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
    margin: 14px !important;
    padding: 16px !important;
    float: left;
    border: 1px solid #1b5479;
        text-align: center;
}

body .ui-rating .ui-rating-star-on a {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    display: block;
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    color: #1b5479;
}

body .ui-carousel .ui-carousel-page-links .ui-carousel-page-link.ui-icon-radio-on {
    font-family: 'primeicons' !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none;
    color: #1b5478;
}

body,h1,h2,h3{    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}


.main-content-div{padding:0 37px }


.register-div-center .ui-button{margin: 0 !important}

.login-div .ui-button{margin: 0 !important}

.ui-dialog.disc-modal-style .ui-dialog-titlebar {
    color: #fff;
    font-weight: 700;
    border-bottom: 0 none;
    padding: 7px 17px;
    background-color: #1b5479;
    text-align: center;
        margin: 35px 35px 0;
}

body .ui-dialog.disc-modal-style .ui-dialog-content{padding: 0;
    margin: 35px 35px;}

.heading-style2{    background-color: #1b5479;
    padding: 14px 17px;
    color: #fff;
    width: 100%;
    text-align: center;}
    
    .content-border{    border: 1px solid #1d5479;
    padding: 21px;
    margin-top: 0;
    margin-bottom: 0 !important;}
    
    
    .disc-modal-style{background: #fff}
    
   .register-modal-btn {
    padding: 14px 0 !important;
}
    
 .register-modal-btn .ui-button{    width: 48%;
    margin: 0;
        padding: 5px;}
        
        body .ui-dialog.disc-modal-style .ui-dialog-titlebar .ui-dialog-titlebar-icon{color:#fff}
        
        
 body .ui-datatable .ui-datatable-header {
    background: #1b5478;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    color: #ffffff;
    padding: 1rem 1rem;
    font-weight: 600;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}    


body .ui-datatable thead th {
    background: #efefef;
    color: #495057;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    text-align: center;
    box-sizing: content-box;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}   

body .ui-datatable .ui-datatable-data > tr {
    background: #efefef;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}


body .ui-paginator {
    background: #efefef;
    border: solid #e9ecef;
    border-width: 0;
    padding: 1rem;
}


body .ui-datatable .ui-datatable-data > tr > td {
    padding: 1rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-width: 0 0 1px 0;
     text-align: center;
}


.heading-bg{    background-color: #1a5378;
    color: #fff;
    padding: 17px;}
    
  .tab-style1 table {
    width: 100%;
    padding: 0 !important;
    margin: 0;
}

.tab-style1  .ui-panel-content {
    border: 1px solid #dee2e6 !important;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-top: 0 none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

body .ui-panel .ui-panel-content {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0 !important;
    border-top: 0 none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

body .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    background: #e4e4e4 !important;
    display: -ms-flexbox;
    display: flex;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background: #1b5378 !important;
    border-color: #1b5378 !important;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #ffffff !important;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border-bottom: 2px solid #dee2e6;
    padding: 18px 61px;
    width: auto;
}


.tab-icon {
    position: relative;
    left: -9px;
}

.tab-style1 {
    width: 100%;
    margin: 0 auto;
  /*   width: 92vh;
    margin: 0 auto; */
}

.tab-style2 {
    width: 80%;
    margin: 0 auto;
  /*   width: 92vh;
    margin: 0 auto; */
}

.tab-style-deposistion {
    width: 69%;
    margin: 0 auto;
  /*   width: 92vh;
    margin: 0 auto; */
}

.inside-table table:first-child {
    position: relative;
    width: 100%;
    margin-bottom: -1px;
    margin-top: 9px;
}




    
    
    
    
    .inside-table table:first-child tr td {
    border: 2px solid #f3a009;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
  
}

 .inside-table table:first-child tr td:first-child{border:none;
 								  padding-left: 0;}
    
    
    body .ui-tabs.ui-tabs-top > .ui-tabs-panels {
  
    float: left !important;
    border: 1px solid #e4e4e4 !important;
    width: 100% !important;
    border-top: none !important;
}

.show-btn{     background: transparent !important;
    color: #1b5479 !important;
    border: 2px solid #1b5479 !important;
    border-radius: 0 !important;
    padding: 11px 38px;
    margin: 0 auto !important;
    float: none;}
    
    
    
    .inside-table table td{width:50%}
    
    .panel-td-style tbody tr td{width: 50%}
    
    .table-grid-td thead tr td{width:33.3%}
    
    .table-grid-td tbody tr td{width:33.3%}
    
    body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    border-color: #275378 !important;
}

.table-grid-td thead tr td {
    border: 1px solid #dee2e6;
    background: #275378 !important;
    color: #ffffff !important;
    padding: 1rem;
    font-weight: 700;
}
        
        body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
    top: 0;
    border: 1px solid #275378 !important;
}
        
        
.first-tab-style {
    width: 70% !important;
    margin: 0 auto !important;}
    
    
    
    
    
  
    
    /* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.login-heading {
    width: 68vh;}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	.login-heading {
    width: 49vh;}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	
	.login-heading {
    width: 100%;
    margin: 0 auto;
    transform: translate(0%,34%);
    top: 50%;
    position: relative;
}

.logo-div img, .register-logo-div img{width:100%;
    height: auto;
}

a.register-div {
    color: #2b5575;
    padding: 12px 93px;
    line-height: 19px;
}

.registration-main-div{width:100%}

body .ui-dialog {
    width: 100% !important;
    overflow: scroll;
    height: 100vh !important;
}

.register-modal-btn .ui-button {
    width: 92%;
    margin: 0;
    padding: 5px;
    margin-bottom: 13px !important;
}

.mobile-logo{width: 100%;
height: auto;
}

.main-content-div {
    padding: 0;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav{display: block !important;}

.first-tab-style {
    width: 100% !important;
    margin: 0 auto !important;
}

.top-user-details .ui-toolbar {
    background: transparent;
    border: none;
    padding: 0;
    text-align: center;
}

.top-user-details .ui-toolbar-group-left, .top-user-details .ui-toolbar-group-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

.top-user-details .ui-toolbar-group-right{margin-top: 10px}

.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
    padding: .4em;
    min-width: 30%;
    display: inline-block;
    margin: -.4em 1em -.4em -.4em;
    float: left;
}

.center-align {
    text-align: center !important;
    float: left;
}

.sign-in-btn .ui-icon {
    left: 8.5rem !important;
}

.register-btn .ui-icon {
    left: 1.5rem !important;
}

  


}
       
 
 .tab-style2 tr td{width: 50%}

.output-label {
	color: #2b5575 !important;
	background: #ffffff !important;
	padding: 12px 0.5rem !important;
	border: 2px solid #2b5575 !important;
	outline: 0 none !important;
	font-size: 1rem !important;
	border-radius: 0 !important;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s,
		box-shadow 0.2s !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 100% !important;
	float: left
}
.output-label-red {
	color: #2b5575 !important;
	background: #ffffff !important;
	padding: 12px 0.5rem !important;
	border: 2px solid red !important;
	outline: 0 none !important;
	font-size: 1rem !important;
	border-radius: 0 !important;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s,
		box-shadow 0.2s !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 100% !important;
	float: left
}
.output-label-orange {
	color: #2b5575 !important;
	background: #ffffff !important;
	padding: 12px 0.5rem !important;
	border: 2px solid #f3a009 !important;
	outline: 0 none !important;
	font-size: 1rem !important;
	border-radius: 0 !important;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s,
		box-shadow 0.2s !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 100% !important;
	float: left
}

.ui-selectonemenu.green-dropdown{
   /* border: 1px solid #008000 !important;	*/
   border:none !important;
}

.ui-selectonemenu.green-dropdown label.ui-selectonemenu-label{color:#008000 !important;
 border: 2px solid #008000 !important;	 }
 .ui-outputlabel.text-green{color:#008000 !important;}

.ui-inputfield.green-input{
    border: 1px solid #008000 !important;	
}


.orange-border .ui-inputfield {
    border: 2px solid orange !important;
}
 .ui-outputlabel.text-orange{color:orange !important;}


.table-style2 td ul{
	margin: 0;
	padding: 0 0 0 10px;
}