@import url("/SanteTheme/Theme.SanteTheme.css?973");

/*CustomerService-specific variables */
:root {
--header-size: 85px;
}

.dropdown .dropdown-content .dropdown-content-list {
    width: 240px;   
}

.ellips-txt {
    width: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TableRecords .noPaddingCell {
    padding: 0;
    width: 2%;
}

/*Attachments Preview Modal */
.modal-wrapper.modal-wrapper-preview {
    max-width: fit-content;
    min-width: 400px;
}

.addTasksToTimeLineContainer {
    font-size: 18px;
    border-top: 1px solid lightgrey;
    padding-top: 10px;
}

/* Moved here from StickyNoteAttachments */
.AttachmentsList li {
    list-style-position: inside;
    width: 100%;
}

.AttachmentsList ul {
    margin-left: -30px;
}

/* Moved here from TimeLine */
.MonthSeparator {
    border-bottom: 3px solid var(--color-primary);
    margin-bottom: 2px;
    padding: 1px 2px;
    font-weight: bold;
}

/* Moved here from ActionEmailTimer */
.FAiconNo.cancelOnHover:before {;
    background: rgba(256, 256, 256, 6);
    padding: 3px 3px 3px 3px;
    border-radius: 0.25rem;
    white-space: nowrap;
    color: var(--color-neutral-7);}
    
.TimerBalloon .balloon-content {
    padding: 0;
}

.task-history__title .tippy-popper {
    top: 10px !important;
}

/* Moved here from CommunicationTimeline & NotesTimeline */
.notesListRecordsHeader {
    font-weight: bold;
    font-size: 12px;
    background-color: grey;
    color: white;
}

.notesListRecordsHeaderItem {
    padding: 5px;
}

.notesListCell {
    padding: 5px;
}

.notesListRow {
    border:  1px solid white;
}

.notesListRow.selected {
    background:  var(--sante-pale-orange);
}

.actionDetail {
    color:  var(--color-primary);
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

.noteDetail {
    font-size: 12px;
}

.closedByContainer {
    font-size: 12px;
}

/*.ListRecords .notesListRow:nth-child(even) {
    background-color:  lightgrey;
}*/

/* Moved here from CustomerInformation */
.hoverNoPointer:hover {
    cursor: auto;
}

.CustomerInfoTabs.tabs .tabs-header {
    position: absolute;
    border-bottom: var(--border-size-s) solid var(--color-neutral-5);
}

.CustomerInfoTabs .tabs-header-item {
    margin-bottom: 0;
}

.CustomerInfoTabs.tabs {
    position: relative;
    height: 100%;
}

.CustomerInfoTabs.tabs .tabs-content {
    margin-top: 7.6vh;
    overflow-y: auto;
    border-top: none;
    position: absolute;
    top: 0;
    bottom: 15px;
    left: 0;
    right: 0;
}

/* Moved here from IndirectFunctionsDropDownList */ 
.dots
{
   font-size: 38px;
    color: var(--sante-light-orange); 
}

.is--visible .dropdown-header.select {
    border: none !important;
}

.action-link {
/*    width: 100%; */
    max-height: 30px;
}

.dropdown.action-link .dropdown-content .dropdown-content-list {
    max-height: fit-content;
}

/* Moved here from ProcessCareRequestChecklist */
.static-dynamic-text.checklist > div:first-child {
    min-width: 50%;
}

/* Moved here from Statistics */
text.highcharts-title {
    font-size: 22px !important;
    fill: #AFA9A7 !important;
    font-weight: initial;
}

tspan.highcharts-text-outline {
    stroke: none;
}

g.highcharts-label.highcharts-data-label text {
    font-size: 26px;
    font-weight: initial;
    color: white;
    cursor: pointer;
    fill: white;
    stroke: none;
}

.font-size-statistics {
    font-size: var(--font-size-h4);
}

/* Moved here from TaskManagementDropDownList */
.text-primary .dropdown-header {
    color: var(--color-primary);
}

.dropdownListContainer .is--visible .dropdown-header.select {
    border: none;
}

.MoveToLeft .dropdown-content-list {
     margin-left: -280%;
}

/* Moved here from TimeLineSelectedTaskContent */
.Row:nth-child(odd) {
    background-color: var(--sante-pale-orange);    
}
.Row:nth-child(even) {
    background-color: var(--color-neutral-0);    
}

/* Moved here from ActionsFloating */
.ActionListClass{
 background-color: var(--color-neutral-1);
 box-shadow: var(--shadow-s);
 padding: 3px;
 display: block;
 height: auto !important;
}

/*.ActionLink {
 display: inline-block;   
 width: auto !important;
}*/
.ActionLinkContainer {
    width: 100%;
}

.ActionLinkContainer:hover {
    cursor: pointer;
}

.ActionLinkContainer .TagOrange {
    display: block;
}

/* Moved here from SelectedTask */
.TaskActions.floating-actions {
    z-index: 100000;
    max-height: 87%;
}

.floating-actions.is--open .floating-actions-item-button:hover {
    background-color: transparent;
    box-shadow: none;
    color: var(--color-primary);
}

.floating-actions.is--open .floating-actions-item-button {
    background-color: transparent;
    box-shadow: none;
    width: 250px;
    margin-left: 0px;
}

.floating-actions.is--open .floating-actions-item {
    height: 30px;
    margin-bottom: 0px;
}

.floating-actions.is--open .floating-actions-items {
    background-color: white;
    border-radius: 20px;
    padding-top: 10px;
    box-shadow: var(--shadow-s);
    overflow-y: auto;
}

.floating-actions:not(.is--open) .floating-actions-items {
    height: 0;
}

.ShowMoreOrLessLink {
    color:  black;
    font-size:  12px;
}

.ShowMoreOrLessLink:hover {
    color: gray;
}

/* Moved here from ContractContent */
.hideYScroll{
    overflow-y: hidden;
}


.emailDetailsContainer {
    color: var(--color-neutral-6);
    font-size: 12px;
}

.printOnly {
    display: none;
}

@media print {
    .printOnly {
       display : block;
    }
}

.emailContentContainer {
    background-color: white;
    padding: 10px;
    border-radius: 10px; 
}

.emailContentContainer img {
    height: auto;
}

/* Moved here from EmailAttachments */
.AttachmentsList li {
    list-style-position: inside;
    width: 100%;
}

.AttachmentsList ul {
    margin-left: -30px;
}

/* Moved here from EmailContent */
.hideYScroll{
    overflow-y: hidden;
}


.emailDetailsContainer {
    color: var(--color-neutral-6);
    font-size: 12px;
}

.printOnly {
    display: none;
}

@media print {
    .printOnly {
       display : block;
    }
}

.emailContentContainer {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
}

/* Moved here from NotesAndAttachments */
.RightFloatNote {
    max-width: 40%;
    text-align: right;
}

/* Moved here from TaskAttachments */
.os-internal-ui-dialog.os-internal-ui-widget.os-internal-ui-widget-content.os-internal-ui-corner-all.os-internal-Popup.os-internal-ui-draggable {
    width: 80%;
}

/* Moved here from LayoutLeftScreen and LayoutRightScreen */

.nedapoffline{
    background-color: var(--sante-red);
    color: var(--color-neutral-0);
    border-radius: 5px;
    font-size: var(--font-size-h4)    
}


/*Moved here from CareRequest Action*/
.modal .modal-wrapper.ChangeCustomerActionModal {
    max-width: fit-content;
    min-width: 100%;
    overflow-x: hidden;
}

.chosen-container a.chosen-single {
    height: 40px;
    line-height: 37px;
    background-color:  white;
    background-image:  none;
    border-radius: 5px;
    font-size: 14px;
    border: var(--border-size-s) solid var(--color-neutral-5);
    box-shadow:  none;}

input.chosen-search-input {
    height: 40px;
}

.chosen-search {
    height: 40px;
}

.chosen-container-single .chosen-search input[type="text"] {
    height: 27px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    height: 40px;
    line-height: 37px;
    background-color: white;
    background-image: none;
    border-radius: 5px;
    font-size: 14px;
    border: var(--border-size-s) solid var(--color-neutral-5);
    border-bottom: 0;
    box-shadow:  none;
}

.chosen-container-single .chosen-single div {
    padding-top: 7px;
}

.chosen-container .chosen-results li.active-result {
    padding: 5px 5px;
}

.chosen-container .chosen-drop {
    border: var(--border-size-s) solid var(--color-neutral-5);
    border-top: 0;
}

.chosen-container-single .chosen-single div b {
    display: none;
}


.CareRequestAccordion .accordion-item .accordion-item-header {
    background-color: transparent;
    color:  black;
    font-size:  14px;
    font-weight: normal;
    padding: 0;
}

.CareRequestAccordion .accordion-item .accordion-item-title {
    font-weight: normal;
    color: var(--color-neutral-9);
}

.CareRequestAccordion .accordion-item.is--open {
    border-top: none;
    background-color: transparent;
}

.CareRequestAccordion .accordion-item .accordion-item-content.is--expanded {
    padding-left: 0;
    background-color:  transparent;
}

.CareRequestAccordion.accordion {
    background-color: transparent;
}

.CareRequestAccordion .accordion-item:last-child {
    border: none;
}

.CareRequestAccordion .accordion-item .accordion-item-title {
    padding: 0;
}

.CareRequestAccordion .accordion-item .accordion-item-header {
    flex-direction: row-reverse;
}

.CareRequestAccordion .accordion-item .accordion-item-icon .fa {
    color: var(--color-primary);
    font-size: 35px;
}

.choseTeam .chosen-container.chosen-container-single {
    width: 100% !important;
}

.modal .modal-wrapper.CareRegulationModal,
.modal .modal-wrapper.BTWaitingListModal,
.modal .modal-wrapper.ZBWaitingListModal
{
    overflow-y: hidden;
    max-width: 1700px;
}

/*TodayToBeDone Webblock */

.TooltipContainer .tippy-popper {
    max-width: 30%;
}

/* Search Screen */
.NewCustomerModal .modal-content {
    margin-top:  0;
    padding-top: 0;
}

.NewCustomerModal {
    margin-top: -20px;
}

.modal-wrapper.NewCustomerModal {
    max-height: fit-content;
}



#ect_wtFeedbackThanksMessage2, 
#ect_wtFeedbackThanksMessage,
#ect_wtFeedbackHighlightMessage,
#ect_wtFeedbackSendingMessage {
    display:  none;
}

#ect_wtFeedbackMessage .Paragraph:after {
    content: 'klik hier om feedback te geven.';
}

