.modal-dialog {
    max-width: 800px !important;
    margin-right: auto;
    margin-left: auto;
}
form#content_form {
    min-width: 400px;
}
button.remove-value {
    display: none !important;
}
.username {
  font-size: 13px !important;
  font-weight: normal;
  font-family: 'gt-eesti', 'sans-serif' !important;
  color: #282828;
  padding-right: 13px;
}
.tab-title {
  font-family: 'gt-eesti', 'sans-serif' !important;
  color: #282828;
}
.modal-title {
  font-family: 'gt-eesti-medium', 'sans-serif' !important;
  color: #282828;
}
a, .a {
  font-family: 'gt-eesti', 'sans-serif' !important;
}
a:not(.btn, .user-menu-link, .list-group-item.active) {
  color: #0A9BCD !important;
}
.tr, .table {
  vertical-align: middle !important;
}
.accordion-toggle {
  background: #e2e2e2;
  font-size: 16px !important;
  font-weight: 400;
  font-family: 'gt-eesti-medium', 'sans-serif' !important;
}
.accordion-subheader {
  font-size: 16px !important;
  font-weight: 400;
  font-family: 'gt-eesti', 'sans-serif' !important;
}
.accordion-panel {
  transition: max-height 0.2s ease;
}
.user-menu-link {
  font-size: 13px !important;
  color: #000 !important;
  font-weight: normal;
  border-left: 1px solid #000; /* Black color, solid style */
  padding-right: 13px;
  padding-left: 13px;
  height: 16px;         /* Set the desired height */
  line-height: 16px;    /* Vertically center text */
  display: inline-block;
}
.form-control:not([readonly]) {
  border: 1px solid #d9d9d9 !important;
  border-radius: 0px;
}
.multi-select-container {
  border: 0px !important;
  padding: 0px !important;
}
.form-control[readonly]:not(.input-group *), input[readonly]:not(.input-group *) {
  border: none;
}
.input-group .form-control[readonly] {
  border: 1px solid #d9d9d9 !important;
  border-radius: 0px;
}

.h4, h4 {
  font-weight: 500 !important;
  font-size: 20px !important;
}
input, textarea {
  caret-color: #0A9BCD; /* Change 'red' to any color you like */
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #282828 !important;
  font-weight: 300;
  font-size: 14px;
}
.header {
  border-bottom: none !important;
}
.form-custom-actions .btn {
  margin-top: 0px !important;
}
html[dir=ltr] .crmEntityFormView .actions .btn:first-child {
  margin-right: 0px;
}
.crmEntityFormView .actions {
  border: none;
  margin: 0px;
  padding: 0px;
}


/* Target subgrid rows and set background to white */
.table {
    --bs-table-striped-bg: #fff;
}
.navbar-nav {
    --bs-nav-link-padding-y: 13px;
}
.input-group-text {
  border-radius: 0px !important;
}
.button2:hover, .btn-secondary:hover {
  background-color: #0A9BCD !important;
  border-color: #0A9BCD !important;
}
.btn-default:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}
.button2:active, .button2.active, .btn-secondary:active, .btn-secondary.active {
  background-color: #0A9BCD !important;
  border-color: #0A9BCD !important;
}
.dropdown.action .btn.btn-default.btn-md.aria-exp:active,
.dropdown.action .btn.btn-default.btn-md.aria-exp.active {
  background-color: #0A9BCD !important;
  border-color: #0A9BCD !important;
}

.dropdown.action .btn.btn-default.btn-md.aria-exp:focus,
.dropdown.action .btn.btn-default.btn-md.aria-exp.focus {
  background-color: #0A9BCD !important;
  border-color: #0A9BCD !important;
}

.button2, .btn-secondary, .btn-default {
  border-style: none !important;
}
.nav-link {
  transition: none;
}
.menu-bar {
  height: 54px;
}
.entity-grid .view-grid {
  min-height: 180px !important;
}

