/* Default Color Scheme*/
@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,700,700i&display=swap');

:root {
  --yellow: #f6c318; 
  --blue: #1e2957;
  --red: #a91f27;
  
  --links: #0a4595;
  
  --primary-font: 'Muli', san-serif;
}

/***************************
overrides
****************************/

body {
  font-family: var(--primary-font)
}

/*Buttons*/

.btn-primary {
    background-color: var(--yellow);
    border-color: var(--yellow);
}
.badge-primary {
    background-color: var(--yellow);
}


/* links */

a.text-dark:hover, a.text-dark:focus {
    color: var(--links) !important;
}
i.text-danger {
color: var(--links) !important;
}
/* Header */

.header-main i {
    color: var(--blue);
}

.horizontal-main {
    background: var(--blue);
}

.horizontalMenu>.horizontalMenu-list>li:hover>a {
    background-color: var(--yellow);
    color: #fff !important;
}

.sticky-wrapper.is-sticky .horizontalMenu>.horizontalMenu-list>li>a:hover {
    background-color: var(--yellow);
}

.btn-secondary {
    color: #fff;
    background-color: var(--yellow);
    border-color: var(--yellow);
}

@media (min-width: 992px) {
  
.sticky-wrapper.is-sticky .horizontal-main {
    background: var(--blue);
}  

.sticky-wrapper.is-sticky .horizontal-main:after {
    background: var(--yellow);
}
  
}

/* texts */

.text-primary {
    color: var(--yellow) !important;
}

.text-secondary {
    color: var(--blue) !important;
}

.accent-2 {
    border-top: 2px solid var(--yellow);
}

/* footer */
.footer-main a:hover {
    color: var(--yellow);
}

/* gradients */

/* -- banner */
.bg-background2:before {
    /*background: linear-gradient(-225deg, rgba(159, 50, 87, 0.8) 18%, rgba(231, 186, 72, 0.8) 100%);*/
    background: rgba(0,0,0,0.4);
}

/* -- property type*/
/*.item-card:hover .item-card-desc:before {
    background: linear-gradient(-225deg, rgba(159, 50, 87, 0.8) 18%, rgba(231, 186, 72, 0.8) 100%);
}

/* -- counter*/
/*.bg-background-color:before {
    background: linear-gradient(-225deg, rgba(159, 50, 87, 0.8) 38%, rgba(231, 186, 72, 0.8) 100%) !important;
}*/

label {
    font-weight: 400 !important;
}


/*Seow Ming: do not show scrollbar on desktop view*/
.table-responsive {
    overflow-x: hidden;
}

.table-responsive table{
    width:100% !important;
}

@media screen and (max-width: 767px) { 
  .table-responsive {
    overflow-x: scroll;
  }
}

.form-control {
    color: #070510 !important;
}

.sweet-alert button.cancel {
    background-color: #868e96!important
}

.sweet-alert button.confirm {
    background-color: #0ab2e6!important
}

.note-error{
  width: 100%;
  margin-top: .25rem;
  font-size: 87.5%;
  color: #ff382b;
}

.textbox-error{
    border-color: #ED1C24 !important;
}

.label-proeprty-1 {
  background-color: #D2D2D2 !important;
  color: #fff;
}

.label-proeprty-2 {
  background-color: #00c292 !important;
  color: #fff;
}

.label-proeprty-3 {
  background-color: #99D9EA !important;
  color: #fff;
}

.label-proeprty-4 {
  background-color: #ab8ce4 !important;
  color: #fff;
}

.label-proeprty-5 {
  background-color: #fb9678 !important;
  color: #fff;
}

.label-proeprty-6 {
  background-color: #808080 !important;
  color: #fff;
}

.label-project-1 {
  background-color: #D2D2D2 !important;
}

.label-project-2 {
  background-color: #00c292 !important;
}

.label-project-3 {
  background-color: #808080 !important;
}

.label-announcement-0 {
  background-color: #D2D2D2 !important;
}

.label-announcement-1 {
  background-color: #00c292 !important;
}

.label-agent-1 {
  background-color: #00c292 !important;
}

.label-agent-0 {
  background-color: #D2D2D2 !important;
}


.label-member-1 {
  background-color: #7092BE !important;
}

.label-member-2 {
  background-color: #f0ad4e !important;
}

.label-member-3 {
  background-color: #5cb85c !important;
}

.label-member-4 {
  background-color: #D2D2D2 !important;
}

.label-member-5 {
  background-color: #7092BE !important;
}

.label-member-6 {
  background-color: #d9534f !important;
}

.label-process-1 {
  background-color: #D2D2D2 !important;
}

.label-process-2 {
  background-color: #03a9f3 !important;
}

.label-process-3 {
  background-color: #00c292 !important;
}

.label-process-4 {
  background-color: #fb9678 !important;
}

.label-inquiry-1 {
  background-color: #5cb85c !important;
  color: #fff;
}

.label-inquiry-2 {
  background-color: #7092BE !important;
  color: #fff;
}

.label-inquiry-3 {
  background-color: #D2D2D2 !important;
  color: #fff;
}

.avatar {
    background: #fff no-repeat center/cover;
}

.inline-salutation{
    width:30% !important; 
    display:inline-block !important;
}

.inline-name{
    width:68% !important; 
    display:inline-block !important;
}

#save-div {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index:1030;
}

.login-image {
    background: url(../images/photos/login-section.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    overflow-y: scroll !important;
}

.select2-container {
  width: 100%!important;
}

.avatar-profile{
  background: rgba(167, 180, 201,0.2) !important;
}

@media (max-width: 568px)
{
  .header-main .top-bar-right .custom li a span {
      display: inline !important;
  }
}

.bg-highlight
{
    background-color: #254582 !important;
}

.desktop{
  display: table-cell !important;
}

@media screen and (max-width: 767px) { 
  .desktop{
    display: none !important;
  }
}


.copy_text{
  border: none;
    cursor: pointer;
    resize: none;
    width:100%;
    color: #a6a3ba !important;
}

.copy_text:hover{
  color: red !important;
}


/*Report*/
.td_blue{
  background-color: #D5F0F7
}
.td_red{
  background-color: #FFD7E3
}
.td_yellow{
  background-color: #EFE4B0
}
.td_total{
  border-top: 1px solid #111 !important;
}


.label-error{
  color: #ff382b;
}