/* Custom Banner */
.banner {
    height: 180px;
    background: url('../../../Images/Garden.png') center center no-repeat;
    background-size: cover;
    border-radius: 6px;
}

.banner2 {
    height: 100px;
    background: url('../../../Images/flowers-large.png') center center no-repeat;
    background-size: cover;
}

.bannerShort {
    height: 150px;
    background: url('../../../Images/GardenPond.jpg') center center no-repeat;
    background-size: cover;
}

/*#homelogo {
    height: 90px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 6px;
}*/

#complogo {
    height: 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 6px;
}

/* Custom Radio Buttons (Boxed) */
.radio-boxed {
    font-family: IBMPlexSans;
    font-weight: normal;
    font-size: medium;
    padding: 5px;
    padding-left: 30px !important;
    padding-right: 15px;
    border: solid thin silver;
    border-radius: 2px;
}
@media only screen and (max-width: 420px) {
    .radio-boxed {
        margin-left: 0px !important;
    }
}

    .radio-boxed.active {
        font-weight: bold;
        border: solid 2px var(--success);
        border-radius: 2px;
        color: #05254a;
    }

    .radio-boxed input[type="radio"] {
        /* remove standard background appearance */
        -webkit-appearance: none;
        -moz-appearance: none;
        /* create custom radiobutton appearance */
        display: inline-block;
        width: 16px;
        height: 16px;
        padding: 2px;
        /* background-color only for content */
        background-clip: content-box;
        border: thin solid #bbbbbb;
        background-color: #e7e6e7;
        border-radius: 50%;
    }

        /* appearance for checked radiobutton */
        .radio-boxed input[type="radio"]:checked {
            outline: none;
            background-color: var(--success);
        }

/* Custom Radio Buttons (No-Box) */
.radio-custom {
    outline: none;
    font-family: IBMPlexSans;
    font-weight: normal;
    margin: 0;
}

    .radio-custom.active {
        outline: none;
        font-weight: bold;
    }

    .radio-custom input[type="radio"] {
        outline: none;
        position: relative;
        top: 3px;
        /* remove standard background appearance */
        -webkit-appearance: none;
        -moz-appearance: none;
        /* create custom radiobutton appearance */
        display: inline-block;
        width: 16px;
        height: 16px;
        padding: 2px;
        /* background-color only for content */
        background-clip: content-box;
        border: thin solid silver;
        background-color: #e7e6e7;
        border-radius: 50%;
    }

        /* appearance for checked radiobutton */
        .radio-custom input[type="radio"]:checked {
            outline: none;
            border: solid thin var(--success);
            background-color: var(--success);
        }

/* Custom Checkbox */
.check-custom {
    outline: none;
    font-family: IBMPlexSans;
    font-weight: normal;
    margin: 0;
}

    .check-custom.active {
        outline: none;
        font-weight: bold;
    }

    .check-custom input[type="checkbox"] {
        outline: none;
        position: relative;
        top: 3px;
        /* remove standard background appearance */
        -webkit-appearance: none;
        -moz-appearance: none;
        /* create custom radiobutton appearance */
        display: inline-block;
        width: 16px;
        height: 16px;
        padding: 2px;
        /* background-color only for content */
        background-clip: content-box;
        border: thin solid silver;
        background-color: #e7e6e7;
    }

        /* appearance for checked checkbox */
        .check-custom input[type="checkbox"]:checked {
            outline: none;
            border: solid thin var(--success);
            background-color: var(--success);
        }


    /* Show the checkmark when checked */
    .check-custom input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .check-custom .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* Custom Checkmark to go with the Custom Checkbox (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.box-border-top-bottom {
    width: 100%;
    padding: 10px;
    border-top: solid thin silver;
    border-bottom: solid thin silver;
}

div.k-grid{
    border-style:none;
}

div.k-grid thead th.k-header{
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom-width: 4px;
}

div.k-grid thead th.k-header.k-group-cell {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-width: 1px;
}

.first-row{
    margin-top:-30px;
}

#frmNewAIMsg .btn, #frmChgStep .btn {
    background-color: white;
    border-color: rgb(59, 117, 184);
    color: #05254a;
    border-radius: 2px;
    border: solid 1px #3b75b8;
}

#frmChgStep .row div {
    box-sizing: border-box !important;
}

#WindowH2 {
    border-style: none;
    background-color: rgb(235, 235, 235);
}

#WindowH2 .row div{
    box-sizing: border-box !important;
}

#WindowH2 .k-window-content {
    background-color: rgb(235, 235, 235);
}

