@font-face {
    font-family: LabGrotesque;
    src: url(/LabGrotesque-Regular.otf);
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-Italic.otf);
font-style: italic
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-Medium.otf);
font-weight: 600;
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-MediumItalic.otf);
font-weight: 600;
font-style: italic
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-bold.otf);
font-weight: 700;
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-BoldItalic.otf);
font-weight: 700;
font-style: italic
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-black.otf);
font-weight: 800;
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-BlackItalic.otf);
font-weight: 800;
font-style: italic
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-Light.otf);
font-weight: 300;
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-LightItalic.otf);
font-weight: 300;
font-style: italic
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-Thin.otf);
font-weight: 100;
}

@font-face {
font-family: LabGrotesque;
src: url(/LabGrotesque-ThinItalic.otf.otf);
font-weight: 100;
font-style: italic
}

* {
font-family: LabGrotesque;
}

body {
padding-bottom: 30px;
position: relative;
min-height: 100%;
font-family: LabGrotesque, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
color: #2B2A31 !important
}

a {
font-size: 12px;
font-weight: 600;
color: #041B78;
text-decoration: none !important;
font-family: LabGrotesque !important;
}

h1 {
font-size: 28px !important;
font-weight: 500 !important;
color: #041B78 !important;
font-family: LabGrotesque !important;
}

h2 {
font-size: 24px !important;
font-weight: 500 !important;
color: #041B78 !important;
font-family: LabGrotesque !important;
}

h3 {
font-size: 20px !important;
font-weight: 500 !important;
color: #041B78 !important;
font-family: LabGrotesque !important;
}

h4 {
font-size: 18px !important;
font-weight: 500 !important;
color: #2B2A31 !important;
font-family: LabGrotesque !important;
}

h5 {
font-size: 16px !important;
font-weight: 500 !important;
color: #041B78 !important;
font-family: LabGrotesque !important;
}

h6 {
font-size: 14px !important;
font-weight: 500 !important;
color: #041B78 !important;
font-family: LabGrotesque !important;
}

p {
font-size: 12px !important;
font-weight: 500 !important;
color: #565563 !important;
font-family: LabGrotesque !important;
}

label {
font-weight: 500 !important;
font-size: 12px !important;
color: #565563 !important
}

input[type=email],
input[type=password],
input[type=text],
select,
textarea {
padding: 5px 8px !important;
border: 2px solid #E8E8EB !important;
font-size: 14px !important;
color: #2B2A31 !important;
box-shadow: none !important;
border-radius: 6px !important;
}

input[type=email],
input[type=password],
input[type=text] {
height: 40px !important;
}
/*
.unified_container .row .panel-default {
padding: 10px 5px;
margin-top: auto;
margin-bottom: auto;
height: 100%;
background-color: #fff;
font-size: 12px;
}
.container.unified_container .row .panel.panel-default .panel-body {
padding: 1rem 2rem;
}
.heading h1{
display: none;
}
*/
.sidebar-brand img {
width: 100% !important;
height: auto !important;
margin: 0 !important;
}

.sidebar-logo-brand {
margin-top: 70px;
height: 40px;
background-image: url('/biron-light-logo.png');
background-size: 70%;
background-repeat: no-repeat;
}

.toggled .sidebar-logo-brand {
background-image: url('/biron-light-sm-logo.png') !important;
background-size: 70% !important;
margin-left: 10px !important;
}

.navbar {
min-height: 55px !important
}

.navbar-brand-link {
display: none;
}

.navbar-brand img {
height: 30px !important;
width: auto !important;
}

.sidebar-logo-brand {
margin-top: 50px
}

.navbar-brand {
display: block !important;
height: auto;
padding: 0px;
}

#sidebar-toggle {
margin: 8px 0px 0px 0px;
}

a {
transition: background 0.2s, color 0.2s;
}

a:hover,
a:focus {
text-decoration: none;
}

#wrapper {
padding-left: 0;
transition: all 0.5s ease;
position: relative;
background-color: #f4f3f5 !important;
min-height: 100vh;
}

#sidebar-wrapper {
z-index: 1000;
position: fixed;
left: 250px;
width: 0;
height: 100%;
margin-left: -250px;
overflow-y: auto;
overflow-x: hidden;
background: #00011f;
transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
width: 250px;
}

.sidebar-brand {
top: 0;
width: 250px;
text-align: center;
height: 120px;
}

.sidebar-brand h2 {
margin: 0;
font-weight: 600;
font-size: 24px;
color: #fff;
}

.sidebar-nav {
top: 75px;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
}

.menu-bar .sidebar-nav li:first {
border-bottom: 1px solid #232740 !important;
}
/* .weblinks .divider{
border-bottom: 1px solid #232740 !important;
} */
.sidebar-nav > li {
text-indent: 10px;
line-height: 50px;
}

.sidebar-nav > li a {
display: block;
text-decoration: none;
color: #fff;
font-weight: 600;
font-size: 14px;
}

.sidebar-nav > li > a:hover,
.sidebar-nav > li.active > a {
text-decoration: none;
color: #fff;
background: #41445f;
}

.sidebar-nav > li > a i.fa {
font-size: 24px;
width: 60px;
}

#navbar-wrapper {
width: 100%;
position: absolute;
z-index: 2;
}

#wrapper.toggled #navbar-wrapper {
position: absolute;
margin-right: -250px;
}

#navbar-wrapper .navbar {
border-width: 0 0 0 0;
background-color: #eee;
margin-bottom: 0;
border-radius: 0;
}

#navbar-wrapper .navbar a {
color: #fff;
text-decoration: none;
background: none;
font-size: 13px;
font-weight: 600 !important;
}

#navbar-wrapper .navbar a:hover {
color: #babaff;
}

.dropdown-menu {
min-width: 110px !important;
}

.dropdown-menu li:hover {
min-width: 100px !important;
}

.dropdown-menu {
padding: 0px !important;
}

#navbar .dropdown-menu {
background: white;
color: #454545;
margin-top: 0px !important;
}

#navbar .dropdown-menu a {
color: #454545 !important;
padding: 10px 18px !important;
}

#navbar .dropdown-menu a:hover {
border: 0px !important;
color: #000 !important;
background-color: #f4f4f6 !important;
}

#navbar-wrapper .navbar a:focus {
border: 0px !important;
outline: 0px !important;
}

.divider {
margin: 0px !important;
}

#content-wrapper {
width: 100%;
position: absolute;
padding: 15px 20px;
top: 100px;
}

#wrapper.toggled #content-wrapper {
position: absolute;
margin-right: -250px;
}

@media (min-width: 992px) {
#wrapper {
padding-left: 250px;
}

#wrapper.toggled {
padding-left: 60px;
}

#sidebar-wrapper {
width: 250px;
}

#wrapper.toggled #sidebar-wrapper {
width: 60px;
}

#wrapper.toggled #navbar-wrapper {
position: absolute;
margin-right: -190px;
}

#wrapper.toggled #content-wrapper {
position: absolute;
margin-right: -190px;
}

#navbar-wrapper {
position: relative;
}

#wrapper.toggled {
padding-left: 60px;
}

#content-wrapper {
position: relative;
top: 0;
}

#wrapper.toggled #navbar-wrapper,
#wrapper.toggled #content-wrapper {
position: relative;
margin-right: 60px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
#wrapper {
padding-left: 60px;
}

#sidebar-wrapper {
width: 60px;
}

#wrapper.toggled #navbar-wrapper {
position: absolute;
margin-right: -250px;
}

#wrapper.toggled #content-wrapper {
position: absolute;
margin-right: -250px;
}

#navbar-wrapper {
position: relative;
}

#wrapper.toggled {
padding-left: 250px;
}

#content-wrapper {
position: relative;
top: 0;
}

#wrapper.toggled #navbar-wrapper,
#wrapper.toggled #content-wrapper {
position: relative;
margin-right: 250px;
}
}

@media (max-width: 767px) {
#wrapper {
padding-left: 0;
}

#sidebar-wrapper {
width: 0;
}

#wrapper.toggled #sidebar-wrapper {
width: 250px;
}

#wrapper.toggled #navbar-wrapper {
position: absolute;
margin-right: -250px;
}

#wrapper.toggled #content-wrapper {
position: absolute;
margin-right: -250px;
}

#navbar-wrapper {
position: relative;
}

#wrapper.toggled {
padding-left: 250px;
}

#content-wrapper {
position: relative;
top: 0;
}

#wrapper.toggled #navbar-wrapper,
#wrapper.toggled #content-wrapper {
position: relative;
margin-right: 250px;
}

.navbar-brand {
display: none !important;
}

.navbar-brand-link {
display: block;
}
}
/*
.wrapper-body{
background: white !important;
border-radius: 10px !important; */
/* padding: 15px 20px !important; */
/* box-shadow: 0 3px 5px rgba(57,63,72, 0.3) !important;
}
*/

.container-fluid {
background: #2d2eb7;
color: #fff;
}

.biron-title {
font-size: 18px;
letter-spacing: .4px;
font-weight: 600;
}

.fabars {
font-size: 20px;
font-weight: 100;
line-height: unset;
}

.drop_language {
text-transform: uppercase;
}

html[dir=ltr] li a {
margin-left: 0px !important;
}

.menu-icon {
width: 38px;
height: auto;
padding: 8px;
border-radius: 5px;
margin: 0px 10px 0px 0px !important;
}

.menu-icon.active {
background: #41445f;
}

.avatar-icon-wrapper {
padding: 8px 10px;
border-radius: 50%;
background: #ffffff7a;
margin: -10px 10px 0px 0px;
}

.avatar-icon {
width: 18px;
/* vertical-align: text-top !important;
margin: -10px 5px 0px 0px; */
}

.avatar-detail {
width: 25px;
/* vertical-align: middle;
margin: 0px 15px 0px 0px; */
}

.dropdown-user-detail {
display: flex;
padding: 15px 10px;
background-color: #fff !important;
min-width: 230px !important;
}

.dropdown-user-detail .user-avatar {
background: #5A5CD4;
padding: 10px;
border-radius: 50%;
margin: 0 15px 0 10px;
}

.dropdown-username {
font-size: 0.85em;
font-weight: 600;
}

.dropdown-email {
font-size: 0.85em;
color: #2d2eb7;
font-weight: 600;
}

.navbar-inverse .navbar-nav > li > a:focus {
border: 0px !important;
outline: 0px;
}

.page-title, .header-title {
padding: 5px 15px;
background-color: #FFF !important;
}

.page-title h3 {
color: #232740;
padding: 0px;
font-weight: 600;
}

#page-title {
padding: 5px !important;
}

.breadcrumb-wrapper {
position: absolute;
top: 35px;
left: 60px;
}

.breadcrumb {
font-size: 0.9em;
margin-bottom: 0px;
color: #232740;
}

.breadcrumb > li + li:before {
content: "/ " !important;
}

.breadcrumb > .active {
color: #2D2EB7 !important;
font-weight: 400 !important;
font-size: 12px !important;
}

.breadcrumb > li a {
color: #232740 !important;
font-weight: 500 !important;
text-decoration: none !important;
}

.page-content {
background: #F4F3F5;
}

