body {
	width:auto;
  background-image: url('../images/backgroud3.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-family:"Calibri",sans-serif;
  font-size: 18px;
}
/* top-bar menu phone no */
.top-bar {
    max-width: 768px;
    margin: 0 auto;
    position: sticky; /* Fixed positioning */
    top: 0; /* Distance from the top */
    height: 120px;
  display: flex;
  flex-direction: column;
  flex-shrink:0;
  flex-grow:1;
    z-index:99999;
   align-items: center;      left: 0;margin: 0 auto;

}
.top-menu {
      position: fixed;
      top: 0;
      width: 100%;
      height: 120px;
      background-color: #ffffff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      display: flex;
      justify-content: space-between;
      
      padding: 0 30px;
      z-index: 1000;
      border-bottom: 1px solid #f0f0f0;
    }

.container-top {
   height: 100%;
   position: relative;
   padding-top:10px;
    width: 1024px;
    margin: 0 auto;
}

.cass-logo {
    width: 101px;
}

.navbar-brand {
	padding:0;
	padding-bottom:10px;
}
.top-phone {
    margin-left: 22%;
    height: 100px;
    display: inline-flex;
}
.top-phone a {
    display: table-cell;
    margin: auto;
    font: Bold 25px / 25px Helvetica;
    letter-spacing: 0px;
    color: #F08020;
    vertical-align: middle;
    padding-left: 70px;
    background-image: url('../images/top-ph.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 25px;
    padding-left:40px;
}
.top-phone a:hover {
    color: #6c757d;
    text-decoration: none;
 }

        /* Style the Google Translate gadget */
#google_translate_element { 
    display: inline-flex; 
    margin-left:10%; 
}

.goog-te-gadget {
    /*border: 1px solid #ccc;*/

    border-radius: 5px;
    background-color: #F08020;
    padding: 10px;
    width: 220px;
    /* position: fixed; Fixed positioning 
    top: 40px; 
    right: 250px;  Distance from the right */

}
.goog-te-gadget-simple {
    background-color: #F08020!important;
    border:0!important;
    color: #fff!important;
}
/* language text color*/
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
  text-decoration: none;
  color: #fff;
  font-size:16px;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed:hover {
  text-decoration: none;
  color: #fff;
}
.goog-te-combo {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.goog-te-gadget .goog-te-menu-value {
    font-weight: bold;
}

.goog-te-gadget select {
    color: #333;
}
   /* Hide the Google Translate popup bar */
.skiptranslate > iframe.skiptranslate {
display: none !important;
}

.staff-menu-group .btn { margin-top: 10px; }
.client-menu-group  { margin-left: 10%;}

  /* response version css 1 July 2025*/
@media only screen and (max-width: 1280px) {
    .top-menu {
        padding-left:5px;
    }
    .container-top {
       margin-left: 3%;
       width:80%;
    }
    .top-phone {
  
    }
    .top-phone a { font-size: 16px;  padding-left: 30px;}

    .goog-te-gadget { width: 170px!important; padding: 5px!important; }
    .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span { 
        font-size: 13px!important; 
    }
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}
@media only screen and (max-width: 1024px) {
    .container-top {
       margin-left: 2%;
       width:88%;
    }
 }
    
 /* mobile version css 26 Jun 2025*/
@media only screen and (max-width: 760px) {
    .top-menu {
        padding-left:5px;
        height:84px;
    }
    .container-top {
       margin-left: 2%;
       width:100%;
    }

    .cass-logo {
        width: 67px;
    }

    .top-phone {
        margin-left: 1px;
        height:55px;
    }
    .top-phone a { font-size: 11px;  padding-left: 30px;}
    #google_translate_element {
        margin-left: 2%;
    }
    .goog-te-gadget { 
        top: 25px!important;

        width: 138px!important; 
        padding: 2px!important; }
    .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span { 
        font-size: 11px!important; 
    }
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .client-menu-group,.staff-menu-group  { display: none; }
}

/* sub pages container*/
.container {
    max-width: 1500px;
    height: 1800px;
   max-height: 1800px;
   margin: 0 auto;
   padding: 35px;
    overflow-y: auto;
    z-index:1;

}
/* member dropdown menu css*/
.second-panel{
    max-width: 1280px;
    margin: 0 auto;
    margin-top:135px;
}

.navbar-collapse {
    align-items: baseline;
}

/* staff new top menu 7 Jul 2025*/
.staff-menu-group {

}

 /* mobile version css 26 Jun 2025*/
@media only screen and (max-width: 600px) {

    /* sub pages container*/

    /* member dropdown menu css*/
    .second-panel{
        margin-top:75px;
    }

}

.homepage-title,.homepage-member-title { text-align:center; top:40px; margin-bottom:40px }

.homepage-member-title { 
    display:block!important;
    text-align:center }

.login-btn .btn-outline-secondary,
.login-btn .btn-primary {
	/*display:none!important;*/
}

/* message css */

.update-success-message {
    margin-top:20px;
    color:#198754
}
.login-error-msg {
    color:red;
    text-align: center;
    font-size: 14px;
}
.add-client-profile .col-md-6 {
    padding-left:0;
}
.add-client-profile {
    padding-left:15%;
}
.h2-title {
    color: #F08020;
    margin-bottom:20px;
}
.help-btn {
	position: fixed;
    bottom: 10px;
    z-index: 100;
    right: 10px;
}
#contact-form {
	position: fixed;
    bottom: 30px;
    z-index: 100;
    right: 20px;
}



