/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: rgb(0, 189, 174);
    border-radius: 5px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #1f1f1f;
    }

:root {
    --body-bg: #2d2d2d;
    --dark-bg: #efefef;
    --nav-bg: #f3f3f4;
    --nav-header: #dfe4ed;
    --nav-active: #4d4d4d;
    --primary: #00bdae;
    --primary-light: #bfefeb;
    --primary-hover: #008075;
    --primary-disabled: #004741;
    --secondary: #6c757d;
    --secondary-hover: #51585e;
    --success: #017d73;
    --success-hover: #00998c;
    --success-disabled: #134b5f;
    --info: #17a2b8;
    --info-hover: #117a8a;
    --warning: #ffe8a1;
    --warning-hover: #bfae79;
    --warning-disabled: #fde7ce;
    --danger: #fa8072;
    --danger-hover: #bb6056;
    --danger-disabled: #7d4039;
    --white: #ffffff;
    --ejblue: #0075ff;
}

p { margin-bottom: 0.5rem; }

.welcome-box{
    margin:0 auto;
    padding: 100px 20px 20px 20px;
}

.led-active {
    display:block;
    background-color:#01fe63;
    width: 100%;
    height:2px;
}

.GroupHistoryManager {
    overflow-y:scroll;
    max-height:300px;
}

#page-wrapper.meeting-closed .navbar.navbar-static-top {
    background-color: var(--warning);
}

input[type=checkbox], input[type=radio] {
    accent-color: var(--primary-hover);
}

.e-grid .e-focused:not(.e-menu-item) {
    box-shadow: none;
}

/* Meeting Tabs */

.e-tab .e-tab-header .e-toolbar-items {
    background: inherit;
    background: var(--dark-bg);
}

.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item {
    border-bottom-width: 0;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: var(--primary-hover);
    color: var(--white);
}
    .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
        background: var(--primary);
        color: var(--body-bg);
    }

.e-tab .e-tab-hearder:not(.e-vetical) .e-toolbar-item.e-active {
    /*border-bottom: 1px solid #fff;*/
    /*background: #00BDAE;*/
    /*opacity: 1 !important;*/
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    opacity: .5;
    color: #FFFFFF !important
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color:#1f1f1f !important
}
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active:hover, .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: #fff !important
}

/* */
.scheduler-container {
    min-height:100vh!important;
}

.pack-thumb {
    max-width:156px;
    max-height:220px;
    margin:0 auto
}

/* Enhanced Document Editor Styles */
.e-de-ctnr-refresh::before {
    content: "\e716";
}

.e-de-ctnr-publish::before {
    content: "\e718";
}

.e-de-ctnr-unpublish::before {
    content: "\e742";
}

.e-de-ctnr-review::before {
    content: "\e769";
}

.e-de-ctnr-reset::before {
    content: "\e773";
}

.e-de-ctnr-notify::before {
    content: "\e780";
}

.e-de-ctnr-save::before {
    content: "\e74d"
}

.e-de-blink-cursor {
    border-left: 2px solid var(--primary);
}


/*#ctlMeetingPack, #ctlMeetingInfo, #ctlAttendees {
    height : 190px;
}*/

#ctlMeetingPack .img-hover-zoom {
    margin: 0 auto;
    max-width: auto;
    max-height: 120px;
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
    
    /* [2] Transition property for smooth transformation of images */
    #ctlMeetingPack .img-hover-zoom img {
        border: 1px solid #cdcdcd;
        transition: transform .5s ease;
    }    

#noUpcomingMeetings {
    height: fit-content;
}

#noOtherUpcomingMeetings {
    min-width: inherit;
    min-height: 290px;
    max-height: 2rem;
}

#ctlRSVPChart {
    height: 277px;
    width: 265px;
}
.img-hover-zoom img {
    min-height: 100px;
    transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
    transform: scale(1.5);
}