.Button-Text {
    height: 18px;
    font-family: IBMPlexSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #05254a;
}

.Rectangle-2 {
    border-radius: 2px;
    border: solid 1px #3b75b8;
    background-color: #ffffff;
}

#frmNewAIMsg label, #frmChgStep label {
    height: 15px;
    font-family: IBMPlexSans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #121212;
}

#frmNewAIMsg .k-dropzone, #frmNewAIMsg .k-dropzone, #frmChgStep .k-dropzone, #frmNewAIMsg .k-dropzone {
    background-color: rgb(235, 235, 235);
}

#frmNewAIMsg .k-upload, #frmChgStep .k-upload {
    border-style: none;
    margin-top: 5px;
    display: inline-block;
}

#frmNewAIMsg .k-upload-files{
    background-color: rgb(235, 235, 235);
    float: right;
}

#frmChgStep .k-upload-files {
    background-color: transparent;
    float: right;
}

#frmNewAIMsg .k-file{
    background-color: rgb(235, 235, 235);
}

#frmChgStep .k-file {
    background-color: transparent;
}

/*#frmNewAIMsg .k-upload-button {
    min-width: 0px;
    width: 16px;
    height: 16px;
    background-image: url(../../../Content/images/paperclip.png);
    background-color: rgb(235, 235, 235);
    margin-right:-9px;
}*/

#frmNewAIMsg .k-upload-button, #frmChgStep .k-upload-button {
    background-image: url(../../../Content/images/paperclip.png);
    background-color: rgb(235, 235, 235);
    margin-right: -15px;
    background-repeat: no-repeat;
    background-position-x: 117px;
    padding-right: 30px;
    border-color: rgb(235, 235, 235);
    float: right;
    /*background-position-y: 10px;*/
}

#frmChgStep .k-upload-button {
    background-color: transparent;
    border-color: transparent;
    margin-right: -5px;
}

#frmNewAIMsg .k-upload-button span, #frmChgStep .k-upload-button {
    color: #05254a;
}

#frmNewAIMsg textarea, #frmChgStep textarea {
    border-radius: 4px;
    border: solid 1px #c5c8cc;
}

#frmNewAIMsg .k-dropzone strong, #frmChgStep .k-dropzone strong{
    /*display:block;*/
    /*text-align:right;*/
    margin-top: 10px;
    float: right;
    clear: right;
    margin-right: -5px;
}

#frmNewAIMsg .k-upload-status, #frmChgStep .k-upload-status {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    top: 0px;
}

#frmNewAIMsg k-upload-status k-upload-status-total, #frmChgStep k-upload-status k-upload-status-total {
    margin-right: -5px;
}

#frmNewAIMsg .k-upload.k-header {
    background-color: transparent;
}

#frmChgStep .k-upload.k-header {
    background-color: transparent;
}

.k-window{
    padding-top: 0px !important;
}

.k-window-titlebar{
    display:none;
}

.side-panel-info {
    box-sizing:border-box;
    width: 100%;
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: rgb(225, 225, 225);
    padding-left: 15px;
}

.side-panel-info .side-panel-header, #homeowner-header .ho-header-header {
    font-family: IBMPlexSans;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    color: #494a4b;
    display:block;
}

    .side-panel-info .side-panel-text, #homeowner-header .ho-header-text {
        font-family: IBMPlexSans;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        color: #494a4b;
        display: block;
    }

    .side-panel-info .side-panel-header:not(:first-child) {
        margin-top:25px;
    }

.main-panel-header {
    display:inline-block;
    font-family: IBMPlexSans;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #05254a;
    text-decoration: underline;
}

.Date {
    font-family: IBMPlexSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #494a4b;
}

.main-panel-subheader {
    font-family: IBMPlexSans;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #494a4b;
}

.main-panel-subheader-lg {
    font-family: IBMPlexSans;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #494a4b;
}

.k-widget.k-multiselect.k-header{
    border-radius: 3px;
}

.k-multiselect-wrap.k-floatwrap{
    border-radius: 3px;
}

.k-dropdown-wrap.k-state-default{
    border-radius: 3px;
}

.msg-grid-header {
    font-family: IBMPlexSans;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    color: #494a4b;
    display:block;
}

.msg-grid-text {
    font-family: IBMPlexSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #494a4b;
    display: block;
}

.type-a-message {
    background-image: url(../../../Images/Icons/icon-letter.png);
    background-position-x: 7px;
    background-position-y: 8px;
    background-repeat: no-repeat;
    padding-left: 36px;
}