.p-0 {
padding: 0px !important;
}

.py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}

button.btn {
border: 0px !important;
/* margin-top: -5px; */
}

button.btn img.icon-comment {
width: 14px !important;
height: auto !important;
}

button#viewComments.unread:before {
content: "";
width: 5px;
height: 5px;
background-color: #2d2eb7;
left: 0px;
position: relative;
display: block;
top: 0px;
border-radius: 50%;
}

.panel .unread:before {
content: "";
width: 12px;
height: 12px;
background-color: #2d2eb7;
left: 35px;
position: relative;
display: block;
top: 0px;
border-radius: 50%;
}

button.btn img.icon-info {
width: 11px !important;
height: auto !important;
}
/* button.btn:hover{
box-shadow: 0 1px 12px rgba(0, 0, 0, .175);
} */

.btn-default {
background-color: #2d2eb7 !important;
color: whitesmoke !important;
border-color: #8484d2 !important;
}

.btn-secondary {
background-color: #e6e7ff !important;
border-radius: 5px !important;
color: #2d2eb7 !important;
border-color: #8484d2 !important;
font-size: 0.9em !important;
}

#dashboard-cards-container {
background: url(/bst-illustration-portail-dashboard.png) no-repeat bottom right;
min-height: 300px;
}

.body-content {
padding: 15px !important;
border-radius: 8px;
margin-bottom: 15px;
}

#action-title {
color: #041b78 !important;
font-size: 14px;
font-weight: 500;
}

#dashboard-cards-container .panel {
position: relative;
height: 100px;
border-radius: 10px;
/* box-shadow: 0 3px 5px rgba(57,63,72, 0.3); */
}

#dashboard-cards-container .panel h6 {
position: absolute !important;
font-size: 16px !important;
right: 10px !important;
font-weight: 600;
top: 0px !important
}

#dashboard-cards-container .panel p {
font-size: 14px !important;
color: inherit !important;
letter-spacing: .3px;
}

#dashboard-cards-container a img {
position: absolute;
right: 10px;
bottom: 10px;
}

#dashboard-cards-container .panel-primary {
background-color: #5a5cd4 !important;
border-color: #5a5cd4 !important;
color: whitesmoke !important;
font-size: 16px;
}

#dashboard-cards-container .panel-primary h6 {
color: whitesmoke !important;
}

#dashboard-cards-container .panel-light {
background-color: #fff !important;
border-color: #fff !important;
font-size: 16px;
color: #2D2EB7;
}

#dashboard-cards-container .panel-disabled {
background-color: #f4f3f5 !important;
border-color: #f4f3f5 !important;
box-shadow: none;
border: 1px solid #D1D1D7 !important;
color: #737778 !important;
font-size: 16px;
}

#dashboard-cards-container .panel-disabled h6 {
color: #737778 !important;
}

.moreinformation {
padding: 5px 8px !important;
margin-top: -5px;
/* background-color: #2d2eb7 !important;
color: #e5e9f6 !important; */
}

.moreinformation img {
height: 10px;
width: auto;
}

.moreinformationicon {
height: 15px !important;
width: auto;
margin-top: -3px;
}

.ag-cell-value {
line-height: 20px !important;
padding: 10px 0px !important;
}

span.my-value {
text-wrap: wrap;
}

.ag-cell-value .refuse {
color: #2d2eb7 !important;
font-weight: 500 !important;
cursor: pointer !important;
}

.ag-cell-value .btn-default {
background: #e5e9f6 !important;
color: #2d2eb7 !important;
border-color: #e5e9f6 !important;
padding: 3px 8px !important;
font-size: 11px !important;
border-radius: 5px !important;
}

.ag-cell-value .btn-default span {
margin-right: 5px !important;
margin-left: 5px !important;
}

.btn-group .btn.active:focus {
outline: none !important;
outline: 0px !important;
outline-offset: -2px;
}

.btn-group label.btn {
background: none !important;
border: 0px !important;
color: #222 !important;
box-shadow: none !important;
font-weight: 600 !important;
}

.btn-group label.active {
background: none !important;
border: 0px !important;
color: #2d2eb7 !important;
box-shadow: none !important;
border-bottom: 2px solid #2d2eb7 !important;
border-radius: 0px !important;
}

/* Datatable theme */
.ag-theme-alpine {
--ag-header-background-color: #fff !important;
--ag-alpine-active-color: #2d2eb7;
--ag-selected-row-background-color: #e6e9f669;
--ag-row-hover-color: #e6e9f669;
--ag-foreground-color: #FFF;
--ag-tooltip-background-color: #0f1014;
--ag-border-radius: 1px
}

.icon-primary {
color: #2d2eb7 !important;
font-size: 12px !important;
margin-right: 5px !important;
cursor: pointer;
}

/* Table */
.table th a {
color: #444 !important;
text-decoration: none !important;
}

.table td a {
color: #2d2eb7 !important;
text-decoration: none !important;
text-transform: uppercase !important;
font-size: 9px !important;
font-weight: 500 !important;
background: #2d2eb714 !important;
padding: 4px 8px !important;
border-radius: 5px !important;
letter-spacing: .5px !important;
}

.table td {
font-size: .9em !important;
color: #454545 !important;
}

.table td[data-attribute="fullname"] {
font-weight: 500 !important;
}

/* Button */
.btn-primary {
background-color: #2D2EB7 !important;
color: white !important;
border-radius: 4px !important;
font-size: 14px !important;
padding: 8px 12px 8px 12px;
font-weight: 500;
line-height: 20px;
border: 0px !important;
}

.btn-cancel, .btn-light-primary {
color: #2D2EB7 !important;
background-color: #E6E9F6 !important;
border-radius: 4px !important;
font-size: 14px !important;
padding: 8px 12px 8px 12px;
font-weight: 500;
line-height: 20px;
border: 0px !important;
}

.btn-default {
background-color: #f0f0f0 !important;
color: #333333 !important;
border-radius: 4px !important;
font-size: 14px !important;
padding: 8px 12px 8px 12px;
font-weight: 500;
line-height: 20px;
border: 0px !important;
}

.new-value {
background-color: #e6f8f1 !important;
color: #01663d !important;
border: 0px !important;
font-size: 12px !important;
border-radius: 5px !important;
}

.btn-light-warning {
background-color: #fff4e6 !important;
color: #d9480f !important;
border-radius: 4px !important;
font-size: 14px !important;
padding: 8px 12px 8px 12px;
font-weight: 500;
line-height: 20px;
border: 0px !important;
}

.btn-warning {
background-color: #d9480f !important;
color: #fff4e6 !important;
border-radius: 4px !important;
font-size: 14px !important;
padding: 8px 12px 8px 12px;
font-weight: 500;
line-height: 20px;
border: 0px !important;
}

.btn-light-danger {
background-color: #FDD8D8 !important;
color: #960E02 !important;
border-radius: 4px !important;
font-size: 14px !important;
padding: 8px 12px 8px 12px;
font-weight: 500;
line-height: 20px;
border: 0px !important;
}

.bg-light-danger {
background-color: #FDD8D8 !important;
color: #960E02 !important;
}

.btn-danger {
background-color: #960E02 !important;
color: #FDD8D8 !important;
border-radius: 4px !important;
font-size: 14px !important;
padding: 8px 12px 8px 12px;
font-weight: 500;
line-height: 20px;
border: 0px !important;
}

.bg-danger {
background-color: #960E02 !important;
color: #FDD8D8 !important;
}

.remove-value {
background-color: #fff4e6 !important;
color: #d9480f !important;
border: 0px !important;
font-size: 12px !important;
border-radius: 5px !important;
}

#buttonReinitialiser, #PreviousButton {
background-color: #E6E9F6 !important;
color: #2D2EB7 !important;
font-size: 16px !important;
padding: 10px 16px !important;
}

#NextButton {
font-size: 16px !important;
padding: 10px 16px !important;
}

/* Modal */
.modal-header {
padding: 10px !important;
background: #fff !important;
}

.modal-footer {
padding: 10px !important;
background: #fbfbfb !important;
}

.modal-title {
color: #3e3e3e !important;
font-size: 16px !important;
font-weight: 600 !important;
}

.modal-body {
padding: 0px !important;
background-color: white;
/* background: linear-gradient(180deg, rgb(245 247 255) 0%, rgba(255, 255, 255, 1) 25%); */
}

.modal.fade .modal-dialog {
transition: none !important;
}
/* .fade{
transition: none !important;
} */

.form-horizontal .form-group {
margin: 0px;
}

/* IFRAM  */

.crmEntityFormView .btn-group {
border-radius: 16px;
/* border: 1px solid #E8E8EB; */
background-color: #fff;
margin: 0 0 20px 0;
}

.actions .btn-group {
border: 0px !important;
border-radius: 0px;
}

.crmEntityFormView .btn-group .btn.active:focus {
outline: none !important;
outline: 0px !important;
outline-offset: -2px;
}

.crmEntityFormView .btn-group label.btn {
background: none !important;
border: 0px !important;
color: #565563 !important;
box-shadow: none !important;
font-weight: 500 !important;
border: 1px solid #E8E8EB !important;
border-radius: 0px !important;
}

.crmEntityFormView .btn-group label.active {
background: none !important;
/* border: 0px !important; */
color: #fff !important;
box-shadow: none !important;
background-color: #2d2eb7 !important;
border-color: #2d2eb7 !important;
/* border-radius: 16px !important; */
}

.crmEntityFormView .btn-group label:first-child {
border-top-left-radius: 20px 20px !important;
border-bottom-left-radius: 20px 20px !important;
}

.crmEntityFormView .btn-group label:last-child {
border-top-right-radius: 20px 20px !important;
border-bottom-right-radius: 20px 20px !important;
}

.modal-body iframe {
/*height: 500px !important; We do not want to limit the modal to this size 
especially because when clicking on Candidate add, two modals popup and need
scrolling within each other */
}

.modal-body .entity-grid {
padding: 15px 20px;
}

#content-container:has(#bst_accountid_name),
#content-container:has(#bst_purchaseorder),
#content-container:has(#bst_listofservices) {
padding: 0px !important;
}

#content-container {
width: 100% !important;
min-height: 100%;
box-shadow: none !important;
padding: 15px 20px !important;
background: linear-gradient(180deg, rgb(245 247 255) 0%, rgba(255, 255, 255, 1) 3%);
}

#content-container:has(div.terms-and-conditions){
    background: #7A798A;
}

#mainContent:has(div.terms-and-conditions) {
    border-radius: 8px;
    background: white;
}

#terms-and-conditions-section{
padding: 20px;
}

#terms-and-conditions-section h1 {
    color: black !important;
}

#terms-and-conditions-section span.right {
    float: right;
}

#terms-and-conditions-section ol {
    padding-left: 30px;
}

#terms-and-conditions-section li {
    font-weight: 700;
}

#terms-and-conditions-section a {
    color: #3230BA;
    font-size: 16px;
}

