@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');

html, body {
    overflow: auto !important;
}

*[style*="visibility: hidden"],
*[style*="visibility:hidden"] {
    display: none !important;
}

#dusername {
    position: absolute;
    right: 114px;
    top: 21px;
}

#duser {
    display: flex;
    align-items: center;
}

#duser > span {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #1C1E21;
    margin-left: 16px;
}

#duser > svg:nth-child(3) {
    margin-left: 8px;
    margin-top: 2px;
    cursor: pointer;
}

#dgrid {
    /*position: absolute;*/
    /*left: 641px;*/
    /*right: 30px;*/
    top: auto;
    /*width: 110px;
    height: 21px;
    font-size: 14px;
    color: #000000;
      text-align:center;
    background-color: #C0C;*/
}


/* Begin Navigation Bar Styling */

#nav {
    margin: 0;
    padding: 0 40px;
    z-index: auto;
    display: flex;
    margin-bottom: 12px;
}

pre {
    text-indent: 30px
}


body button {
    outline: none;
}

#nav li {
    display: flex;
    flex-direction: column !important;
    overflow: hidden;
    font-size: large;
    flex: 1;
    list-style-type: none;
    border: 2px solid #FFFFFF;
    border-radius: 100px;
    margin-left: -50px;
    background: #FFEDDC !important;
}

#nav li:first-child {
    margin-left: 0;
    z-index: 11;
}

#nav li:first-child a {
    padding-left: 0;
}

#nav li:nth-child(2) {
    z-index: 10;
}

#nav li:nth-child(3) {
    z-index: 9;
}

#nav li:nth-child(4) {
    z-index: 8;
}

#nav li:nth-child(5) {
    z-index: 7;
}

#nav li:nth-child(6) {
    z-index: 6;
}

#nav li:nth-child(7) {
    z-index: 5;
}

#nav li:nth-child(8) {
    z-index: 4;
}

#nav li:nth-child(9) {
    z-index: 3;
}

#nav li:nth-child(10) {
    z-index: 2;
}

#nav li:nth-child(11) {
    z-index: 1;
}

#nav li:nth-child(12) {
    z-index: 0;
}

#nav a {
    /*color: #6452D9;*/
    background: #FFEDDC;
    height: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 9px;
    padding: 7px 0 9px;
    justify-content: center;
    padding-left: 20px;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    outline: none;
    height: 100%;
}

#nav a:hover {
    background-color: #FEDAB9;
}

#nav a.active {
    /*background: #6452D9;*/
    color: #fff;
}

#nav a.active svg > * {
    fill: #FDB573 !important;
}

#nav a svg {
    margin-right: 8px;
}

#divLeftMenu {
    color: #000;
    /*width: 100%;*/
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    z-index: auto;
    padding-left: 10px;
    /*margin: 0 0 3em 0;
      padding: 0;*/
    list-style: none;
    /*background-color: black;*/
    background-color: #EA9982;
}

/*pre {text-indent: 30px}*/

#divLeftMenu li {
    display: inline;
    overflow: hidden;
    font-size: large;
    color: white;
    float: left;
    list-style-type: none;
    width: 100%;
}

#divLeftMenu a {
    color: White;
    background: #EA9982;
    /*background: black;*/

    /*font: bold 1em "Trebuchet MS", Arial, sans-serif;*/
    font-weight: normal;
    border: 2px solid #EA9982;
    padding: 8px 15px;
    padding: 2px 5px 0px 5px;
    margin: 1px;
    text-decoration: none;
}


#divLeftMenu a.active {
    color: white;
    background: black;
    border-bottom: 3px solid black;
}

#divLeftMenu a:hover {
    color: black;
    background: #fff;
}

/*#nav a:visited {
    color: white }*/


/* This is just styling for this specific page. */
/* body {
    background-color: #555;
    width: auto;
    font: small/1.3 Arial, Helvetica, sans-serif; }*/
#wrap {
    width: inherit;
    margin: auto auto;
    background-color: #F1F3F8;
}

body {
    margin: 0px;
    background-image: none;
    position: static;
    left: auto;
    width: auto; /*852px;*/
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif !important;
    /*background-color: #222222;*/
    /*background-color: #e6e6e6;*/
    background-color: #F1F3F8;
    overflow: hidden;
    overflow-y: scroll;
}

#base {
    position: absolute;
    z-index: 0;
}

#careGrid,
#episodeGrid,
#notiGrid,
#eventGrid {
    width: 100% !important;
    height: 100% !important;
}

#careGrid .ag-header-cell,
#caseGrid .ag-header-cell,
#detailGrid .ag-header-cell,
#eventGrid .ag-header-cell,
#notiGrid .ag-header-cell,
#episodeGrid .ag-header-cell {
    background-color: #E4DFFF;
    border-right: 1px solid #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    padding: 0;
    min-width: 100px;
}

#careGrid .ag-body-viewport::-webkit-scrollbar-track,
#caseGrid .ag-body-viewport::-webkit-scrollbar-track,
#detailGrid .ag-body-viewport::-webkit-scrollbar-track,
#eventGrid .ag-body-viewport::-webkit-scrollbar-track,
#notiGrid .ag-body-viewport::-webkit-scrollbar-track,
#careGrid .ag-full-width-viewport::-webkit-scrollbar-track,
#caseGrid .ag-full-width-viewport::-webkit-scrollbar-track,
#episodeGrid .ag-body-viewport::-webkit-scrollbar-track {
    background-color: transparent;
}

#careGrid .ag-body-viewport::-webkit-scrollbar,
#caseGrid .ag-body-viewport::-webkit-scrollbar,
#detailGrid .ag-body-viewport::-webkit-scrollbar,
#eventGrid .ag-body-viewport::-webkit-scrollbar,
#notiGrid .ag-body-viewport::-webkit-scrollbar,
#careGrid .ag-full-width-viewport::-webkit-scrollbar,
#caseGrid .ag-full-width-viewport::-webkit-scrollbar,
#episodeGrid .ag-body-viewport::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background-color: transparent;
}

#careGrid .ag-body-viewport::-webkit-scrollbar-thumb,
#careGrid .ag-full-width-viewport::-webkit-scrollbar-thumb,
#caseGrid .ag-full-width-viewport::-webkit-scrollbar-thumb,
#caseGrid .ag-body-viewport::-webkit-scrollbar-thumb,
#detailGrid .ag-body-viewport::-webkit-scrollbar-thumb,
#eventGrid .ag-body-viewport::-webkit-scrollbar-thumb,
#notiGrid .ag-body-viewport::-webkit-scrollbar-thumb,
#episodeGrid .ag-body-viewport::-webkit-scrollbar-thumb {
    background-color: #C6C7C7;
}

#careGrid .ag-header-cell-menu-button,
#caseGrid .ag-header-cell-menu-button,
#detailGrid .ag-header-cell-menu-button,
#eventGrid .ag-header-cell-menu-button,
#notiGrid .ag-header-cell-menu-button,
#episodeGrid .ag-header-cell-menu-button {
    margin-top: 2px;
}

#careGrid .ag-header-cell:last-child .ag-header-icon,
#caseGrid .ag-header-cell:last-child .ag-header-icon,
#detailGrid .ag-header-cell:last-child .ag-header-icon,
#eventGrid .ag-header-cell:last-child .ag-header-icon,
#notiGrid .ag-header-cell:last-child .ag-header-icon,
#episodeGrid .ag-header-cell:last-child .ag-header-icon {
    margin-right: 35px;
}

#careGrid .ag-header-cell .ag-cell-label-container,
#caseGrid .ag-header-cell .ag-cell-label-container,
#detailGrid .ag-header-cell .ag-cell-label-container,
#eventGrid .ag-header-cell .ag-cell-label-container,
#notiGrid .ag-header-cell .ag-cell-label-container,
#episodeGrid .ag-header-cell .ag-cell-label-container {
    padding: 8px 20px;
}

#careGrid .ag-header,
#caseGrid .ag-header,
#detailGrid .ag-header,
#eventGrid .ag-header,
#notiGrid .ag-header,
#episodeGrid .ag-header {
    border-bottom: none;
    height: 32px !important;
    background: none;
}

#careGrid .ag-icon.ag-icon-menu,
#caseGrid .ag-icon.ag-icon-menu,
#detailGrid .ag-icon.ag-icon-menu,
#eventGrid .ag-icon.ag-icon-menu,
#notiGrid .ag-icon.ag-icon-menu,
#episodeGrid .ag-icon.ag-icon-menu {
    background: url('data:image/svg+xml; utf8, <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.66667 7.33333C4.66667 7.70152 4.96514 8 5.33333 8H6.66667C7.03486 8 7.33333 7.70152 7.33333 7.33333C7.33333 6.96514 7.03486 6.66667 6.66667 6.66667H5.33333C4.96514 6.66667 4.66667 6.96514 4.66667 7.33333ZM0.666667 0C0.298477 0 0 0.298477 0 0.666667C0 1.03486 0.298477 1.33333 0.666667 1.33333H11.3333C11.7015 1.33333 12 1.03486 12 0.666667C12 0.298477 11.7015 0 11.3333 0H0.666667ZM2 4C2 4.36819 2.29848 4.66667 2.66667 4.66667H9.33333C9.70152 4.66667 10 4.36819 10 4C10 3.63181 9.70152 3.33333 9.33333 3.33333H2.66667C2.29848 3.33333 2 3.63181 2 4Z" fill="rgb(47,38,102)"/></svg>') center no-repeat;
    background-size: auto;
    filter: none;
    cursor: pointer;
}

#careGrid .ag-header-row,
#caseGrid .ag-header-row,
#detailGrid .ag-header-row,
#eventGrid .ag-header-row,
#notiGrid .ag-header-row,
#episodeGrid .ag-header-row {
    height: 32px !important;
}

#careGrid .ag-root,
#caseGrid .ag-root,
#detailGrid .ag-root,
#notiGrid .ag-root,
#eventGrid .ag-root,
#episodeGrid .ag-root {
    border: none;
}

#careGrid .ag-menu,
#caseGrid .ag-menu,
#detailGrid .ag-menu,
#eventGrid .ag-menu,
#notiGrid .ag-menu,
#episodeGrid .ag-menu {
    border: none;
}

#careGrid .ag-menu .ag-tab-header,
#caseGrid .ag-menu .ag-tab-header,
#detailGrid .ag-menu .ag-tab-header,
#notiGrid .ag-menu .ag-tab-header,
#eventGrid .ag-menu .ag-tab-header,
#episodeGrid .ag-menu .ag-tab-header {
    background-color: #E4DFFF;
    border: 1px solid #C6C7C7;
    padding-left: 15px;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 10;
}

#careGrid .ag-menu .ag-tab,
#caseGrid .ag-menu .ag-tab,
#detailGrid .ag-menu .ag-tab,
#notiGrid .ag-menu .ag-tab,
#eventGrid .ag-menu .ag-tab,
#episodeGrid .ag-menu .ag-tab {
    background: none;
    opacity: 0.6;
    border-radius: 2px;
    margin: 5px 2px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

#careGrid .ag-menu .ag-tab.ag-tab-selected,
#caseGrid .ag-menu .ag-tab.ag-tab-selected,
#detailGrid .ag-menu .ag-tab.ag-tab-selected,
#eventGrid .ag-menu .ag-tab.ag-tab-selected,
#notiGrid .ag-menu .ag-tab.ag-tab-selected,
#episodeGrid .ag-menu .ag-tab.ag-tab-selected {
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
}

#careGrid .ag-menu .ag-icon,
#caseGrid .ag-menu .ag-icon,
#detailGrid .ag-menu .ag-icon,
#eventGrid .ag-menu .ag-icon,
#notiGrid .ag-menu .ag-icon,
#episodeGrid .ag-menu .ag-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

#careGrid .ag-menu .ag-icon-columns,
#caseGrid .ag-menu .ag-icon-columns,
#detailGrid .ag-menu .ag-icon-columns,
#episodeGrid .ag-menu .ag-icon-columns,
#eventGrid .ag-menu .ag-icon-columns,
#notiGrid .ag-menu .ag-icon-columns,
#careGrid .ag-menu .ag-icon-filter,
#caseGrid .ag-menu .ag-icon-filter,
#detailGrid .ag-menu .ag-icon-filter,
#eventGrid .ag-menu .ag-icon-filter,
#notiGrid .ag-menu .ag-icon-filter,
#episodeGrid .ag-menu .ag-icon-filter {
    background: none;
    opacity: 1;
    filter: none;
}

#careGrid .ag-menu .ag-icon-filter,
#caseGrid .ag-menu .ag-icon-filter,
#detailGrid .ag-menu .ag-icon-filter,
#eventGrid .ag-menu .ag-icon-filter,
#notiGrid .ag-menu .ag-icon-filter,
#episodeGrid .ag-menu .ag-icon-filter {
    margin-top: 2px;
}

#careGrid .ag-menu .ag-icon-columns:before,
#caseGrid .ag-menu .ag-icon-columns:before,
#detailGrid .ag-menu .ag-icon-columns:before,
#eventGrid .ag-menu .ag-icon-columns:before,
#notiGrid .ag-menu .ag-icon-columns:before,
#episodeGrid .ag-menu .ag-icon-columns:before {
    content: url('data:image/svg+xml; utf8, <svg width="11" height="11" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.91992 7.97031C9.81335 7.97031 9.72695 7.88392 9.72695 7.77734V1.29297C9.72695 1.07594 9.55101 0.9 9.33398 0.9C9.11695 0.9 8.94102 1.07594 8.94102 1.29297V7.77734C8.94102 7.88392 8.85462 7.97031 8.74805 7.97031C8.53102 7.97031 8.35508 8.14625 8.35508 8.36328V9.53516C8.35508 9.75219 8.53102 9.92813 8.74805 9.92813C8.85462 9.92813 8.94102 10.0145 8.94102 10.1211V10.707C8.94102 10.9241 9.11695 11.1 9.33398 11.1C9.55102 11.1 9.72695 10.9241 9.72695 10.707V10.1211C9.72695 10.0145 9.81335 9.92813 9.91992 9.92813C10.137 9.92813 10.3129 9.75219 10.3129 9.53516V8.36328C10.3129 8.14625 10.137 7.97031 9.91992 7.97031Z" fill="rgb(47,38,102)" stroke="rgb(47,38,102)" stroke-width="0.2"/><path d="M5.96914 1.29297C5.96914 1.07594 5.7932 0.9 5.57617 0.9C5.35914 0.9 5.1832 1.07594 5.1832 1.29297V5.04297C5.1832 5.14954 5.09681 5.23594 4.99023 5.23594C4.7732 5.23594 4.59727 5.41188 4.59727 5.62891V6.80078C4.59727 7.01781 4.7732 7.19375 4.99023 7.19375C5.09681 7.19375 5.1832 7.28015 5.1832 7.38672V10.707C5.1832 10.9241 5.35914 11.1 5.57617 11.1C5.7932 11.1 5.96914 10.9241 5.96914 10.707V7.38672C5.96914 7.28015 6.05554 7.19375 6.16211 7.19375C6.37914 7.19375 6.55508 7.01781 6.55508 6.80078V5.62891C6.55508 5.41188 6.37914 5.23594 6.16211 5.23594C6.05554 5.23594 5.96914 5.14954 5.96914 5.04297V1.29297Z" fill="rgb(47,38,102)" stroke="rgb(47,38,102)" stroke-width="0.2"/><path d="M2.21133 1.29297C2.21133 1.07594 2.03539 0.9 1.81836 0.9C1.60133 0.9 1.42539 1.07594 1.42539 1.29297V1.75492C1.42539 1.8615 1.339 1.94789 1.23242 1.94789C1.01539 1.94789 0.839453 2.12383 0.839453 2.34086V3.51273C0.839453 3.72976 1.01539 3.9057 1.23242 3.9057C1.339 3.9057 1.42539 3.9921 1.42539 4.09867V10.707C1.42539 10.9241 1.60133 11.1 1.81836 11.1C2.03539 11.1 2.21133 10.9241 2.21133 10.707V4.09867C2.21133 3.9921 2.29772 3.9057 2.4043 3.9057C2.62133 3.9057 2.79727 3.72976 2.79727 3.51273V2.34086C2.79727 2.12383 2.62133 1.94789 2.4043 1.94789C2.29772 1.94789 2.21133 1.8615 2.21133 1.75492V1.29297Z" fill="rgb(47,38,102)" stroke="rgb(47,38,102)" stroke-width="0.2"/></svg>');
}