div[id^=ActionMsgGrid] .container, div[id^=ActionMsgGrid] .row, div[id^=ActionMsgGrid] .row div{
    box-sizing:border-box;
}

.header-hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
    height: 2px;
    /* Set the hr color */
    color: rgb(235, 235, 235); /* old IE */
    background-color: rgb(235, 235, 235); /* Modern Browsers */
}

#drpAssoc2 {
    padding-left: 0px;
    border-style: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-color: black !important;
}

    #drpAssoc2 .k-dropdown.k-header {
        width: 100%;
        margin-left: 0px;
        background-color: white;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom-color: black !important;
    }

        #drpAssoc2 .k-dropdown.k-header .k-dropdown-wrap {
            width: 100%;
            background-color: white;
            border-top: none !important;
            border-left: none !important;
            border-right: none !important;
            border-bottom-color: black !important;
            border-radius: 0px;
        }

@media all and (min-width:320px) {
    #smMsgHeaderDiv1 {
        display: block;
    }

    #smMsgHeaderDiv2 {
        display: none;
    }
}

@media all and (min-width:768px) {
    #smMsgHeaderDiv1{
        display:none;
    }

    #smMsgHeaderDiv2 {
        display: block;
    }
}

.vantaca-form{

}

.vantaca-form .k-dropdown.k-header {
    display:block;
}

.vantaca-form textarea {
    border-style: solid;
    border-width: 1px;
    border-color: #c9c9c9;
    border-radius: 3px;
    background-color: #fafafa;
}

.vantaca-form label {
    font-family: IBMPlexSans;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #121212;
}

    .vantaca-form input, .vantaca-form .k-input {
        background-color: #fafafa;
    }

.vantaca-form .k-picker-wrap {
    border-radius: 3px;
    background-color: #fafafa;
}

    .vantaca-form .k-picker-wrap .k-select {
        background-color: #e8e8e8;
    }

    .vantaca-form .k-upload.k-header {
        background-color: #e8e8e8;
        border-radius: 3px;
    }

.vantaca-form .k-dropdown-wrap .k-select {
    background-color: #fafafa;
}

.vantaca-form .k-datepicker.k-header{
    width:100%;
}

.vantaca-form .k-upload-button {
    border-radius: 2px;
    border: solid 1px #3b75b8;
    background-color: #ffffff;
}

    .vantaca-form .k-file {
        background-color: #e8e8e8;
        border-style: none;
    }

    .vantaca-form .k-file .k-file-name {
        font-family: IBMPlexSans;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #121212;
        font-weight: 600;
    }

        .vantaca-form .k-file .k-file-size{
            display: none;
        }

        .vantaca-form .k-upload-files {
            border-style: none;
        }

    .vantaca-form .k-file-extension-wrapper{
        border-color: black;
        color: black;
        width: 28px;
    }

    .vantaca-form .k-upload-status button[aria-label='Remove']{
        margin-top: 8px;
    }

    .vantaca-form .k-file-extension-wrapper::before, .k-multiple-files-extension-wrapper::before {
        background-color: #e8e8e8;
        color: black;
    }


    .vantaca-form .k-upload-button > span {
        font-family: IBMPlexSans;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #05254a;
    }

.vantaca-form .form-header {
    font-family: IBMPlexSans;
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #121212;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .vantaca-form .form-group {
        width: 100% !important;
        max-width: 100% !important;
    }
    .vantaca-form .form-group-wide {
        width: 100% !important;
        max-width: 100% !important;
    }
    .vantaca-form .form-group .no-p-sm{
        padding-left:0px !important;
        padding-right: 0px !important;
    }

    .vantaca-form .shared-left{
        padding-left: 0px !important;
        padding-right:0px !important;
    }

    .vantaca-form .shared-right {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top:10px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .vantaca-form .form-group {
        width: 100% !important;
        max-width: 100% !important;
    }

    .vantaca-form .form-group-wide {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .vantaca-form .form-group {
        width: 50% !important;
        max-width: 50% !important;
    }

    .vantaca-form .form-group-wide {
        width: 75% !important;
        max-width: 75% !important;
    }

    .vantaca-form .shared-left {
        padding-right: 15px !important;
    }

    .vantaca-form .shared-right {
        padding-left: 15px !important;
        margin-top:0px;
    }
}

#headerDiv
{
    border-bottom: solid 3px #cecece;
    margin-bottom: 10px;
}

#sidebar {
    position: absolute;
    z-index: 1000;
}