.img-fluid-meeting {
    height: 125px;
    max-width: 100px;
}
/*@media(max-width: 980px) {*/
    .img-fluid-custom {
        /*max-width: 100%;*/
        max-height: 250px;
        max-width: 150px;
        /*float: left;
        display: inline-block;*/
    }

    .img-fluid-committee {
        /*max-width: 100%;*/
        height: 125px;
        max-width: 100px;
        /*float: left;
            display: inline-block;*/
    }
/*}*/

#UsersGrid .e-avatar {
    font-size: 1.5em;    
}

.list-group.list-group-flush .list-group-item-info .e-avatar {
    font-size:0.68em;
}

.user-label .e-avatar-circle.active {
    border: 3px solid var(--primary-hover);
}


.navbar.navbar-static-top {
    align-items: center;
}

@media (max-width: 768px) {
    .navbar-form-custom {
        display: inherit;
    }
    #ctlMeetingInfo {
        /*min-height: 277px;*/
    }
    #ctlAttendees {
                
    }

    #ctlRSVPChart {       
        width: 100%;
    }

}

.form-control.top-search {    
    z-index: initial;
}

.grid-box {
    
}
    .grid-box .col {
        display: inline-flex;
        align-items: stretch;
    }
    .grid-box .col .card {
        width:100%;
    }

.grid-box .card-footer {    
    padding-top:0;
    background-color:#fff;
    border-top:0px none;
}

.upcoming-container a {
    color: #01BDAE;
}

.upcoming-container a:hover {
        color: #008075;
}

.upcoming-container .meeting-title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 70%;
}

@media (min-width: 769px) {
    .upcoming-container svg {
        position: relative;
        top: -40px;
        margin-bottom: -48px;
    }
}

.sidebar-collapse {
    /*height:100%;*/
}

.sidebar-collapse .nav.metismenu {
    /*height:100%;*/
}

.overflowY {
    height: 300px;
    overflow-y: scroll;
}

.border-ridge {
    border: 1px solid #cdcdcd;
}
.btn-dropdown {
    color: white;
    background: var(--primary);
    border: 2px solid #e7eaec;
}

.list-group-item-action:hover,
.list-group-item-action:focus {    
    background-color: #cecece;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: white;
    background-color: var(--danger-hover);
}

.list-group-item-warning {
    color: var(--body-bg);
    background-color: var(--warning);
    font-weight:600;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: var(--white);
    background-color: var(--warning-hover);
}

.skin-settings .list-group-item {
    padding: 8px 15px;
}

.e-input-group .e-input-group-icon {
    border-color:transparent;
}

.e-grid .e-rowcell {
    padding:7px 10px;    
}

.e-grid td.e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
    color: #333;
}

.e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
    opacity: .8;
    width: 180px;
}

.e-grid .e-rowcell.e-active {
    background-color: var(--primary-light);
    border-color: var(--primary);
    color: #111!important;
}

#UserCellTemplate h4 {
    margin:0;
}

#UserCellTemplate h5 {
    margin-top:0;
}

.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: line-through;
    color: #ced4da;
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
}

.border-primary {
    border-color: var(--primary)!important;
}

.border-info {
    border-color: var(--info)!important;
}

#DropZoneAgenda .fa-ellipsis-vb:before {
    font-weight: 600;
    content: "\f142";
}

#ctlMeetingPack .card,
#ctlMeetingInfo .card {
}
    #ctlMeetingPack .card .card-header,
    #ctlMeetingInfo .card .card-header {
        background: transparent;
        border: 0 none;
        margin-top: -13px !important;
        font-size: 16px;
    }
        #ctlMeetingPack .card .card-header span,
        #ctlMeetingInfo .card .card-header span {
            background-color: #fff;
        }

#ctlMeetingPack .card-img,
#ctlMeetingPack .card-img-top,
#ctlMeetingInfo .card-img,
#ctlMeetingInfo .card-img-top {
    padding: 0;
}