#careGrid .ag-menu .ag-icon-filter:before,
#caseGrid .ag-menu .ag-icon-filter:before,
#detailGrid .ag-menu .ag-icon-filter:before,
#eventGrid .ag-menu .ag-icon-filter:before,
#notiGrid .ag-menu .ag-icon-filter:before,
#episodeGrid .ag-menu .ag-icon-filter:before {
    content: url('data:image/svg+xml; utf8, <svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.0994 4.34338L2.0994 4.34338L3.63907 5.83627C3.88559 6.07533 4.02877 6.42095 4.02877 6.78509V10.525C4.02877 10.7134 4.12591 10.8685 4.26405 10.9492C4.40311 11.0304 4.58286 11.035 4.73409 10.9249C4.73409 10.9249 4.7341 10.9249 4.73411 10.9249L6.80824 9.41654L6.80827 9.41652C6.93365 9.32527 7.00598 9.17456 7.00598 9.01656V6.78509C7.00598 6.42095 7.14915 6.07533 7.39568 5.83627L8.93528 4.34338L8.86566 4.27159L8.93528 4.34338C9.68748 3.61396 10.1171 2.56797 10.1171 1.47434C10.1171 1.21566 9.92297 0.99082 9.66561 0.99082H1.36914C1.11172 0.99082 0.917578 1.21565 0.917578 1.47434C0.917578 2.56797 1.3472 3.61396 2.0994 4.34338ZM8.32893 3.62646L8.32892 3.62646L6.78933 5.11943L6.78932 5.11943C6.35196 5.54359 6.10285 6.15086 6.10285 6.78501V8.76039L4.93183 9.61203V6.78509C4.93183 6.15086 4.68272 5.5436 4.24536 5.11943L4.24535 5.11943L2.70576 3.62654C2.70576 3.62654 2.70576 3.62654 2.70575 3.62653C2.25576 3.19007 1.95837 2.59951 1.85813 1.95779H9.17654C9.07631 2.59952 8.77898 3.19007 8.32893 3.62646Z" fill="rgb(47,38,102)" stroke="rgb(47,38,102)" stroke-width="0.2"/> </svg>');
}

#careGrid .ag-filter-header-container,
#caseGrid .ag-filter-header-container,
#detailGrid .ag-filter-header-container,
#eventGrid .ag-filter-header-container,
#notiGrid .ag-filter-header-container,
#episodeGrid .ag-filter-header-container {
    border: none;
    padding: 7px 0 2px;
}

#careGrid .ag-filter-header-container input,
#caseGrid .ag-filter-header-container input,
#detailGrid .ag-filter-header-container input,
#eventGrid .ag-filter-header-container input,
#notiGrid .ag-filter-header-container input,
#episodeGrid .ag-filter-header-container input {
    font-size: 11px;
    padding: 0 0 0 8px;
    line-height: 16px;
    color: #27292C;
    line-height: 19px;
    border: 1px solid #C6C7C7;
    border-radius: 2px;
    outline: none;
    margin-bottom: 0;
}

#careGrid .ag-filter-header-container input::placeholder,
#caseGrid .ag-filter-header-container input::placeholder,
#detailGrid .ag-filter-header-container input::placeholder,
#eventGrid .ag-filter-header-container input::placeholder,
#notiGrid .ag-filter-header-container input::placeholder,
#episodeGrid .ag-filter-header-container input::placeholder {
    color: #828385;
}

#careGrid .ag-filter-body-wrapper,
#caseGrid .ag-filter-body-wrapper,
#detailGrid .ag-filter-body-wrapper,
#eventGrid .ag-filter-body-wrapper,
#notiGrid .ag-filter-body-wrapper,
#episodeGrid .ag-filter-body-wrapper {
    padding: 0 14px;
    border: 1px solid #C6C7C7;
    border-top: none;
}

#careGrid .ag-column-select-column,
#caseGrid .ag-column-select-column,
#detailGrid .ag-column-select-column,
#eventGrid .ag-column-select-column,
#notiGrid .ag-column-select-column,
#episodeGrid .ag-column-select-column {
    margin: 4px 11px;
    display: flex;
    align-items: center;
}

#careGrid .ag-menu-column-select-wrapperr,
#caseGrid .ag-menu-column-select-wrapperr,
#detailGrid .ag-menu-column-select-wrapper,
#eventGrid .ag-menu-column-select-wrapper,
#notiGrid .ag-menu-column-select-wrapper,
#episodeGrid .ag-menu-column-select-wrapper {
    height: auto;
}

#careGrid .ag-column-select-header,
#caseGrid .ag-column-select-header,
#detailGrid .ag-column-select-header,
#eventGrid .ag-column-select-header,
#notiGrid .ag-column-select-header,
#episodeGrid .ag-column-select-header {
    display: flex;
    align-items: center;
}

#careGrid .ag-column-select-panel,
#caseGrid .ag-column-select-panel,
#detailGrid .ag-column-select-panel,
#eventGrid .ag-column-select-panel,
#notiGrid .ag-column-select-panel,
#episodeGrid .ag-column-select-panel {
    padding: 7px 14px 10px 10px;
}

#careGrid .ag-filter-checkbox,
#caseGrid .ag-filter-checkbox,
#detailGrid .ag-filter-checkbox,
#eventGrid .ag-filter-checkbox,
#notiGrid .ag-filter-checkbox,
#episodeGrid .ag-filter-checkbox {
    margin-right: 6px;
}

#careGrid .ag-filter-header-container #selectAllContainer,
#caseGrid .ag-filter-header-container #selectAllContainer,
#detailGrid .ag-filter-header-container #selectAllContainer,
#notiGrid .ag-filter-header-container #selectAllContainer,
#eventGrid .ag-filter-header-container #selectAllContainer,
#episodeGrid .ag-filter-header-container #selectAllContainer {
    display: flex;
    align-items: center;
}

#careGrid .ag-mini-filter,
#caseGrid .ag-mini-filter,
#detailGrid .ag-mini-filter,
#notiGrid .ag-mini-filter,
#eventGrid .ag-mini-filter,
#episodeGrid .ag-mini-filter {
    padding-bottom: 0;
}

#careGrid .ag-virtual-list-item,
#caseGrid .ag-virtual-list-item,
#detailGrid .ag-virtual-list-item,
#notiGrid .ag-virtual-list-item,
#eventGrid .ag-virtual-list-item,
#episodeGrid .ag-virtual-list-item {
    margin: 4px 0;
}

#careGrid .ag-icon.ag-icon-checkbox-checked,
#caseGrid .ag-icon.ag-icon-checkbox-checked,
#detailGrid .ag-icon.ag-icon-checkbox-checked,
#notiGrid .ag-icon.ag-icon-checkbox-checked,
#eventGrid .ag-icon.ag-icon-checkbox-checked,
#episodeGrid .ag-icon.ag-icon-checkbox-checked {
    background: url('data:image/svg+xml; utf8, <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 0.5H1.5C0.945 0.5 0.5 0.95 0.5 1.5V8.5C0.5 9.05 0.945 9.5 1.5 9.5H8.5C9.055 9.5 9.5 9.05 9.5 8.5V1.5C9.5 0.95 9.055 0.5 8.5 0.5ZM4 7.5L1.5 5L2.205 4.295L4 6.085L7.795 2.29L8.5 3L4 7.5Z" fill="rgb(238,125,44)"/></svg>') center no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
}

#careGrid .ag-icon.ag-icon-checkbox-unchecked,
#caseGrid .ag-icon.ag-icon-checkbox-unchecked,
#detailGrid .ag-icon.ag-icon-checkbox-unchecked,
#notiGrid .ag-icon.ag-icon-checkbox-unchecked,
#eventGrid .ag-icon.ag-icon-checkbox-unchecked,
#episodeGrid .ag-icon.ag-icon-checkbox-unchecked {
    background: url('data:image/svg+xml; utf8, <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 1.5V8.5H1.5V1.5H8.5ZM8.5 0.5H1.5C0.95 0.5 0.5 0.95 0.5 1.5V8.5C0.5 9.05 0.95 9.5 1.5 9.5H8.5C9.05 9.5 9.5 9.05 9.5 8.5V1.5C9.5 0.95 9.05 0.5 8.5 0.5Z" fill="rgb(236,118,68)"/></svg>') center no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
}

#careGrid .ag-set-filter-item,
#caseGrid .ag-set-filter-item,
#notiGrid .ag-set-filter-item,
#detailGrid .ag-set-filter-item,
#eventGrid .ag-set-filter-item,
#episodeGrid .ag-set-filter-item {
    display: flex;
    align-items: center;
}

#careGrid .ag-filter-value,
#caseGrid .ag-filter-value,
#detailGrid .ag-filter-value,
#eventGrid .ag-filter-value,
#notiGrid .ag-filter-value,
#episodeGrid .ag-filter-value,
#careGrid .ag-column-select-label,
#caseGrid .ag-column-select-label,
#detailGrid .ag-column-select-label,
#episodeGrid .ag-column-select-label,
#eventGrid .ag-column-select-label,
#notiGrid .ag-column-select-label,
#careGrid .ag-menu-option-text,
#caseGrid .ag-menu-option-text,
#detailGrid .ag-menu-option-text,
#eventGrid .ag-menu-option-text,
#notiGrid .ag-menu-option-text,
#episodeGrid .ag-menu-option-text {
    font-size: 12px;
    line-height: 16px;
    color: #27292C;
}

#careGrid .ag-tool-panel,
#caseGrid .ag-tool-panel,
#detailGrid .ag-tool-panel,
#eventGrid .ag-tool-panel,
#notiGrid .ag-tool-panel,
#episodeGrid .ag-tool-panel {
    position: absolute;
    right: 20px;
    top: 4px;
}

#careGrid .ag-menu-list,
#caseGrid .ag-menu-list,
#detailGrid .ag-menu-list,
#eventGrid .ag-menu-list,
#notiGrid .ag-menu-list,
#episodeGrid .ag-menu-list {
    margin: 9px 0;
}

#careGrid .ag-menu-option,
#caseGrid .ag-menu-option,
#detailGrid .ag-menu-option,
#eventGrid .ag-menu-option,
#notiGrid .ag-menu-option,
#episodeGrid .ag-menu-option {
    cursor: pointer;
}

#careGrid .ag-menu-option .ag-icon-pin,
#caseGrid .ag-menu-option .ag-icon-pin,
#detailGrid .ag-menu-option .ag-icon-pin,
#notiGrid .ag-menu-option .ag-icon-pin,
#eventGrid .ag-menu-option .ag-icon-pin,
#episodeGrid .ag-menu-option .ag-icon-pin {
    background: url('data:image/svg+xml; utf8, <svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.57849 5.7408C6.24018 5.10028 5.71235 4.54987 5.09016 4.16801L4.90226 2.71575C5.43943 2.29597 5.79163 1.64961 5.79163 0.916652C5.79163 0.286902 4.60371 0 3.49995 0C2.39619 0 1.20828 0.286902 1.20828 0.916674C1.20828 1.64968 1.56052 2.29606 2.09775 2.71584L1.90929 4.16844C1.28739 4.54996 0.75975 5.10003 0.421414 5.7408C0.276846 6.01406 0.251774 6.34661 0.352041 6.65277C0.443801 6.93273 0.634475 7.15988 0.874606 7.27626C1.59506 7.62558 2.41706 7.74699 3.08348 7.77994L3.27123 10.7852C3.27884 10.906 3.37887 11 3.49995 11C3.62102 11 3.72107 10.906 3.72868 10.7852L3.91645 7.77994C4.58285 7.74699 5.40482 7.6256 6.12509 7.27648C6.36545 7.15988 6.55613 6.93273 6.64787 6.65277C6.74811 6.34661 6.72306 6.01406 6.57849 5.7408Z" fill="rgb(65,53,140)"/></svg>') center no-repeat;
}

#careGrid .ag-menu-option-icon,
#caseGrid .ag-menu-option-icon,
#detailGrid .ag-menu-option-icon,
#notiGrid .ag-menu-option-icon,
#eventGrid .ag-menu-option-icon,
#episodeGrid .ag-menu-option-icon {
    padding: 0 6px 0 8px;
}

#careGrid .ag-menu-option-text,
#caseGrid .ag-menu-option-text,
#detailGrid .ag-menu-option-text,
#eventGrid .ag-menu-option-text,
#notiGrid .ag-menu-option-text,
#episodeGrid .ag-menu-option-text {
    padding: 2px 0;
}

#careGrid .ag-icon-tick,
#caseGrid .ag-icon-tick,
#detailGrid .ag-icon-tick,
#eventGrid .ag-icon-tick,
#notiGrid .ag-icon-tick,
#episodeGrid .ag-icon-tick {
    background: url('data:image/svg+xml; utf8, <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 0C1.79085 0 0 1.79085 0 4C0 6.20915 1.79085 8 4 8C6.20915 8 8 6.20915 8 4C8 1.79085 6.20915 0 4 0ZM5.95768 3.43584L3.91245 5.28741C3.86232 5.33285 3.80387 5.36341 3.74267 5.37947C3.68989 5.40299 3.63325 5.41515 3.5764 5.41515C3.47523 5.41515 3.37389 5.37787 3.29464 5.30269L2.03539 4.10733C1.87147 3.95171 1.86477 3.69269 2.02037 3.52877C2.17584 3.36485 2.43493 3.35808 2.59893 3.51371L3.60125 4.46512L5.40829 2.82899C5.57581 2.67731 5.83461 2.69011 5.98629 2.85768C6.13797 3.02528 6.12517 3.28408 5.95768 3.43584Z" fill="rgb(65,53,140)"/></svg>') center no-repeat;
}