#ect_wtFeedbackThanks .Paragraph:after {
    content: 'Bedankt voor je feedback!';
}

#ect_wtFeedbackHighlight .Paragraph:after {
    content: 'Bedankt voor je feedback!';
}

#ect_wtFeedbackSending .FeedbackSendingText {
    content: 'Feedback verzenden.';
}

/* select 2 */
.chosen-container {
    height:  40px;
}
.chosen-container-multi .chosen-choices {
    border: var(--border-size-s) solid var(--color-neutral-5);
    height: 40px;
    border-radius: 4px;
    background-image:  none;
    box-shadow: none;
}

.chosen-container-active .chosen-choices {
    border: var(--border-size-s) solid var(--color-primary);
    box-shadow: none;
}

.chosen-container-multi .chosen-choices:focus {
    border: var(--border-size-s) solid var(--color-primary);
}

.chosen-container-multi .chosen-choices:hover {
    border: var(--border-size-s) solid var(--color-neutral-6);
}

.chosen-container-multi .chosen-choices li.search-choice {
    height: 32px;
    line-height: 24px;
    border-radius: 10px;
    background-color: var(--color-primary);
    background-image:  none;
    box-shadow: none;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 10px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin-top: 6px;
    font-size: 14px;
    font-family: inherit;
}