/* Styles by hjr */
.e-chips-collection {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.e-chips {
    align-items: center;
    border-radius: 3px;
    border:1px solid #E9F3F9;
    display: inline-flex;
    float: left;
    height: 24px;
    margin: 3px 5px 3px 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .e-chips.group {
        border-color: #00bdae;
    }

.not-confirmed .label,
.not-confirmed .label.label-outline {
    border: 1px dotted var(--danger);
    border-color: red;
}

    .e-chips > .e-chipcontent {
        /*font-family: inherit;
        font-size: 14px;
        max-width: 100%;
        overflow: hidden;*/
        /*padding: 6px 8px 6px 8px;
        text-indent: 0;*/
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* syncfusion form overrides */
.e-css.e-checkbox-wrapper .e-frame.e-check {
    background-color: var(--primary);
    border-color: var(--primary);
}

.e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
    background-color: var(--body-bg);
    border-color: var(--body-bg);
}

.e-input-group:not(.e-success):not(.e-warning):not(e-error):not(e-disabled),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(e-error):not(e-disabled) {
    border-radius: 0;
}

.e-input-group:active:hover:not(.e-success):not(.e-warning):not(e-error):not(e-disabled),
.e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(e-error):not(e-disabled) {
    border-radius: 0;
    border-color: #00bdae;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(e-error):not(e-disabled),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(e-error):not(e-disabled) {
    border-color: #00bdae;
}

.form-control {
    border-radius:0!important;
}

/*.custom-properties .input-group .e-input-group.e-control-wrapper {
    width: fit-content;
}
    .custom-properties .input-group .e-input-group.e-control-wrapper input,
    .custom-properties .input-group .e-input-group.e-control-wrapper input.e-input {
        padding-left:0;
        height:initial;
    }
*/
input.e-input, 
.e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    box-sizing: border-box;
    /* height: 29px; */
}

.form-control.valid {
    border-color: var(--primary);
}
.form-control.input-validation-error {
    border-color: var(--danger);
}

/* Sweet alert 2 Z-Index
-------------------------------------------------- */
.swal2-container {
    z-index:2060;
}

.chart-container {    
    cursor:pointer;
}

fieldset legend {
    text-align:left;
    line-height:1em;
}

.e-grid .e-headertext {
    color: #304151;
    font-weight: 600;
}
.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
    background-color: #00bdae;
}

/*  */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.no-bullets {
    list-style: none;
    padding-left: 5px;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  
}
/*.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;*/ /* Vertically center the text there */
/*}*/

/* Custom CSS */
.pointer {
    cursor: pointer;
}
.move {
    cursor: move;
}
.absolute-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.float-right {
    float: right;
}

.hide-grid-header .e-gridheader {
    display: none;
}

#ProfileBubble {
    position: absolute;
    right: 50px;
    top: 25px;
}
#LogoutButton {
    background-color: transparent;
    border: 0;
    color: red;
    font-size: 10px;
    font-weight: bold;
    height: 50px;
    line-height: 45px;
    padding: 0;
    position: absolute;
    right: 5px;
    text-align: end;
    top: 25px;
    width: 50px;
}
#LogoutButton:focus {
    outline: none;
}

.menu-drawer {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px grey;
    height: calc(100% - 20px);
    left: 10px;
    overflow: auto;
    padding: 20px;
    position: absolute;
    top: 10px;
    max-width: calc(100% - 20px);
    z-index: 100;
}

.team-members {
    display: inline-block;
    margin: 0;
}
.bubble {
    background-color: var(--body-bg);
    color: white;
    border-radius: 25px;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
.bubble.bubble-sm{
    height:30px;
    line-height:30px;
    width:30px;
    font-size:18px;
    border-radius:15px;
}
.attendee-bubble {
    float: left;
    margin: 5px;
}

h3.sub-title {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0.5em;
}

#Meetings {
    display: flex;
    flex-wrap: wrap;
}
.meeting-card {
    margin: 20px auto 20px auto;
}
.meeting-card .card-body {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    position: absolute;
    width: 100%;
}
.card-body-unpublished {
    /*bottom: 15px;
    position: absolute;
    width: 100%;*/
}
.meeting-card .btn {
    margin: 2.5px;
}