#careGrid .ag-menu-option .ag-menu-option-icon,
#caseGrid .ag-menu-option .ag-menu-option-icon,
#detailGrid .ag-menu-option .ag-menu-option-icon,
#eventGrid .ag-menu-option .ag-menu-option-icon,
#notiGrid .ag-menu-option .ag-menu-option-icon,
#episodeGrid .ag-menu-option .ag-menu-option-icon {
    padding: 0 4px 0 10px;
}

#careGrid .ag-column-panel,
#caseGrid .ag-column-panel,
#detailGrid .ag-column-panel,
#eventGrid .ag-column-panel,
#notiGrid .ag-column-panel,
#episodeGrid .ag-column-panel {
    position: absolute;
    right: -20px;
    top: -4px;
    min-height: calc(100vh - 300px);
    border: 1px solid #C6C7C7;
    background: #fff;
}

#detailGrid .ag-column-panel {
    min-height: 200px;
    right: 33px;
}

#careGrid .ag-column-panel .ag-column-select-panel,
#caseGrid .ag-column-panel .ag-column-select-panel,
#detailGrid .ag-column-panel .ag-column-select-panel,
#eventGrid .ag-column-panel .ag-column-select-panel,
#notiGrid .ag-column-panel .ag-column-select-panel,
#episodeGrid .ag-column-panel .ag-column-select-panel {
    border: none;
    padding: 7px 8px 7px 10px;
    flex-grow: unset;
}

#careGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column,
#caseGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column,
#detailGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column,
#eventGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column,
#notiGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column,
#episodeGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column {
    margin-left: 12px;
    cursor: pointer;
}

#careGrid .ag-column-drop-vertical,
#caseGrid .ag-column-drop-vertical,
#detailGrid .ag-column-drop-vertical,
#eventGrid .ag-column-drop-vertical,
#notiGrid .ag-column-drop-vertical,
#episodeGrid .ag-column-drop-vertical {
    height: auto;
    flex-grow: unset;
}

#careGrid .ag-details-row .ag-column-panel,
#caseGrid .ag-details-row .ag-column-panel,
#detailGrid .ag-details-row .ag-column-panel,
#eventGrid .ag-details-row .ag-column-panel,
#notiGrid .ag-details-row .ag-column-panel,
#episodeGrid .ag-details-row .ag-column-panel {
    min-height: unset;
}

#careGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column .ag-column-select-label,
#caseGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column .ag-column-select-label,
#detailGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column .ag-column-select-label,
#eventGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column .ag-column-select-label,
#notiGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column .ag-column-select-label,
#episodeGrid .ag-column-panel .ag-column-select-panel .ag-column-select-column .ag-column-select-label {
    line-height: 17px;
    margin-left: -20px;
    padding-left: 20px;
    z-index: 1;
}

#careGrid .ag-column-panel .ag-column-select-panel .ag-column-tool-panel-item,
#caseGrid .ag-column-panel .ag-column-select-panel .ag-column-tool-panel-item,
#detailGrid .ag-column-panel .ag-column-select-panel .ag-column-tool-panel-item,
#eventGrid .ag-column-panel .ag-column-select-panel .ag-column-tool-panel-item,
#notiGrid .ag-column-panel .ag-column-select-panel .ag-column-tool-panel-item,
#episodeGrid .ag-column-panel .ag-column-select-panel .ag-column-tool-panel-item {
    vertical-align: middle;
}

#careGrid .ag-column-panel .ag-column-select-panel .ag-column-select-header,
#caseGrid .ag-column-panel .ag-column-select-panel .ag-column-select-header,
#detailGrid .ag-column-panel .ag-column-select-panel .ag-column-select-header,
#eventGrid .ag-column-panel .ag-column-select-panel .ag-column-select-header,
#notiGrid .ag-column-panel .ag-column-select-panel .ag-column-select-header,
#episodeGrid .ag-column-panel .ag-column-select-panel .ag-column-select-header {
    margin-bottom: 4px;
}


#careGrid .ag-column-tool-panel + .ag-filter-body input,
#caseGrid .ag-column-tool-panel + .ag-filter-body input,
#detailGrid .ag-column-tool-panel + .ag-filter-body input,
#eventGrid .ag-column-tool-panel + .ag-filter-body input,
#notiGrid .ag-column-tool-panel + .ag-filter-body input,
#episodeGrid .ag-column-tool-panel + .ag-filter-body input {
    border: 1px solid #C6C7C7;
    border-radius: 2px;
    margin-left: 6px;
    font-size: 11px;
    padding: 0 0 0 8px;
    line-height: 16px;
    color: #27292C;
    line-height: 19px;
    box-sizing: border-box;
    outline: none;
    width: 100%;
}

#careGrid .ag-filter-filter,
#caseGrid .ag-filter-filter,
#detailGrid .ag-filter-filter,
#eventGrid .ag-filter-filter,
#notiGrid .ag-filter-filter,
#episodeGrid .ag-filter-filter {
    border: 1px solid #C6C7C7;
    border-radius: 2px;
    font-size: 11px;
    padding: 0 0 0 8px;
    line-height: 16px;
    color: #27292C;
    line-height: 19px;
    box-sizing: border-box;
    outline: none;
    width: 100%;
    margin-bottom: 10px;
}

#careGrid .ag-menu,
#caseGrid .ag-menu,
#eventGrid .ag-menu,
#notiGrid .ag-menu,
#detailGrid .ag-menu,
#episodeGrid .ag-menu {
    background-color: #fff;
}

#careGrid .ag-menu-option-active,
#caseGrid .ag-menu-option-active,
#detailGrid .ag-menu-option-active,
#eventGrid .ag-menu-option-active,
#notiGrid .ag-menu-option-active,
#episodeGrid .ag-menu-option-active {
    background: #E8E8E9;
}

#careGrid .ag-menu-separator,
#caseGrid .ag-menu-separator,
#eventGrid .ag-menu-separator,
#notiGrid .ag-menu-separator,
#detailGrid .ag-menu-separator,
#episodeGrid .ag-menu-separator {
    border-top: 1px solid #E8E8E9;
}

#careGrid .ag-cell > button,
#caseGrid .ag-cell > button,
#eventGrid .ag-cell > button,
#notiGrid .ag-cell > button,
#detailGrid .ag-cell > button,
#episodeGrid .ag-cell > button {
    background: #FFEDDC;
    border: 1px solid #F89644;
    border-radius: 50px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 16px;
    color: #F89644;
    cursor: pointer;
}

#careGrid .ag-filter-body input::placeholder,
#caseGrid .ag-filter-body input::placeholder,
#detailGrid .ag-filter-body input::placeholder,
#eventGrid .ag-filter-body input::placeholder,
#notiGrid .ag-filter-body input::placeholder,
#episodeGrid .ag-filter-body input::placeholder {
    color: #828385;
}

#careGrid .ag-tool-panel .ag-side-buttons,
#caseGrid .ag-tool-panel .ag-side-buttons,
#eventGrid .ag-tool-panel .ag-side-buttons,
#notiGrid .ag-tool-panel .ag-side-buttons,
#detailGrid .ag-tool-panel .ag-side-buttons,
#episodeGrid .ag-tool-panel .ag-side-buttons {
    width: 24px;
}

#caseGrid .ag-tool-panel .ag-side-buttons,
#careGrid .ag-tool-panel .ag-side-buttons {
    display: none;
}

#careGrid .ag-row-odd,
#caseGrid .ag-row-odd,
#detailGrid .ag-row-odd,
#eventGrid .ag-row-odd,
#notiGrid .ag-row-odd,
#episodeGrid .ag-row-odd {
    background-color: rgba(228, 223, 255, 0.4);
    overflow: visible;
}

#careGrid .ag-row-even,
#caseGrid .ag-row-even,
#detailGrid .ag-row-even,
#eventGrid .ag-row-even,
#notiGrid .ag-row-even,
#episodeGrid .ag-row-even {
    background-color: #fff;
    overflow: visible;
}

#careGrid .ag-full-width-container,
#caseGrid .ag-full-width-container,
#eventGrid .ag-full-width-container,
#notiGrid .ag-full-width-container,
#careGrdetailGridid .ag-full-width-container,
#episodeGrid .ag-full-width-container {
    overflow: visible;
}

#careGrid .ag-body,
#caseGrid .ag-body,
#eventGrid .ag-body,
#notiGrid .ag-body,
#detailGrid .ag-body,
#episodeGrid .ag-body {
    background: #fff;
}

#careGrid .ag-column-container,
#caseGrid .ag-column-container,
#detailGrid .ag-column-container,
#eventGrid .ag-column-container,
#notiGrid .ag-column-container,
#episodeGrid .ag-column-container {
    height: auto;
}

#careGrid .ag-column-container .ag-column-select-column .ag-column-drag,
#caseGrid .ag-column-container .ag-column-select-column .ag-column-drag,
#detailGrid .ag-column-container .ag-column-select-column .ag-column-drag,
#eventGrid .ag-column-container .ag-column-select-column .ag-column-drag,
#notiGrid .ag-column-container .ag-column-select-column .ag-column-drag,
#episodeGrid .ag-column-container .ag-column-select-column .ag-column-drag {
    display: none;
}

#careGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox,
#caseGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox,
#detailGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox,
#eventGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox,
#notiGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox,
#episodeGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox {
    margin-right: 6px;
}

#careGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-checked,
#caseGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-checked,
#notiGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-unchecked,
#careGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-unchecked,
#caseGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-unchecked,
#notiGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-checked,
#detailGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-unchecked,
#episodeGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-checked,
#notiGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-checked,
#notiGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-checked,
#eventGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-unchecked,
#episodeGrid .ag-column-container .ag-column-select-column .ag-column-select-checkbox .ag-checkbox-unchecked {
    vertical-align: middle;
}

#careGrid .ag-tool-panel .ag-side-buttons button,
#caseGrid .ag-tool-panel .ag-side-buttons button,
#detailGrid .ag-tool-panel .ag-side-buttons button,
#eventGrid .ag-tool-panel .ag-side-buttons button,
#notiGrid .ag-tool-panel .ag-side-buttons button,
#episodeGrid .ag-tool-panel .ag-side-buttons button {
    width: 24px;
    height: 24px;
    background: #fff url('data:image/svg+xml; utf8, <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.36841 0.105238H0.842092C0.378948 0.105238 0 0.484186 0 0.94737V11.0526C0 11.5158 0.378948 11.8947 0.842092 11.8947H3.36841C3.83155 11.8947 4.2105 11.5158 4.2105 11.0526V0.94737C4.21054 0.484186 3.83159 0.105238 3.36841 0.105238Z" fill="rgb(243,138,56)"/><path d="M9.26294 0.105238H6.73662C6.27348 0.105238 5.89453 0.484186 5.89453 0.947331V11.0526C5.89453 11.5157 6.27348 11.8947 6.73662 11.8947H9.26294C9.72609 11.8947 10.105 11.5158 10.105 11.0526V0.94737C10.105 0.484186 9.72609 0.105238 9.26294 0.105238Z" fill="rgb(243,138,56)"/><path d="M15.1575 0.105238H12.6312C12.168 0.105238 11.7891 0.484186 11.7891 0.947331V11.0526C11.7891 11.5157 12.168 11.8947 12.6312 11.8947H15.1575C15.6206 11.8947 15.9996 11.5157 15.9996 11.0526V0.947331C15.9996 0.484186 15.6206 0.105238 15.1575 0.105238Z" fill="rgb(243,138,56)"/></svg>') center no-repeat;
    color: transparent;
    outline: none;
    border: none;
    transform: none;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
}

#detailGrid .ag-column-panel-center {
    min-height: 200px;
}

#careGrid .ag-body .ag-cell-value,
#caseGrid .ag-body .ag-cell-value,
#detailGrid .ag-body .ag-cell-value,
#eventGrid .ag-body .ag-cell-value,
#notiGrid .ag-body .ag-cell-value,
#episodeGrid .ag-body .ag-cell-value {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    font-size: 12px;
    line-height: 16px;
    color: #606164;
    padding-left: 20px;
    padding-right: 20px;
    outline: none;
    display: flex;
    align-items: center;
    min-width: 100px;
}

#careGrid .ag-body .ag-cell-value,
#caseGrid .ag-body .ag-cell-value {

    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
}

#careGrid .ag-icon-expanded,
#caseGrid .ag-icon-expanded,
#detailGrid .ag-icon-expanded,
#eventGrid .ag-icon-expanded,
#notiGrid .ag-icon-expanded,
#episodeGrid .ag-icon-expanded {
    background: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7857 0H3.21427C1.43995 0.00210937 0.00210937 1.43995 0 3.21427V14.7857C0.00210937 16.56 1.43995 17.9979 3.21427 18H14.7857C16.56 17.9979 17.9979 16.56 18 14.7857V3.21427C17.9979 1.43995 16.56 0.00210937 14.7857 0ZM16.7143 14.7857C16.7143 15.8508 15.8508 16.7143 14.7857 16.7143H3.21427C2.14915 16.7143 1.2857 15.8508 1.2857 14.7857V3.21427C1.2857 2.14915 2.14915 1.2857 3.21427 1.2857H14.7857C15.8508 1.2857 16.7143 2.14915 16.7143 3.21427V14.7857Z" fill="rgb(233,113,32)"/><path d="M12.214 8.35738H9.64259V5.78594C9.64259 5.43088 9.35477 5.14307 8.99972 5.14307C8.64467 5.14307 8.35685 5.43088 8.35685 5.78594V8.35738H5.78545C5.43039 8.35738 5.14258 8.64519 5.14258 9.00024C5.14258 9.3553 5.43039 9.64308 5.78545 9.64308H8.35689V12.2145C8.35689 12.5696 8.6447 12.8574 8.99976 12.8574C9.35481 12.8574 9.64259 12.5695 9.64259 12.2145V9.64308H12.214C12.5691 9.64308 12.8569 9.35526 12.8569 9.00021C12.8569 8.64515 12.569 8.35738 12.214 8.35738Z" fill="rgb(233,113,32)"/></svg>') center no-repeat;
    opacity: 1;
    width: 10px;
    height: 10px;
    border: 1px solid rgb(233, 113, 32);
    padding: 6px;
    border-radius: 3px;
    cursor: pointer;
}

