:root {
  --primary-color: var(--portalThemeColor1);
  --bs-primary: var(--portalThemeColor1);
  --bs-primary-rgb: 0, 61, 80;

  --light-blue:  var(--portalThemeColor4);
}

.breadcrumb {
    --bs-breadcrumb-font-size: 14px;
}

.navbar {
    --bs-navbar-padding-y: 1.5rem;
}

.table {
    --bs-table-bg: var(--portalThemeColor2);
    --bs-table-border-color: #fff;
    --bs-table-striped-bg: rgba(249, 249, 249, 1); 
}

/* ---------------- FONT ---------------- */
body *:not(.fa-classic):not(.fa-regular):not(.fa-solid):not(.far):not(.fas):not(.fa):not(.btn-close) {
  font-family: "DM Sans", sans-serif!important;
  text-decoration: none !important;
}

.txt-blue {
    color: var(--light-blue)!important;
}

h2 a,
.h2 a {
    font-size: 36px;
}

h3 a,
.h3 a {
 font-size: 24px;
}

h4 a,
.h4 a {
 font-size: 24px;
}


/* ---------------- HEADER -------------------- */

.cp-header-top .nav-link {
    color: #ffffff;
}

.cp-header-top .nav > li > a:hover {
    background: none;
    color: var(--light-blue);
    text-decoration: none;
}

.cp-header-top .nav > .dropdown > a:focus {
    background: none;
}

body .static-top.navbar-dark {
    box-shadow: none;
    -webkit-box-shadow: none;
} 

.navbar-nav {
    gap: .8rem
}

.navbar-nav .divider-vertical {
    display: none;
}

body .navbar-nav>li>a {
    padding: .5rem 0;
}

body .static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-weight: 600;
}

body .navbar-dark .navbar-nav > li > a:hover,
body .navbar-dark .navbar-nav > li.dropdown > a:hover {
    color: var(--light-blue);
}

body .navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
    background-color: var(--portalThemeColor6);
    color: var(--light-blue);
}

/* ---------------- FOOTER -------------------- */

body footer .footer-bottom ul li a,
body footer .footer-bottom ul li a:hover,
body footer .footer-bottom ul li a:focus,
body footer .footer-bottom ul li a:active,
body footer .footer-bottom ul li a.active {
    font-size: .875rem;
    padding-left: 6px;
    padding-right: 6px;
}

body footer .footer-bottom ul li:last-child a {
    padding-right: 0;
}

footer .nav > li > a:hover {
    background: none;
    text-decoration: underline;
}

footer .footer-bottom {
    padding: 10px 0;
}
footer .divider-vertical {
    height: 16px;
    margin: 0 3px;
    margin-top: 10.5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #666;
}

/* ---------------- BREADCRUMB -------------------- */
.page-heading {
    background-color: var(--portalThemeColor6);
}

.page-heading .breadcrumb > li a,
.page-heading .breadcrumb > .active {
    color: var(--portalThemeColor8);
}

.page-heading .breadcrumb > li a:hover {
    color: var(--portalThemeColor4);
}


/* ---------------- BUTTON -------------------- */

body .button2,
body .btn-secondary,
body .btn-default,
body .button2:active,
body .button2.active,
body .btn-secondary:active,
body .btn-secondary.active,
body .btn-default:active,
body .btn-default.active {
    background: var(--portalThemeColor10) !important;
}

.input-group .launchentitylookup,
.input-group .clearlookupfield,
.input-group .input-group-btn {
    border: 1px solid #949494;
}

.input-group .launchentitylookup,
.input-group .clearlookupfield {
    padding: 6.5px 20px;
}

.input-group .input-group-btn {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem;
    padding: 0;
}

.input-group .input-group-btn .btn{
    padding: 4px 20px;
}

/* ---------------- MODAL -------------------- */
body .btn-close{
    font-size: 36px;
}


/* ---------------- LOADING -------------------- */
#loading {
   width: 100%;
   height: 100%;
   top: 25%;
   left: 0;
   position: fixed;
   display: block;
   opacity: 1;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}
/* ---------------- TABLE -------------------- */

.table a {
    font-weight: bold;
}

.table thead a {
    color: var(--portalThemeColor8);
}

body .entitylist {
    border-width: 0;
}

.table thead th {
    border-color: transparent;
    background-color: var(--portalThemeColor11);
    padding: 15px;
    vertical-align: middle;
}

.form-readonly table.section tbody td.form-control-cell:not(.subgrid-cell):not(.day) {
    padding: 25px 50px;
}