#UpcomingMeetingsGrid tr {
    cursor: pointer;
}

#GroupFilter {
    width: 100%;
}

.e-row .btn {
    margin: 0 5px 0 0;
}

#ToolsContainer {
    background-color: white;
    box-shadow: 0 0 5px grey;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top:0;
    width: 500px;
    z-index: 100;
}
#ToolsContainer .tool-head {
    color: black;
    padding: 10px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 50px;
    z-index: 1000;
}
#ToolsContainer .tool-body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
}

.no-content-container {
    padding: 0 50px 0 50px;
    text-align: center;
}

a .meeting-date {
    color: #017d73;
    line-height: 1em;
    text-align: left;
}

.navbar-header {
    display:flex;
    flex-wrap: wrap;
}

.title-section {      
    display:inline-block;
    align-self:center;    
    min-width:280px;
}

.meeting-title {
}

    .meeting-title h3 {
        font-size: 16px;
        color: #00bdae;
        font-weight: 600;
        margin: 0;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }

    .meeting-title h4 {
        font-size: 13px;
        color: #707070;
        margin: 0;    
        white-space:nowrap;
    }



.title-section .meeting-title h3 {
    line-height: 1.2em;
}
.title-section .meeting-title h4 {
    line-height: 1.2em;
    text-overflow: ellipsis;
    overflow: hidden;
}

.meeting-description {    
    margin-bottom:10px;
}

.toast {
    position: fixed;
    right: 10px;
    top: 10px;
    width: inherit;
    z-index:500;
}

.toast .toast-header .toast-title {
    color:#333;
}

.toast .toast-body {
    background-color:#efefef;
}

.popover .popover-body {
    padding: 0;
}

.popover .popover-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ibox .ibox-title {
    display: flex;
    border-radius: 0.25rem 0.25rem 0 0;
    align-items: center;
    min-height: initial;
    padding: 10px 120px 10px 15px;
    border-bottom:1px solid #e5e5e5;
    
}
    .ibox .ibox-title h5 {
        font-weight:600;
        font-size:18px;
        margin:0;
    }

    .ibox .ibox-title.primary {
        background-color: #2e4150;
    }


.ibox .ibox-title .ibox-tools {
    top: 3px;
}
/*.ibox-title a:not(.dropdown-item) {
    border-radius: 10px;
    background-color: #00bdae;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}*/

.ibox-content {
    box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 1%), 0 4.2px 3.7px rgb(0 0 0 / 2%), 0 6.5px 5px rgb(0 0 0 / 2%), 0 10.3px 9.9px rgb(0 0 0 / 2%), 0 20.8px 12.4px rgb(0 0 0 / 3%), 0 25px 30px rgb(0 0 0 / 4%);
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.ibox-content a {
    
    text-decoration: inherit;
}
    .ibox-content a .meeting-date {
        color: #00332f; 
    }

h3, h4 {
    font-weight: 400;
}

/*.navbar * {
    color: #304151;
}

.nav .navbar-right .sign-in-out {
    color: #304151;
}*/

.nav.metismenu > li:not(.nav-header) {
    border-bottom: 1px rgba(240, 240, 240, 0.2) solid;
}
.nav.metismenu > li:not(.nav-header) i {
    color: #00bdae;
}
body.mini-navbar .nav-second-level .nav-label {
    display: block;
}

/*** ResEx Modal Styles ***/
#ResExModal.modal {
    z-index:1049!important;
}

.modal .ibox {
    margin-bottom:0;
}