/* https://pqina.nl/blog/fade-out-overflow-using-css-mask-image/ */
#terms-and-conditions-section div.masked-overflow {
    /* scroll bar width, for use in mask calculations */
    --scrollbar-width: 8px;
    /* mask fade distance, for use in mask calculations */
    --mask-height: 32px;
    /* If content exceeds height of container, overflow! */
    overflow-y: auto;
    /* Our height limit */
    height: calc(100vh - 400px);
    /* Need to make sure container has bottom space,
otherwise content at the bottom is always faded out */
    padding-bottom: var(--mask-height);
    /* Keep some space between content and scrollbar */
    padding-right: 20px;
    /* The CSS mask */
    /* The content mask is a linear gradient from top to bottom */
    --mask-image-content: linear-gradient( to bottom, transparent, black var(--mask-height), black calc(100% - var(--mask-height)), transparent );
    /* Here we scale the content gradient to the width of the container 
minus the scrollbar width. The height is the full container height */
    --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;
    /* The scrollbar mask is a black pixel */
    --mask-image-scrollbar: linear-gradient(black, black);
    /* The width of our black pixel is the width of the scrollbar.
The height is the full container height */
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    /* Apply the mask image and mask size variables */
    mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    /* Position the content gradient in the top left, and the 
scroll gradient in the top right */
    mask-position: 0 0, 100% 0;
    /* We don't repeat our mask images */
    mask-repeat: no-repeat, no-repeat;
}

label[for="terms-conditions-confirmation"] span.xrm-attribute-value-encoded.xrm-attribute-value {
    padding-left: 40px;
}

h2.refused {
    color: #565563 !important;
}

span.refused {
    font-size: 16px !important;
    color: #565563 !important;
}

.container.quickform {
background: #fff !important;
}

.modal-body iframe .crmEntityFormView, .entitylist, .modal-content, .popover-content {
border: 0px !important
}

.modal-body iframe .input-group {
width: 50% !important;
}

/* Pagination */
.pagination {
background: #eeeffa !important;
padding: 3px 10px !important;
}

.pagination > li > a, .pagination > li > span {
padding: 0px !important;
width: 20px !important;
height: 20px !important;
font-size: .9em !important;
background-color: #eeeffa !important;
font-weight: 500 !important;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
border-radius: 0% !important;
background-color: none !important;
color: #fff !important;
background: #2d2eb7 !important;
border: 0px !important;
font-weight: 600 !important;
}

.pagination > .disabled > span {
background-color: #f2f2f2 !important;
padding: 5px 10px !important;
font-weight: 500 !important;
}

.view-pagination {
text-align: center !important;
/* border-top: 1px solid #f2f2f2 !important; */
}

div.center {
text-align: center !important;
}

.view-pagination .pagination {
margin: 5px !important;
width: initial;
}
/* Search */
.view-search {
background: #E8E8EB !important;
}

.view-search input {
height: 30px !important;
border: 3px solid aliceblue !important;
font-size: 12px !important;
color: #333 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important
}
/* Radius */
.radius {
border-radius: 10px !important;
}

.radius-sm {
border-radius: 6px !important;
}

.radius-lg {
border-radius: 16px !important;
}


/* Alerts */
.alert {
font-size: 13px !important;
font-weight: 600 !important;
padding: 8px 15px !important
}

.alert-warn {
background-color: #FFF1C2 !important;
border-color: #FFF1C2 !important;
color: #856404 !important;
}

.alert-warning {
background-color: #fff8ef !important;
border-color: #fff8ef !important;
color: #e98a6d !important;
}

.alert-success {
background-color: #e5f9f2 !important;
border-color: #e5f9f2 !important;
color: #03663e !important;
}

.alert-danger {
color: #a12923 !important;
background-color: #f9f1f1 !important;
}

.alert-info {
background-color: #F2F3FF;
color: #2D2EB7;
border: 1px solid transparent;
}

span[role=checkbox] {
border: 1px solid #ccc !important;
width: 14px !important;
height: 14px !important;
}

input[type="radio"] {
/* Add if not using autoprefixer */
-webkit-appearance: none;
/* Remove most all native input styles */
appearance: none;
/* For iOS < 15 */
background-color: transparent;
/* Not removed via appearance */
margin: 0;
font: inherit;
color: currentColor;
width: 1.15em;
height: 1.15em;
border: 2px solid #2D2EB7;
border-radius: 50%;
transform: translateY(-0.075em);
display: grid;
place-content: center;
}

input[type="radio"]::before {
content: "";
width: 0.65em;
height: 0.65em;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1em 1em #2D2EB7;
/* Windows High Contrast Mode */
background-color: CanvasText;
}

input[type="radio"]:checked::before {
transform: scale(1);
}

/* CRM Entity view */
.crmEntityFormView, .entitylist, .modal-content, .popover-content {
border: 0px !important;
}

fieldset .input-group input {
height: 40px !important;
border: 0px solid #f0f0f0 !important;
font-size: 14px !important;
color: #2B2A31 !important;
}
/* .control{
position: initial !important;
} */
.control .text-muted {
display: none;
}

/* .control input[type=text]{
height: 40px !important;
border: 2px solid #E8E8EB;
font-size: 14px !important;
color: #333 !important;
padding-left: 5px !important;
box-shadow: none !important;
-webkit-box-shadow: none !important
} */
/* .control input[type=email]{
height: 40px !important;
border: 2px solid #E8E8EB !important;
font-size: 14px !important;
color: #333 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
text-decoration: none !important;
} */

.input-group-btn .btn-default {
background-color: aliceblue;
}

.input-group.datetimepicker, .input-group {
border: 2px solid #E8E8EB !important;
border-radius: 6px !important;
}

.input-group.datetimepicker input[type=text], .input-group input[type=text] {
border: 0px !important;
height: 35px !important;
background: transparent !important;
}

.input-group.datetimepicker .input-group-addon, .input-group button {
background-color: transparent !important;
height: 30px !important;
/* color: #2d2eb7 !important; */
}

.clearlookupfield {
height: 40px !important;
border-radius: 0 !important;
}

.launchentitylookup {
height: 40px !important;
border-radius: 0 !important;
}

span.add {
font-weight: 500 !important;
color: #2d2eb7 !important;
cursor: pointer !important;
}

span.btn-simple, span.availability {
font-weight: 500 !important;
color: #2d2eb7 !important;
cursor: pointer !important;
}

span.availability {
margin-right: 5px;
}

.view-actions {
display: none;
}

#page-actions {
padding: 10px;
}

.view-title {
text-align: left !important;
padding: 5px 0px !important;
display: inline;
}

.view-title .h3 {
color: #00011f !important;
font-weight: 600 !important;
font-size: 16px !important;
}

.h4-with-icon {
color: #2b2a31 !important;
font-weight: 600 !important;
font-size: 18px !important;
/* margin: 0px 0px 15px 8px !important; */
}

.h4-with-icon i {
padding: 8px;
background: #fef4ef;
color: #d27a6b;
border-radius: 15px;
margin-right: 8px;
}

.revoke {
background-color: #E6E9F6 !important;
color: #2D2EB7 !important;
padding: 8px !important;
border-radius: 5px !important;
font-size: 12px !important;
border: 0px solid #E6E9F6 !important;
}

.revoke .glyphicon {
margin-right: 5px !important;
}

/* div:has(div[data-name=SUMMARY_TAB]) h2{
position: absolute;
margin-top: -45px;
color: #00011f !important;
font-weight: 600 !important;
font-size: 16px !important;
} */

#content-container div[data-name=SUMMARY_TAB] .section-title h3 {
min-width: 150px !important;
}

#content-container div[data-name=SUMMARY_TAB] .tab-column fieldset legend:before {
display: none;
}

div[data-name=SUMMARY_TAB] .tab-column fieldset {
display: flex !important;
background: #FFF;
padding: 25px 25px;
border-radius: 10px;
box-shadow: 0 0.1rem 1rem 0.25rem rgba(0,0,0,.05);
margin-bottom: 10px;
}

div[data-name=SUMMARY_TAB] .tab-column fieldset legend {
display: contents !important;
}

div[data-name=SUMMARY_TAB] .tab-column fieldset legend:before {
content: "";
background: #fef4ef;
height: 30px;
width: 30px;
display: inline-block;
margin-right: 10px;
margin-top: 15px;
padding: 8px;
border-radius: 15px;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
}

fieldset[aria-label='Personal Information'] legend:before,
fieldset[aria-label='Informations personnelles'] legend:before {
background-image: url(/user.png) !important;
}

fieldset[aria-label='Place Of Residence'] legend:before,
fieldset[aria-label='Lieu de résidence'] legend:before {
background-image: url(/home.png) !important;
}

fieldset[aria-label='Coordinates'] legend:before,
fieldset[aria-label='Coordonnées'] legend:before {
background-image: url(/mail.png) !important;
}

fieldset[aria-label='Job'] legend:before,
fieldset[aria-label='Titre'] legend:before {
background-image: url(/work.png) !important;
}

fieldset[aria-label='Preferred Language'] legend:before,
fieldset[aria-label='Langue de préférence'] legend:before {
background-image: url(/glob.png) !important;
}

fieldset[aria-label='Manage my profile'] legend:before,
fieldset[aria-label='Gérer mon profil'] legend:before {
background-image: url(/roles.png) !important;
}

fieldset[aria-label='VIP'] legend:before,
fieldset[aria-label='Éligible à un bilan de santé'] legend:before {
background-image: url(/star.png) !important;
}

fieldset[aria-label='User Roles'] legend:before,
fieldset[aria-label='Rôles de l\'utilisateur'] legend:before {
background-image: url(/roles.png) !important;
}

fieldset[aria-label='Training received'] legend:before,
fieldset[aria-label='Formation(s) reçue(s)'] legend:before {
background-image: url(/red-user-guide.png) !important;
}

fieldset[aria-label='Notifications'] legend:before {
background-image: url(/red-notification.png) !important;
}

div[data-name=SUMMARY_TAB] .section-title h3 {
font-size: 14px !important;
font-weight: 600 !important;
color: #2B2A31 !important;
min-width: 250px !important;
}

div[data-name=Results] .crmEntityFormView .cell {
padding: 0px !important;
}

div[data-name=Results] .table th a {
font-size: 12px !important;
}

div[data-name=Results] .actioncolumn {
font-size: 12px !important;
}

#appoitment-info-message {
font-size: 13px !important;
font-weight: 600 !important;
margin-top: 15px !important;
}

.hide-fieldset fieldset {
background: transparent !important;
box-shadow: none !important;
padding: 0px !important
}

.section-title h3 {
font-size: 16px !important;
color: #2D2EB7 !important;
font-weight: 600 !important;
}

#btnEditQuantity {
color: #2D2EB7 !important;
background-color: #E6E9F6 !important;
border-radius: 4px !important;
font-size: 14px !important;
padding: 5px 15px;
font-weight: 500;
line-height: 20px;
border: 0px;
position: absolute;
right: 30px;
  margin-top: 17px;
z-index: 2;
}

#ProtocolServicesTable .thead-dark tr th {
border-bottom: 0px !important;
}

#ProtocolServicesTable tbody tr td {
border-top: 0px !important;
}

/* Datepiker */
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
border-radius: 0px !important;
}

.datepicker th {
padding: 2px !important;
}

.datepicker .prev {
background-color: #2d2eb7 !important;
}

.datepicker .next {
background-color: #2d2eb7 !important;
}