#careGrid .ag-icon-contracted,
#caseGrid .ag-icon-contracted,
#detailGrid .ag-icon-contracted,
#eventGrid .ag-icon-contracted,
#notiGrid .ag-icon-contracted,
#episodeGrid .ag-icon-contracted {
    background: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7857 0H3.21427C1.43995 0.00210937 0.00210937 1.43995 0 3.21427V14.7857C0.00210937 16.56 1.43995 17.9979 3.21427 18H14.7857C16.56 17.9979 17.9979 16.56 18 14.7857V3.21427C17.9979 1.43995 16.56 0.00210937 14.7857 0ZM16.7143 14.7857C16.7143 15.8508 15.8508 16.7143 14.7857 16.7143H3.21427C2.14915 16.7143 1.2857 15.8508 1.2857 14.7857V3.21427C1.2857 2.14915 2.14915 1.2857 3.21427 1.2857H14.7857C15.8508 1.2857 16.7143 2.14915 16.7143 3.21427V14.7857Z" fill="rgb(233,113,32)"/><path d="M12.214 8.35693H9.64259L8.35685 8.35701L5.78545 8.35693C5.43039 8.35693 5.14258 8.64475 5.14258 8.9998C5.14258 9.35486 5.43039 9.64263 5.78545 9.64263H8.35689H9.64259H12.214C12.5691 9.64263 12.8569 9.35482 12.8569 8.99977C12.8569 8.64471 12.569 8.35693 12.214 8.35693Z" fill="rgb(233,113,32)"/></svg>') center no-repeat;
    opacity: 1;
    width: 10px;
    height: 10px;
    border: 1px solid rgb(233, 113, 32);
    padding: 6px;
    border-radius: 3px;
}

#careGrid .ag-set-filter-list,
#caseGrid .ag-set-filter-list,
#detailGrid .ag-set-filter-list,
#eventGrid .ag-set-filter-list,
#notiGrid .ag-set-filter-list,
#episodeGrid .ag-set-filter-list {
    width: auto;
    height: auto;
}

#careGrid .ag-details-row,
#caseGrid .ag-details-row,
#detailGrid .ag-details-row,
#eventGrid .ag-details-row,
#notiGrid .ag-details-row,
#episodeGrid .ag-details-row {
    padding: 12px 20px 16px;
}

#careGrid .ag-details-row {
    padding: 12px 0 16px;
}

#careGrid .ag-root {
    margin: 0 20px;
}

#careGrid .ag-details-row .ag-header-cell,
#caseGrid .ag-details-row .ag-header-cell,
#careGrid .ag-details-row .ag-tab-header,
#caseGrid .ag-details-row .ag-tab-header,
#eventGrid .ag-details-row .ag-header-cell,
#eventGrid .ag-details-row .ag-tab-header,
#notiGrid .ag-details-row .ag-header-cell,
#notiGrid .ag-details-row .ag-tab-header,
#detailGrid .ag-details-row .ag-header-cell,
#detailGrid .ag-details-row .ag-tab-header,
#episodeGrid .ag-details-row .ag-header-cell,
#episodeGrid .ag-details-row .ag-tab-headerl {
    background-color: #FEDAB9;
}

#careGrid .ag-details-row .ag-root,
#caseGrid .ag-details-row .ag-root,
#detailGrid .ag-details-row .ag-root,
#notiGrid .ag-details-row .ag-root,
#detailGrid .ag-details-row .ag-root,
#eventGrid .ag-details-row .ag-root {
    border: 1px solid #E8E8E9;
    border-radius: 4px;
}

#careGrid .ag-details-row .ag-row,
#caseGrid .ag-details-row .ag-row,
#notiGrid .ag-details-row .ag-row,
#detailGrid .ag-details-row .ag-row,
#eventGrid .ag-details-row .ag-row,
#episodeGrid .ag-details-row .ag-row {
    border-bottom: 1px solid #E8E8E9;
}

#careGrid .ag-group-contracted,
#careGrid .ag-group-expanded,
#caseGrid .ag-group-contracted,
#caseGrid .ag-group-expanded,
#notiGrid .ag-group-expanded,
#detailGrid .ag-group-contracted,
#notiGrid .ag-group-expanded,
#detailGrid .ag-group-expanded,
#episodeGrid .ag-group-contracted,
#episodeGrid .ag-group-expanded,
#notiGrid .ag-group-expanded,
#notiGrid .ag-group-contracted,
#eventGrid .ag-group-contracted,
#notiGrid .ag-group-expanded,
#eventGrid .ag-group-expanded {
    vertical-align: middle;
}

#careGrid .ag-icon-asc,
#careGrid .ag-icon-desc,
#caseGrid .ag-icon-asc,
#caseGrid .ag-icon-desc,
#detailGrid .ag-icon-asc,
#detailGrid .ag-icon-desc,
#notiGrid .ag-icon-asc,
#notiGrid .ag-icon-desc,
#eventGrid .ag-icon-asc,
#eventGrid .ag-icon-desc,
#episodeGrid .ag-icon-asc,
#episodeGrid .ag-icon-desc {
    filter: none;
    margin-left: 5px;
}

#careGrid .ag-body .ag-cell-value.ag-cell-focus,
#caseGrid .ag-body .ag-cell-value.ag-cell-focus,
#detailGrid .ag-body .ag-cell-value.ag-cell-focus,
#eventGrid .ag-body .ag-cell-value.ag-cell-focus,
#notiGrid .ag-body .ag-cell-value.ag-cell-focus,
#episodeGrid .ag-body .ag-cell-value.ag-cell-focus {
    border: 1px solid #6452D9;
}

#care.tabcontent {
    min-height: calc(100vh - 300px);
    position: relative;
    border-radius: 0 0 8px 8px;
}

body div.tab {
    background-color: #fff;
    overflow: hidden;
    display: flex;
    margin: 0 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px 20px;
    align-items: center;
}

body .ag-filter-select {
    border: 1px solid #C6C7C7;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    outline: none;
    margin: 10px 0;
    width: 100%;
    -webkit-appearance: none;
    background: url('data:image/svg+xml; utf8, <svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.52418 5.21697C5.21315 5.51034 4.70806 5.51111 4.39602 5.21869L1.19479 2.21869C0.882753 1.92627 0.881938 1.45139 1.19297 1.15803C1.50399 0.864661 2.00909 0.863894 2.32112 1.15631L4.94886 3.62804L7.57478 1.15803C7.88581 0.864663 8.3909 0.863893 8.70294 1.15631C9.01497 1.44873 9.01579 1.9236 8.70476 2.21697L5.52418 5.21697Z" fill="rgb(198,199,199)"/></svg>') center no-repeat;
    background-position-x: calc(100% - 6px);
    cursor: pointer;
    padding-left: 8px;
}

/* Style the buttons inside the tab */
body div.tab a,
body div.tab button {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    height: 29px !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 11px;
    color: #27292C;
    background-color: #fff;
    border: 1px solid #C8BFFF;
    border-radius: 40px;
    padding: 3px 10px 4px 40px;
    display: flex;
    cursor: pointer;
    margin-left: -25px;

    outline: none;
    text-decoration: none;
}

body div.tab .navigate-item:not(.active):hover,
body div.tab button:not(.active):hover {
    background: #FFF5EC;
    border: 1px solid #FEDAB9;
}

body div.tab .navigate-item:first-child,
body div.tab button:first-child {
    padding: 3px 20px 4px;
    margin-left: 0;
    z-index: 12;
}

body div.tab .navigate-item:nth-child(2),
body div.tab button:nth-child(2) {
    z-index: 11;
}

body div.tab .navigate-item:nth-child(3),
body div.tab button:nth-child(3) {
    z-index: 10;
}

body div.tab .navigate-item:nth-child(4),
body div.tab button:nth-child(4) {
    z-index: 9;
}

body div.tab .navigate-item:nth-child(5),
body div.tab button:nth-child(5) {
    z-index: 8;
}

body div.tab .navigate-item:nth-child(6),
body div.tab button:nth-child(6) {
    z-index: 7;
}

body div.tab .navigate-item:nth-child(7),
body div.tab button:nth-child(7) {
    z-index: 6;
}

body div.tab .navigate-item:nth-child(8),
body div.tab button:nth-child(8) {
    z-index: 5;
}

body div.tab .navigate-item:nth-child(9),
body div.tab button:nth-child(9) {
    z-index: 4;
}

body div.tab .navigate-item:nth-child(10),
body div.tab button:nth-child(10) {
    z-index: 3;
}

body div.tab .navigate-item:nth-child(11),
body div.tab button:nth-child(11) {
    z-index: 2;
}

body div.tab .navigate-item.active,
body div.tab button.active {
    background: #EFEDFF;
}

/*body div.tab .navigate-item:before,*/
/*body div.tab button:before {*/
/*    content: url('data:image/svg+xml; utf8, <svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="rgb(243,138,56)"/></svg>');*/
/*    color: #F38A38;*/
/*    height: 4px;*/
/*    width: 4px;*/
/*    position: relative;*  /
/*    right: 6px;*/
/*    bottom: 3px;*/
/*}*/

body .modal {
    z-index: 10;
    /*display: flex;*/
    align-items: center;
}

div[style*="hidden"] > textarea {
    display: none;
}

h1 {
    /*padding: 1em 8px; was commented out*/
    /*color: #6452D9;*/
    width: 100%;
    height: 90px;
    background-color: #fff;
    /*background-image: url("images/headerbackground.png") blue;
    background-color: lightsalmon; was commented*/
    box-sizing: border-box;
    margin: 0 0 0 0 !important;
    font-weight: 600 !important;
    font-size: 36px !important;
    line-height: 90px !important;
    padding-left: 115px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

#dNavTop {
    width: 100%;
    height: 10%;
    background-image: url("images/headerbackground.png") blue;

}

#content {
    padding: 3% 0px 0px;
    alignment-adjust: auto;
}

#newEpisodeButton {
    margin-left: auto;
}

html body a.newEpisodeButton {
    background: #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 16px;
    line-height: 40px;
    display: block;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border: none;
    margin: 0;
    height: auto;
}

.newEpisodeButton:hover {
    background-color: #DB6718;
}

.newEpisodeButton:active {
    position: relative;
    top: 1px;
}

.myButton {
    -moz-box-shadow: 0px 0px 0px 2px #DF6440; /*#9fb4f2;*/
    -webkit-box-shadow: 0px 0px 0px 2px #DF6440; /*#9fb4f2;*/
    box-shadow: 0px 0px 0px 2px black; /*#9fb4f2;*/
    /*background-color:#7892c2; original blue*/
    background-color: #DF6440;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #black; /*#4e6096;*/
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 7px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #283966;
}

.myButton:hover {
    background-color: #ffffff; /*#476e9e;*/
    color: black;
}

.activeButton {
    -moz-box-shadow: 0px 0px 0px 2px #DF6440; /*#9fb4f2;*/
    -webkit-box-shadow: 0px 0px 0px 2px #DF6440; /*#9fb4f2;*/
    box-shadow: 0px 0px 0px 2px black; /*#9fb4f2;*/
    /*background-color:#7892c2; original blue*/
    background-color: #DF6440;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #black; /*#4e6096;*/
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding: 7px 12px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #283966;
}

.activeButton:hover {
    background-color: #ffffff; /*#476e9e;*/
    color: black;
}

.activeButton:active {
    position: relative;
    top: 1px;
}

body #divLeftMenu {
    background: rgba(255, 237, 220, 0.6);
    border-radius: 4px;
    padding: 0;
    margin: 0 20px 0 0;
    height: 100%;
    padding-bottom: 25px;
}

body #divLeftMenu > table {
    min-width: 190px;
    border-collapse: collapse;
}

body #divLeftMenu td > * {
    padding: 8px 20px;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    display: block;
}

body #newEpisodeWrap {
    background-color: #fff;
    margin: 0 40px;
    width: calc(100% - 120px);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    min-height: calc(100vh - 280px);
}

body #divLeftMenu td a {
    background-color: #FEDAB9;
    margin: 0;
    display: block;
    border: none;
    font-weight: 600;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

body #divLeftMenu tr:first-child td a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

body #divLeftMenu a:hover {
    background-color: #FEC896;
}

body #divEpisodeForm {
    width: 100%;
}

body #divEpisodeForm table {
    width: 100%;
    border: 1px solid #E8E8E9;
    border-radius: 4px;
    border-spacing: 0;
}

body #myBtn[style="visibility: hidden"] {
    display: none;
}

body #divEpisodeForm table td {
    padding: 8px 20px;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
}

body #episodeForm {
    margin: 0;
}

body #divEpisodeForm table tbody tr:first-child {
    background: #E4DFFF;
    font-weight: 600;
}

body #divEpisodeForm table tbody tr:first-child td:not(:last-child) {
    border-right: 1px solid #fff;
}

body #divEpisodeForm table input,
body #divEpisodeForm table select {
    border: 1px solid #C6C7C7;
    border-radius: 4px;
    min-height: 20px;
    font-size: 12px;
    line-height: 16px;
    padding-left: 8px;
    color: #3E4042;
    outline: none;
}

body #divEpisodeForm table select {
    -webkit-appearance: none;
    background: url('data:image/svg+xml; utf8, <svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.52418 5.21697C5.21315 5.51034 4.70806 5.51111 4.39602 5.21869L1.19479 2.21869C0.882753 1.92627 0.881938 1.45139 1.19297 1.15803C1.50399 0.864661 2.00909 0.863894 2.32112 1.15631L4.94886 3.62804L7.57478 1.15803C7.88581 0.864663 8.3909 0.863893 8.70294 1.15631C9.01497 1.44873 9.01579 1.9236 8.70476 2.21697L5.52418 5.21697Z" fill="rgb(198,199,199)"/></svg>') center no-repeat;
    background-position-x: calc(100% - 6px);
    font-size: 12px;
    line-height: 16px;
    padding-right: 18px;
    cursor: pointer;
}

body #divEpisodeForm table select::-webkit-scrollbar-track {
    background-color: transparent;
}

body #divEpisodeForm table select::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}

body #divEpisodeForm table select::-webkit-scrollbar-thumb {
    background-color: #C6C7C7;
}

#careGrid .ag-header-cell-menu-button,
#detailGrid .ag-header-cell-menu-button,
#eventGrid .ag-header-cell-menu-button,
#notiGrid .ag-header-cell-menu-button,
#episodeGrid .ag-header-cell-menu-button {
    margin-top: 2px;
}

body #divEpisodeForm table #episodeName {
    max-width: 416px;
}

body #divEpisodeForm table #selectedIntervention {
    min-width: 150px;
    margin-right: 9px;
}

body .fa-edit {
    background: url('data:image/svg+xml; utf8, <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 7.625V9.5H2.375L7.905 3.97L6.03 2.095L0.5 7.625ZM1.96 8.5H1.5V8.04L6.03 3.51L6.49 3.97L1.96 8.5ZM9.355 1.815L8.185 0.645C8.085 0.545 7.96 0.5 7.83 0.5C7.7 0.5 7.575 0.55 7.48 0.645L6.565 1.56L8.44 3.435L9.355 2.52C9.55 2.325 9.55 2.01 9.355 1.815Z" fill="rgb(233,113,32)"/></svg>') center no-repeat;
    width: 9px;
    height: 9px;
    margin-right: 38px;
}

body .fa-edit:before {
    display: none;
}

body #divEpisodeForm table #flagEvents,
body #divEpisodeForm table #active {
    min-width: 52px;
}