/*** Preview Styles ***/
#Preview, #DocumentEditorModal {
    padding: 0 !important;
}
    #Preview .modal-dialog,
    #DocumentEditorModal .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    #Preview .modal-content,
    #DocumentEditorModal .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    #Preview .modal-body,
    #DocumentEditorModal .modal-body {
        overflow-y: auto;
        padding: 0;
    }

    #Preview .modal-header {
        padding: 10px 15px;
    }

    #Preview .preview-content,
    #DocumentEditorModal .preview-content {
        display: block;
        border: none;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

#DocumentEditorControl {
    height:100%;
}
#DocumentEditorControl .document-header{
    height: 50px;
    background-color: var(--primary);
    margin:0;
    line-height:50px;
    color:white;
    text-align:center;
}
#ctlDocumentEditor {
    height: calc(100% - 50px)!important;
} 

/*** Syncfusion Schedule Styles ***/


.ibox-content .e-schedule {
    overflow: unset !important;
    border: 0 none;
}
    .e-schedule .e-month-view .e-appointment {
        background: #00bdae;
        border: 1px solid #00bdae;
    }

    .e-schedule .e-month-view .e-current-date .e-date-header, .e-schedule .e-month-agenda-view .e-current-date .e-date-header {
        background-color: #00bdae;
    }

    .e-schedule .e-month-view .e-date-header-wrap table td.e-current-day, .e-schedule .e-month-agenda-view .e-date-header-wrap table td.e-current-day {
        color: #017d73;
        font-weight:bold;
    }

    .e-toolbar .e-toolbar-item.e-active-view .e-tbar-btn .e-tbar-btn-text {
        color: #017d73;
        font-weight:bold;
    }

    .e-toolbar .e-tbar-btn:hover {
        background-color:#017d73;
        border-color:#017d73;        
    }

    .e-toolbar .e-tbar-btn:focus {
        background-color:#017d73;
        border: 1px solid #017d73;
        box-shadow: 0 0 0 2px rgb(1 125 115 / 50%);
        border-radius:4px;
        color:#fff;
    }


    .e-toolbar .e-toolbar-item.e-active-view .e-tbar-btn:hover .e-tbar-btn-text {
        color: #fff;
    }

/*** Syncfusion Calendar Styles ***/
.e-calendar .e-content td.e-selected span.e-day,
.e-calendar .e-content td.e-today.e-selected span.e-day, 
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
    background-color: #00bdae;
    border: 1px solid #00bdae;
    box-shadow: none;
    color: #fff;
}

.e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content.e-year td.e-selected:hover span.e-day,
.e-calendar .e-content.e-decade td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: #017d73;
    border-color: #017d73;
    color: #fff;
}

h6.dropdown-header {
    font-weight:700;
}

.list-group-item-danger {
    background-color: var(--danger);
    color: #fff;
}

.dropdown-item .toggle.btn-xs{
    min-width:180px;
    min-height:30px;
}

.form-group > label{
    font-weight: 700;
}

.form-group > label.main-title {
    font-weight:  900;
}

.form-group > label.sub-title {
        font-weight: 700;
    }

.loading-indicator {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 800;
}
.loading-indicator {
    margin: auto;
    width: 80px;
    height: 80px;
    padding: 20px;
}
.loading-indicator div {
    position: absolute;
    left: 8px;
    width: 16px;
    background-color: var(--primary-hover);
    animation: loading-indicator 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.loading-indicator div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.loading-indicator div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.loading-indicator div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}