.datepicker .picker-switch {
background-color: #2d2eb7 !important;
}

.datepicker-days thead button {
font-size: 12px !important;
font-weight: 400 !important;
background-color: #2d2eb7 !important;
}

.datepicker-days thead .dow {
border-radius: 0px !important;
background: aliceblue !important;
font-size: 12px !important;
}

.datepicker-days tbody button {
font-size: 12px !important;
font-weight: 400 !important;
}

.language-switch a {
text-transform: capitalize !important;
padding: 5px 10px !important;
}

.input-group-addon {
border: 0px !important;
background-color: aliceblue !important;
}

/* swal2 */
.swal2-html-container p {
font-size: 12px;
}

.swal2-modal {
min-width: 450px;
border-radius: 0px;
padding: 0px !important;
}

.swal2-title {
font-size: 16px !important;
border-bottom: 1px solid #dddce1;
font-weight: 600 !important;
text-align: left;
padding: 15px 10px;
color: #2B2A31 !important;
height: auto !important;
background: #fff !important;
}

.swal2-close {
display: block !important;
padding: 5px 10px 0px 0px;
color: #2B2A31 !important;
}

.swal2-confirm {
background-color: #2D2EB7 !important;
border-radius: 4px !important;
padding: 8px 12px 8px 12px !important;
font-size: 12px !important;
}

.swal2-cancel {
padding: 8px 12px 8px 12px !important;
font-size: 12px !important;
color: #2D2EB7 !important;
background-color: #E6E9F6 !important;
}

.swal2-actions {
justify-content: flex-end !important;
/* border-top: 1px solid #dddce1 !important; */
padding: 5px 5px 5px 0px !important;
margin-top: 15px !important;
width: 100% !important;
}

.swal2-input-label {
/* justify-content: left !important;
width: 100% !important;
padding: 0px 25px;
font-size: 12px;
font-weight: 500;
color: #565563 !important;
margin: 0px !important;
z-index: 9;
margin-left: 30px !important; */
z-index: 9;
margin-left: 35px !important;
padding: 1px 5px;
background: white;
color: #565563 !important;
font-size: 12px !important;
}

.swal2-input, .swal2-select {
margin-top: -10px;
font-size: 14px !important;
color: #2B2A31 !important;
}

.swal2-close {
background-color: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: 0px !important;
outline-offset: 0px !important;
}

.status {
padding: 6px 8px;
font-size: 11px;
font-weight: 400;
border-radius: 5px;
}

.status.canceled, .status.annulée, .status.annulee, .status.annule, .status.annulé, .status.echouee, .status.failed {
    background-color: #fff4e6;
    color: #d9480f;
}

.status.completed, .status.inactif, .status.inactive {
background-color: #f4f3f5;
color: #565563;
}

.status.inprogress, .status.encours {
background-color: #f7e6ff;
color: #4d076e;
}

.status.actif, .status.active {
background-color: #E6F8F1 !important;
color: #01663D !important;
}

.status.scheduling, .status.enplanification {
background-color: #f7e6ff;
color: #4d076e;
}

.status.confirmed, .status.confirmé, .status.confirme {
background-color: #E6F8F1 !important;
color: #01663D !important;
}

.status.completed, .status.terminée, .status.terminee, .status.complété, .status.complete, .status.completee {
background-color: #E6F8F1 !important;
color: #01663D !important;
}

.status.closed, .status.fermé, .status.ferme {
background-color: #f4f3f5;
color: #565563;
}

.status.noshow, .status.absent {
background-color: #f4f3f5;
color: #565563;
}

/* .ag-root-wrapper.ag-layout-normal{
border: 0px !important;
}
.ag-header-cell-resize{
display: none !important;
}
.ag-theme-alpine, .ag-theme-alpine-dark, .ag-theme-alpine-auto-dark{
--ag-border-color: transparent !important;
--ag-secondary-border-color: transparent !important;
--ag-borders: 0px !important
} */

/* FONTS */

.fs-11px {
font-size: 11px !important;
}

.fs-12px {
font-size: 12px !important;
}

.fs-13px {
font-size: 13px !important;
}

.fs-14px {
font-size: 14px !important;
}

.fs-15px {
font-size: 15px !important;
}

.fs-16px {
font-size: 16px !important;
}

.fs-17px {
font-size: 17px !important;
}

.fs-18px {
font-size: 18px !important;
}

.fs-19px {
font-size: 19px !important;
}

.fs-20px {
font-size: 20px !important;
}

.fs-1 {
font-size: 1.75rem !important;
}

.fs-2 {
font-size: 1.5rem !important;
}

.fs-3 {
font-size: 1.35rem !important;
}

.fs-4 {
font-size: 1.25rem !important;
}

.fs-5 {
font-size: 1.15rem !important;
}

.fs-6 {
font-size: 1.075rem !important;
}

.fs-7 {
font-size: .95rem !important;
}

.fs-8 {
font-size: .85rem !important;
}

.fs-9 {
font-size: .75rem !important;
}

.fw-bold {
font-weight: 600 !important;
}

.fw-bolder {
font-weight: 700 !important;
}

.fw-900 {
font-weight: 900 !important;
}

.fw-800 {
font-weight: 800 !important;
}

.fw-700 {
font-weight: 700 !important;
}

.fw-600 {
font-weight: 600 !important;
}

.fw-500 {
font-weight: 500 !important;
}

.fw-400 {
font-weight: 400 !important;
}

.fw-300 {
font-weight: 300 !important;
}

.fw-200 {
font-weight: 200 !important;
}

.fw-100 {
font-weight: 100 !important;
}

/* Colors */
.bg-light {
background-color: #FFF !important;
}

.bg-primary {
background-color: #2D2EB7 !important;
color: #FFF !important;
}

.bg-light-primary {
background-color: #E6E9F6 !important;
}

.bg-dark {
background-color: #000 !important;
color: #FFF !important
}

.bg-warning {
background-color: #d9480f !important;
color: #fff4e6 !important;
}

.bg-light-warning {
background-color: #fff4e6 !important;
color: #d9480f !important;
}

.text-primary {
color: #2D2EB7 !important;
text-decoration: none !important;
}

.text-disabled {
color: #2D2EB7 !important;
text-decoration: none !important;
}

.text-light {
color: #FFF !important;
text-decoration: none !important;
}

.text-dark {
color: #2B2A31 !important;
text-decoration: none !important;
}

.text-danger {
color: #960E02 !important
}


.bg-light-with-border {
background-color: #FFF !important;
border: 1px solid #E8E8EB;
}

/* PANELS */
.panel .number {
position: absolute !important;
font-size: 16px !important;
right: 10px !important;
top: 0px !important;
}

/* SHADOWS */
.shadow-xs {
box-shadow: 0 0.1rem 0.75rem 0.25rem rgba(0,0,0,.05) !important;
}

.shadow-sm {
box-shadow: 0 0.1rem 1rem 0.25rem rgba(0,0,0,.05) !important;
}

.shadow {
box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0,0,0,.075) !important;
}

.shadow-lg {
box-shadow: 0 1rem 2rem 1rem rgba(0,0,0,.1) !important;
}

/* BORDER */
.rounded {
border-radius: 0.475rem !important;
}

.rounded-lg {
border-radius: 8px !important;
}

/* Padding */
.p-0 {
padding: 0rem !important;
}

.p-1 {
padding: 0.25rem !important;
}

.p-2 {
padding: 0.5rem !important;
}

.p-3 {
padding: 0.75rem !important;
}

.p-4 {
padding: 1rem !important;
}

.p-5 {
padding: 1.25rem !important;
}

.p-6 {
padding: 1.5rem !important;
}

.p-7 {
padding: 1.75rem !important;
}

.p-8 {
padding: 2rem !important;
}

.p-9 {
padding: 2.25rem !important;
}

.p-10 {
padding: 2.5rem !important;
}

.p-15 {
padding: 3.75rem !important;
}

.p-20 {
padding: 5rem !important;
}

.py-20 {
padding-bottom: 5rem !important;
padding-top: 5rem !important;
}

.py-15 {
padding-bottom: 3.75rem !important;
padding-top: 3.75rem !important;
}

.py-10 {
padding-bottom: 2.5rem !important;
padding-top: 2.5rem !important;
}

.py-9 {
padding-bottom: 2.25rem !important;
padding-top: 2.25rem !important;
}

.py-8 {
padding-bottom: 2rem !important;
padding-top: 2rem !important;
}

.py-7 {
padding-bottom: 1.75rem !important;
padding-top: 1.75rem !important;
}

.py-6 {
padding-bottom: 1.5rem !important;
padding-top: 1.5rem !important;
}

.py-5 {
padding-bottom: 1.25rem !important;
padding-top: 1.25rem !important;
}

.py-4 {
padding-bottom: 1rem !important;
padding-top: 1rem !important;
}

.py-3 {
padding-bottom: 0.75rem !important;
padding-top: 0.75rem !important;
}

.py-2 {
padding-bottom: 0.5rem !important;
padding-top: 0.5rem !important;
}

.py-1 {
padding-bottom: 0.25rem !important;
padding-top: 0.25rem !important;
}

.pt-20 {
padding-top: 5rem !important;
}

.pt-15 {
padding-top: 3.75rem !important;
}

.pt-10 {
padding-top: 2.5rem !important;
}

.pt-9 {
padding-top: 2.25rem !important;
}

.pt-8 {
padding-top: 2rem !important;
}

.pt-7 {
padding-top: 1.75rem !important;
}

.pt-6 {
padding-top: 1.5rem !important;
}

.pt-5 {
padding-top: 1.25rem !important;
}

.pt-4 {
padding-top: 1rem !important;
}

.pt-3 {
padding-top: 0.75rem !important;
}

.pt-2 {
padding-top: 0.5rem !important;
}

.pt-1 {
padding-top: 0.25rem !important;
}

.pb-20 {
padding-bottom: 5rem !important;
}

.pb-15 {
padding-bottom: 3.75rem !important;
}

.pb-10 {
padding-bottom: 2.5rem !important;
}

.pb-9 {
padding-bottom: 2.25rem !important;
}

.pb-8 {
padding-bottom: 2rem !important;
}

.pb-7 {
padding-bottom: 1.75rem !important;
}

.pb-6 {
padding-bottom: 1.5rem !important;
padding-top: 1.5rem !important;
}

.pb-5 {
padding-bottom: 1.25rem !important;
}

.pb-4 {
padding-bottom: 1rem !important;
}

.pb-3 {
padding-bottom: 0.75rem !important;
}

.pb-2 {
padding-bottom: 0.5rem !important;
}

.pb-1 {
padding-bottom: 0.25rem !important;
}

.px-20 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}

.px-15 {
padding-left: 3.75rem !important;
padding-right: 3.75rem !important;
}

.px-10 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}

.px-9 {
padding-left: 2.25rem !important;
padding-right: 2.25rem !important;
}

.px-8 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}

.px-7 {
padding-left: 1.75rem !important;
padding-right: 1.75rem !important;
}

.px-6 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}

.px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}

.px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}

.px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}

.px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}

.px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}

.pr-20 {
padding-right: 5rem !important;
}

.pr-15 {
padding-right: 3.75rem !important;
}

