@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format("woff2");
}

:root {

    --color-button-primary-background: #8449BF;
    --color-button-primary-text: #FFFFFF;
    --color-button-primary-hover-background: #FFFFFF;
    --color-button-primary-hover-text: #8449BF;

    --color-button-secondary-background: #FFFFFF;
    --color-button-secondary-text: #8449BF;
    --color-button-secondary-hover-background: #8449BF;
    --color-button-secondary-hover-text: #FFFFFF;

    --color-button-default-background: #F5F5F5;
    --color-button-default-text: #333333;
    --color-button-default-border: #CCCCCC;
    --color-button-default-hover-background: #F5F5F5;
    --color-button-default-hover-text: #333333;

}

html {
  position: relative;
  min-height: 100%;
}

body {

  font-family: "Montserrat", sans-serif;

  padding-top: 70px;
  padding-bottom: 120px;

  background-color: #ECF0F1;
}

h1, h2, h3, h4, h5 {
    font-family: "Montserrat", sans-serif;
    color: #8449BF;
}

/* .navbar .nav-link {
    color: #000000 !important;
}

.navbar .active .nav-link {
    text-decoration: underline;
} */

.fa-plus-circle {
    color: #F28DD7;
}

textarea {
  min-height: 100px;
  max-height: 500px;
}

.bg-bill {
  /* background-color: #13294B; */
  background-color: #8449BF;
  color: #fff;
}

.btn {
    padding: 6px 24px !important;
}
.btn-td {
    padding: 2px 10px !important;
}

.table td, .table th {
    vertical-align: middle !important;
}

.giosg_chat_now {
    color: var(--color-button-primary-text) !important;
    background-color: var(--color-button-primary-background) !important;
    border-color: var(--color-button-primary-background) !important;
    border-radius: 100px 100px 100px 100px !important;
    padding-top: 15px !important; 
}

.giosg_chat_now .chatbuttontext {
  font-family: "Montserrat", sans-serif !important;
  font-weight: normal !important;
  font-size: 16px !important;
}

.giosg-chat-header {
  background-size: 35% !important;
}

.giosg-chat-footer {
    display: none !important;
}


.btn-primary,
.show>.btn-primary.dropdown-toggle {
    color: var(--color-button-primary-text);
    background-color: var(--color-button-primary-background);
    border-color: var(--color-button-primary-background);
    border-radius: 100px 100px 100px 100px;
}
.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    color: var(--color-button-primary-hover-text);
    background-color: var(--color-button-primary-hover-background);
    border-color: var(--color-button-primary-hover-background);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color:#fff;
    background-color:#343a40;
    border-color:#343a40
}


.btn-secondary,
.show>.btn-secondary.dropdown-toggle {
    color: var(--color-button-secondary-text);
    background-color: var(--color-button-secondary-background);
    border-color: var(--color-button-secondary-background);
    border-radius: 100px 100px 100px 100px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.btn-secondary:hover,
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    color: var(--color-button-secondary-hover-text);
    background-color: var(--color-button-secondary-hover-background);
    border-color: var(--color-button-secondary-hover-background);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
    color:#fff;
    background-color:#343a40;
    border-color:#343a40
}

.btn-default,
.show>.btn-default.dropdown-toggle {
    color: var(--color-button-default-text) !important;
    background-color: var(--color-button-default-background) !important;
    border: 1px solid var(--color-button-default-border) !important; 
    border-radius: 100px 100px 100px 100px;
}
.btn-default:hover,
.btn-default.focus,
.btn-default:focus,
.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active:focus,
.btn-default:not(:disabled):not(.disabled):active:focus,
.show>.btn-default.dropdown-toggle:focus {
    color: var(--color-button-default-hover-text) !important;
    background-color: var(--color-button-default-hover-background);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.btn-default.disabled,
.btn-default:disabled {
    color:#fff;
    background-color:#343a40;
    border-color:#343a40
}


/* a {
    color: #8449BF;
} */


/* Sticky footer */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* background-color: #13294B; */
  background-color: #8449BF;
}

#invoiceTabContent {
  min-height: 200px;
}

.list-group-item.active {
  /* background-color: #eee;
  border-color: #eee; */

  background-color: #E7E7E7;
  border-color: #E7E7E7;
  
  color: #495057;

}