@keyframes loading-indicator {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

.label.label-outline {
    border: 1px solid #cfcfcf;
    background: transparent;
    text-align:left;
}

.members-container .label.label-sm {
    padding: 2px 4px 2px 0px;
}

.badge-success,
.label-success {
    background-color: #017d73;
    border-color: #017d73;
}

.e-card .e-card-actions a {
    background-color: #00bdae;
    border-color: #00bdae;
}

    .e-card .e-card-actions .e-card-btn:hover, 
    .e-card .e-card-actions a:hover {
        background-color: #017d73;
        border: 1px solid #017d73;
        color: #fff;
    }


.responsive-align {
    position:relative;
    display: block;
}

.btn-container {
    position: relative;
    display: table-cell;
}

ul.members-container {
    list-style:none!important;
    list-style-type:none!important;    
}

ul.members-container .label.label-sm {
    background-color:transparent!important;
}

.e-accordion .e-acrdn-item .e-toggle-icon {
    color: var(--primary);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
    color: var(--primary);
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    color: var(--primary);
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons, 
.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
    color: var(--primary-hover);
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
    color: var(--primary-hover);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
    color: var(--primary-hover);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
    color: var(--primary);
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons,
.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons,
.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
    color: var(--primary-hover);
}

/*** File Drop Box ***/
.file-drop-box {
    background-color: #eaeaea;
    border: 1px dashed grey;
    padding: 8px 10px 2px;
    display: block;
}

.file-drop-box .supported-file-icons {
    font-size:24px;
    color:#00bdae;
}

.e-upload .e-file-select-wrap {
    padding:6px 0;
    text-align:center;
}

.e-upload .e-file-select-wrap .e-btn, 
.e-upload .e-file-select-wrap .e-css.e-btn {
    background-color:#00bdae;
    border-color:#00bdae;
    font-size:12px;
    line-height:1.2em;
}

.e-upload .e-file-select-wrap .e-btn:hover,
.e-upload .e-file-select-wrap .e-css.e-btn:hover {
    background-color:#017d73;
    border-color:#017d73;
}

.e-upload .e-upload-files .e-upload-file-list {
    min-height:40px;
    margin:5px;
}

.e-upload .e-upload-actions > .e-file-clear-btn {
    display:none;
}

.e-btn.e-flat.e-primary, 
.e-css.e-btn.e-flat.e-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.e-btn.e-flat.e-primary:hover, 
.e-css.e-btn.e-flat.e-primary:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);    
}

    .e-btn.e-flat.e-primary:focus,
    .e-css.e-btn.e-flat.e-primary:focus {
        background-color: var(--primary-hover);
        border-color: var(--primary-hover);        
        box-shadow:none;
    }

.e-switch-wrapper, .e-css.e-switch-wrapper {
    width:42px;
}

.e-switch-wrapper .e-switch-on,
.e-css.e-switch-wrapper .e-switch-on {
    background-color: var(--primary);
    color: #fff;
}

.e-switch-wrapper .e-switch-inner.e-switch-active, 
.e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
    background-color: var(--primary);
    border-color: var(--primary);
}

.e-switch-wrapper:hover .e-switch-inner.e-switch-active,
.e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}


.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: var(--primary-hover);
    color: #fff;
}

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: #fff;
}

.file-flex-box {
    display: flex;
    overflow: hidden;
    margin: 1em auto;
    align-items: center;    
}

.f-left {
    padding: 0.5em 0.5em;
    color: #337ab7;
}

    .f-left i.fa {
        color:var(--primary);
    }

.f-right {
    padding: 0.5em 0.5em;
    color: #333333;
}

.file-flex-box-content {
    flex: auto;
    text-align:left;
}

.file-flex-box-content .label.label-outline{
    font-size:0.6em;
}

.file-flex-box-content h3.header {
    text-overflow:ellipsis;
    display:inline-block;
    max-width:220px;
    white-space:nowrap;
    overflow:hidden;
    margin:0;
    font-weight:700;
}

.file-wrapper {     
    float:left;
}

.file-actions {
    float:right;
}
    .file-actions .file-remove {
        width: 40px;
    }

.file-wrapper i.icon {
    float: left;
    display: inline-block;
    width: 40px;
    color: #00bdae;
    font-size: 34px;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    align-self:center;
}

