﻿.action {
    cursor: pointer;
}

.actionItem {
    color: rgb(111, 109, 188);
    font-size: 24px;
    background-color: white;
    border: none;
}

.actionItemGrp {
    margin: 10px;
}

.activeMonthTab {
    background-color: rgba(111, 109, 188, 0.9);
}

.activeMonthTab a {
    color: #fff !important;
}

.activeMonthTab a:hover {
    color: white !important;
}

.bottom-space-15 {
    margin-bottom: 15px;
}

.card-header {
    padding: 5px;
}

.card-header {
    padding: 10px;
}

.card-modal-full-width {
    max-width: 100%;
    width: 100%;
}

.checkList {
    padding: 0;
}

.container-fluid {
    padding: 0;
}
.upH3 {
    font-size: 20px;
    font-weight: 500;
}
.cursor {
    cursor: pointer;
}

.disabled {
    background-color: #F9F7F7;
}

.disableIcon {
    opacity: .1;
}

.error {
    background-color: #d32f2f;
}

.filter-container {
    border: 1px solid lightgray;
    padding-right: 0px;
    height: calc(100vh - 61px);
    overflow: auto;
}

.form-cbx-padding {
    padding-top: 5px;
    padding-left: 10px;
}

.full-width {
    width: 100%;
}

.half-width {
    width: 50%;
}

.hide {
    display: none;
}

.iconItem {
    margin-right: 5px;
}

.indent-form {
    padding: 10px 20px;
}

.modal-xl {
    max-width: 1750px;
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%,0)scale(1);
    transform: translate(100%,0)scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-dialog-slideout .modal-content {
    border: 0;
}

.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {
    height: 69px;
    display: block;
}

.modal-dialog-slideout .modal-header h5 {
    float: left;
}

.monthSelector {
    margin: 10px 0 10px 0;
    border: none;
}

.monthSelectors {
    padding: 10px;
    border: 1px solid lightgray;
    font-size: 14px;
}

.monthSelectors a {
    color: gray;
}

.nav-bar-btngroup-spacing {
    padding: 10px;
}

.nav-bar-btngroup-spacing .btn-group {
    border: 1px solid gray;
    border-radius: 10px;
}

.nav-bar-btngroup-spacing button {
    border-radius: 10px;
    background-color: lightgray;
}

.nav-bar-custom {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
}

.navBarFooter {
    text-align: center;
}

.nav-bar-spacing {
    padding: 15px 15px 5px 15px;
}

.note-card {
    height: 450px;
    width: 100%;
    overflow: auto;
}

.padding-15 {
    padding: 15px;
}

.padding-right-20 {
    padding-right: 20px;
}
.padding-right-15 {
    padding-right: 15px;
}

.privateNote {
    background-color: #656565;
    color: white;
}

.resultViewTable {
    padding: 0 15px 15px 15px;
}

.row {
    width: 100%;
}

.resize-none {
    resize: none;
}

.sovos-nav {
    background-color: rgb(63, 90, 114);
    color: white;
}

.selectAll {
    font-size: small;
    margin-right: 3px !important;
    float: right;
}

.side-menu-container {
    padding: 10px;
}

.snackbar {
    position: absolute;
    z-index: 1100;
    color: white;
    text-align: center;
    bottom: 0px;
    width: 100%;
    padding: 15px;
}

.sovos-blue {
    background-color: rgb(63, 90, 114);
    color: white;
}

.sovos-btn-border {
    border: 1px solid lightgray;
}

.sovos-icon {
    color: rgb(111, 109, 188);
    font-size: 16px;
    border-radius: 10px;
    background-color: lightgray;
}

    .sovos-icon:hover {
        color: rgb(111, 109, 188);
        background-color: lightgray;
    }

    .sovos-icon.active {
        background-color: white;
    }

.sovos-nav {
    background-color: rgb(63, 90, 114);
    color: white;
}

.sovos-pill {
    font-size: 12px;
    border: 1px solid lightgray;
    padding: 5px 10px;
    border-radius: 15px;
    background-color: lightgray;
    margin-left: 10px;
    opacity: .25;
}

.sovos-pill.active {
    background-color: #007bff;
    color: white;
    opacity: 1;
}

.success {
    background-color: rgb(67, 160, 71);
}

.top-space-5 {
    margin-top: 5px;
}

.top-space-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.top-space-15 {
    margin-top: 15px;
}

.top-space-20 {
    margin-top: 20px;
}

.top-space-30 {
    margin-top: 30px;
}

.top-space-80 {
    margin-top: 80px;
}

.userIcon {
    border-left: 1px solid lightgrey;
}
.homeIcon {
    border-left: 1px solid lightgrey;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.userName {
    padding: 20px 15px 5px 15px;
    font-size: 14px;
}

.zIndexFirst {
    z-index: 1060;
}



#accordion .card-title {
    display: inline;
    font-size: 14px;
}

#accordion .card-header {
    background-color: rgb(63, 90, 114);
    color: white;
}

#filterPane {
    font-size: 14px;
}

#filterPane .card {
    border: none;
}

#filterPane .card-body {
    padding: 5px;
    max-height: 250px;
    overflow: auto;
}

#filterPane .input-group {
    padding: 10px;
    border-bottom: 1px solid lightgray;
}

#listView .card-header {
    display: inline;
}

#noteList {
    max-height: 275px;
    overflow: auto;
}


a.homeLink {
    color: white !important;
    text-decoration: none;
}

li {
    list-style-type: none;
}

.center {
    text-align: center;
}