@font-face {
    font-family: 'Apis Black';
    src: url("/_branding/fonts/ApisWeb-Black.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-Black.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis BlackItalic';
    src: url("/_branding/fonts/ApisWeb-BlackItalic.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-BlackItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis Bold';
    src: url("/_branding/fonts/ApisWeb-Bold.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-Bold.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis BoldItalic';
    src: url("/_branding/fonts/ApisWeb-BoldItalic.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-BoldItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis ExtraBold';
    src: url("/_branding/fonts/ApisWeb-ExtraBold.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-ExtraBold.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis ExtraBoldItalic';
    src: url("/_branding/fonts/ApisWeb-ExtraBoldItalic.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-ExtraBoldItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis Italic';
    src: url("/_branding/fonts/ApisWeb-Italic.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-Italic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis Light';
    src: url("/_branding/fonts/ApisWeb-Light.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-Light.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis LightItalic';
    src: url("/_branding/fonts/ApisWeb-LightItalic.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-LightItalic.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis Medium';
    src: url("/_branding/fonts/ApisWeb-Medium.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-Medium.woff?v=3.19") format("woff");
}

@font-face {
    font-family: 'Apis MediumItalic';
    src: url("/_branding/fonts/ApisWeb-MediumItalic.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-MediumItalic.woff?v=3.19") format("woff");
				 }

@font-face {
    font-family: 'Apis Regular';
    src: url("/_branding/fonts/ApisWeb-Regular.woff2?v=3.19") format("woff2"),
         url("/_branding/fonts/ApisWeb-Regular.woff?v=3.19") format("woff");
}


:root {
    --primary-color: #011966;
    --secondary-color: #419C37;
    --nav-color: #039be5;
    --shading-color: #ECF5EB;
    --shading-secondary-color: #B3D7AF;
    --action-color: #ffb300;
    --disabled-color: #d1d1d1;
    font-family: 'Apis Regular';
}

html {
    background: url(/_branding/background.jpg) 0% 0% / cover !important;
}

.roomtopic-collapse .bold-text,
#chat-discussionPoint-header-component .title,
#chat-info-component .room-name,
#chat-header-component .title,
#chat-topic-info-component .topic-name,
#chat-discussionPoint-component .discussionPoint-title {
    font-family: 'Apis Bold';
}

/* THEME COLORS */
#chat-header-component:not(.showBackground) {
    /* background: #000000 !important; */
    /* background: url(/_branding/background.jpg) 0% 0% / cover !important; */
    background: transparent !important;
}

#chat-header-component.showBackground {
    background: url(/_branding/background.jpg) 0% 0% / cover !important;
}

/* #height100 #chat-header-component {
    background: url(/_branding/background.jpg) 0% 0% / cover !important;
} */

#chat-info-component .room-name {
    color: var(--secondary-color) !important;
    font-size: 2.4rem !important;
}

#chat-header-component .chat-header-component-container .actions-div a,
#chat-header-component .title {
    color: #ffffff !important;
}

#chat-header-component .room-header-title {
    display: none !important;
}

#chat-header-component .sidenav-trigger i {
    /* color: #ffffff; */
}

#rooms-page-app .collapsible {
    border: none !important;
}

#rooms-page-app .collapsible .collapsible-body {
    border-bottom: 10px solid var(--secondary-color);
    background: #ffffff;
}

#rooms-page-app .roomtopic-collapse .bg-color {
    background-color: var(--secondary-color) !important;
}

.myBakRightPane {
    background-color: #dadce6;
    /* background-color: rgba(235, 235, 235, .95); */

}

.rightPane {
    border-radius: 10px;
}