.file-wrapper .name {
    white-space: nowrap;
    display: 
        block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:220px;
}

.file-wrapper .upload-status {
    /*display:block;*/
}

.file-wrapper .upload-status.upload-success {
    color: var(--primary);
}

ul.sidebar-list{
    margin:0;
    padding:0;
    list-style-type:none;
}

#VideoPreview {
    z-index:1000;
}
.popover-options .Id.hidden,
#popover-options .Id.hidden {
    display: none !important;
}


.text-ellipsis {
    text-overflow:ellipsis;
}


/*.chat-discussion {
    height: inherit;
    overflow-y:inherit;
}*/

#small-chat {
    bottom: 50px;
    right:15px;
}
.small-chat-box {
    bottom: 50px;
    width:380px;  
    height: 560px;
    right:63px;
}

    .small-chat-box #ChatInput {
        resize:none;
    }

    .small-chat-box .content .right {
        text-align:left;
    }

    .small-chat-box .content.chat-discussion {        
        background-color:#ddd;
    }

    .small-chat-box .chat-discussion .chat-message {
        max-width: initial;
        background-color: #ccc;
        padding: 5px 8px;
    }

    .small-chat-box .chat-discussion .chat-message .message {
        padding:6px;
    }

    .small-chat-box .chat-discussion .chat-message .message .message-content {
        text-align:left;
        min-height:32px;
    }

    .small-chat-box .chat-discussion .chat-message .message-footer {
        min-height:14px;
        display:flex;
        justify-content: space-between;
    }

    .small-chat-box .chat-discussion .chat-message .message-footer .status-bar {
        width:100%;
    }

    .small-chat-box .chat-discussion .chat-message .message-footer .status-bar .message-author {
        text-align:left;
        font-weight:600;
    }
    
    .small-chat-box .chat-discussion .chat-message .message-footer .status-bar .message-date {
        margin-left:auto;        
    }

    .small-chat-box .chat-discussion .chat-message .message-footer .message-btns {
        margin-left:10px;
    }

    .small-chat-box .chat-discussion .chat-message .message-footer .message-date {
        float:right;
        text-align:right;    
        font-weight:400;
    }

    .small-chat-box .form-chat {
        background-color:#ddd;
    }

    .small-chat-box .chat-discussion .chat-message .message-avatar {
        border: 0px;
        width: initial;
        height: initial;
    }
    .small-chat-box .chat-discussion .chat-message.left .message-avatar {
        margin-right: initial;
    }
    .small-chat-box .chat-discussion .chat-message.right .message-avatar {
        margin-left:initial;
    }
    .small-chat-box .chat-discussion .chat-message .message-avatar .e-avatar {
        font-size:1.25em;
    }
    
    .small-chat-box .chat-discussion .chat-message .message {

    }

    .small-chat-box .chat-discussion .chat-message.left .message {
        margin-left:40px;
    }
    .small-chat-box .chat-discussion .chat-message.right .message {
        margin-right: 40px;
    }

.body-small .small-chat-box {
    bottom: 100px;    
}

.navbar-top-links .navbar-right a.e-avatar {
    margin-top:4px;
    padding:0;
    display:inline-flex;
    min-height:initial;
    background-color: var(--primary);
    color:#ffffff;    
    font-size:1.35em;
}

.navbar-top-links .navbar-right a.e-avatar:hover {
    background-color: var(--primary-hover);
    opacity:0.5;
}

.navbar-top-links .navbar-right a.e-avatar span {
    letter-spacing: 2px;
    color:white
}

/*Pdf Viewer Overrides*/
#PdfViewer .e-pv-submit {
    display:none;
}

#e-item-PdfViewerSignature_tab_1 {
    display: none;
}

#PdfViewerSignature_tab .e-checkbox-wrapper.e-wrapper {
    display:none;
}

#AttendeesItems .committee {
    width:100%;
    display:block;
}

