.mat-mdc-menu-panel {
    padding: 14px 0px 14px 0px !important;
    margin-top: 0px !important;
}

.mat-mdc-menu-content {
    padding: 0px !important;
    margin: 0px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.popover-box {
    /*max-height: 500px !important;*/
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.popover-box-width {
    min-width: 10px !important;
    max-width: 500px !important;
}

.popover-box-white {
    background-color: #ffffff !important;
}

.popover-box-dark {
    background-color: #44546E !important;
}

.popover-box-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

.popover-box-title-white {
    color: #44546F !important;
}

.popover-box-title-dark {
    color: #ffffff !important;
}




/*
.popover-box-item {
    padding: 0px 20px 0px 20px !important;
}
*/

.popover-box-item {
    padding: 0px 0px 0px 0px !important;
}

.popover-box-padding {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.popover-box-item-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    border-radius: 0px !important;
}

.popover-box-item-link:link {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}


.popover-box-item-link-white {
    background-color: #ffffff !important;
    color: #44546F !important;
}

.popover-box-item-link-white:hover {
    background-color: #DCDFE4 !important;
    color: #44546F !important;
}

.popover-box-item-link-dark {
    background-color: #44546E !important;
    color: #ffffff !important;
}

.popover-box-item-link-dark:hover {
    background-color: #44546E !important;
    color: #ffffff !important;
}

.popover-box-item-link-paragraph {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-indent: 0px !important;
    margin-left: 0px !important;
    line-height: 1.3;
    margin-bottom: 0px !important;
}

.popover-box-item-link-text {
    cursor: pointer !important;
    padding-left: 32px !important;
}







.popover-action-box {
    padding: 14px 0px 14px 0px !important;
    border-radius: 4px !important;
}

.popover-subbox {
    padding: 10px 0px 10px 0px !important;
}

.popover-description {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.popover-title-space-bottom {
    margin-bottom: 20px !important;
}

.popover-description-space-bottom {
    margin-bottom: 20px !important;
}



.popover-icon-close {
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    text-align: center !important;
    font-size: 17px !important;
    border-radius: 50% !important;
    height: 30px !important;
    line-height: 30px !important;
    width: 30px !important;
    color: #A0A0A0 !important;
}

.popover-icon-close:hover {
    background-color: #E4E6EA !important;
    color: #172B4D !important;
    transition: background-color 85ms,color 85ms !important;
}




.popover-icon-eye {
    /*background-color: #FFB300 !important;*/
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    text-align: center !important;
    font-size: 15px !important;
    border-radius: 50% !important;
    height: 32px !important;
    line-height: 32px !important;
    width: 32px !important;
    color: #E0E0E0 !important;
}

.popover-icon-eye:hover {
    background-color: #FFD54F !important;
    color: #ffffff !important;
    transition: background-color 85ms,color 85ms !important;
}




.popover-icon-expand {
    background-color: #E0E0E0 !important;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    text-align: center !important;
    font-size: 15px !important;
    border-radius: 5 !important;
    height: 32px !important;
    line-height: 32px !important;
    width: 32px !important;
    color: #44546F !important;
}

.popover-icon-expand:hover {
    background-color: #616161 !important;
    color: #ffffff !important;
    transition: background-color 85ms,color 85ms !important;
}

.popover-icon-compress {
    background-color: #616161 !important;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    text-align: center !important;
    font-size: 15px !important;
    border-radius: 5 !important;
    height: 32px !important;
    line-height: 32px !important;
    width: 32px !important;
    color: #ffffff !important;
}

.popover-icon-compress:hover {
    background-color: #E0E0E0 !important;
    color: #44546F !important;
    transition: background-color 85ms,color 85ms !important;
}



.popover-divider {
    margin: 10px 0px 10px 0px !important;
    width: 100% !important;
    height: 1px !important;
    border-bottom: 1px solid #DCDFE4 !important;
}



.popover-box-tip-background-dark {
    background-color: #303030 !important;
}

.popover-box-tip-title-dark {
    color: #ffffff !important;
}

.popover-box-tip-description-dark {
    color: #ffffff !important;
}



.popover-box-tip-background {
    background-color: #ffffff !important;
}

.popover-box-tip-title {
    color: #303030 !important;
}

.popover-box-tip-description {
    color: #303030 !important;
}



.popover-action-box-background-color {
    background-color: #ffffff !important;
}

.popover-action-box-title-color {
    color: #172B4D !important;
}

.popover-action-box-description-color {
    color: #172B4D !important;
}

.popover-action-box-minimized {
    min-width: 444px !important;
}

.popover-action-box-expanded {
    min-width: 800px !important;
}

.popover-action-box-flex {
    width: 100% !important;
}

.popover-action-box-caption {
    padding-left: 32px !important;
    font-size: 18px;
}

.popover-action-box-caption-icon-on-left {
    position: absolute;
    font-size: 18px;
}

.popover-action-box-caption-icon-on-right {
    padding-left: 20px !important;
    font-size: 18px;
}





.popover-action-box-title {
    padding-left: 32px !important;
    font-size: 16px;
}

.popover-action-box-title-icon-on-left {
    position: absolute;
    font-size: 16px;
}

.popover-action-box-title-icon-on-right {
    padding-left: 20px !important;
    font-size: 16px;
}




.popover-item-box {
    max-height: 320px !important;
    overflow-y: scroll !important;
    overflow-x: scroll !important;
}

.popover-item {
    padding: 6px 6px 6px 0px !important;
    margin-bottom: 10px !important;
    border-radius: 0px !important;
    -webkit-transition: all 0.1s ease-in-out 0s !important;
    transition: all 0.1s ease-in-out 0s !important;
}

.popover-item:hover {
    background-color: #FFB300 !important;
    -webkit-transition: all 0.2s ease-in-out 0s !important;
    transition: all 0.2s ease-in-out 0s !important;
    color: #1FC7E3 !important;  
}


.popover-item-title {
    font-size: 13px;
    /*color: #768296 !important;*/
    /*font-family: 'ubuntuMedium' !important;*/
}

.popover-item-description {
    font-size: 15px;
    color: #172B4D !important;
    /*font-family: 'ubuntuBold' !important;*/
}



.background-color-purple-light {
    background-color: #9575CD !important;
}

.background-color-purple-dark {
    background-color: #5E35B1 !important;
}

.background-color-yellow-light {
    background-color: #FFD54F !important;
}

.background-color-yellow-dark {
    background-color: #FFB300 !important;
}

.background-color-red-light {
    background-color: #E57373 !important;
}

.background-color-red-dark {
    background-color: #E53935 !important;
}

.background-color-purple-green {
    background-color: #92B901 !important;
}

.background-color-purple-blue {
    background-color: #1FC7E3 !important;
}

.color-purple-light {
    color: #9575CD !important;
}

.color-purple-dark {
    color: #5E35B1 !important;
}

.color-yellow-light {
    color: #FFD54F !important;
}

.color-yellow-dark {
    color: #FFB300 !important;
}

.color-red-light {
    color: #E57373 !important;
}

.color-red-dark {
    color: #E53935 !important;
}

.color-purple-green {
    color: #92B901 !important;
}

.color-purple-blue {
    color: #1FC7E3 !important;
}













.popover-scrollbar {
    scrollbar-width: thin;
}



.popover-scrollbar-y::-webkit-scrollbar {
    width: 9px !important;
}

.popover-scrollbar-y::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ffffff !important;
    border-radius: 6px !important;
}

.popover-scrollbar-y::-webkit-scrollbar-thumb {
    background: #E0E0E0 !important;
    border-radius: 6px !important;
}

.popover-scrollbar-x::-webkit-scrollbar {
    height: 9px !important;
}

.popover-scrollbar-x::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ffffff !important;
    border-radius: 6px !important;
}

.popover-scrollbar-x::-webkit-scrollbar-thumb {
    background: #E0E0E0 !important;
    border-radius: 6px !important;
}

.table-scroller-less {
    overflow: visible !important;
}

.table-box {
    padding: 0px 0px 0px 0px !important;
}

.table-head-box {
    padding: 0px 0px 0px 0px !important;
}

.table-body-box {
    padding: 0px 0px 0px 0px !important;
}

.table-row {
    cursor: pointer !important;
}

.table-row:hover {
    background-color: #F1F2F4 !important;
    color: #ffffff !important;
}

.table-row-checked {
    background-color: #44546E !important;
    color: #ffffff !important;
}

.table-field-flex {
    width: 100% !important;
}

.table-field-paragraph {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-indent: 0px !important;
    margin-left: 0px !important;
    line-height: 1.3;
    margin-bottom: 0px !important;
}



.table-column-title {
    padding: 0px 20px 5px 0px !important;
    font-size: 16px;
    color: #E0E0E0 !important;
}

.table-field-title {
    padding: 10px 20px 0px 0px !important;
    font-size: 16px;
}


.find-item-checked {
    background-color: #5E35B1 !important;
    color: #ffffff !important;
}






/*
.mat-mdc-icon-button .mat-mdc-button-touch-target {
    position: absolute !important;
    top: 50% !important;
    height: 32px !important;
    left: 50% !important;
    width: 32px !important;
    transform: translate(-50%, -50%) !important;
}

.mat-mdc-button-touch-target {
    background-color: red !important;
    width: 32px !important;
    height: 32px !important;
}

.mat-mdc-button-persistent-ripple {
    background-color: blue !important;
    width: 32px !important;
    height: 32px !important;
}

.mdc-button__ripple {
    background-color: green !important;
    width: 32px !important;
    height: 32px !important;
}

.mat-mdc-focus-indicator {
    background-color: orange !important;
    width: 32px !important;
    height: 32px !important;
}
*/



.popover-input-dropdown-item-box {
    max-height: 360px !important;
    /*overflow-y: auto !important;*/
    overflow-x: hidden !important;
}

.popover-input-dropdown-item-caption {
    padding: 10px 20px 10px 20px !important;
    margin-top: 6px !important;
    cursor: auto !important;
    width: 100% !important;
    font-size: 14px !important;
    color: #A8A8AD;
}



.popover-input-dropdown-item-link {
    padding: 10px 20px 10px 20px !important;
    width: 100% !important;
    color: #172B4D;
}

.popover-input-dropdown-item-link:hover {
    background-color: #EC268F !important;
    color: #ffffff !important;
}

.popover-input-dropdown-item-paragraph {
    white-space: pre-wrap;
    word-wrap: break-word;
    text-indent: 0px !important;
    margin-left: 0px !important;
    line-height: 1.3;
    margin-bottom: 0px !important;
}