body #divEpisodeForm table #interventionSeq {
    min-width: 52px;
    margin-left: 8px;
}

body #episodeActions {
    display: flex;
    max-width: 705px;
    margin-top: 20px;
}

body #episodeActions > a, body #episodeActions > button {
    background-color: #fff;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    /*line-height: 38px;*/
    color: #E97120;
    font-family: inherit;
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    text-align: center;
    min-width: 82px;
    height: 28px;
    line-height: 28px;
}

body #episodeActions > a:first-child, body #episodeActions > button:first-child {
    margin-right: 16px;
    background: #E97120;
    color: #fff;
}

body #episodeActions > a:nth-child(3), body #episodeActions > button:nth-child(3) {
    margin-left: auto;
    margin-right: 16px;
}

body #episodeActions > a:nth-child(4), body #episodeActions > button:nth-child(3) {
    border: 1px solid #F80F00;
    color: #F80F00;
}

body #episodeActions > a:nth-child(6), body #episodeActions > button:nth-child(3) {
    padding: 0 16px;
    margin-left: auto;
}

body #eventForm table,
body #divActionTable table {
    border-collapse: collapse;
}

body #eventForm table td,
body #divActionTable table th {
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    padding: 0;
}

body #eventForm table td strong,
body #divActionTable table th strong {
    font-weight: unset;
}

body #eventForm table td input,
body #eventForm table td textarea,
body #divActionTable table th input,
body #divActionTable table th textarea {
    border: 1px solid #C6C7C7;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    width: 100%;
    min-width: 570px;
    max-width: 670px;
    padding-left: 8px;
}

body #eventForm table td textarea,
body #divActionTable table td textarea {
    overflow: auto;
    resize: none !important;
    margin-bottom: 0;
}

#eventTimerWrap {
    display: flex;
    max-width: 670px;
}

#eventTimerWrap > * {
    display: flex;
    flex-direction: column;
    max-width: 335px;
}

#eventTimerWrap > *:nth-child(2) {
    margin-left: auto;
}

#eventTimerWrap input {
    min-width: 325px !important;
}

body #divActionTable table {
    border: 1px solid #E8E8E9;
    border-radius: 4px;
    border-collapse: unset;
    border-spacing: 0px;
}

body #divActionTable table th {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
}

body #divActionTable table tr:first-child th {
    border-bottom: 1px solid #E8E8E9;
    font-weight: 600;
    padding: 8px 20px;
}

body #divActionTable table tr:first-child th span:not(:nth-child(2)) {
    margin-right: 38px;
}

body #divActionTable table tr:nth-child(2) th {
    padding: 6px 20px 0;
}

body #divActionTable table tr:nth-child(2) th span {
    margin-right: 51px;
}

body #divActionTable table tr:nth-child(n+3) th {
    display: flex;
    padding: 8px 20px 38px;
    align-items: center;
}

body #divActionTable table tr:nth-child(n+3) th a {
    background-color: #fff;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: #E97120;
    margin-left: 8px;
    font-family: inherit;
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    text-align: center;
    min-width: 76px;
    outline: none;
}

body #divActionTable table tr:nth-child(n+3) th span:first-child {
    border: 1px solid #C6C7C7;
    box-sizing: border-box;
    border-radius: 4px;
    min-width: 75px;
    height: 20px;
    line-height: 17px;
    margin-right: 20px;
    padding-left: 4px;
}

body #divActionTable table tr:nth-child(n+3) th input {
    margin: 0;
    height: 20px;
    padding-left: 8px;
    min-width: 440px;
    margin-right: 77px;
}

body #divActionTable table tr:nth-child(n+3) th a:hover {
    background-color: #fff;
    color: #E97120;
}

body #divActionTable #episodeActions {
    max-width: 788px;
}

#notiAlertForm {
    margin-top: 32px;
}

#notiAlertForm table {
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    padding: 8px 20px 32px;
}

#notiAlertForm table td {
    border: none;
    padding: 12px 0;
}

#notiAlertForm table tr:first-child td {
    padding-top: 0;
}

#notiAlertForm table tr:last-child td {
    padding-bottom: 0;
}

#notiAlertForm table tr:first-child td:last-child > input {
    margin-left: 20px;
}

#notiAlertForm table tr td:first-child {
    font-weight: 600;
    padding-right: 70px;
}

#notiAlertForm table tr label + select {
    margin-top: 5px;
}

#notiAlertForm input:not([type='checkbox']),
#notiAlertForm select,
#notiAlertForm textarea {
    border: 1px solid #C6C7C7;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: auto !important;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    padding-left: 8px;
    width: 440px;
    outline: none;
}

#notiAlertForm select {
    padding: 0;
}

#notiAlertForm option:checked {
    background: inherit;
}

#notiAlertForm input {
    height: 20px;
}

#notiAlertForm select {
    min-width: 210px;
}

#notiAlertForm select option {
    padding-left: 8px;
}

#notiAlertForm input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    height: 12px;
    width: 12px;
    margin-right: 6px;
}

#notiAlertForm input[type='checkbox']:after {
    display: flex;
    align-items: center;
    background: url('data:image/svg+xml; utf8, <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 1.5V8.5H1.5V1.5H8.5ZM8.5 0.5H1.5C0.95 0.5 0.5 0.95 0.5 1.5V8.5C0.5 9.05 0.95 9.5 1.5 9.5H8.5C9.05 9.5 9.5 9.05 9.5 8.5V1.5C9.5 0.95 9.05 0.5 8.5 0.5Z" fill="rgb(236,118,68)"/></svg>') center no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    content: "";
}

#notiAlertForm input[type='checkbox']:checked:after {
    background: url('data:image/svg+xml; utf8, <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 0.5H1.5C0.945 0.5 0.5 0.95 0.5 1.5V8.5C0.5 9.05 0.945 9.5 1.5 9.5H8.5C9.055 9.5 9.5 9.05 9.5 8.5V1.5C9.5 0.95 9.055 0.5 8.5 0.5ZM4 7.5L1.5 5L2.205 4.295L4 6.085L7.795 2.29L8.5 3L4 7.5Z" fill="rgb(238,125,44)"/></svg>') center no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    content: "";
}

#notiAlertForm a {
    background-color: #fff;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: #E97120;
    font-family: inherit;
    box-shadow: none;
    text-shadow: none;
    padding: 0 16px;
    text-align: center;
    min-width: 76px;
    outline: none;
}

#notiAlertForm a:hover {
    background-color: #fff;
    border: 1px solid #E97120;
    color: #E97120;
}

#notiAlertForm #selectedTemplate {
    -webkit-appearance: none;
    background: url('data:image/svg+xml; utf8, <svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.52418 5.21697C5.21315 5.51034 4.70806 5.51111 4.39602 5.21869L1.19479 2.21869C0.882753 1.92627 0.881938 1.45139 1.19297 1.15803C1.50399 0.864661 2.00909 0.863894 2.32112 1.15631L4.94886 3.62804L7.57478 1.15803C7.88581 0.864663 8.3909 0.863893 8.70294 1.15631C9.01497 1.44873 9.01579 1.9236 8.70476 2.21697L5.52418 5.21697Z" fill="rgb(198,199,199)"/></svg>') center no-repeat;
    background-position-x: calc(100% - 6px);
    font-size: 12px;
    line-height: 16px;
    padding-right: 18px;
    cursor: pointer;
    padding-left: 8px;
}

#notiAlertForm table + a {
    margin: 20px 0;
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    font-family: inherit;
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    text-align: center;
    min-width: 82px;
    outline: none;
    height: 28px;
}

#notiAlertForm table + a:hover {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
}

#dataModal {
    background: rgba(235, 233, 243, 0.5);
    padding: 14px 17px 14px 25px;
    font-size: 12px;
    line-height: 16px;
    height: 100%;
    color: #3E4042
}

#dataModal textarea {
    resize: none;
    min-width: 480px;
    height: 20px;
    border: 1px solid #C6C7C7;
    box-sizing: border-box;
    border-radius: 4px;
    margin: 0;
    padding: 1px 8px;
    margin-right: 8px;
    outline: none;
}

#dataModal span {
    display: block;
    margin-bottom: 8px;
}

#dataModal .myField {
    background: url('data:image/svg+xml; utf8, <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="10" stroke="rgb(235,87,87)"/><path d="M14.2913 7.47225L13.5276 6.7085L10.4997 9.73641L7.47176 6.7085L6.70801 7.47225L9.73592 10.5002L6.70801 13.5281L7.47176 14.2918L10.4997 11.2639L13.5276 14.2918L14.2913 13.5281L11.2634 10.5002L14.2913 7.47225Z" fill="rgb(235,87,87)"/></svg>') center no-repeat;
    width: 21px;
    height: 21px;
    outline: none;
    border: none;
    color: transparent;
}

#dataModal #divDynamic > * {
    margin-bottom: 20px;
}

#dataModal #episodeActions > a:not(:first-child) {
    background: transparent;
    margin: 0;
}

#dataModal #episodeActions > a:nth-child(2) {
    margin-right: auto;
}

#selectContactForm table {
    border-collapse: collapse;
    border: none;
    min-width: 100%;
}

#selectContactForm table tr,
#selectContactForm table td {
    color: #3E4042;
    border: none;
    padding: 0;
}

#selectContactForm table tr:nth-child(3) {
    border: 1px solid #E8E8E9;
}

#selectContactForm table tr:first-child td:not(:nth-child(2)) {
    background: #ADA0FF;
    padding: 14px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

input, textarea {
    outline: none;
}

#selectContactForm select {
    border: none;
    width: 100%;
    background: #F8F7FB;
    padding: 4px 13px;
    min-height: calc(100vh - 190px) !important;
    outline: none;
    min-width: 300px;
    border-left: 1px solid #E8E8E9;
    border-right: 1px solid #E8E8E9
}

#selectContactForm select option {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
}

#selectContactForm select::-webkit-scrollbar-track {
    background-color: transparent;
}

#selectContactForm select::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}

#selectContactForm select::-webkit-scrollbar-thumb {
    background-color: #C6C7C7;
}

#selectContactForm table tr:nth-child(3) div {
    padding: 8px 13px;
}

#selectContactForm table tr:nth-child(3) div a {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 38px;
    font-family: inherit;
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    text-align: center;
    min-width: 82px;
    outline: none;
}

#selectContactForm table tr:nth-child(3) div a:hover {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
}

#selectContactForm table tr:nth-child(3) div a:last-child {
    background-color: #fff;
    color: #E97120;
    margin-left: 16px;
}

#selectContactForm table tr:nth-child(3) div a:last-child:hover {
    background-color: #fff;
    color: #E97120;
}

#selectContactForm table tr:nth-child(2) button {
    border: 1px solid #E97120;
    border-radius: 50px;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #E97120;
    outline: none;
    width: 80px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 16px 8px;
    cursor: pointer;
}

#selectContactForm table tr:nth-child(2) button svg {
    margin: 0 4px;
}

#divNotiDest {
    background-color: #F8F7FB;
    height: calc(100% - 28px);
    padding: 14px 25px;
}

#divNotiDest table {
    width: 100%;
}

#divNotiDest span {
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    display: block;
}

#divNotiDest input:not([type='file']),
#divNotiDest textarea,
#divNotiDest select {
    border: 1px solid #C6C7C7;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    padding-left: 8px;
    width: 100%;
    outline: none;
    min-height: 20px;
    margin-top: 7px;
}

#divNotiDest textarea {
    height: 66px;
    resize: none;
}

#divNotiDest tr:nth-child(2) span {
    margin-top: 22px;
}

#divNotiDest tr:nth-child(2) textarea {
    margin-bottom: 24px;
}

#divNotiDest input[type='file'] {
    margin-top: 8px;
    outline: none;
}

#divNotiDest input[type='file']::-ms-browse {
    background: #FFEDDC;
    border: 1px solid #FEC896;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #E97120;
    cursor: pointer;
    padding: 0 10px;
    outline: none;
}

#divNotiDest input[type='file']::-webkit-file-upload-button {
    background: #FFEDDC;
    border: 1px solid #FEC896;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #E97120;
    cursor: pointer;
    outline: none;
    padding: 0px 10px;
}

#divNotiDest tr:nth-child(4) a {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 38px;
    font-family: inherit;
    box-shadow: none;
    text-shadow: none;
    padding: 0 7px;
    text-align: center;
    min-width: 82px;
    outline: none;
    margin-top: 20px;
}

#divNotiDest form {
    margin: 0;
}

#divNotiDest #divDebug p {
    margin: 40px 0;
}

#divNotiDest #divDebug textarea {
    height: 123px;
}

#divNotiDest tr:nth-child(4) a:hover {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
}

#divNotiDest tr:nth-child(4) a:last-child {
    background-color: transparent;
    color: #E97120;
    margin-left: 16px;
}

#divNotiDest tr:nth-child(4) a:last-child:hover {
    background-color: transparent;
    color: #E97120;
}

#divNotiDest + #divDebug[style="visibility: hidden"] {
    display: none;
}

#pageWrap {
    background: #fff;
    margin: 0 40px;
    width: calc(100% - 80px);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 16px 20px;
    margin-bottom: 75px;
    /*margin-bottom: 120px;*/
}

#pageWrap span {
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
}

#pageWrap input:not([type='file']),
#pageWrap textarea,
#pageWrap select {
    border: 1px solid #C6C7C7;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    padding-left: 8px;
    width: 100%;
    outline: none;
    min-height: 20px;
}


#pageWrap input:not([type='file'])::placeholder,
#pageWrap textarea::placeholder,
#pageWrap select::placeholder {
    color: #A4A5A6;
}

body #pageWrap select {
    -webkit-appearance: none;
    background: url('data:image/svg+xml; utf8, <svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.52418 5.21697C5.21315 5.51034 4.70806 5.51111 4.39602 5.21869L1.19479 2.21869C0.882753 1.92627 0.881938 1.45139 1.19297 1.15803C1.50399 0.864661 2.00909 0.863894 2.32112 1.15631L4.94886 3.62804L7.57478 1.15803C7.88581 0.864663 8.3909 0.863893 8.70294 1.15631C9.01497 1.44873 9.01579 1.9236 8.70476 2.21697L5.52418 5.21697Z" fill="rgb(198,199,199)"/></svg>') center no-repeat;
    background-position-x: calc(100% - 6px);
    font-size: 12px;
    line-height: 16px;
    padding-right: 18px;
    padding-left: 8px;
    cursor: pointer;
}

#pageWrap #enableBtn,
#pageWrap #disableBtn {
    background: transparent;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #E97120;
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
    padding: 0 12px;
    height: 25px;
    margin-left: 20px;
}

#pageWrap input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    height: 12px;
    width: 12px;
    min-height: 12px;
    min-width: 12px;
    margin-right: 6px;
    border: none;
    cursor: pointer;
}

