.mat-mdc-tooltip-surface {
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    min-height: 10px !important;
    text-decoration: none !important;
    outline: 0px !important;
    -webkit-appearance: none !important;
    background-color: #ffffff !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border-radius: 10px 10px 10px 10px !important;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(184,175,184,0.4) !important;
    -moz-box-shadow: 0px 2px 2px 0px rgba(184,175,184,0.4) !important;
    box-shadow: 0px 2px 2px 0px rgba(184,175,184,0.4) !important;
    transition: all .2s ease;
    border: 0px !important;

    color: #5E6A82 !important;
    font-size: 12px !important;
    font-family: 'ubuntuRegular' !important;
    line-height: 1.7 !important;
}

.mat-mdc-tooltip-surface:hover {
    -webkit-box-shadow: 2px 8px 8px 2px rgba(184,175,184,0.4) !important;
    -moz-box-shadow: 2px 8px 8px 2px rgba(184,175,184,0.4) !important;
    box-shadow: 2px 8px 8px 2px rgba(184,175,184,0.4) !important;
    transition: all .2s ease;
    border: 0px !important;
}

.mat-mdc-menu-panel {
    margin-top: 6px !important;
    background-color: #ffffff !important;
    max-width: 840px !important;
}

.mat-mdc-menu-content {
    padding: 10px 0px 6px 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-width-full {
    width: 100% !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: #000000;
}

.popover-input-dropdown-item-link:hover {
    background-color: #f5f6f7 !important;
    color: #000000 !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;
}


.spacer {
    flex: 1 1 auto !important;
}

.toolbar-custom {
    background-color: #ffffff !important;
    /*position: fixed;*/
    top: 0px;
    z-index: 100000;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.toolbar-mini-custom {
    background-color: #ffffff !important;
    /*position: fixed;*/
    top: 0px;
    z-index: 100000;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.mat-toolbar-row {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 0px !important;
}

.mat-mdc-menu-item-text {
    color: #000000 !important;
    font-size: 15px;
    font-family: 'ubuntuRegular' !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
}

.mat-mdc-menu-item {
    background-color: #ffffff !important;
    color: #000000 !important;
    max-width: 500px !important;
    min-width: 300px !important;
}

.mat-mdc-menu-item:hover {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

.mat-mdc-menu-item:hover .mat-mdc-menu-item-text {
    font-size: 16px !important;
    font-family: 'ubuntuBold' !important;
}

.mdc-button {
    padding: 25px 15px 25px 15px !important;
    font-size: 16px !important;
    font-family: 'ubuntuRegular' !important;
    color: #000000 !important;
    border-radius: 0px !important;
}

.mdc-button:hover {
    background-color: #f2f2f2 !important;
}








.mdc-fab--extended {
    background-color: #f2f2f2 !important;
}

.body-overflow {
    overflow: hidden !important;
}




.menu-item {
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
}

.menu-item:hover {
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
}

.submenu-item {
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
}

.submenu-item:hover {
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
}








/*
.menu-header {
    
    background-color: #ffffff !important;
    color: #000000 !important;

}
*/


/*
.menu-header-fixed {
    position: fixed !important;
    z-index: 100000 !important;
    background-color: #ffffff !important;

}
*/


/*
.menu-header-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100000 !important;
    padding: 10px 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

*/



/*
.mat-toolbar {
    padding: 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}


.mat-menu {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.mat-mdc-menu-panel {
    background-color: #ffffff !important;
    padding: 40px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
    top: 0px !important;
}

.mat-mdc-menu-item-text {
    color: #000000 !important;
    font-size: 15px;
    font-family: 'ubuntuRegular' !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block !important;
}

.mat-mdc-menu-item {
    background-color: #ffffff !important;
    color: #000000 !important;
    max-width: 500px !important;
    min-width: 300px !important;
}

.mat-mdc-menu-item:hover {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
}

.mat-mdc-menu-item:hover .mat-mdc-menu-item-text {
    font-size: 16px !important;
    font-family: 'ubuntuBold' !important;
}

.mdc-button {
    padding: 25px 15px 25px 15px !important;
    font-size: 16px !important;
    font-family: 'ubuntuRegular' !important;
    color: #000000 !important;
    border-radius: 0px !important;
}

.mdc-button:hover {
    background-color: #f2f2f2 !important;
}
*/

.mat-menu {
    /*margin-right: 10px !important;*/
}

.mat-space {
    margin-right: 10px !important;
}

.mat-button-row {
    display: table-cell;
    max-width: 600px;
}

.mat-button-row .mat-mdc-button-base {
    margin: 0px 8px 0px 0;
}





.mat-menu-caption .mdc-button__label {
    font-size: 15px !important;
    font-family: 'ubuntuRegular' !important;
}

.mat-menu-item-label {
    color: #000000 !important;
    font-size: 15px !important;
    font-family: 'ubuntuBold' !important;
    margin-bottom: 12px !important;
}

.mat-menu-item .mat-mdc-menu-item-text {
    font-size: 14px !important;
    font-family: 'ubuntuRegular' !important;
}

.mat-submenu-caption .mdc-button__label {
    font-size: 13px !important;
    font-family: 'ubuntuBold' !important;
}

.mat-submenu-item-label {
    color: #000000 !important;
    font-size: 14px !important;
    font-family: 'ubuntuBold' !important;
    margin-bottom: 10px !important;
}

.mat-submenu-item .mdc-button__label {
    font-size: 13px !important;
    font-family: 'ubuntuRegular' !important;
}



.mat-mdc-extended-fab {
    padding: 16px 20px 16px 20px !important;
    font-family: 'ubuntuRegular' !important;
    color: #000000 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-radius: 50px !important;
}

.mat-checkbox {
    font-size: 13px !important;
    font-family: 'ubuntuRegular' !important;
    color: #000000 !important;
}

.mdc-checkbox {
    border-color: rgba(CE, D4, DA, 1) !important;
}




.mdc-checkbox input,
.mdc-checkbox select,
.mdc-checkbox textarea,
.mdc-checkbox form {
    margin-top: 0px !important;
    padding: 10px 14px 10px 14px !important;
    border-radius: 10px 10px 10px 10px;
    border-color: rgba(CE, D4, DA, 1);
    opacity: 1;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.mdc-checkbox input:focus,
.mdc-checkbox select:focus,
.mdc-checkbox textarea:focus,
.mdc-checkbox form:focus {
    border-color: rgba(235, 149, 50, .5) !important;
}













.mdc-label {
    font-size: 13px !important;
    font-family: 'ubuntuRegular' !important;
    color: #000000 !important;
}

.mdc-checkbox__background {
    border: 1px solid rgba(0, 0, 0, .5) !important;
}





@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.spin {
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}