#mnuBoardActions table {
    border-style: none;
    margin-bottom: 0px;
}

@media (min-width: 576px) {
    #sidebar {
        position: relative;
    }

    #mnuBoardActions table {
        margin-bottom: 10px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .vantaca-form .form-group {
        width: 35% !important;
        max-width: 35% !important;
    }

    .vantaca-form .form-group-wide {
        width: 45% !important;
        max-width: 45% !important;
    }

    #headerDiv {
        padding-bottom: 0px;
        padding-top: 49px;
        margin-left: 10px;
        padding-left: 0px !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .vantaca-form .form-group {
        width: 25% !important;
        max-width: 25% !important;
    }

    .vantaca-form .form-group-wide {
        width: 35% !important;
        max-width: 35% !important;
    }
}

.k-notification-wrap {
    width: 387px;
    height: 62px;
    border-radius: 4px;
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #4aab20;
    background-color: #cbf4b9;
}

.k-attachment-notification-wrap {
    width: 387px;
    min-height: 200px;
    border-radius: 0px;
    /*box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.23);*/
    /*border-bottom: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray;*/
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px gray;
    background-color: white;
}
    .k-notification-wrap .k-icon{
        font-family: IBMPlexSans;
        font-size: 17px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #121212;
    }

    .k-notification-wrap .k-i-info {
        font-family: IBMPlexSans;
        font-size: 17px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #121212;
    }

.btn.rounded-pill.active{
    background-color: rgb(5, 37, 74);
    color: white;
    border-style: none;
}

.btn.rounded-pill.active:hover {
    color: white;
}


#gridOptionsMenu .k-link{
    padding-left: 0px;
}

#gridOptionsMenu .k-icon {
    padding-left: 15px;
}

.k-grid td .k-button-icon {
    background-image: url(../../../Images/Icons/hpoint.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position-x: 0px;
    height: 28px !important;
    width: 28px !important;
}

#menuoptions .k-sprite{
    display:none;
}

.k-grid td .k-i-menu{
    display: none;
}

.k-grid tbody td[role='gridcell'] {
    font-family: IBMPlexSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #494a4b;
    border-bottom-color: #e4e4e4;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.k-grid tbody .k-grouping-row td p {
    color: #494a4b !important;
}

.k-grid tbody .k-grid-edit, .k-grid tbody .k-grid-update, .k-grid tbody .k-grid-cancel, .k-grid tbody .k-grid-Reply, .k-grid tbody .k-grid-delete, .k-grid tbody .k-grid-ECheckEditButton, .k-grid tbody .k-grid-MakePayment,
.k-grid tbody .k-grid-Edit, .k-grid tbody .k-grid-EditDraft, .k-grid tbody .k-grid-DeleteDraft, .k-grid tbody .k-grid-OnePay, .k-grid tbody .k-grid-RunReport, .k-grid tbody .k-grid-pdfReport, .k-grid tbody .k-grid-DeleteContact {
    background-color: transparent;
    border-style: none;
    text-decoration: underline;
    font-family: IBMPlexSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #494a4b;
    font-weight: 600;
}

    .k-grid tbody .k-grid-edit:hover, .k-grid tbody .k-grid-update:hover, .k-grid tbody .k-grid-cancel:hover, .k-grid tbody .k-grid-Reply:hover, .k-grid tbody .k-grid-delete:hover, .k-grid tbody .k-grid-ECheckEditButton:hover,
    .k-grid tbody .k-grid-MakePayment:hover, .k-grid tbody .k-grid-Edit:hover, .k-grid tbody .k-grid-EditDraft:hover, .k-grid tbody .k-grid-DeleteDraft:hover, .k-grid tbody .k-grid-OnePay:hover, .k-grid tbody .k-grid-RunReport:hover,
    .k-grid tbody .k-grid-pdfReport:hover, .k-grid tbody .k-grid-DeleteContact:hover {
        text-decoration: underline !important;
    }

        .k-grid tbody .k-grid-edit:active, .k-grid tbody .k-grid-update:active, .k-grid tbody .k-grid-cancel:active, .k-grid tbody .k-grid-Reply:active, .k-grid tbody .k-grid-delete:active, .k-grid tbody .k-grid-ECheckEditButton:active,
        .k-grid tbody .k-grid-MakePayment:active, .k-grid tbody .k-grid-Edit:active, .k-grid tbody .k-grid-EditDraft:active, .k-grid tbody .k-grid-DeleteDraft:active, .k-grid tbody .k-grid-OnePay:active, .k-grid tbody .k-grid-RunReport:active,
        .k-grid tbody .k-grid-pdfReport:active {
            background-color: transparent;
        }