.table tbody td.form-control-cell,
body .crmEntityFormView table.table td.form-control-cell,
.view-grid table td {
    border-color: transparent;
    padding: 15px;
    vertical-align: middle;
}

.table thead th:first-child,
.table tbody td:first-child,
body .crmEntityFormView table.table td:first-child,
.subgrid table.section tbody td:first-child  {
    border-radius: 50px 0 0 50px;
    padding-left: 20px;
}

.table thead th:last-child,
.table tbody td:last-child,
body .crmEntityFormView table.table td:last-child,
table.section tbody td:last-child  {
    border-radius: 0 50px 50px 0;
    padding-right: 20px;
}


table.section {
    border-radius: 50px;
}

body .crmEntityFormView {
    border: 0;
}

body .crmEntityFormView .form-readonly fieldset table.section,
.cp-register .crmEntityFormView .entity-form fieldset table.section {
    border-radius: 10px;
    background: var(--portalThemeColor3);
    border: 1px solid var(--portalThemeColor11);
    border-collapse: separate;
    padding-top: 40px;
}

body .crmEntityFormView .form-readonly fieldset table:has(.subgrid),
.cp-register .crmEntityFormView .entity-form fieldset table:has(.subgrid) {
    border-width: 0;
    background: none;
}

body .crmEntityFormView .form-readonly label,
.cp-register .crmEntityFormView .entity-form label {
    background: transparent
}

body .crmEntityFormView .form-readonly .form-control,
.cp-register .crmEntityFormView .entity-form .form-control {
    background-color: transparent!important;
}

.cp-register .crmEntityFormView .entity-form:not(.form-readonly) .form-control {
    border: 1px solid #949494;
}

body .crmEntityFormView .form-readonly .cell {
    padding: 0 0 20px;
}


body .crmEntityFormView .section-title.show-bar {
    border: 0;
}


body ::placeholder,
.form-select:not(.dirty) {
    color: var(--portalThemeColor9)!important;
}



/* ---------------- CAROUSEL -------------------- */

 .carousel-item {
  height: auto;
 }
 .carousel-item img{
  object-fit: cover;
    height: 100%;
 }


/* ---------------- SIGN IN -------------------- */

.signinpage {
    background-image: url("/login-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.signinpage .cp-header-top,
.signinpage .navbar.static-top,
.signinpage .footer,
.signinpage .nav-tabs {
    display: none;
}

.signinpage .page-content {
    margin: 15% auto 0;
}

.signinpage .page-content .row {
    justify-content: center;
}


.signinpage .col-md-5 {
    background: rgba(255, 255, 255, .4);
    backdrop-filter: blur(5px);
    border-radius: 10px;
}

.signinpage .col-md-5 form {
    padding: 12% 16%;
}

.signinpage .col-form-label {
    display: none;
}

.signinpage .login-heading-section,
.signinpage .forgot-password-heading {
    border-width:0;
    color: #ffffff;
    font-size: 24px;
}

.signinpage .pre-login-heading-section {
    color: #ffffff;
    text-transform: uppercase;
}

.signinpage .pre-login-heading-logo {
    margin-bottom: 20px;
}

.signinpage .checkbox {
    color: #ffffff;
}

.signinpage .checkbox span {
    vertical-align: top;
    padding-left: 3px;
}

.signinpage .cp-forgot-password,
.signinpage .cp-register,
.signinpage .cp-back-login {
    color: #ffffff;
    display: block;
    font-size: 12px;
}

.signinpage .btn.btn-primary {
    background-color: var(--light-blue);
    color: #ffffff;
}

.signinpage .btn.btn-primary:hover {
    background-color: #ffffff;
    color: var(--light-blue);
}

.signinpage body input.form-control {
    border-radius: 30px;
    border-width: 0;
}

/* ---------------- REGISTER -------------------- */

.cp-register .actions table {
    border-collapse: collapse!important;
}

.cp-register .actions table td{
    border-width: 1px;
    padding: 6px;
}


/* ---------------- MODAL -------------------- */


@media (min-width: 1024px){
  .modal-lg {
    width: 900px;
    max-width: 900px
  }
}
.modal-dialog.modal-lg .modal-content { 
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: stretch;
  height: auto;
}
.modal-form .modal-body {
  flex-grow: 1; 
  height: 90%; 
}
.modal-form .modal-body iframe {
  height: 90vh;
  display: flex;
  position: relative;
}


/* ---------------- MODAL -------------------- */
.notes .note .createdby {
    display: none;
}