.pr-10 {
padding-right: 2.5rem !important;
}

.pr-9 {
padding-right: 2.25rem !important;
}

.pr-8 {
padding-right: 2rem !important;
}

.pr-7 {
padding-right: 1.75rem !important;
}

.pr-6 {
padding-right: 1.5rem !important;
}

.pr-5 {
padding-right: 1.25rem !important;
}

.pr-4 {
padding-right: 1rem !important;
}

.pr-3 {
padding-right: 0.75rem !important;
}

.pr-2 {
padding-right: 0.5rem !important;
}

.pr-1 {
padding-right: 0.25rem !important;
}

.pl-20 {
padding-left: 5rem !important;
}

.pl-15 {
padding-left: 3.75rem !important;
}

.pl-10 {
padding-left: 2.5rem !important;
}

.pl-9 {
padding-left: 2.25rem !important;
}

.pl-8 {
padding-left: 2rem !important;
}

.pl-7 {
padding-left: 1.75rem !important;
}

.pl-6 {
padding-left: 1.5rem !important;
}

.pl-5 {
padding-left: 1.25rem !important;
}

.pl-4 {
padding-left: 1rem !important;
}

.pl-3 {
padding-left: 0.75rem !important;
}

.pl-2 {
padding-left: 0.5rem !important;
}

.pl-1 {
padding-left: 0.25rem !important;
}
/* Margin */
.m-0 {
margin: 0rem !important;
}

.m-1 {
margin: 0.25rem !important;
}

.m-2 {
margin: 0.5rem !important;
}

.m-3 {
margin: 0.75rem !important;
}

.m-4 {
margin: 1rem !important;
}

.m-5 {
margin: 1.25rem !important;
}

.m-6 {
margin: 1.5rem !important;
}

.m-7 {
margin: 1.75rem !important;
}

.m-8 {
margin: 2rem !important;
}

.m-9 {
margin: 2.25rem !important;
}

.m-10 {
margin: 2.5rem !important;
}

.my-20 {
margin-bottom: 5rem !important;
margin-top: 5rem !important;
}

.my-15 {
margin-bottom: 3.75rem !important;
margin-top: 3.75rem !important;
}

.my-10 {
margin-bottom: 2.5rem !important;
margin-top: 2.5rem !important;
}

.my-9 {
margin-bottom: 2.25rem !important;
margin-top: 2.25rem !important;
}

.my-8 {
margin-bottom: 2rem !important;
margin-top: 2rem !important;
}

.my-7 {
margin-bottom: 1.75rem !important;
margin-top: 1.75rem !important;
}

.my-6 {
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important;
}

.my-5 {
margin-bottom: 1.25rem !important;
margin-top: 1.25rem !important;
}

.my-4 {
margin-bottom: 1rem !important;
margin-top: 1rem !important;
}

.my-3 {
margin-bottom: 0.75rem !important;
margin-top: 0.75rem !important;
}

.my-2 {
margin-bottom: 0.5rem !important;
margin-top: 0.5rem !important;
}

.my-1 {
margin-bottom: 0.25rem !important;
margin-top: 0.25rem !important;
}

.mt-20 {
margin-top: 5rem !important;
}

.mt-15 {
margin-top: 3.75rem !important;
}

.mt-10 {
margin-top: 2.5rem !important;
}

.mt-9 {
margin-top: 2.25rem !important;
}

.mt-8 {
margin-top: 2rem !important;
}

.mt-7 {
margin-top: 1.75rem !important;
}

.mt-6 {
margin-top: 1.5rem !important;
}

.mt-5 {
margin-top: 1.25rem !important;
}

.mt-4 {
margin-top: 1rem !important;
}

.mt-3 {
margin-top: 0.75rem !important;
}

.mt-2 {
margin-top: 0.5rem !important;
}

.mt-1 {
margin-top: 0.25rem !important;
}

.mb-20 {
margin-bottom: 5rem !important;
}

.mb-15 {
margin-bottom: 3.75rem !important;
}

.mb-10 {
margin-bottom: 2.5rem !important;
}

.mb-9 {
margin-bottom: 2.25rem !important;
}

.mb-8 {
margin-bottom: 2rem !important;
}

.mb-7 {
margin-bottom: 1.75rem !important;
}

.mb-6 {
margin-bottom: 1.5rem !important;
}

.mb-5 {
margin-bottom: 1.25rem !important;
}

.mb-4 {
margin-bottom: 1rem !important;
}

.mb-3 {
margin-bottom: 0.75rem !important;
}

.mb-2 {
margin-bottom: 0.5rem !important;
}

.mb-1 {
margin-bottom: 0.25rem !important;
}

.mx-20 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}

.mx-15 {
margin-left: 3.75rem !important;
margin-right: 3.75rem !important;
}

.mx-10 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}

.mx-9 {
margin-left: 2.25rem !important;
margin-right: 2.25rem !important;
}

.mx-8 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}

.mx-7 {
margin-left: 1.75rem !important;
margin-right: 1.75rem !important;
}

.mx-6 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}

.mx-5 {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important;
}

.mx-4 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}

.mx-3 {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important;
}

.mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}

.mx-1 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}

.mr-20 {
margin-right: 5rem !important;
}

.mr-15 {
margin-right: 3.75rem !important;
}

.mr-10 {
margin-right: 2.5rem !important;
}

.mr-9 {
margin-right: 2.25rem !important;
}

.mr-8 {
margin-right: 2rem !important;
}

.mr-7 {
margin-right: 1.75rem !important;
}

.mr-6 {
margin-right: 1.5rem !important;
}

.mr-5 {
margin-right: 1.25rem !important;
}

.mr-4 {
margin-right: 1rem !important;
}

.mr-3 {
margin-right: 0.75rem !important;
}

.mr-2 {
margin-right: 0.5rem !important;
}

.mr-1 {
margin-right: 0.25rem !important;
}

.ml-20 {
margin-left: 5rem !important;
}

.ml-15 {
margin-left: 3.75rem !important;
}

.ml-10 {
margin-left: 2.5rem !important;
}

.ml-9 {
margin-left: 2.25rem !important;
}

.ml-8 {
margin-left: 2rem !important;
}

.ml-7 {
margin-left: 1.75rem !important;
}

.ml-6 {
margin-left: 1.5rem !important;
}

.ml-5 {
margin-left: 1.25rem !important;
}

.ml-4 {
margin-left: 1rem !important;
}

.ml-3 {
margin-left: 0.75rem !important;
}

.ml-2 {
margin-left: 0.5rem !important;
}

.ml-1 {
margin-left: 0.25rem !important;
}

/* Other */
#orderDetailsBtnCancelOrder {
float: right !important;
}

.crmEntityFormView .tab {
margin-bottom: 0px !important;
}

.crmEntityFormView .cell {
padding-top: 0px;
padding-right: 10px !important;
padding-bottom: 10px !important;
padding-left: 0px !important;
}

td.textarea {
padding-top: 0px !important;
}

.crmEntityFormView textarea[readonly] {
padding: 5px !important;
}

.form-control[disabled], textarea[disabled] {
background: #f9f9f9 !important;
padding: 5px 10px !important;
border: 0px !important;
box-shadow: none !important;
}

.form-control[readonly], textarea[readonly] {
background: transparent !important;
padding: 5px 10px !important;
border: 0px solid #f9f9f9 !important
}

.crmEntityFormView .actions {
border-top: 0px !important;
padding: 0px !important
}

.crmEntityFormView .actions input {
float: right;
}

.homepage-notifications {
display: none;
}

.welcome-message {
display: none;
}

.welcome-msg-title {
font-size: 28px !important;
line-height: 32px;
color: #2D2EB7 !important;
}


.welcome-message::before {
content: "";
width: 80px;
height: 3px;
background-color: #2d2eb7;
left: 1px;
position: relative;
display: block;
top: -6px;
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
background: transparent !important;
}

.crmEntityFormView .tab-title {
border: 0px !important;
font-size: 18px !important;
font-weight: 500 !important;
}

.d-flex {
display: flex !important;
}

.align-items-center {
align-items: center !important;
}

.flex-stack {
align-items: center;
justify-content: space-between;
}

.flex-row-fluid {
flex: 1 1 auto;
min-width: 0;
}

.link-notification {
width: 150px;
height: 50px
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child {
border-right: 0px !important
}

.btn-collapse .chevron:after {
content: "";
width: 10px;
height: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #2d2eb7;
display: block;
margin-bottom: 7px;
}

.btn-collapse.collapsed .chevron:after {
content: "";
width: 10px;
height: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 0px solid #2d2eb7;
border-top: 5px solid #2d2eb7 !important;
display: block;
margin-bottom: 0px;
margin-top: 7px !important;
}

.btn-help button .chevron:after {
content: "";
width: 10px;
height: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #2d2eb7;
display: block;
margin-bottom: 7px;
}

.btn-help.collapsed button .chevron:after {
content: "";
width: 10px;
height: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 0px solid #2d2eb7;
border-top: 5px solid #2d2eb7 !important;
display: block;
margin-bottom: 0px;
margin-top: 7px !important;
}

.dropdown .chevron:after {
content: "";
width: 10px;
height: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #ffffff;
display: block;
margin-top: 7px;
}

.dropdown.open .chevron:after {
content: "";
width: 10px;
height: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0px solid #ffffff;
border-bottom: 5px solid #ffffff !important;
display: block;
margin-bottom: 0px;
margin-top: 0px !important;
}

.search-container {
display: none;
width: 300px;
}

.search-container input[type=text] {
width: 85%;
outline: 0px !important;
}

textarea {
min-height: 42px !important;
}

select {
min-height: 40px;
border: 2px solid #e8e8eb !important;
box-shadow: none !important;
border-radius: 6px !important;
}

/* 
.input-wrapper {
--padding: 10px;
--focus-color: #565563;
position: relative;
display: flex;
align-items: center;
margin: 10px 0px;
}

.input-wrapper input, .input-wrapper select {
padding: var(--padding);
color: #2B2A31 !important;
font-size: 14px !important;
}

.placeholder {
position: absolute;
background-color: white;
color: #565563;
font-size: 12px;
font-weight: 500 !important;
left: var(--padding);
bottom: 5px;
padding: 0 4px;
transition: all 0.2s ease-in;
}

.input-wrapper input:is(:focus, :valid), .input-wrapper select:is(:focus, :valid) {
border: 2px solid var(--focus-color);
}

.input-wrapper input:is(:focus, :valid) + .placeholder {
transform: translatey(calc(-1 * var(--padding) - 12px));
color: var(--focus-color);
}
.input-wrapper select:is(:focus, :valid) + .placeholder {
transform: translatey(calc(-1 * var(--padding) - 12px));
color: var(--focus-color);
} */

.input-wrapper {
position: relative;
margin: 15px 0;
}

.input-wrapper.info {
display: flex;
margin-left: 10px;
margin-bottom: -15px;
}

.input-wrapper.info label {
/* background: white; */
z-index: 2 !important;
padding: 1px 10px;
font-size: 12px !important;
font-weight: 500 !important;
background: linear-gradient(0deg, rgb(7 7 7 / 0%) 0%, rgb(255 255 255) 50%, rgba(255, 255, 255, 1) 100%);
}

.input-wrapper select,
.input-wrapper input,
.input-wrapper textarea {
display: block;
border-radius: 6px !important;
border: 2px solid #E8E8EB !important;
box-shadow: none !important;
}

::placeholder {
font-size: 12px !important;
color: #565563 !important;
}

.emailaddress {
cursor: pointer;
height: 40px !important;
border: 2px solid #E8E8EB !important;
font-size: 14px !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
padding: 8px !important;
display: block !important;
border-radius: 6px !important;
text-decoration: none !important;
}

.disabled .emailaddress, .disabled label {
font-weight: 500 !important;
color: #B3B2BD !important;
}

/*
.input-wrapper {
position: relative;
margin: 15px 0;
}

.input-wrapper select,
.input-wrapper input,
.input-wrapper textarea {
display: block;
border-radius: 6px !important;
border: 2px solid #E8E8EB !important;
box-shadow: none !important;
&:focus {
outline: none;
}
&:focus ~ label,
&:valid ~ label {
top: -14px;
padding: 5px 10px;
background-color: #FFF;
font-size: 12px !important;
color: #565563;
}
}

.input-wrapper label {
position: absolute;
pointer-events: none;
left: 10px;
top: 10px;
font-size: 12px !important;
color: #565563;
font-weight: 400 !important;
transition: 300ms ease all;
}

.input-wrapper label.lbl-valid {
top: -14px;
padding: 5px 10px;
background-color: #FFF;
}

.input-wrapper label.lbl-error {
color: rgb(155, 10, 10) !important;
}
*/
.crmEntityFormView .cell div.info.required div.validators {
display: block !important;
}
/* #btnEditQuantity{
position: absolute;
right: 30px;
margin-top: 7px;
} */

.service-container {
border: 1px solid #E8E8EB;
border-radius: 8px;
}

.service-container:has(table[style*="display: none;"]) {
border: 0px !important;
}

#ProtocolServicesTable tbody tr {
border-top: 1px solid #E8E8EB;
border-bottom: 1px solid #E8E8EB;
}