#AttendeesItems .group-container legend a {
    color:#333;
}

#AttendeesItems .group-container legend a:hover {
    color:var(--primary);
}

.user-label {
    font-size: 1em;
    color: #333;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

a.user-label:hover {
    color: var(--primary);
}

.user-label .e-avatar.e-avatar-circle {
    font-size: 1.2em;
}

.form-control.e-popup .user-label .e-avatar.e-avatar-circle {
    font-size: 0.7em;
}

.user-label span.display-name {
    font-weight: 600;
    text-overflow: ellipsis;
}

.e-avatar.e-avatar-xlarge.e-avatar-circle {
    font-size: 3em;
}

.motion-components {    
}

.motion-components > .motion-component {
    margin-right: 1em;
    margin-bottom: 0.25em;
}

.vote-component.vote-members .members-container .user-label {
    margin-bottom:0!important;
}
.vote-component .vote-members {
    max-height: 190px;
    overflow-y: scroll;
}

.card-body .about {
    display: inline-block;
    overflow: hidden;
    word-wrap: break-word;
    max-height: auto;
    line-height: 1em;
    text-overflow: ellipsis;
}

.user-label {
    display: flex;
    align-items:center;
}

.user-label .label-body {
    display: inline-block;
}
.user-label:hover {
    transform: translateY(-10px);
    /*box-shadow: 0 10px 0px rgba(0, 0, 0, 0.2);*/
}

.card-user {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 250px;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    max-height: 250px;
    overflow-y: scroll
}
.card-member {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 250px;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    max-height: 300px;
}

.e-bigger .e-more-popup-wrapper .e-appointment, .e-more-popup-wrapper .e-appointment {
    background: var(--primary);
}

.e-schedule .e-month-view .e-appointment {
    margin-right: 2px;
    margin-left: 2px;
}

.e-schedule .e-agenda-view .e-appointment {
    border-left: 3px solid var(--primary);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Bootstrap 4 button override styles */

.btn-primary {}
.btn-primary:disabled {
    background-color: var(--primary-disabled);
    color:var(--white);
}

.dropdown-item {

}
.dropdown-item.active {
    background-color: var(--primary);
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--primary-hover);
        border-color: var(--primary-hover);
    }

.validation-summary-errors > ul > li {
    color: var(--danger);
}

#hubspot-messages-iframe-container.widget-align-right{
    bottom:30px!important;
}

.social-comment {
    min-height: 90px;
}

.feed-element {}
.feed-element .well {
    margin-top:4px;
    padding: 10px;
}

.task-editor .well {
    border: 1px solid #e7eaec;
    margin-top: 4px;
    padding: 10px;
}

@media (min-width: 768px){

}

@media (max-width: 768px) {
    .ibox .ibox-title h5 {
        font-size:16px;
    }

    .button-nav .btn {
        padding: .25rem 0.5rem;
        font-size: 0.75rem;
        line-height: 1.25;
    }
}

@media (max-width: 512px) {
    .button-nav .btn {
        padding: .25rem 0.25rem;
        font-size: 0.7rem;
        line-height: 1.2;
    }
}

.e-flag {
    margin-top: 4px;
    padding: 0;
    display: inline-flex;
    height: 0.9em;
    background-color: var(--primary);
    color: #ffffff;
    font-size: 1.35em;
}
.user-label {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.user-label:hover {
    transform: translateY(-5px);
    /*box-shadow: 0 10px 0px rgba(0, 0, 0, 0.2);*/
}
.fields {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.fields:hover {
    transform: translateY(-5px);
}
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.help-iframe {
    width: 100%;
    height: 500px;
    border: none;
    padding : 3px;
}

select.form-control:not([size]):not([multiple]) {
    height: 2.22rem;
}

.link-box {
    position:relative;
    display:flex;
    flex-direction:column;
}

.link-box-body {
}
.link-box-footer {
}