.chosen-container-multi .chosen-results {
    font-family:  inherit;
    font-size: 14px;
}

.chosen-container-multi .chosen-choices li.search-choice span {
    font-size:  12px;
}

.chosen-container-multi ul.chosen-choices {
    overflow-y: auto;
}

.chosenNormal .chosen-choices,
.chosenNormal .chosen-container.chosen-container-multi {
    height:  auto;
}

/* Feedback ECT provider */
body .ECT_FeedbackContainer .FeedbackInitial, 
body .ECT_FeedbackContainer .FeedbackMessage, 
body .ECT_FeedbackContainer .FeedbackBox {
    top: 23px;
    right: 15px;
}

.ECT_FeedbackContainer .FeedbackInitial:after {
    top: 5px;
    content: "\f188";
    position: absolute;
    left: -4px;
    font-size: 20px;
    font-weight: bold;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    width: 2em;
    text-align: center;
    color: var(--color-primary);
}

.ECT_FeedbackContainer .FeedbackClickMessageHighlight {
    display: none;
}

/*Moved here from Coordination */

.RegistrationTableRow:hover {
    cursor: pointer;
}

.modal-wrapper.RegistrationModal {
    min-width: 1000px;
}

.StartTile {
    background-color: var(--color-primary);
    padding:  15px 0;
    color:  white;
    font-weight:  bold;
    letter-spacing: 1px;
    border-radius:  9px;
    box-shadow: 2px 2px 5px 1px darkgrey;
}