#pageWrap input[type='checkbox']:after {
    display: flex;
    align-items: center;
    background: url('data:image/svg+xml; utf8, <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 1.5V8.5H1.5V1.5H8.5ZM8.5 0.5H1.5C0.95 0.5 0.5 0.95 0.5 1.5V8.5C0.5 9.05 0.95 9.5 1.5 9.5H8.5C9.05 9.5 9.5 9.05 9.5 8.5V1.5C9.5 0.95 9.05 0.5 8.5 0.5Z" fill="rgb(236,118,68)"/></svg>') center no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    content: "";
}

#pageWrap input[type='checkbox']:checked:after {
    background: url('data:image/svg+xml; utf8, <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 0.5H1.5C0.945 0.5 0.5 0.95 0.5 1.5V8.5C0.5 9.05 0.945 9.5 1.5 9.5H8.5C9.055 9.5 9.5 9.05 9.5 8.5V1.5C9.5 0.95 9.055 0.5 8.5 0.5ZM4 7.5L1.5 5L2.205 4.295L4 6.085L7.795 2.29L8.5 3L4 7.5Z" fill="rgb(238,125,44)"/></svg>') center no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    content: "";
}

#pageWrap input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    height: 12px;
    width: 12px;
    min-height: 12px;
    min-width: 12px;
    margin-right: 6px;
    border: none;
    cursor: pointer;
}

#pageWrap input[type='radio']:after {
    display: flex;
    align-items: center;
    background: url('data:image/svg+xml; utf8, <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 1C3.24 1 1 3.24 1 6C1 8.76 3.24 11 6 11C8.76 11 11 8.76 11 6C11 3.24 8.76 1 6 1ZM6 10C3.79 10 2 8.21 2 6C2 3.79 3.79 2 6 2C8.21 2 10 3.79 10 6C10 8.21 8.21 10 6 10Z" fill="rgb(236,118,68)"/></svg>') center no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    content: "";
}

#pageWrap input[type='radio']:checked:after {
    background: url('data:image/svg+xml; utf8, <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 1C3.24 1 1 3.24 1 6C1 8.76 3.24 11 6 11C8.76 11 11 8.76 11 6C11 3.24 8.76 1 6 1ZM6 10C3.79 10 2 8.21 2 6C2 3.79 3.79 2 6 2C8.21 2 10 3.79 10 6C10 8.21 8.21 10 6 10Z" fill="rgb(236,118,68)"/><path d="M6 8.5C7.38071 8.5 8.5 7.38071 8.5 6C8.5 4.61929 7.38071 3.5 6 3.5C4.61929 3.5 3.5 4.61929 3.5 6C3.5 7.38071 4.61929 8.5 6 8.5Z" fill="rgb(236,118,68)"/></svg>') center no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    content: "";
}

#pageWrap.pageBuilder .section {
    margin: 0;
    border: none;
}

#pageWrap.pageBuilder span.sectionTitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-variant: unset;
}

#pageWrap.pageBuilder span.sectionCommands a {
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: #6452D9;
    border: 1px solid #6452D9;
    border-radius: 50px;
    padding: 0 16px;
    display: inline-block;
    margin-right: 8px;
}

#pageWrap.pageBuilder span.sectionCommands a:hover {
    background-color: #EFEDFF;
}

#pageWrap.pageBuilder div.sectionTitle {
    margin-bottom: 15px;
    border-top: 1px solid #E8E8E9;
    padding-top: 20px;
    margin-top: 20px;
}

#reportForm div.sectionTitle {
    margin-top: 0;
    border: none;
    padding-top: 0;
}

#pageWrap.pageBuilder label, .groupByQuestion {
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
}

/*---------------LOGIN----------------------*/


.login {
    height: 100vh !important;
    display: flex !important;
    align-items: center;
    /*background: url("../imgs/backLog.png") no-repeat;*/
}

#login, .modal-content {
    width: 450px !important;
    padding: 0 !important;
    border-radius: 20px;
    margin: auto !important;
}

#login h2, #signupForm h2, #userPassForm h2 {
    background-color: #D4CFFD !important;
    border-radius: 20px 20px 0 0;
    color: #fff;
    font-size: 36px !important;
    padding: 25px 0 !important;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
}

#login fieldset, #signupForm, #userPassForm {
    min-height: 425px !important;
    padding: 30px 35px 0 !important;
    box-sizing: border-box;
}

#login fieldset div:last-child {
    margin-top: -15px;
}

#signupForm label, #userPassForm label {
    margin-bottom: 10px !important;
}

#login fieldset p:nth-child(2) {
    margin-bottom: 20px;
}

#login fieldset p:nth-child(11) {
    height: 43px !important;
    margin-bottom: 30px;
}

#login fieldset p label, #signupForm, #signupForm label, #userPassForm, #userPassForm label {
    font-family: 'Source Sans Pro' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 20px !important;
    color: #7C7575 !important;
}

#login fieldset .loginInput, #signupForm .textType, #userPassForm .textType {
    color: #777;
    padding: 4px 10px;
    width: 380px !important;
    height: 43px !important;
    border-radius: 10px;
    background: #FBFBFD !important;
    border: 1px solid #BFB8C9;
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(223, 217, 227, 0.25);
}

#signupForm .close, #userPassForm .close {
    display: none;
}


#signupForm h2, #userPassForm h2 {
    margin: -31px -35px !important;
}


#userPassForm:before {
    font-size: 25px !important;
}

#signupForm .textType, #userPassForm .textType {
    margin: 10px 0 20px;
}

#signupForm div:nth-child(3), #userPassForm div:nth-child(3) {
    margin-top: 55px;
}

#login fieldset input[type="button"], #login fieldset input[type="submit"], #signupForm .button, #userPassForm .button {
    color: #fff;
    margin: 20px auto !important;
    padding: 4px 0;
    width: 145px !important;
    background: #6452D9 !important;
    border-radius: 50px;
    height: 43px !important;
    cursor: pointer;
}

#signupForm .button, #userPassForm .button {
    margin-top: 10px !important;
    text-transform: capitalize;
}


#signupForm input[name="cancel"], #userPassForm input[name="cancel"] {
    border: 1px solid #6452D9;
    color: #6452D9;
    background-color: white !important;
}

#signupForm input[name="CacheLogin"], #userPassForm input[name="CacheLogin"] {
    margin-left: 33px !important;
}

#login fieldset div:nth-child(1) {
    margin-top: 64px;
}

#login fieldset div span {
    font-size: 14px !important;
    font-weight: 600;
    color: #7C7575 !important;
}

#login fieldset div a {
    font-weight: 600;
    font-size: 14px !important;
    line-height: 20px;
    color: #6452D9 !important;
    text-decoration: none !important;
}

#login h2:before, #signupForm h2:before, #userPassForm h2:before {
    content: '' !important;
    background-image: url("../imgs/logooo.svg") !important;
    /*background-size: 65px;*/
    background-size: contain;
    height: 73px;
    width: 75px;
    margin: 0 40px 0 65px;
}

#userPassForm h2:before {
    margin: 0px -60px 0 45px;
}

.fontawesome-lock:before {
    content: '' !important;

}

#signupForm, #userPassForm {
    min-height: 550px !important;
}


.modal {
    /*padding-top: 200px !important;*/
}

.form-radio {
    width: 18px !important;
    height: 18px !important;
    border-radius: 3px !important;
    background: white !important;
    border: 2px solid #6452D9 !important;
    top: 7px !important;
    margin-right: 10px !important;
}

.form-radio:checked {
    background-color: #6452D9 !important;
    color: white !important;
    width: 18px !important;
    height: 18px !important;
    box-sizing: border-box;
}

.form-radio:checked::before {
    font: 14px 'Open Sans', sans-serif !important;
    left: 3px !important;
    top: -3px !important;
}

#userPassForm, #signupForm {
    font-size: 16px !important;
}

#userPassForm h2 {
    font-size: 23px !important;
}

#userPassForm div {
    margin-bottom: 40px;
}

#userPassForm .fontawesome-lock:before {
    margin: 0 10px 0 60px;
}

#message {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    margin: 15px 0 !important;
}

#userPassForm .button {
    margin-top: 50px !important;
}

/*------------------------------*/
#pageWrap.pageBuilder input,
#pageWrap.pageBuilder select {
    min-width: 190px;
    width: auto;
}

#pageWrap.pageBuilder #reportCatalog tr:nth-child(3) label {
    display: block;
    margin-top: 12px;
}

#pageWrap.pageBuilder #reportCatalog tr:nth-child(4) textarea,
#pageWrap.pageBuilder #reportMessage {
    resize: none;
    width: 305px;
    height: 81px;
}

#pageWrap.pageBuilder #reportCatalog tr:nth-child(4) td:nth-child(2) {
    vertical-align: top;
}

#pageWrap.pageBuilder .sqlbox textarea,
#pageWrap.pageBuilder #divDebug textarea {
    margin: 0;
    width: 880px;
    height: 81px;

}

#pageWrap.pageBuilder #reportSubject {
    width: 305px;
    resize: none;
}

#pageWrap.pageBuilder #destList {
    padding: 0;
    overflow: auto;
    background: none;
}

#pageWrap.pageBuilder #divDebug {
    margin-top: 30px;
}

#pageWrap.pageBuilder #editDestinations table {
    border-spacing: 0;
    border: 1px solid #C6C7C7;
    border-radius: 4px;
    margin-bottom: 15px;
}

#pageWrap.pageBuilder #editDestinations table td {
    border: none;
}

#pageWrap.pageBuilder #editDestinations table tr td:not(:last-child) {
    border-right: 1px solid #E8E8E9;
}

#pageWrap.pageBuilder #editDestinations table input,
#pageWrap.pageBuilder #editSchedule input {
    min-width: auto;
    margin-top: 0;
}

#pageWrap.pageBuilder #editDestinations table tr:first-child td:first-child {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#pageWrap.pageBuilder #editDestinations table tr:first-child td > label {
    margin-right: 6px;
}

#pageWrap.pageBuilder #editDestinations table tr:first-child td {
    padding: 12px;
}

#pageWrap.pageBuilder #editDestinations table tr:last-child td {
    border-top: 1px solid #E8E8E9;
    padding: 8px 12px;
}

#pageWrap.pageBuilder #editDestinations table select {
    overflow: auto;
    background: none;
    border: none;
}

#pageWrap.pageBuilder #editDestinations table tr:nth-child(3) td:not(:nth-child(2)) {
    background-color: #F8F7FB;
}

#pageWrap.pageBuilder #editDestinations table tr:nth-child(2) td:not(:nth-child(2)) {
    background-color: #ADA0FF;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 12px;
}

#pageWrap.pageBuilder #editDestinations table tr:nth-child(3) button {
    border: 1px solid #E97120;
    border-radius: 50px;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #E97120;
    outline: none;
    width: 90px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 16px 8px;
    cursor: pointer;
}

#pageWrap.pageBuilder #editDestinations table tr:nth-child(3) button svg {
    margin: 0 4px;
}

#pageWrap.pageBuilder #editDestinations table tr:nth-child(4) a {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 38px;
    font-family: inherit;
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    text-align: center;
    min-width: 82px;
    outline: none;
}

#pageWrap.pageBuilder #editDestinations table tr:nth-child(4) a:hover {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
}

#pageWrap.pageBuilder #editSchedule[style="display: block;"] {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #C6C7C7;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 12px;
}

#pageWrap.pageBuilder #editSchedule #mainDiv {
    padding: 0;
    width: 100%;
    margin: 15px 0 15px;
    border: none;
}

#pageWrap.pageBuilder #editSchedule > input:first-child {
    padding-left: 0;
}

#pageWrap.pageBuilder #editSchedule #mainDiv button {
    z-index: unset;
    margin: 0 12px 0 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
    color: #6452D9;
    border: 1px solid #6452D9;
    border-radius: 50px;
    padding: 0 16px;
    display: inline-block;
    height: auto;
    font-family: inherit;
}

#pageWrap.pageBuilder #editSchedule #mainDiv button:hover {
    background-color: #EFEDFF;
}

#pageWrap.pageBuilder #editSchedule #mainDiv button:before {
    display: none;
}

#pageWrap.pageBuilder #editSchedule p > a {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    font-family: inherit;
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    text-align: center;
    min-width: 110px;
    outline: none;
}

#pageWrap.pageBuilder #editSchedule p > a:hover {
    background: #E97120;
    color: #fff;
    border: 1px solid #E97120;
}

#pageWrap.pageBuilder #editSchedule .tabcontent {
    background: none;
    border: 1px solid #C6C7C7;
    border-radius: 4px;
    padding: 0;
    height: auto !important;
}

#pageWrap.pageBuilder #editSchedule .tabcontent .well {
    background: #EFEDFF;
    border: none;
    margin-bottom: 10px;
    border-radius: 0;
    display: flex;
    align-items: center;
}

#pageWrap.pageBuilder #editSchedule #weekly .well:first-child {
    display: flex !important;
    flex-wrap: wrap;
    padding-bottom: 9px;
    padding-left: 0;
    margin-bottom: -8px;
}

#pageWrap.pageBuilder #editSchedule #weekly .well:first-child .span6 {
    display: flex !important;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 0;
}

#pageWrap.pageBuilder #editSchedule #weekly .well:first-child .span6 input {
    margin-bottom: 0;
    margin-left: 10px;
    padding-left: 3px;
}

#pageWrap.pageBuilder #editSchedule #weekly .well:first-child .span6 br {
    display: none;
}

#pageWrap.pageBuilder #editSchedule .tabcontent .well:last-child,
#pageWrap.pageBuilder #editSchedule .tabcontent:first-child .well:first-child {
    margin-bottom: 0;
}

#pageWrap.pageBuilder #editSchedule .tabcontent .well > * {
    margin: 0 5px;
}

#pageWrap.pageBuilder #editSchedule .tabcontent .well select {
    min-width: unset;
}

#pageWrap.pageBuilder #editSchedule .tabcontent .well input[type="radio"] {
    padding-left: 0;
    margin-left: 0;
}

#pageWrap.pageBuilder #editSchedule .tabcontent .well select::-webkit-scrollbar-track {
    background-color: transparent;
}

#pageWrap.pageBuilder #editSchedule .tabcontent .well select::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}

#pageWrap.pageBuilder #editSchedule .tabcontent .well select::-webkit-scrollbar-thumb {
    background-color: #C6C7C7;
}

#pageWrap.pageBuilder #editSchedule > div:last-child {
    width: 100%;
}

#pageWrap.pageBuilder #reportForm div.sectionTitle {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

body .fixxer-app {
    background-color: #fff;
    padding: 0;
    margin: 0;
}

body .container {
    width: 100%;
    padding: 0;
    margin: 0;
}

#pageWrap a:hover {
    text-decoration: none;
}

#pageWrap div.tab {
    margin: 0;
    padding: 0;
}

#pageWrap .ibox {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: 16px;
}

#pageWrap #contact-tracing {
    color: #3E4042;
}

#pageWrap #contact-tracing label {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    margin: 0;
}