.k-grid tbody .k-i-edit, .k-grid .k-i-add, .k-grid .k-i-check, .k-grid .k-i-cancel, .k-grid .k-i-delete, .k-grid .k-i-close {
    display: none;
}

.k-grid tbody td input, .k-grid tbody td .k-numeric-wrap {
    border-radius: 3px;
}

.k-grid tbody td textarea {
    border-radius: 3px;
    border-color: #c9c9c9;
    border-width: 1px;
}

.k-grid .k-grid-add, .k-grid .k-grid-toolbar .k-button {

    font-family: IBMPlexSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #05254a !important;
    background-color: white;
    border-color: rgb(59, 117, 184);
    color: #05254a;
    border-radius: 3px;
    border: solid 1px #3b75b8;
    padding-top: 5px;
    padding-bottom: 5px;
}

#PortalBoardHOListGrid tbody td a, #PortalBoardHOListGrid tbody td a:hover, div[id^=HOChgSumListGrid_] tbody td a, div[id^=HOChgSumListGrid_] tbody td a:hover,
div[id^=OwnerItemGrid_] tbody td a, div[id^=OwnerItemGrid_] tbody td a:hover {
    text-decoration: underline !important;
}

#newMessageDiv a.btn-success{
    height: auto !important;
}

.k-checkbox-label{
    padding-left: 22px !important;
}

.portal-v2-body #gridCogButton{
    padding-top: 3px;
}

.portal-v2-body .k-tooltip-validation.k-invalid-msg.field-validation-error{
    background-color: white;
    border: 2px solid red;
    color: red;
    border-radius: 3px;
}

.portal-v2-body .k-tooltip-validation.k-invalid-msg.field-validation-error .k-icon {
    display: none;
}
.portal-v2-body .k-tooltip-validation.k-invalid-msg.field-validation-error .k-callout{
    border-bottom-color: red;
}

.portal-v2-body .k-scheduler-content .k-event span:nth-child(2){
    padding-left: 5px;
    display:inline-block;
    width: 96%;
}

.portal-v2-body .k-scheduler-content .k-event span:nth-child(2) strong{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

.portal-v2-body .k-scheduler {
    font-family: IBMPlexSans;
}

.portal-v2-body .k-pager-sizes .k-widget{
    width: 5.0em !important;
}

.portal-v2-body #menuoptions {
    border: solid 1px #e0e0e0;
    background-color: #f3f5f2;
    font-family: IBMPlexSans;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    width: 214px !important;
    /*height: 100px !important;    */
}

    .portal-v2-body #menuoptions .menu-approve {
        border-radius: 2px;
        border: solid 1px #4aab20;
        background-color: #ffffff;
        width: 80px;
        height: 31px;
        margin-top: 10px;
        margin-left: 18px;
        margin-right: 18px;
        display: inline-block !important;
    }

        .portal-v2-body #menuoptions .menu-approve .k-link {
            font-size: 13px;
            color: #318010;
            padding-bottom: 0px !important;
            padding-top: 2px !important;
            line-height: 24.08px !important;
            font-size: 14px !important;
        }

    .portal-v2-body #menuoptions .menu-decline {
        border-radius: 2px;
        border: solid 1px #ca1212;
        background-color: #ffffff;
        width: 80px !important;
        height: 31px !important;
        margin-top: 10px !important;
        display:inline-block !important;
    }

        .portal-v2-body #menuoptions .menu-decline .k-link {
            font-size: 13px !important;
            color: #ca1212 !important;
            padding-bottom: 0px !important;
            padding-top: 3px !important;
            padding-left: 1.1em !important;
            line-height: 24.08px !important;
            font-size: 14px !important;
        }

.portal-v2-body #menuoptions .menu-msg {
    clear: left;
    margin-top: 15px;
    margin-left: 45px;
    margin-bottom:10px;
}

.board-ai-pill, .directory-pill{
    margin-top: 10px !important;
}

.badge.side-menu-badge{
    background-color: red !important;
    font-size: 16px !important;
}

#submenuBA li{
    display: inline-block !important;
    width: 100% !important;
    padding-bottom: 0px !important;
}

#BodyTitle{
    margin-top: 0px;
    padding-top: 0px;
}

#BodyTitle h3{
    margin-top: 0px;
    padding-top: 0px;
}