.StartTile:hover {
    background-color: white;
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

/*Moved here from CustomerScreen */

.SelectedTask {
 box-shadow: none !important;
}

.priority, .deadline {
 padding: 2px;
 margin: 0px;
}

.clientscreenaccordeon .accordion {
    font-size: var(--font-size-base);
    font-weight: var(--font-regular);
    background-color: rgba(0, 0, 0, 0);
    color: var(--color-neutral-8);           
}
    
.clientscreenaccordeon .accordion-item{ 
    border: none;
}

.clientscreenaccordeon .accordion-item .accordion-item-header {
    background-color: var(--transparent);
    font-weight: normal;
    color: var(--color-neutral-9);
    padding: 0px
}

.clientscreenaccordeon .accordion-item .accordion-item-title{
    order: 1;
    padding-right: 20px;
}

.clientscreenaccordeon .accordion-item .accordion-item-icon{
 display:none;
 }
 
.orangeArrow {
    color: #fff;
    background-color: var(--sante-light-orange);
    border-radius: 1000px;
    height: 25px;
    width: 25px;
    padding: 0px;
    margin-top: 0px; 
}

.accordion-item-icon .fa {
 margin-left: 6px;   
 margin-top: 2px;
}

.LeftNavigate {
    position: absolute;
    top: 50px;
    left: 0;
}

.RightNavigate {
    position: absolute;
    top: 50px;
    right: 0;
}

/* Timeline Search Input */

.timelineFilterContainer input, 
.timelineFilterContainer input:hover, 
.timelineFilterContainer input:focus {
    background-color: transparent;
}

/*Timeline ButtonGroup */

.timelineButtons {
    font-size: 12px;
}

.timelineButtons .button-group label {
    margin-right: 10px;
}

.timelineButtons .button-group .btn {
    padding: 5px;
    height: 25px;
    background-color: lightgrey;
    color: black;
    border: none;
    font-weight: 100;
}



/******************************************/
/* Only in Service Studio */


/* Moved here from LayoutLeftScreen and LayoutRightScreen */
.main {
    
}

.header {
    
}

.subTitle{
    
}

/* Left bar orange */
.layout.layout-side .navigation{
              
}

 :root {   
    /*Primary Color Family*/
    
    
    
    
    
    /*Support Color Families*/
    
    
    
    
    
    
    
    
    /*Accent Color Families*/
    
    
    
    
 }
/* Only in Service Studio */

/* Moved here from LayoutLeftScreen and LayoutRightScreen */
.main {
    
}

.header {
    
}

.subTitle{
    
}

/* Left bar orange */
.layout.layout-side .navigation{
              
}

:root {   
    /*Primary Color Family*/
    
    
    
    
    
    /*Support Color Families*/
    
    
    
    
    
    
    
    
    /*Accent Color Families*/
    
    
    
    
 }