/* AG GRID */
.ag-tool-panel-wrapper {
background-color: #ffffff !important;
padding: 30px 25px;
line-height: 16px;
}

.ag-tool-panel-horizontal-resize {
background: #fff !important;
}

.ag-theme-alpine {
--ag-grid-size: 5px;
--ag-list-item-height: 20px;
}

.ag-row-odd {
background-color: white !important;
}

.ag-root-wrapper {
border: 0px !important;
}

.ag-header, .ag-advanced-filter-header {
border-bottom: 0px !important
}

.ag-header-cell-text {
font-size: 12px !important;
font-weight: 600 !important;
color: #2B2A31 !important;
line-height: 16px !important;
}

.ag-header-cell-resize::after {
background-color: #f4f4f4 !important;
}

.ag-theme-alpine .ag-row.ag-row-level-0, .ag-theme-alpine-dark .ag-row.ag-row-level-0, .ag-theme-alpine-auto-dark .ag-row.ag-row-level-0 {
    height: 52px !important;
    border: 0px !important;
    border-radius: 16px !important;
    box-shadow: 0 0.1rem 0rem 0.1rem #b3b2bd36 !important;
}

.consigne-grid .ag-row {
border-radius: 0px !important;
}

.ag-cell {
font-size: 12px !important;
color: #2B2A31 !important;
}

.ag-ltr .ag-cell {
padding-left: 18px !important
}

.ag-paging-panel {
border: 0px !important;
margin: 15px 0px 10px 0px;
}

.ag-paging-button.ag-disabled .ag-icon {
color: #B3B2BD !important;
}

.ag-icon-last, .ag-icon-first {
color: #2D2EB7 !important;
font-size: 24px !important;
}

.ag-icon-next, .ag-icon-previous {
color: #2D2EB7 !important;
font-size: 20px !important;
}

.ag-paging-description {
padding: 0px 20px;
}

.ag-32-start-page {
display: none;
}

.ag-32-of-page {
margin: 0px 3px;
}

/* .hiddenList{
display: none;
} */

#bst_instructions, #bst_instructionsen, #bst_servicesinstructionsconcatfr, #bst_servicesinstructionsconcat {
padding: 15px;
border: 1px solid #E8E8EB;
border-radius: 10px;
background: white;
color: #2B2A31;
font-size: 12px;
font-weight: 600;
}

#bst_instructions div ul, #bst_instructionsen div ul,
#bst_servicesinstructionsconcatfr div ul, #bst_servicesinstructionsconcat div ul {
font-weight: 500 !important;
font-size: 12px !important;
padding-inline-start: 10px;
font-family: LabGrotesque !important;
}

    #bst_servicesinstructionsconcat td, #bst_servicesinstructionsconcatfr td, #bst_instructions td, #bst_instructionsen td {
        width: 100%;
    }

.btn.remove-value {
display: none;
}


/* format detailDialog modal popup to be floating on the right of screen */
@media (min-width: 1024px) {
.detailsDialogPopup .modal-lg {
width: 50%;
max-width: 50%;
float: right;
/* fullscreen modal */
position: fixed;
height: 100%;
margin: 0px;
right: 0px;
background-color: white;
}
/* .container,.container-lg {max-width: 90%;} */
}

@media (min-width: 1200px) {
.detailsDialogPopup .modal-lg {
width: 50%;
max-width: min(50%, 1600px);
float: right;
/* fullscreen modal */
position: fixed;
height: 100%;
margin: 0px;
right: 0px;
background-color: white;
}
/*   .container,.container-lg {max-width: 90%;} */
}

.detailsDialogPopup .modal-content {
height: 90vh;
}

.detailsDialogPopup .modal-body {
float: left;
width: 100%;
height: 100%;
}

.modal-form.detailsDialogPopup .modal-body iframe {
height: 100%;
width: 100%;
}

@media (min-width: 1200px) {
.detailsDialogPopup .container-lg {
max-width: min(90%, 1600px);
}

body .model-open {
padding-right: 0px !important;
}
}

.detailsDialogPopup-radio label {
padding-right: 20px;
}

div.modal-form-details.detailsDialogPopup .modal-body iframe {
height: 100% !important;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child {
min-width: 220px !important;
margin-left: 15px;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:nth-child(3) {
margin-left: 5px;
}
/* html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child div.info label{
border: 0px !important;
background: none !important;
padding: 0px 20px !important;
}
td.clearfix.cell.checkbox-cell{
max-width: 38px;
}
html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.info{
}
html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.info label{
cursor: pointer;
padding: 10px;
background: #cee2f5;
z-index: 2;
position: relative;
}
html[dir=ltr] .crmEntityFormView .cell div.control span.checkbox input[type=checkbox]{
z-index: 1;
margin-left: 30px;
margin-top: -1px;
} */
tr:has(td.checkbox-cell) {
display: inline-flex !important;
}

td div:has(span input:checked) .info label {
background-color: wheat;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.info label {
display: none;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child div.info label {
margin-left: 5px !important;
display: block;
}

html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child .checkbox input {
appearance: initial !important;
height: 20px !important;
width: 20px !important;
border-radius: 4px !important;
}

#bst_isavailablemondayam,
#bst_isavailablemondaypm,
#bst_isavailabletuesdayam,
#bst_isavailabletuesdaypm,
#bst_isavailablewednesdayam,
#bst_isavailablewednesdaypm,
#bst_isavailablethursdayam,
#bst_isavailablethursdaypm,
#bst_isavailablefridayam,
#bst_isavailablefridaypm {
background-color: #2d2eb7 !important;
border: 1px solid #CCC;
}

#bst_isavailablemondayam::before,
#bst_isavailablemondaypm::before,
#bst_isavailabletuesdayam::before,
#bst_isavailabletuesdaypm::before,
#bst_isavailablewednesdayam::before,
#bst_isavailablewednesdaypm::before,
#bst_isavailablethursdayam::before,
#bst_isavailablethursdaypm::before,
#bst_isavailablefridayam::before,
#bst_isavailablefridaypm::before {
background-color: #fff !important;
}

#bst_isavailablemondaypm,
#bst_isavailabletuesdaypm,
#bst_isavailablewednesdaypm,
#bst_isavailablethursdaypm,
#bst_isavailablefridaypm {
border-top-right-radius: 6px 6px !important;
border-bottom-right-radius: 6px 6px !important;
margin-left: -5px !important;
}

#bst_isavailablemondayam,
#bst_isavailabletuesdayam,
#bst_isavailablewednesdayam,
#bst_isavailablethursdayam,
#bst_isavailablefridayam {
border-top-left-radius: 6px 6px !important;
border-bottom-left-radius: 6px 6px !important;
}

#bst_isavailablemondayam::after,
#bst_isavailablemondaypm::after,
#bst_isavailabletuesdayam::after,
#bst_isavailabletuesdaypm::after,
#bst_isavailablewednesdayam::after,
#bst_isavailablewednesdaypm::after,
#bst_isavailablethursdayam::after,
#bst_isavailablethursdaypm::after,
#bst_isavailablefridayam::after,
#bst_isavailablefridaypm::after {
color: #cdcdcd;
font-size: 11px;
font-weight: 600;
}

.checkbox input {
appearance: none;
height: 35px;
width: 35px;
background-color: #2D2EB7;
border-radius: 0px;
position: relative;
overflow: hidden;
cursor: pointer;
margin: 0px !important;
border: 1px solid #FFF;
}

.checkbox input[disabled] {
background-color: #D1D1D1;
}

.cell.checkbox-cell:nth-child(2) .checkbox input:after {
content: " AM " !important;
color: #999;
}

.cell.checkbox-cell:nth-child(3) .checkbox input:after {
content: " PM " !important;
color: #999;
}

.checkbox input:after {
content: "\2713";
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
color: #e9e9e9;
z-index: 99;
/* transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55); */
}

.checkbox input:before {
content: "";
position: absolute;
top: 0%;
left: 0px;
height: 200%;
width: 200%;
background: #e9e9e9;
z-index: 0;
/* transition: all 0.2s linear; */
transform: scale(0.6) translate(-50%, -50%);
}
/* .checkbox input:hover{
color: #e9e9e9 !important;
} */
.checkbox input:hover:before,
.checkbox input:focus-visible:before {
background: #cacaca;
top: -1%;
left: 20%;
}

.checkbox input:checked:before {
top: -100%;
}

.checkbox input:checked:after {
color: white;
}

.checkbox input:checked {
box-shadow: 0px 4px 10px -6px black;
}

.checkbox input:focus-visible {
outline: none;
box-shadow: 0px 0px 0px 5px #480f5d;
}

.checkbox input[type="checkbox"]:focus {
outline: none;
outline: 0px;
outline-offset: 0px;
}

#content-container.quickform:has(table[data-name="Dates"]) {
padding: 0px !important;
}

td:has(#bst_purchaseorderid_name) {
padding-top: 25px;
}

td:has(.control input[type=text]) .info,
td:has(.control input[type=email]) .info,
td:has(.control textarea) .info,
td:has(.control select) .info {
display: flex;
margin-left: 10px;
margin-bottom: -15px;
position: relative;
}