#pageWrap #contact-tracing .input-group.date {
    display: flex;
    align-items: center;
    margin-top: 5px;
    margin-left: 1px;
    margin-right: 19px;
}

#pageWrap #contact-tracing .input-group-addon, #caseDate .input-group-addon {
    background: transparent;
    padding: 0;
    border: none;
    width: auto;
    margin-left: 2px;
}

#pageWrap #contact-tracing .input-group-addon + .form-control, #caseDate .input-group-addon + .form-control {
    width: 162px;
    height: 20px;
    margin-left: 6px;
    margin-top: 0;
    line-height: 20px;
}

#caseDate .input-group-addon + .form-control {
    height: 25px;
    font-size: 13px;
    border-radius: 4px;
}

.divconfigFormPopUp .searchBtn--popup {
    margin-top: 22px;
    height: 28px;
    margin-left: 0;
}


#pageWrap #contact-tracing .form-control {
    height: 20px;
}

#pageWrap #contact-tracing .row,
#pageWrap #contact-tracing .col-xs-1,
#pageWrap #contact-tracing .col-xs-2,
#pageWrap #contact-tracing .col-xs-3,
#pageWrap #contact-tracing .col-xs-4,
#pageWrap #contact-tracing .col-xs-5,
#pageWrap #contact-tracing .col-xs-6,
#pageWrap #contact-tracing .col-xs-7,
#pageWrap #contact-tracing .col-xs-8,
#pageWrap #contact-tracing .col-xs-9,
#pageWrap #contact-tracing .col-xs-10,
#pageWrap #contact-tracing .col-xs-11,
#pageWrap #contact-tracing .col-xs-12,
#pageWrap #contact-tracing .col-sm-1,
#pageWrap #contact-tracing .col-sm-2,
#pageWrap #contact-tracing .col-sm-3,
#pageWrap #contact-tracing .col-sm-4,
#pageWrap #contact-tracing .col-sm-5,
#pageWrap #contact-tracing .col-sm-6,
#pageWrap #contact-tracing .col-sm-7,
#pageWrap #contact-tracing .col-sm-8,
#pageWrap #contact-tracing .col-sm-9,
#pageWrap #contact-tracing .col-sm-10,
#pageWrap #contact-tracing .col-sm-11,
#pageWrap #contact-tracing .col-sm-12,
#pageWrap #contact-tracing .col-md-1,
#pageWrap #contact-tracing .col-md-2,
#pageWrap #contact-tracing .col-md-3,
#pageWrap #contact-tracing .col-md-4,
#pageWrap #contact-tracing .col-md-5,
#pageWrap #contact-tracing .col-md-6,
#pageWrap #contact-tracing .col-md-7,
#pageWrap #contact-tracing .col-md-8,
#pageWrap #contact-tracing .col-md-9,
#pageWrap #contact-tracing .col-md-10,
#pageWrap #contact-tracing .col-md-11,
#pageWrap #contact-tracing .col-md-12,
#pageWrap #contact-tracing .col-lg-1,
#pageWrap #contact-tracing .col-lg-2,
#pageWrap #contact-tracing .col-lg-3,
#pageWrap #contact-tracing .col-lg-4,
#pageWrap #contact-tracing .col-lg-5,
#pageWrap #contact-tracing .col-lg-6,
#pageWrap #contact-tracing .col-lg-7,
#pageWrap #contact-tracing .col-lg-8,
#pageWrap #contact-tracing .col-lg-9,
#pageWrap #contact-tracing .col-lg-10,
#pageWrap #contact-tracing .col-lg-11,
#pageWrap #contact-tracing .col-lg-12 {
    width: auto;
    margin: 0;
    padding: 0;
    display: inline-block;
}

#pageWrap #contact-tracing .row:before,
#pageWrap #contact-tracing .row:after {
    display: none;
}

#pageWrap #contact-tracing .ibox-content > .row {
    display: flex;
    flex-wrap: wrap;
}

#pageWrap #contact-tracing .ibox-content > .row > .form-group:nth-child(2) input {
    width: 326px;
}

/*#pageWrap #contact-tracing .ibox-content > .row > .form-group:nth-child(3) {*/
/*    align-self: flex-end;*/
/*}*/

#pageWrap #contact-tracing .ibox-content > .row > .form-group:nth-child(3) table tr {
    display: flex;
    padding-bottom: 4px;
    padding-left: 22px;
}

#pageWrap #contact-tracing .ibox-content > .row > .form-group:nth-child(3) table td {
    display: flex;
    align-items: center;
}

#pageWrap #contact-tracing .ibox-content > .row > .form-group:nth-child(3) table td input {
    padding: 0;
    margin: 0 6px 0 0;
}

#pageWrap #contact-tracing .form-control:focus, #caseDate .form-control:focus {
    border: 1px solid #C6C7C7;
    box-shadow: none;
}

#pageWrap #contact-tracing .table-responsive thead {
    background: #E4DFFF;
}

#pageWrap #contact-tracing .table-responsive thead th {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    border-right: 1px solid #fff;
    padding: 8px;
    cursor: pointer;
}

#pageWrap #contact-tracing .table-responsive thead th:last-child {
    border-right: none;
}

#pageWrap #contact-tracing .table-responsive thead th:first-child {
    padding-left: 40px;
}

#pageWrap ~ .daterangepicker,
#caseDate ~ .daterangepicker {
    padding: 15px 35px 35px 20px;
}

#pageWrap ~ .daterangepicker .ranges,
#caseDate ~ .daterangepicker .ranges {
    margin: 0;
    width: 180px;
}

#pageWrap ~ .daterangepicker .ranges label,
#caseDate ~ .daterangepicker .ranges label {
    font-size: 12px;
    line-height: 16px;
    color: #3E4042;
    text-transform: none;
    margin: 0 0 8px 0;
    width: auto;
    height: auto;
}

#pageWrap ~ .daterangepicker .ranges input,
#caseDate ~ .daterangepicker .ranges input {
    width: 80px;
    height: 20px;
    border: 1px solid #C6C7C7;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    color: #3E4042;
    margin-bottom: 20px;
}

#pageWrap ~ .daterangepicker .ranges button,
#caseDate ~ .daterangepicker .ranges button {
    background: #E97120;
    border: 1px solid #E97120;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    width: 76px;
    padding: 0;
    outline: none;
}

#pageWrap ~ .daterangepicker .ranges button:last-child,
#caseDate ~ .daterangepicker .ranges button:last-child {
    background-color: transparent;
    color: #E97120;
    margin-left: 12px;
}

#pageWrap ~ .daterangepicker .calendar,
#caseDate ~ .daterangepicker .calendar {
    margin: 0;
}

#pageWrap ~ .daterangepicker .calendar-date,
#caseDate ~ .daterangepicker .calendar-date {
    border: none;
    padding: 0;
}

#pageWrap ~ .daterangepicker .glyphicon-arrow-left:before,
#caseDate ~ .daterangepicker .glyphicon-arrow-left:before {
    content: url('data:image/svg+xml; utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.41016 10.59L2.83016 6L7.41016 1.41L6.00016 -6.16331e-08L0.00015614 6L6.00016 12L7.41016 10.59Z" fill="rgb(43,43,43)"/></svg>');
}

#pageWrap ~ .daterangepicker .glyphicon-arrow-right:before,
#caseDate ~ .daterangepicker .glyphicon-arrow-right:before {
    content: url('data:image/svg+xml; utf8, <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.589843 1.41L5.16984 6L0.589844 10.59L1.99984 12L7.99984 6L1.99984 -6.16331e-08L0.589843 1.41Z" fill="rgb(43,43,43)"/></svg>');
}

#pageWrap ~ .daterangepicker .calendar.first,
#caseDate ~ .daterangepicker .calendar.first {
    margin-left: 68px;
}

#pageWrap ~ .daterangepicker .calendar th,
#caseDate ~ .daterangepicker .calendar th {
    font-family: inherit;
}

#pageWrap ~ .daterangepicker .calendar thead tr:first-child th,
#caseDate ~ .daterangepicker .calendar thead tr:first-child th {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}

#pageWrap ~ .daterangepicker .calendar thead tr:last-child th,
#caseDate ~ .daterangepicker .calendar thead tr:last-child th {
    color: #2F2666;
}

#pageWrap ~ .daterangepicker .calendar td.in-range,
#caseDate ~ .daterangepicker .calendar td.in-range {
    background: #FFEDDC;
}

#pageWrap ~ .daterangepicker td.active,
#caseDate ~ .daterangepicker td.active,
#pageWrap ~ .daterangepicker td.active:hover,
#caseDate ~ .daterangepicker td.active:hover {
    background: #E97120;
    height: 100%;
}

#pageWrap #contact-tracing > .row,
#pageWrap #contact-tracing > .row > .col-lg-12 {
    width: 100%;
}

#pageWrap #contact-tracing .table-block-wrap .user-info-content {
    display: flex;
}

#pageWrap #contact-tracing .table-block-wrap .user-info-content > div {
    margin-left: 11px;
}

#pageWrap #contact-tracing .table-block-wrap b {
    font-weight: normal;
}

#pageWrap #contact-tracing .ibox-content > .table-block-wrap .table-responsive > table > tbody tr {
    cursor: pointer;
}

#pageWrap #contact-tracing .ibox-content > .table-block-wrap .table-responsive > table > tbody tr th:not(:last-child),
#pageWrap #contact-tracing .ibox-content > .table-block-wrap .table-responsive > table > tbody tr td:not(:last-child) {
    border-right: 1px solid #fff;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}

.table-striped > tbody > tr:last-child:nth-child(odd) > td,
.table-striped > tbody > tr:last-child:nth-child(odd) > th {
    border-bottom: 1px solid #e7eaec;
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: white;
}

#pageWrap #contact-tracing .ibox-content > .table-block-wrap .table-responsive > table > tbody tr > td:first-child > div > .user-info-content:before {
    content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7857 0H3.21427C1.43995 0.00210937 0.00210937 1.43995 0 3.21427V14.7857C0.00210937 16.56 1.43995 17.9979 3.21427 18H14.7857C16.56 17.9979 17.9979 16.56 18 14.7857V3.21427C17.9979 1.43995 16.56 0.00210937 14.7857 0ZM16.7143 14.7857C16.7143 15.8508 15.8508 16.7143 14.7857 16.7143H3.21427C2.14915 16.7143 1.2857 15.8508 1.2857 14.7857V3.21427C1.2857 2.14915 2.14915 1.2857 3.21427 1.2857H14.7857C15.8508 1.2857 16.7143 2.14915 16.7143 3.21427V14.7857Z" fill="rgb(233,113,32)"/><path d="M12.214 8.35738H9.64259V5.78594C9.64259 5.43088 9.35477 5.14307 8.99972 5.14307C8.64467 5.14307 8.35685 5.43088 8.35685 5.78594V8.35738H5.78545C5.43039 8.35738 5.14258 8.64519 5.14258 9.00024C5.14258 9.3553 5.43039 9.64308 5.78545 9.64308H8.35689V12.2145C8.35689 12.5696 8.6447 12.8574 8.99976 12.8574C9.35481 12.8574 9.64259 12.5695 9.64259 12.2145V9.64308H12.214C12.5691 9.64308 12.8569 9.35526 12.8569 9.00021C12.8569 8.64515 12.569 8.35738 12.214 8.35738Z" fill="rgb(233,113,32)"/></svg>');
    width: 18px;
    height: 18px;
}

#pageWrap #contact-tracing .ibox-content > .table-block-wrap .table-responsive > table > tbody tr.active > td:first-child > div > .user-info-content:before {
    content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7857 0H3.21427C1.43995 0.00210937 0.00210937 1.43995 0 3.21427V14.7857C0.00210937 16.56 1.43995 17.9979 3.21427 18H14.7857C16.56 17.9979 17.9979 16.56 18 14.7857V3.21427C17.9979 1.43995 16.56 0.00210937 14.7857 0ZM16.7143 14.7857C16.7143 15.8508 15.8508 16.7143 14.7857 16.7143H3.21427C2.14915 16.7143 1.2857 15.8508 1.2857 14.7857V3.21427C1.2857 2.14915 2.14915 1.2857 3.21427 1.2857H14.7857C15.8508 1.2857 16.7143 2.14915 16.7143 3.21427V14.7857Z" fill="rgb(233,113,32)"/><path d="M12.214 8.35693H9.64259L8.35685 8.35701L5.78545 8.35693C5.43039 8.35693 5.14258 8.64475 5.14258 8.9998C5.14258 9.35486 5.43039 9.64263 5.78545 9.64263H8.35689H9.64259H12.214C12.5691 9.64263 12.8569 9.35482 12.8569 8.99977C12.8569 8.64471 12.569 8.35693 12.214 8.35693Z" fill="rgb(233,113,32)"/></svg>');
}

#pageWrap #contact-tracing .ibox-content > .table-block-wrap .table-responsive > table > tbody > table {
    margin-left: 40px;
    margin-top: 8px;
}

#pageWrap #contact-tracing .ibox-content > .table-block-wrap .table-responsive > table > tbody > table tr:first-child th {
    background-color: #C8BFFF;
    font-weight: 600;
}

#pageWrap #contact-tracing select::-webkit-scrollbar-track {
    background-color: transparent;
}

#pageWrap #contact-tracing select::-webkit-scrollbar {
    width: 2px;
    background-color: transparent;
}

#pageWrap #contact-tracing select::-webkit-scrollbar-thumb {
    background-color: #C6C7C7;
}

#pageWrap #contact-tracing.fixxer-app {
    min-height: calc(100vh - 270px);
}

#pageWrap #contact-tracing .ibox-content > .table-block-wrap .table-responsive > table > tbody > table tr {
    cursor: initial;
}

#pageWrap .admin-navigation > a {
    height: auto;
}


#pageWrap div.admin-navigation {
    margin-bottom: 20px;
    border: none;
    background-color: unset;
}

#pageWrap #preloader {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99999999999;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

#pageWrap #preloader > div {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

#pageWrap #preloader > div div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

#pageWrap #preloader > div div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}

#pageWrap #preloader > div div:nth-child(1) {
    animation-delay: -0.036s;
}

#pageWrap #preloader > div div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

#pageWrap #preloader > div div:nth-child(2) {
    animation-delay: -0.072s;
}

#pageWrap #preloader > div div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

#pageWrap #preloader > div div:nth-child(3) {
    animation-delay: -0.108s;
}

#pageWrap #preloader > div div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

#pageWrap #preloader > div div:nth-child(4) {
    animation-delay: -0.144s;
}

#pageWrap #preloader > div div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

#pageWrap #preloader > div div:nth-child(5) {
    animation-delay: -0.18s;
}

#pageWrap #preloader > div div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

#pageWrap #preloader > div div:nth-child(6) {
    animation-delay: -0.216s;
}

#pageWrap #preloader > div div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

#pageWrap #preloader > div div:nth-child(7) {
    animation-delay: -0.252s;
}

#pageWrap #preloader > div div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