.lang-menu {
    margin-left: 105px;
}
.lang {
	font-size:18px;
	margin:10px;
	color: #ffffff;
}
.lang:hover, .lang.active {
	color: #f5821f;
}
/*# home page css hello name */
.welcome {
	    margin-top: 5px;
    font-size: 20px;
    color: black;
}
.seventy {
    max-width: 768px;
    margin-left: 200px;
  display:inline-block;
}

.thirty {
  width:28%;
   display:inline-block;
    float: right;
    margin-top:10px;
}
/* my agreements background 332 222*/
.shadow-sm {
	box-shadow: 0 0 0 0!important;
	text-align: center;
	width:332px;
	height: 222px;
}
.account-management {
	background-image: url(../images/management-bg.png);
}
.my-agreement {
	background-image: url(../images/agreement-bg.png);
}
.meeting-room {
	background-image: url(../images/meeting-room-bg.png);
}
.latest-news {
	background-image: url(../images/news-bg.png);
}

.notification {
	background-image: url(../images/notification.png);
}

.shadow-sm:hover {
	/*background-color: white;*/
}
.card-body {
    padding: 1.25rem;
    padding-top: 130px;
}
.card-text {
    font-size: 11px;
    color: #ffffff;
    padding-top: 5px;
}
.shadow-sm-30{
	box-shadow: 0 0 0 0!important;
	text-align: center;
	height: 410px;
	width:215px;
}
.list-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
}
.seventy a {
	color:#333;
}
.seventy a:hover {
	text-decoration: none;
}
/*# Account Information css */
.AccountInformationTitle {
	margin-bottom: 40px;
}
.side-bar{
	background-image:url(../images/side-bg.png);
	padding-left:40px;
	padding-top: 100px;
    font-size: 18px;
	height: 439px;
}
.side-bar a {
	color:#333;
}
.nav li {
		margin-bottom: 20px;
}
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px;
}

.custom-checkbox {
	margin-left: 10px;
}
.form-verify {
	    width: 35%;
    margin-left: 15px;
}
.sub-title {
	margin-top: 30px;
}
/*# My Agreementcss */
#Verify {
	width:120px;
	margin-left: 10px;
}
.fancy-margin {
  margin-top: 30px;
}
.btn-primary {
  background: #f5821f;
  border-color: #f5821f;
  font-weight: bold;
}
.btn-primary:disabled {
    color: #fff;
  background: #f5821f;
  border-color: #f5821f;
}
.btn-primary:hover {
    background: #e56714;
    border-color: #f5821f;
}
.btn-primary:focus {
    box-shadow: 0 0 0 0 rgba(0,123,255,.5);
}
.btn-sm {
    width: 80px;
}
.agreement-tab {
  width:45%;
  min-height:260px;
  margin:0 20px 15px;
  padding:20px;
   display: inline-block;
}
p {
    margin-top: 0;
    margin-bottom: 10px;
}

.agreement-side-bar{
	background-color: #f8f9fa;
	padding-left:10px;
	padding-top: 50px;
	height: 325px;
}
.agreement-manager {
	font-style: italic;
	    margin-top: 20px;
}
.agreement-manager-detail {
    margin-top: 20px;
    margin-bottom: 20px;
}



/*# upload payment record */
.uploadpaymentform {
	margin: 0;
	margin-top:50px;
}
.uploadpaymentform .invoice{
	width:15%;
}
.uploadfileformat {
	margin-bottom:20px;
}
/*# agreement action */
.cancel-link {
    vertical-align: middle;
    height: 15px;
    line-height: 15px;
    background: #ddd;
    border-radius: 4px;
    padding: 10px 15px;
    color: #333;
    margin: 0 0 0 10px;
}
/* sign up */
.password-hints {
  font-size:12px;
  color: rgb(244, 129, 32);
}

/* google search address 20 jun 2024*/
div.dt-buttons { margin-top:20px; }

/* start search invoice date range error 12 may 2025*/
.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;

}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center; font-size: 18px;
}
/* client-profile css */
.client-profile {
    padding-left:15%;
}
/* client upload invoice css id_ClaimNumber ClaimNumber , #div_id_RecipientId */
.client-upload {
    padding-left:5%;
}
#div_id_ClaimNumber,#div_id_InvoiceDate { display: none }
#div_id_UploadInvoicePath {
    margin-bottom: 0.15rem;;
}
.uploadinvoice-label { 
    font-size: 18px;
    margin-bottom:12px }

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 100%;
    color: #dc3545;
}

.detail-h4 {
    margin-top: 25px;
    color: #F08020;
}    

/* datepicker arrow */
.icon-arrow-left {
  background-position: -240px -96px!important;
}

.icon-arrow-right {
  background-position: -264px -96px!important;
}
.icon-arrow-left,.icon-arrow-right {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

#invoices-table .checkbox {
    text-align: center;
}

/* change calendar today background color 7 July*/
.ui-state-highlight {
    background: #F08020!important;
    color: #777620;
}
/* change the copyright css & added disclaimer 11 JULY */
.copyright-bar {
    height:70px;
    padding: 10px 5%;
}
.copyright {
    color:#fff;
}
.disclaimer {
    color: #fff;
    font-size: 13px;
}
@media only screen and (max-width: 1280px) {
    .copyright-bar {
        height:90px;
    }
    .copyright {
        font-size: 15px;
    }
    .disclaimer {
        font-size: 12px;
    }
}   
/* 22 July reject-alert*/
#reject-reasons {
    color:red;
} 


.childCheckbox {
        margin-left: 10%;
}
/* modified 14 Nov */
.fixed-bottom {
    position:relative;
}