td:has(.control input[type=text]) .info label,
td:has(.control input[type=email]) .info label,
td:has(.control textarea) .info label,
td:has(.control select) .info label {
z-index: 2 !important;
padding: 1px 10px;
font-size: 12px !important;
font-weight: 500 !important;
background: linear-gradient(0deg, rgb(7 7 7 / 0%) 0%, rgb(255 255 255) 50%, rgba(255, 255, 255, 1) 100%);
}

td:has(textarea[readonly]) .info {
margin-left: 0px !important;
}

td:has(.hiddenCell) {
    display: none;
}

.entity-grid .view-grid > table > tbody > tr {
display: table-row !important;
}

.validation-summary.alert {
background-color: transparent !important
}

.validation-summary h2 {
background: transparent !important;
color: inherit !important;
font-size: 20px !important;
height: unset !important;
}

.validation-summary li a {
color: inherit !important;
}

div[data-name=bst_servicerequestgeneraltab] legend,
div[data-name=Availability] legend {
display: flex;
}

div[data-name=bst_servicerequestgeneraltab] legend::before,
div[data-name=Availability] legend::before {
content: "";
background: #fef4ef;
height: 30px;
width: 30px;
display: inline-block;
margin-right: 10px;
margin-top: 15px;
padding: 8px;
border-radius: 15px;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
background-image: url(/info-edit.png) !important;
}

div[data-name=bst_servicerequestgeneraltab] legend h3,
div[data-name=Availability] legend h3 {
color: #2B2A31 !important;
}

div[data-name=bst_servicerequestgeneraltab] table[data-name=Info],
div[data-name=Availability] table[data-name=Info] {
position: absolute;
top: 10px;
left: 150px;
width: 90%;
}

div[data-name=bst_servicerequestgeneraltab] table[data-name=Info] colgroup,
div[data-name=Availability] table[data-name=Info] colgroup {
display: none;
}

div[data-name=bst_servicerequestgeneraltab] table[data-name=Info] .crmEntityFormView .cell,
div[data-name=Availability] table[data-name=Info] .crmEntityFormView .cell {
padding-right: 0px !important
}

div[data-name=bst_servicerequestgeneraltab] table[data-name=Info] tbody,
div[data-name=Availability] table[data-name=Info] tbody {
display: flex;
}
/* div[data-name=bst_servicerequestgeneraltab] table[data-name=Info] tbody tr{
min-width: 100%;
display: flex;
} */
div[data-name=bst_servicerequestgeneraltab] table[data-name=Info] tbody tr .info,
div[data-name=Availability] table[data-name=Info] tbody tr .info {
margin-bottom: -8px !important;
}

div[data-name=bst_servicerequestgeneraltab] table[data-name=Info] .form-control[readonly][disabled],
div[data-name=bst_servicerequestgeneraltab] table[data-name=Info] .form-control[readonly],
div[data-name=Availability] table[data-name=Info] .form-control[readonly][disabled],
div[data-name=Availability] table[data-name=Info] .form-control[readonly] {
background: transparent !important;
border: 0px !important;
/* font-weight: 600 !important; */
}

div[data-name=bst_servicerequestgeneraltab] .field-label, div[data-name=Availability] .field-label,
div[data-name=Availability] .field-label, div[data-name=Availability] .field-label {
padding: 0px !important;
}

#togggleMoreInfoProtocolButton {
position: absolute;
top: 10px;
right: 50px;
z-index: 2;
}

.modal-body .form-horizontal {
padding: 15px 10px;
}

.form-control-static:has(input[type=file]), #AttachFile {
display: flex;
}

#AttachFile {
display: inline !important;
}

.form-control-static:has(input[type=file])::before, #AttachFile::before {
content: "";
width: 15px;
height: 15px;
margin: 10px 5px 0 0px;
background-image: url(/icone-upload-file.png);
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
}

input[type="file"]::file-selector-button {
border-radius: 4px;
padding: 0px;
height: 40px;
background-color: transparent;
border: 0px solid rgba(0, 0, 0, 0.16);
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
margin-right: 16px;
color: #2D2EB7;
cursor: pointer;
}

input[type="file"] {
font-size: 12px;
}

#bst_contactid_lookupmodal div.modal-dialog {
width: 100%;
margin: 0px;
height: 80%;
background: white;
}

#bst_contactid_lookupmodal modal-lookup div.modal-dialog div.modal-content {
height: 662px;
}

#bst_contactid_lookupmodal section.modal-lookup div.modal-dialog div.modal-content div.modal-body {
height: 552px; /*mid section*/
}
#bst_contactid_lookupmodal div.modal-dialog div.modal-content div.modal-body div.entity-grid {
height: 100%;
}

#bst_contactid_lookupmodal div.modal-dialog div.modal-content div.modal-body div.entity-grid div.view-grid {
max-height: 520px !important;
height: 440px !important;
}

div.modal-form.modal-form-edit div.modal-content {
height: 662px; /*whole popup*/
overflow-y: clip;
}

#bst_contactid_lookupmodal section.modal-form.modal-form-insert div.modal-dialog div.modal-content div.modal-body iframe,
#contactList div.entitylist div.modal-dialog div.modal-content div.modal-body iframe,
#orderList div.entitylist div.modal-dialog div.modal-content div.modal-body iframe 
{
    height: 607px;
}

#bst_contactid_lookupmodal div.modal-dialog .modal-content .modal-header {
display: none;
}

#bst_contactid_lookupmodal div.modal-dialog .modal-content {
box-shadow: none;
}

.hiddenList:has(div[data-name=SUMMARY_TAB]) .tab-column fieldset {
background: transparent !important;
box-shadow: none !important;
}

tr:has(#bst_requestedstartdate_datepicker_description) {
display: flex !important;
margin-top: 15px;
}

#bst_requestedstartdate_datepicker_description,
#bst_requestedenddate_datepicker_description {
min-width: 150px;
}

#bst_ispartnerclinicpreferred {
display: flex;
}

.nav.nav-pills li {
background-color: #E8E8EB;
}

.nav.nav-pills li a {
color: #565563 !important;
}

.nav.nav-pills li.active {
background-color: #E6E9F6;
border-right: 6px solid #2D2EB7;
}

.nav.nav-pills li.active a {
background-color: transparent !important;
color: #2D2EB7 !important;
}

div[data-name=Order_Details] h3 {
padding: 8px 16px;
background: #F4F3F5;
width: max-content;
color: #565563 !important;
font-size: 14px !important;
}