.form-action-container-left {
  position: relative;
  overflow: hidden;
}
.form-action-container-left::before {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important; 
  z-index: 1 !important;
  top: -10% !important;
  left: 120% !important;
  height: 120% !important;
  width: 150% !important;
  opacity: 0.15 !important;
  background-color: #000 !important;
  -ms-transform: skew(-45deg) translateX(20px) !important;
  transform: skew(-45deg) translateX(20px) !important;
  -ms-transform-origin: center !important;
  transform-origin: center !important;
}
.form-action-container-left:hover::before {
  left: -200% !important;
  -o-transition: all 1.5s !important;
  transition: all 1.5s !important;
}
.form-action-container-left input[type="button"],
.form-action-container-left .btn {
    position: relative !important;
    pointer-events: auto !important;
}

.actions {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.actions input[type="button"] {
  position: relative;
  pointer-events: auto !important;
}

.actions::before {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important; 
  z-index: 1 !important;
  top: -10% !important;
  left: 120% !important;
  height: 120% !important;
  width: 150% !important;
  opacity: 0.15 !important;
  background-color: #000 !important;
  -webkit-transform: skew(-45deg) translateX(20px) !important;
  -ms-transform: skew(-45deg) translateX(20px) !important;
  transform: skew(-45deg) translateX(20px) !important;
  -webkit-transform-origin: center !important;
  -ms-transform-origin: center !important;
  transform-origin: center !important;
}
 
.actions:hover::before {
  left: -200% !important;
  -webkit-transition: all 1.5s !important;
  -o-transition: all 1.5s !important;
  transition: all 1.5s !important;
} 

.btn-primary {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.btn-primary::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -10% !important;
    left: 120% !important;
    height: 120% !important;
    width: 150% !important;
    opacity: 0.15 !important;
    background-color: #000 !important;
    -ms-transform: skew(-45deg) translateX(20px) !important;
    transform: skew(-45deg) translateX(20px) !important;
    -ms-transform-origin: center !important;
    transform-origin: center !important;
}

.btn-primary:hover::before {
    left: -200% !important;
    -webkit-transition: all 1.5s !important;
    -o-transition: all 1.5s !important;
    transition: all 1.5s !important;
}
.btn-primary:hover {
    text-decoration: none !important;
}

/*  Home page tile */
.home-tile-link {
    width: 180px;
    height: 186px;
    margin: 14px !important;
    position: relative;
    overflow: hidden;
}
        .tile-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .tile-overlay {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            z-index: 1;
            pointer-events: none;
        }
        .tile-title {
            position: absolute;
            left: 15px;
            bottom: 15px;
            color: white;
            padding: 8px 16px;
            border-radius: none;
            font-size: 1.2em;
            pointer-events: none;
            z-index: 2 !important;
            transition: bottom 0.5s cubic-bezier(.4,2,.6,1) !important;
        }
        .tile-blue-bar {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 0;
            background: #0A9BCD;
            z-index: 2 !important;
            transition: height 0.5s cubic-bezier(.4,2,.6,1) !important;
        }
        .home-tile-link:hover .tile-title {
            bottom: 35px !important;
        }
        .home-tile-link:hover .tile-blue-bar {
            height: 10px !important;
        }

/* Document PCF */

.comment-dialog-actions {
  padding: 10px 1px;
}

.confirmation-dialog-actions {
  padding: 10px 1px;
}

.p, p {
  font-family: 'gt-eesti', 'sans-serif' !important;
  color: #000 !important;
}

/* Checkbox */

input[type="checkbox"] {
    vertical-align: text-bottom;
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
    position: relative;
    outline: none;
    box-sizing: border-box;
    align-self: center;
    transition: border-color 0.2s, background 0.2s;
}

input[type="checkbox"]:checked {
    background: #0A9BCD;
    box-shadow: 0 0 0 2px #fff inset;
    border: 1px solid #000;
}

input[type="checkbox"]::after,
input[type="checkbox"]::before {
    display: none !important;
}

input[type="checkbox"]:focus {
    outline: 1px solid #106ebe;
    outline-offset: 1px;
}
input[type="checkbox"] label {
  font-size: 15 !important;
  align-items: center;
}
a[href*="ForgotPassword"] {
  display: block; 
  margin-top: 5px;
  padding-left: 0px;
}
.breadcrumb {
  padding: 0px !important;
}