#pageWrap #preloader > div div:nth-child(8) {
    animation-delay: -0.288s;
}

#pageWrap #preloader > div div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#pageWrap thead th span.filter svg {
    display: none;
}

#pageWrap thead th.desc span.filter > svg:first-child, #pageWrap thead th.asc span.filter > svg:last-child {
    display: inline-block;
    margin-left: 2px;
    margin-bottom: -1px;
}

.contactSelection {
    width: 100%;
    padding: 7px;
}

.select2-container--default .select2-selection--multiple {
    padding: 0 3px 0px;
    display: flex !important;
    min-height: 20px !important;
    border: 1px solid #C6C7C7 !important;
}

#pageWrap input[type='file']::-ms-browse, #pageWrap input[type='file']::-webkit-file-upload-button {
    background: #FFEDDC;
    border: 1px solid #FEC896;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #E97120;
    cursor: pointer;
    padding: 0 10px;
    outline: none;
}

.rulingCheckers {
    display: flex !important;
    align-items: flex-start;
    margin-top: 25px !important;
}

.rulingCheckers tr {
    display: flex;
}

.rulingChecker {
    display: flex;
}

#pageWrap input[type='checkbox'] {
    width: 20px;
    height: 20px;
}


#pageWrap input[type='checkbox']:checked:after {
    width: 20px !important;
    height: 20px !important;
}

.rulingChecker input, #pageWrap input[type='checkbox']:after {
    width: 20px;
    height: 20px;
    margin-bottom: 4px;
}

#pageWrap #contact-tracing .ibox-content > .row > div:last-child > button {
    border: 1px solid #E97120;
    border-radius: 50px;
    box-shadow: none;
    text-shadow: none;
    background: transparent;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #E97120;
    width: auto;
    padding: 3px 15px;
    margin-left: 5px;
}

#pageWrap #contact-tracing #download {
    background: #E97120;
    border: 1px solid #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    width: auto;
    padding: 0 16px;
    margin: 23px 12px 0 20px;
    height: 28px;
}

.select2-container--default .select2-selection--multiple::after {
    content: url('./../imgs/arrow.png');
    cursor: pointer;
    margin: 0 0 0 3px;
    height: 20px;
}

#pageWrap .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 1px;
    /*border: 1px solid #C6C7C7;*/
    border-radius: 4px;
    padding-right: 20px;
    min-height: 20px;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px !important;
}

#pageWrap ~ .select2-container .select2-results__options::-webkit-scrollbar-track {
    background-color: transparent;
}

#pageWrap ~ .select2-container .select2-results__options::-webkit-scrollbar {
    width: 2px;
    height: 2px;

    background-color: transparent;
}

#pageWrap ~ .select2-container .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #C6C7C7;
}

#pageWrap ~ .select2-container .select2-dropdown {
    background: #FFFFFF;
    border: 1px solid rgba(232, 232, 233, 0.3);
    box-sizing: border-box;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

#pageWrap #contact-tracing .filters > .row:nth-child(2) label {
    margin-bottom: 8px;
}

#pageWrap #contact-tracing .filters > .row:nth-child(2) > div > span {
    padding-right: 20px;
}

#pageWrap #contact-tracing .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #E4DFFF;
    border-radius: 2px;
    border: none;
    margin: 1px 0 1px 2px;
    padding: 0 3px;
    display: flex;
    flex-direction: row-reverse;
}

#pageWrap #contact-tracing .select2-container--default .select2-selection--multiple .select2-selection__choice span {
    color: #2F2666;
    margin-left: 3px;
}

#txtsqlStatement, .txtsqlStatement  {
    width: 440px;
    min-height: 80px;
    margin-top: 0 !important;
    border: 1px solid #C6C7C7;
    border-radius: 4px;
    outline: none;
    padding: 0 7px;
    font-size: 12px;
}

#txtsqlStatement *, .txtsqlStatement * {
    line-height: 1.6;
}

#txtsqlStatement br:first-child, .txtsqlStatement br:first-child {
    display: none;
}

#txtsqlStatement .statement, .txtsqlStatement .statement {
    color: #E97120 !important;
    width: 83px;
    display: inline-block;
    font-weight: bold;
}

#txtsqlStatement br + .other, #txtsqlStatement br + .operator, .txtsqlStatement br + .other, .txtsqlStatement br + .operator {
    margin-left: 83px;
}

.operator {
    color: #6452D9 !important;
    font-weight: bold;
    margin-left: -5px;
}

#changePassword span:before {
    margin: 0 30px 0 60px;
}

#login #changePassword {
    font-size: 30px !important;

}

#login #changePassword:before {
    margin: 0px -60px 0 50px;
}

.divconfigFormPopUp-wrapper, .divDataEntryPopUp-wrapper {
    transition: all .3s ease-out;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 70;
    opacity: 0;
    pointer-events: none;
}

.divconfigFormPopUp-wrapper.view-popup, divDataEntryPopUp-wrapper.view-popup {
    pointer-events: all;
    opacity: 1;

}

.divconfigFormPopUp, .divDataEntryPopUp {
    width: 425px;
    min-height: 165px;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    background: white;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    border: 1px solid #C8BFFF;

    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    box-sizing: border-box;
}

.divconfigFormPopUp h2, .divDataEntryPopUp h2 {
    font-weight: bold;
    margin: 15px 0 20px;
    font-size: 30px;
}

.divconfigFormPopUp .popup--text, .divDataEntryPopUp .popup--text {
    display: block;
    font-size: 22px !important;
    text-align: center;
    margin: 0 10px;
    width: 100%;
    line-height: 30px !important;
}

.divconfigFormPopUp button, .divDataEntryPopUp button {
    background: #E97120;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    box-shadow: none;
    text-shadow: none;
    width: 84px;
    box-sizing: border-box;
    text-align: center;
    height: 30px;
    border: none;
    margin: 30px 39.7% 10px;
}

.popup.btnNo {
    background: white;
    color: #E97120;
    border: 1px solid #E97120;
}

.groupBtnConfirmPopup {
    margin-top: 20px;
    text-align: center;
}

.confirmPopup.divconfigFormPopUp button {
    margin: 0 10px;
    cursor: pointer;
}

.confirmPopup svg {
    margin-bottom: 25px;
}

.divconfigFormPopUp .saveSuccess {
    width: 75px;
    margin-bottom: 20px;
}

.divconfigFormPopUp .saveSuccess path {
    fill: #C1F697;
}

.popupTable {
    width: calc(100% - 125px);
}


.closeBtn svg {
    width: 18px;
    position: absolute;
    right: 8px;
    top: -3px;
}

.closeBtn svg path {
    fill: rgb(198, 199, 199);
}

.contentTable {
    width: 100%;
    max-height: 305px;
    overflow: auto;
    margin-top: 10px;
}

.typeNotesTable {
    margin-bottom: 15px;
}

.contentTable::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background-color: transparent;
}

.contentTable::-webkit-scrollbar-thumb {
    background-color: #C6C7C7;
}

.pointer, .closeBtn {
    cursor: pointer;
}

.select2-selection__rendered .select2-search.select2-search--inline .select2-search__field {
    border: none !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #C6C7C7 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.select2-selection__choice__remove {
    color: #2F2666;
    margin-left: 3px;
}

.select2-container--default.select2-container--open .select2-selection--multiple::after {
    transform: rotate(180deg);
}

.groupBtnConfirmPopup.NotesBtns {
    margin: 0 10px;
}

.NotesBtns {
    margin-top: -15px !important;
    display: flex;
    justify-content: flex-end;
}

.divconfigFormPopUp button.viewNotes {
    background: white;
    color: #E97120;
    border: 1px solid #E97120;
}

.note-btn {
    width: auto !important;
    padding: 0 15px;
    text-align: center;
}


.typeShowNotes {
    display: flex;
    justify-content: center;
}

.typeShowNote-item {
    display: flex;
    align-items: center;
    margin-top: 13px;
    margin-left: 10px;
}

.typeShowNotes .note--checkbox {
    margin: 0 0 1px;
    cursor: pointer;
}

.typeShowNotes .note--checkbox:after {
    display: flex;
    align-items: center;
    background: white url('data:image/svg+xml; utf8, <svg width="15" height="15" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 1C3.24 1 1 3.24 1 6C1 8.76 3.24 11 6 11C8.76 11 11 8.76 11 6C11 3.24 8.76 1 6 1ZM6 10C3.79 10 2 8.21 2 6C2 3.79 3.79 2 6 2C8.21 2 10 3.79 10 6C10 8.21 8.21 10 6 10Z" fill="rgb(236,118,68)"/></svg>') center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    content: "";
}

.typeShowNotes .note--checkbox:checked:after {
    background: white url('data:image/svg+xml; utf8, <svg width= "15" height= "15" viewBox= "0 0 12 12" fill= "none" xmlns= "http://www.w3.org/2000/svg" ><path d= "M6 1C3.24 1 1 3.24 1 6C1 8.76 3.24 11 6 11C8.76 11 11 8.76 11 6C11 3.24 8.76 1 6 1ZM6 10C3.79 10 2 8.21 2 6C2 3.79 3.79 2 6 2C8.21 2 10 3.79 10 6C10 8.21 8.21 10 6 10Z" fill= "rgb(236,118,68)" /><path d= "M6 8.5C7.38071 8.5 8.5 7.38071 8.5 6C8.5 4.61929 7.38071 3.5 6 3.5C4.61929 3.5 3.5 4.61929 3.5 6C3.5 7.38071 4.61929 8.5 6 8.5Z" fill= "rgb(236,118,68)" /></svg>') center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    content: "";
}

.typeShowNotes .notes--label {
    margin: 0 10px 0;
    cursor: pointer;
}

.back {
    position: absolute;
    bottom: 10px;
    left: 30px;
}

.createNote {
    display: flex;
    justify-content: flex-end;
}

.noteContent, .newNoteCreate {
    width: 100%;
}

.addNote {
    width: 30%;
    position: absolute;
    background: white;
    border: 1px solid #E97120;
    border-radius: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    padding: 20px;
    z-index: 15;
}

.addNote .typeShowNotes {
    justify-content: flex-start;
}


.typeShowNotes.notesType .notes--label {
    font-weight: normal;
}

.noteContent {
    display: flex;
    flex-direction: column;
}

.addNote .note--title {
    font-size: 16px;
    text-align: center;
    margin: 0 0 10px;
}

.addNote .noteContent {
    margin-top: 7px;
}


#noteContent {
    border: 1px solid #C6C7C7;
    resize: none;
    border-radius: 4px;
    height: 60px;
}

#noteContent.required {
    border: 1px solid red;
}

.filterNotes {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.filters--popup {
    display: flex;
    margin-bottom: 10px;
}

.typeShowNoteWithRadio {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.filters--popup .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
    /*border: 1px solid #C6C7C7;*/
}

.filters--popup .select2-container--default .select2-selection--single {
    border: 1px solid #C6C7C7;
    border-radius: 4px;
    min-height: 20px;
    height: 25px;
}

.filters--popup label {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #3E4042;
    margin: 0 0 7px;
}


.isOpenNotes {
    display: none;
}

.stepContent-notes {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.select2-container--default.select2-container--open .select2-selection--multiple::after {
    transform: rotate(180deg);
}

.addScroll.hideScroll {
    overflow: hidden !important;
}

.lengthName {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
    color: #a2a2a2;
}

.filter svg {
    display: none;
}

.desc .filter svg {
    display: inline;
}

.asc .filter svg {
    display: inline;
    transform: rotate(180deg);
}

.typeNotesTable > thead > tr > th {
    min-width: 120px;
}

.contentTable--wrapper {
    position: relative;
}

.note-btn.delete {
    background: white;
    color: red;
    border: 1px solid red;
}

.note-btn.update {
    background: white;
    color: #E97120;
    border: 1px solid #E97120;
}

.operators .note-btn {
    margin: 0 5px;
}

.operators {
    min-width: 175px !important;
    max-width: 190px !important;
}

.sortClick .filter {
    pointer-events: none;
}

.NoteContent {
    width: 45% !important;
}

/*.stepContent-notes {*/
/*    position: relative;*/
/*    top: 52%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 90%;*/
/*}*/

@media screen and (max-width: 1450px) {
    #pageWrap .admin-navigation > a {
        padding: 3px 10px 4px 40px;
    }

    #pageWrap .admin-navigation > a:first-child {
        padding-left: 20px;
    }

    #reportDescription {
        margin-right: 30px;
    }

    #nav a {
        padding-left: 40px;
    }
}

@media screen and (max-width: 1280px) {
    #nav a {
        font-size: 12px;
    }

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

    /*#nav a {*/
    /*    padding-left: 40px;*/
    /*}*/
    #dataWar a {
        font-size: 13px !important;
        padding-left: 47px;
    }

    #dataWar svg {
        margin-right: 4px !important;
        width: 12px;
    }
}

@media screen and (max-width: 1100px) {
    body #divActionTable table tr:nth-child(n+3) th input {
        min-width: 350px;
    }

    #pageWrap.pageBuilder select {
        width: 200px !important;
    }

    #pageWrap #contact-tracing #download {
        margin-top: 15px;
    }

    body div.tab a, body div.tab button {
        font-size: 13px;
    }

    #dataWar a {
        font-size: 11px !important;
    }

    /*#nav a {*/
    /*    padding-left: 40px;*/
    /*}*/
    .navigate-item {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 960px) {
    #nav a {
        font-size: 11px;
    }
}

#divDest #selectedContact {
    width: 100% !important;
}

#divDest #selectedContact::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
}

#divDest #selectedContact::-webkit-scrollbar-thumb {
    background-color: #C6C7C7;
}


.fillColor {
    fill: #6452D9;
}

.input-group-addon {
    background: transparent;
    padding: 0;
    border: none;
    width: auto;
    margin-left: 2px;
}

.dateSelect .form-control {
    height: 25px;
    margin-left: 7px;
}

.table-text-position {
    position: relative;
}

.table-text-btn--wrapper {
    position: absolute;
    z-index: 10;
    right: 0;
    top: -30px;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.table-text-position-list {
    list-style-type: none;
    display: flex;
    background: white;
    margin-top: -3px;
    box-shadow: rgb(0 0 0 / 13%) 0 6.4px 14.4px 0, rgb(0 0 0 / 11%) 0 1.2px 3.6px 0;
    padding: 0;
}

li.textPosition {
    cursor: pointer;
}

li.textPosition.active {
    background: #e9e6e6;
}

.table-text-position-list svg {
    width: 20px;
    margin: 0 5px;
    pointer-events: none;
}

body[data-textposition="right"] table td {
    text-align: right !important;
}

body[data-textposition="left"] table td {
    text-align: left !important;
}

body[data-textposition="center"] table td {
    text-align: center !important;
}

.changeTextPosition {
    background: none;
    border: none;
}

.changeTextPosition svg {
    display: none;
    width: 20px;
    margin: 5px 0 5px 5px;
}

.changeTextPosition .activeSvg {
    display: block;
}