table[data-name=tab_4_section_1] td:has(#createdon_datepicker_description),
table[data-name=tab_1_column_1_section_1] td:has(#bst_accountid_name),
table[data-name=tab_1_column_1_section_1] td:has(#bst_protocolcategoryid_name),
table[data-name=tab_4_section_1] td:has(#bst_protocolid_name),
table[data-name=tab_4_section_1] td:has(#bst_purchaseorder),
table[data-name=tab_4_section_1] td:has(#bst_listofservices),
table[data-name=Order_Details_section_3] td:has(#bst_requestedclinicid_name),
table[data-name=Order_Details_section_3] td:has(#bst_availabilityconcat),
table[data-name=Order_Details_section_3] td:has(#bst_availabilityconcatfr),
table[data-name=Order_Details_section_3] td:has(#bst_appointmentactualstartdate_datepicker_description),
table[data-name=Order_Details_section_3] td:has(#bst_clinicid_name),
table[data-name=Order_Details_section_3] td:has(#bst_consultationmethodid_name),
table[data-name=Order_Details_section_3] td:has(#statuscode_EntityStatus),
td:has(#bst_examresultsstatuscode),
td:has(#bst_billingstatuscode) {
padding-right: 10px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
margin-bottom: 0px !important;
display: flex;
}

table[data-name=tab_4_section_1] td:has(#createdon_datepicker_description) .info label,
table[data-name=tab_1_column_1_section_1] td:has(#bst_accountid_name) .info label,
table[data-name=tab_1_column_1_section_1] td:has(#bst_protocolcategoryid_name) .info label,
table[data-name=tab_4_section_1] td:has(#bst_protocolid_name) .info label,
table[data-name=tab_4_section_1] td:has(#bst_purchaseorder) .info label,
table[data-name=tab_4_section_1] td:has(#bst_listofservices) .info label,
table[data-name=Order_Details_section_3] td:has(#bst_requestedclinicid_name) .info label,
table[data-name=Order_Details_section_3] td:has(#bst_availabilityconcat) .info label,
table[data-name=Order_Details_section_3] td:has(#bst_availabilityconcatfr) .info label,
table[data-name=Order_Details_section_3] td:has(#bst_appointmentactualstartdate_datepicker_description) .info label,
table[data-name=Order_Details_section_3] td:has(#bst_clinicid_name) .info label,
table[data-name=Order_Details_section_3] td:has(#bst_consultationmethodid_name) .info label,
td:has(#bst_examresultsstatuscode) .info label,
td:has(#bst_billingstatuscode) .info label,
table[data-name=Order_Details_section_3] td:has(#statuscode_EntityStatus) .info label {
min-width: 180px;
margin-top: 5px;
font-size: 14px !important;
color: #565563 !important;
}

table[data-name=tab_4_section_1] td:has(#createdon_datepicker_description) input[type=text],
table[data-name=tab_1_column_1_section_1] td:has(#bst_accountid_name) input[type=text],
table[data-name=tab_1_column_1_section_1] td:has(#bst_protocolcategoryid_name) input[type=text],
table[data-name=tab_4_section_1] td:has(#bst_protocolid_name) input[type=text],
table[data-name=tab_4_section_1] td:has(#bst_purchaseorder) input[type=text],
table[data-name=tab_4_section_1] td:has(#bst_listofservices) textarea,
table[data-name=Order_Details_section_3] td:has(#bst_requestedclinicid_name) input[type=text],
table[data-name=Order_Details_section_3] td:has(#bst_availabilityconcat) textarea,
table[data-name=Order_Details_section_3] td:has(#bst_availabilityconcatfr) textarea,
table[data-name=Order_Details_section_3] td:has(#bst_appointmentactualstartdate_datepicker_description) input[type=text],
table[data-name=Order_Details_section_3] td:has(#bst_clinicid_name) input[type=text],
table[data-name=Order_Details_section_3] td:has(#bst_consultationmethodid_name) input[type=text],
td:has(#bst_examresultsstatuscode) select,
td:has(#bst_billingstatuscode) select {
background: transparent !important;
border: 0px !important;
min-width: 400px;
max-height: 35px;
font-weight: 600;
color: #232740 !important
}

#statuscode_label {
margin-left: 20px;
}

table[data-name=tab_1_column_1_section_1] tr td:empty,
table[data-name=Order_Details_section_3] tr td:empty,
#QvPurchaseOrder tr td:empty {
display: none !important;
}

table[data-name=tab_4_section_1] .crmquickform-cell {
padding-bottom: 0px !important;
margin: 0px;
}

tr td:has(#bst_protocolid_name) {
margin-top: -20px;
margin-bottom: 20px;
}

.ag-input-field-input.ag-text-field-input {
padding: 0px !important;
margin: 0px !important;
background: transparent !important;
border: 0px !important;
font-size: 12px !important;
color: #2d2eb7 !important;
}

.ag-header-row.ag-header-row-column-filter {
background: linear-gradient(180deg, rgb(245 247 255) 0%, rgba(255, 255, 255, 1) 70%);
}

div[data-name=Order_Details] {
border: 1px solid #E8E8EB;
padding: 0px 15px;
border-radius: 8px;
background: #fff;
}

table[data-name=Candidate_Employee] .input-group:has(input#bst_contactid_name) {
width: 100%;
}

#EntityFormPanel table[data-name=tab_4_section_1] tr,
#EntityFormPanel table[data-name=Order_Details_section_3] tr,
#EntityFormPanel table[data-name=Order_Details_section_4] tr {
display: flex;
font-size: 14px !important;
padding: 5px 0px;
}

table[data-name=tab_4_section_1] tr td:first-child,
table[data-name=Order_Details_section_3] tr td:first-child,
table[data-name=Order_Details_section_4] tr td:first-child {
min-width: 200px !important;
}

table[data-name=tab_4_section_1] tr td:last-child,
table[data-name=Order_Details_section_3] tr td:last-child,
table[data-name=Order_Details_section_4] tr td:last-child {
min-width: 300px !important;
}

table[data-name=tab_4_section_1] label,
table[data-name=Order_Details_section_3] label,
table[data-name=Order_Details_section_4] label {
font-size: 14px !important;
}

#headerPresentationTable {
width: 100%;
}

#headerPresentationTable tr:first-child td {
padding: 0px 0px 15px 0px;
color: #2B2A31;
font-size: 13px !important;
}

.timelineheader .addnote {
margin-top: -25px !important;
}

.notes {
padding: 15px 0px;
}

.note .row {
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .075);
border-radius: 8px;
margin: 15px 0px !important;
}

.note .row .header {
padding-top: 10px !important;
padding-bottom: 0px !important;
background: linear-gradient(180deg, rgb(245 247 255) 0%, rgba(255, 255, 255, 1) 83%)
}

.note .row .header .portalcommenticon {
width: max-content !important;
}

.note .row .content {
padding-top: 10px !important;
padding-bottom: 0px !important;
}

.note .row .content .description p {
font-size: 14px !important;
color: #2B2A31 !important;
}

.note .row .content h5 {
font-size: 12px !important;
font-weight: 600 !important;
}

.entity-timeline .note .attachment-outer-border {
border: 0px !important;
}

.entity-timeline div:nth-of-type(even).note {
background-color: transparent !important;
}

.row .metadata .postedon {
padding-bottom: 0px !important;
}

.portalcommenticon span {
padding: 8px;
background: aliceblue;
border-radius: 50%;
color: #2d2eb7;
font-size: 16px !important;
}

#WebFormControl_0340986d865b4f2eab476e7619bb1c3b .actions .col-sm-6 {
width: 100% !important;
text-align: right !important;
padding: 0px !important;
}

.swal2-html-container:has(.swal2-input) {
display: contents !important;
}

.info:has(#bst_provincestateid_label) {
margin-top: 15px !important;
}

.form-action-container-right #btncancel {
margin-right: 10px;
}

.role {
margin-right: 5px !important;
border-radius: 20px !important;
padding: 2px 8px !important;
background: #FFFFFF !important;
border: 1px solid #E6E9F6 !important;
color: #5A5CD4 !important;
font-size: 12px;
}

#bst_groupavailabilitypreferences #bst_groupavailabilitypreferences_1,
#bst_groupavailabilitypreferences #bst_groupavailabilitypreferences_0,
#bst_availabilitypreferencecode #bst_availabilitypreferencecode_1,
#bst_availabilitypreferencecode #bst_availabilitypreferencecode_0 {
margin: 10px 0px 0px 0px
}

#bst_groupavailabilitypreferences label,
#bst_availabilitypreferencecode label {
margin-top: -18px;
position: absolute;
margin-left: 30px;
}

label[for='adx_preferredlanguageid_b7c34d62-e60e-ee11-8f6e-000d3a09dcca'],
label[for='adx_preferredlanguageid_a2d4fe65-e60e-ee11-8f6e-000d3af454d1'] {
position: absolute;
margin-top: -18px;
margin-left: 30px;
}

#adx_preferredlanguageid #adx_preferredlanguageid_b7c34d62-e60e-ee11-8f6e-000d3a09dcca,
#adx_preferredlanguageid #adx_preferredlanguageid_a2d4fe65-e60e-ee11-8f6e-000d3af454d1 {
margin: 10px 0px 0px 0px
}

.modal-lg:has(#modalTitleID_43d26bea-f8c5-ee11-9079-000d3af454d1) {
width: 50%;
max-width: 50%;
float: right;
position: fixed;
height: 100%;
margin: 0px;
right: 0px;
background-color: white;
}

.modal-lg:has(#modalTitleID_43d26bea-f8c5-ee11-9079-000d3af454d1) .modal-content {
box-shadow: none !important;
}

#tabSelector {
margin-top: 20px;
}

.tab-column fieldset[aria-label='Appointment Date'],
.tab-column fieldset[aria-label='Date du rendez-vous'],
.tab-column fieldset[aria-label='Candidate / Employee'],
.tab-column fieldset[aria-label='Candidat / Employé'] {
border-radius: 10px;
border: 1px solid #ccc;
padding: 2px 10px;
}

.tab-column fieldset[aria-label='Appointment Date'] legend,
.tab-column fieldset[aria-label='Date du rendez-vous'] legend,
.tab-column fieldset[aria-label='Candidate / Employee'] legend,
.tab-column fieldset[aria-label='Candidat / Employé'] legend {
margin: 0px !important;
padding: 10px 5px !important;
width: auto;
display: flex !important;
}

.tab-column fieldset[aria-label='Appointment Date'] legend h3,
.tab-column fieldset[aria-label='Date du rendez-vous'] legend h3,
.tab-column fieldset[aria-label='Candidate / Employee'] legend h3,
.tab-column fieldset[aria-label='Candidat / Employé'] legend h3 {
padding: 0px !important;
margin-top: 15px !important;
font-weight: 600 !important;
}

.tab-column fieldset[aria-label='Appointment Date'] legend:before,
.tab-column fieldset[aria-label='Date du rendez-vous'] legend::before,
.tab-column fieldset[aria-label='Candidate / Employee'] legend::before,
.tab-column fieldset[aria-label='Candidat / Employé'] legend::before {
content: "";
background: #e7e9f6;
height: 30px;
width: 30px;
display: inline-block;
margin-right: 10px;
margin-top: 10px;
padding: 8px;
border-radius: 15px;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
}

.tab-column fieldset[aria-label='Appointment Date'] legend:before,
.tab-column fieldset[aria-label='Date du rendez-vous'] legend::before {
background-image: url(/blue-calendar-icone.png) !important;
}

.tab-column fieldset[aria-label='Candidat / Employé'] legend:before,
.tab-column fieldset[aria-label='Candidate / Employee'] legend::before {
background-image: url(/blue-user-icone.png) !important;
}

.tab-column fieldset[aria-label='Appointment Date'] table h2,
.tab-column fieldset[aria-label='Date du rendez-vous'] table h2 {
font-size: 18px !important;
}

.tab-column fieldset[aria-label='Appointment Date'] table td,
.tab-column fieldset[aria-label='Date du rendez-vous'] table td {
vertical-align: text-top !important;
padding: 0px 0px 15px 0px;
}

/* .tab-column fieldset[aria-label='Appointment Date'] .info,
.tab-column fieldset[aria-label='Date de rendez-vous'] .info{
margin-left: 0px !important;
margin-bottom: 0px !important;
}

.tab-column fieldset[aria-label='Appointment Date'] .info label,
.tab-column fieldset[aria-label='Date de rendez-vous'] .info label{
font-size: 16px !important;
color: #2B2A31 !important;
}

.tab-column fieldset[aria-label='Appointment Date'] textarea,
.tab-column fieldset[aria-label='Date de rendez-vous'] textarea{
border: 0px !important;
background-color: #FFF !important;
} */

fieldset table[data-name='Availability_section_2'] {
width: 420px !important;
}

table[data-name='Availability_section_2'] thead tr {
display: inline-flex !important;
background: #F4F3F5 !important;
border-radius: 15px 15px 0px 0px !important;
padding: 10px !important;
border-bottom: 2px solid #E8E8EB !important;
}

table[data-name='Availability_section_2'] thead tr th:first-child {
min-width: 220px !important;
}

table[data-name='Availability_section_2'] thead tr th:last-child {
margin-left: 15px;
min-width: 165px;
}

table[data-name='Availability_section_2'] thead tr th {
font-size: 14px;
color: #565563;
font-weight: 600;
}

table[data-name='Availability_section_2'] tbody tr {
border: 1px solid #E8E8EB !important;
min-width: 420px !important;
}

table[data-name='Availability_section_2'] tbody tr td:first-child {
padding: 15px;
border-right: 1px solid #E8E8EB;
}

table[data-name='Availability_section_2'] tbody tr:last-child {
border: 0px !important;
display: none;
}

table[data-name='Availability_section_2'] tbody tr:has(td.checkbox-cell) td {
margin-top: -7px !important;
margin-left: 10px !important;
margin-bottom: 5px !important;
}

.input-wrapper #bst_availabilitypreferencecode_label {
padding: 0px !important;
margin-left: -10px !important;
margin-bottom: 15px !important;
}

.control:has(#bst_availabilitypreferencecode) br {
display: none;
}

.modal-header button.close {
color: #2D2EB7 !important;
background-color: #E6E9F6 !important;
border-radius: 4px !important;
font-size: 18px !important;
padding: 8px 12px 8px 12px !important;
font-weight: 600;
line-height: 20px;
margin: 0px 0px 0px 5px !important;
}

#rowButton a {
color: #041B78 !important;
font-size: 13px !important;
}

#btnAddOrder:disabled {
background: #E8E8EB !important;
color: #565563 !important;
}

#adx_preferredlanguageid {
display: flex;
margin-top: 10px;
}

#adx_preferredlanguageid label {
margin-top: 10px !important;
margin-right: 30px !important;
margin-left: 5px !important;
position: relative !important;
}

#candidateHeaderRow img {
vertical-align: baseline;
width: 20px;
margin-right: 5px;
}

#EntityFormPanel fieldset table[data-name=Appointment_Date] {
display: table;
}

#EntityFormPanel fieldset table[data-name=Appointment_Date] tbody {
display: table-row-group;
}

#EntityFormPanel fieldset table[data-name=Appointment_Date] tbody tr {
display: table-row;
}

#EntityFormPanel fieldset table[data-name=Appointment_Date] tbody tr td {
display: table-cell;
}
/* .swal2-html-container .alert{
margin: 10px 25px !important;
} */
.sweet_loader {
width: 100px;
height: 100px;
margin: 0 auto;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: ro;
transform-origin: 50% 50%;
transform: rotate(0) translate(0,0);
}

@keyframes ro {
100% {
transform: rotate(-360deg) translate(0,0);
}
}

.info:has(#parentcustomerid_label) {
margin-top: 15px !important;
}

#bst_groupavailabilitypreferences_label {
font-weight: 700 !important;
}