#HOAddrListGrid .k-grid-toolbar{
    padding-left: 0px;
}

#HOAddrListGrid .k-grid-toolbar .k-grid-add {
    margin-left: 0px;
}

.disclosure-text {
    font-family: IBMPlexSans;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #494a4b;
}

#ElectronicDisclosureWindow{
    padding: 15px;
    max-width: 500px;
}

.portal-v2-body #address2{
    margin-top: 10px;
}

.col-lg-3{

}

@-moz-document url-prefix() {
    .k-notification .k-i-info::before {
        content: none !important;
        margin-left: 10px !important;
        display: inline-block !important;
    }

    .k-notification .k-i-info {
        margin-left: 10px !important;
        display: inline-block !important;
    }
}

@media and (-webkit-min-device-pixel-ratio:0) {
    .k-notification .k-i-info::before {
        content: none !important;
        margin-left: 10px !important;
        display: inline-block !important;
    }

    .k-notification .k-i-info {
        margin-left: 10px !important;
        display: inline-block !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .k-notification .k-i-info::before {
        content: none !important;
        margin-left: 10px !important;
        display: inline-block !important;
    }

    .k-notification .k-i-info {
        margin-left: 10px !important;
        display: inline-block !important;
    }
}

/*.k-notification .k-i-info::before {
    content: none !important;
}*/

.k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-table td, .k-scheduler-times, .k-scheduler-times th, .k-scheduler-times tr {
    border-right: solid 1px #c9c9c9;
}

#recurringPaymentsGrid .k-grid-norecords{
    margin-top: 15px;
}

#sidebarCollapse{
    margin-top: 6px;
    border-style:none;
    color:black;
    background-color: white;
}

#sidebarCollapse i{
    font-size: 28px;
}

.login-text{
    margin-top: 2px;
}

.k-grid-excel {
    color: #333 !important;
    border-color: #f4f4f4 !important;
    background-color: #f4f4f4 !important;
}

#ReportListGrid thead th.k-header {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

#ReportListGrid .k-grid-header th[data-title="Report"], #ReportListGrid .k-grid-header th[data-index="4"] {
    display: none;
}

#ReportListGrid .k-grid-header tr:first-of-type{
    display: none;
}

#ReportListGrid .k-grid-header .k-filter-row th {
    border-bottom-style: none;
}

#ReportListGrid .k-grid-header .k-filter-row .k-filtercell {
    max-width: 300px;
}

#ReportListGrid .k-grid-header .k-filter-row input[type="text"] {
    border-radius: 3px;
}

#ReportListGrid .k-grid-header .k-filter-row .k-widget.k-autocomplete {
    border-radius: 3px;
}

#ReportListGrid .k-grid-header .k-filter-row .k-widget.k-dropdown.k-dropdown-operator{
    right: 3em;
}

#ReportListGrid .k-grid-header .k-filter-row .k-widget.k-dropdown .k-dropdown-wrap {
    border-radius: 3px;
    background-color: #337ab7;
    border-color: #2e6da4;
}

#ReportListGrid .k-filter-row .k-i-search {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: white;
}

#ReportListGrid tbody td{
    border-bottom-width: 1px;
}

#sidebar ul li span i {
    color: rgb(130, 130, 130);
    font-size: 21px;
    cursor: pointer;
    margin-left: 5px;
}

#previewbar a:hover{
    text-decoration: underline !important;
}

div.k-popup div.k-nodata {
    display: none !important;
}

/*div.k-grid > .k-grid-header > div > table,
div.k-grid > .k-grid-content > table {
    width: 100% !important;
}*/

div.k-grid {
    overflow-x: auto !important;
}
.k-scheduler-monthview div.k-event {
    white-space: nowrap;
}

.portal-v2-body .k-scheduler .k-nonwork-hour {
    background-color: transparent;
}

.portal-v2-body #YesNo_Dialog ~ div.k-button-group button {
    background-color: rgb(244, 244, 244) !important;
    color: black !important;
    border-style: none !important;
}

.portal-v2-body #YesNo_Dialog ~ div.k-button-group button:hover {
    background-color: rgb(0, 114, 198) !important;
    color: white !important;
    border: 1px solid rgb(0, 114, 198);
}
.portal-v2-body .k-scheduler .k-scheduler-monthview .k-scheduler-content .k-event span:nth-child(2) {
    width: auto !important;
    margin-top: 5px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#logoutButton {
    font-family: IBMPlexSans;
    border-radius: 4px;
    border: solid 1px #3b75b8;
    text-decoration: none;
}