.myBakColor1 {
    background-color: var(--primary-color, #011966) !important;
}

/* rgba(32, 65, 49, 1) */
.myBakColor2 {
    background-color: var(--secondary-color, #419C37) !important;
}

.myBakColor3 {
    background-color: var(--shading-color, #ECF5EB) !important;
}

/* rgba(104, 161, 124, 1) */
.myTextColor1 {
    color: var(--primary-color, #011966) !important;
}

.myTextColor2 {
    color: var(--secondary-color, #419C37) !important;
}

.myNavColor {
    color: var(--nav-color, #039be5) !important;
}

.myBorderColor1 {
    border-color: var(--primary-color, #011966) !important;
}

.myBorderColor2 {
    border-color: var(--secondary-color, #419C37) !important;
}

.myBorderColor3 {
    border-color: var(--shading-color, #ECF5EB) !important;
}

.tabs .tab a:hover,
.tabs .tab a.active {
    background-color: var(--primary-color, #011966);
}


.tabs .tab a:focus,
.tabs .tab a:focus.active {
    background-color: var(--primary-color, #011966);
}

.tabs .indicator {
    background-color: var(--secondary-color, #419C37);
}

.secondary-content {
    color: var(--secondary-color, #419C37);
}

.comment-replies.open {
    background: var(--shading-secondary-color, #B3D7AF) !important;
}

/*   CHAT  */
textarea.materialize-textarea {
    border: 1px solid var(--secondary-color, #419C37);
    color: var(--secondary-color, #419C37);
}

textarea.materialize-textarea.reply-textarea {
    border: 1px solid var(--secondary-color, #419C37);
    color: var(--secondary-color, #419C37);
}

textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--secondary-color, #419C37);
}

.btn,
.btn-large,
.btn-small {
    background-color: var(--secondary-color, #419C37);
    border-radius: 20px !important;
}

.waves-effect {
    background-color: var(--secondary-color, #419C37);
}

.waves-effect:hover {
    background-color: var(--primary-color, #011966);
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background-color: var(--primary-color, #011966);
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #419c3723;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--secondary-color, #419C37);
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--secondary-color, #419C37);
}

.swal2-popup .swal2-styled.swal2-confirm:not(.disabled) {
    background-color: var(--secondary-color, #419C37) !important;
}

.swal2-popup .swal2-styled.swal2-confirm.disabled {
    background-color: var(--disabled-color, #d1d1d1) !important;
}

.swal2-icon.swal2-info {
    border-color: var(--secondary-color, #419C37) !important;
    color: var(--primary-color, #011966) !important;
}

.swal2-icon.swal2-question {
    border-color: var(--secondary-color, #419C37) !important;
    color: var(--primary-color, #011966) !important;
}

.chat-swal-header-class,
.swal2-container:not(.swal-login-container) .swal-header-class {
    background: var(--primary-color, #011966) !important;
}

.swal-login-container .swal-popup-class {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5) !important;
}

table.topicsTable tr td:nth-child(even) {
    background-color: var(--shading-secondary-color, #B3D7AF);
}


.swal-confirm-button-class,
.swal-cancel-button-class {
    background-color: var(--secondary-color, #419C37) !important;
}


.swal-title-class .site-title {
    color: var(--secondary-color, #419C37);
}

.swal-footer-class a:hover {
    color: var(--secondary-color, #419C37);
}

.swal2-icon.swal2-success .swal2-success-fix,
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left],
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    /* background-color: var(--secondary-color, #419C37) !important; */
}

.swal-confirm-button-class:hover,
.swal-cancel-button-class:hover {
    background-color: var(--primary-color, #011966) !important;
}

.swal-footer-class a {
    color: var(--primary-color, #011966);
}
/* BDCBC3 */


/* INPUT FIELDS COLORS */
#generated-form [type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid var(--secondary-color, #419C37);
    border-bottom: 2px solid var(--secondary-color, #419C37);
}
.dropdown-content li>a, .dropdown-content li>span { 
    color: #000000;
}
[type="checkbox"]:checked+label:before { 
    border-right-color: #000000;
    border-bottom-color: #000000;
}
textarea.materialize-textarea:focus:not([readonly])+label {
    color: var(--secondary-color, #419C37);
}
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #000000;
    box-shadow: 0 1px 0 0 #000000;
}
.input-field input[type=text]:focus+label,
.input-field input[type=password]:focus+label,
.input-field input[type=tel]:focus+label,
.input-field input[type=date]:focus+label,
.input-field input[type=number]:focus+label {
    color: var(--secondary-color, #419C37) !important;
    font-weight: bold;
}
.input-field input[type=text]:focus,
.input-field input[type=password]:focus,
.input-field input[type=tel]:focus,
.input-field input[type=number]:focus,
.input-field input[type=date]:focus,
.npiInfo input:focus {
    border-bottom: 1px solid #000000 !important;
    box-shadow: 0 1px 0 0 #000000 !important;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after, [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    border: 2px solid var(--secondary-color, #419C37) !important;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after, [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: var(--secondary-color, #419C37) !important;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
    border: 2px solid var(--secondary-color, #419C37) !important;
}

[type="checkbox"]:checked+label:before { 
    border-right-color: var(--secondary-color, #419C37);
    border-bottom-color: var(--secondary-color, #419C37);
}

/* SURVEY */
#saveButtons a.main {
    background: var(--action-color, #ffb300);
    color: black;
}

#generated-form input[type=submit] {
    background: var(--action-color, #ffb300);
    color: black;
}

#generated-form input[type=submit] {
    background: var(--action-color, #011966);
}

.tabs .indicator {
    display: none;
}

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: var(--primary-color, #011966) !important;
    color: white !important;
    border: black 1px solid !important;
}

.tabs .tab:nth-child(odd) a {
    background-color: var(--secondary-color, #419C37);
}

.tabs .tab:nth-child(even) a {
    background-color: var(--secondary-color, #419C37);
}

.tabs .tab a {
    color: #ffffff !important;
}

/* Resize logo */
.swal-title-class .site-logo img, #chat-header-component .logo {
	width: 250px !important;
	max-width: 250px !important;
}

#rooms-page .logo-div img.logo,
#menu-page .header .logo-div .logo {
	width: 250px !important;
	max-width: 250px !important;
    /* background: rgba(255,255,255,.95);
    box-shadow: 0px 0px 10px rgba(0,0,0,.5); */
}

#rooms-page #chat-header-component {
    background-color: transparent !important;
}

@media screen and (min-width: 993px) {
    #menu-page .footer .logo-div .logo,
    .footer .footer-logo-div img {
        width: 150px !important;
        max-width: 150px !important;
    }
}

@media screen and (max-width: 992px) {
    #menu-page .footer .logo-div .logo,
    .footer .footer-logo-div img {
        width: 100px !important;
        max-width: 100px !important;
    }
}

.myBakColor1.footer { 
    background-color: #ffffff !important;
}
.swal-login-container .swal-header-class{
	background: #F6F6F7;
	border-bottom: 1px solid var(--primary-color);
}

#chat-room-topics-component table.topicsTable tr td:nth-child(2),
#chat-room-topics-component table.topicsTable tr td:nth-child(3),
#chat-room-topics-component table.topicsTable tr td:nth-child(4) {
    display: none;
}   

#chat-room-topics-component table.topicsTable tr td:nth-child(6) {
    background-color: transparent !important;
}

#chat-room-topics-component .simplifiedTopicsTable {
    background: rgba(255, 255, 255, .85);
    border-bottom: 6px solid;
    border-color: var(--secondary-color, #011966) !important;
    padding: 15px;
    border-radius: 2px;
}

.roomtopic-collapse .simplifiedTopicsTable.collapsible {
    /* border-color: var(--secondary-color, #011966) !important;
    border-bottom: 6px solid; */
}

#chat-room-topics-component .topics {
    font-size: 24px !important;
    line-height: 32px;
    color: var(--primary-color, #011966) !important;
    /* background-color: transparent !important; */
}

#chat-room-topics-component table.topicsTable tr:first-child {
    display: none;
}

#chat-room-topics-component table.topicsTable tr {
    border-bottom: 0;
}

#content, 
#content.rooms-content-div {
    background-color: transparent !important;
    /* background: url(/_branding/background.jpg); */
    /* background-size: cover; */
}

.page-content-div,
#content .room-content-page-div {
    background-color: #ffffff !important;
    border-radius: 10px;
    margin: 0 !important;
    padding-top: 30px !important;
}

#content .room-content-page-div {
    padding-left: 15px;
    padding-right: 15px;
}

#content {
    padding-right: 20px !important;
    padding-bottom: 75px;
    padding-top: 25px;
}


#chat-room-topics-component.roomtopic-collapse .simplifiedTopicsTable.collapsible .collapsible-body {
    border: none;
    margin-bottom: 10px;
    background: #ffffff;
}

#chat-room-topics-component .simplifiedTopicsTable {
    /* border-top: 1px solid #d4d2d2 !important;
    border-left: 1px solid #d4d2d2 !important;
    border-right: 1px solid #d4d2d2 !important; */
    /* border-top: none !important;
    border-right: none !important;
    border-left: none !important; */
    border: 1px solid rgba(65, 156, 55, .2) !important;
}

#chat-room-topics-component .simplifiedTopicsTable .discussionPoint-list-item {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

#chat-room-topics-component .simplifiedTopicsTable .discussionPoint-list-item span.discussionPointTitle {
    flex-grow: 1;
    font-size: 1.25rem !important;
    font-weight: 300;
}

#chat-room-topics-component .simplifiedTopicsTable .discussionPoint-list-item svg {
    fill: var(--secondary-color) !important;
    display: block !important;
}

#chat-room-topics-component .simplifiedTopicsTable .discussionPoint-list-item span.discussionPointTitle:hover {
    color: #039be5 !important;
    cursor: pointer;
}

#rooms-page .site-title h4,
#menu-page .site-title h4 {
    color: #ffffff !important;
}

#menu-page .site-title h4 span {
    color: var(--secondary-color) !important;
}

.footer .footer-copydisclaimer-div {
	align-items: end !important;
}
.footer {
	align-items: center !important;
}

.footer-copydisclaimer-content-div{
	text-align: right !important;
	line-height: .75 !important;
}

.footerCopyright{
	display:none !important;
}

.footerDisclaimer {
    color: #000000 !important;
}

#rooms-page .open-messages,
#rooms-page .sidenav-trigger {
    color: #ffffff !important;
}

#rooms-page .logo-menu-header {
    display: block !important;
}

#rooms-page .logo-default {
    display: none !important;
}

#rooms-page .header-nav .navigation-title,
#rooms-page .header-nav a.myNavColor,
#rooms-page .header-nav a i.myNavColor,
#rooms-page .header-nav {
    color: #ffffff !important;
}

#rooms-page .header-nav a i {
    /* display: none; */
}

#rooms-page .header-nav {
    margin-top: 1.52rem !important;
}

.footer .footer-copydisclaimer-div {
    /* padding-top: 17px; */
}

#rooms-page .tasks-complete {
    /* display: none !important; */
}

#chat-room-topics-component .simplifiedTopicsTable,
#chat-room-topics-component.roomtopic-collapse .bg-color {
    background-color: #f3f3f7 !important;
}

#chat-room-topics-component.roomtopic-collapse .collapsible-header {
    color: var(--primary-color) !important;
}

.collection .collection-item.avatar:not(.circle-clipper)>.circle, .collection .collection-item.avatar :not(.circle-clipper)>.circle {
    background-color: #ffffff;
}

.rightPane .collection .collection-item {
    border-bottom-color: var(--primary-color);
}

#reports-menu {
    padding-right: 10px;
}

#report-menu-page {
    justify-content: center;
    column-gap: 0;
}

#report-menu-page .page-content-div {
    padding: 15px !important;
}

#preview {
    background-color: #ffffff;
    margin-top: 25px;
}

#preview .container { 
    background-color: #f3f3f3;
}

#generated-form.generator .input-actions {
    background-color: var(--primary-color) !important;
    /* margin-left: -.75em; */
}

#generated-form.generator .input-actions a {
    color: #ffffff !important;
}

#generated-form.generator #preview .input-field {
    border-color: var(--primary-color) !important;
}

#generated-form.generator .section-heading-div {
    /* background: var(--primary-color); */
    color: white;
}

#generated-form.generator .section-heading-div .section-title:not(.preview-title) {
    color: white !important;
}

#chat-info-component .room-date a { 
    display: none !important;
}

#chat-discussionPoint-header-component .title,
#chat-info-component .room-heading {
    display: none !important;
}

#chat-discussionPoint-header-component .header-nav,
#chat-info-component .header-nav {
    margin-left: 0;
}

.headerUnderline {
    display: none !important;
}

#chat-headerTopic-component .myBakColor1 {
    background-color: transparent !important;
    padding-left: 0;
    padding-bottom: 0 !important;
}