.yup-card {
    background: white;
    border-color: rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px;
    border: 1px solid;
    padding: 10px;
    display: inline-block;
}

.disabled {
    color: gray !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.external-link:after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;
}

.text-center-imp {
    text-align:center !important;
}

.fuse-card {
    overflow: hidden;
}
.fuse-card-small {
    max-width: 280px;
    min-width: 280px;
}
.fuse-card-100 {
    max-width: 100px !important;
    min-width: 100px !important;
}
.fuse-card-150 {
    max-width: 150px !important;
    min-width: 150px !important;
}
.fuse-card-150-label {
    color: black;
    font-size: 12px;
    font-weight: bold;
    padding-top: 4px;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
}

.fuse-widget-300 {
    max-width: 310px !important;
    min-width: 310px !important;
}

.fuse-card-full {
    max-width: 100%;
    min-width: 100%;
}

.font-size-40-imp {
    font-size: 40px !important;
}
.font-size-47-imp {
    font-size: 47px !important;
}

.fuse-card-hover-z7 {
    -webkit-transition: box-shadow .15s ease-in;
    transition: box-shadow .15s ease-in;
}
.fuse-card-hover-z7:hover {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
    /*box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important;*/
    /*box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important;*/
}

.min-width-400 {
    min-width: 400px !important;
}

mat-form-field.remove-padding .mat-form-field-wrapper {
    margin-bottom: -1.34em;
}
mat-form-field.remove-margin .mat-form-field-wrapper {
    margin-bottom: -1.34em;
    margin-top: 0px !important;
}
mat-form-field.button-size .mat-form-field-infix {
    padding: 12px 0px !important;
}

mat-form-field.remove-margin .mat-form-field-infix {
    border-top: 0px !important;
}

.color-white {
    color: white !important;
}
.color-gold {
    color: #ffb300 !important;
}
.color-blue {
    color: #1565c0 !important;
}
.color-warn {
    color: #f44336 !important;
}

body.theme-default file-list .mat-table .mat-row.selected {
    background: #e1f5fe;
}
file-list .mat-table .mat-row {
    position: relative;
    min-height: 64px;
}

.rounded-box {
    border-radius: 8px;
    border: 1px solid;
    overflow:hidden;
}

.full-inner-box {
    display: flex;
    flex: 1 1 0%;
    width: 100%;
    min-width: 100%;
}
.text-dropshadow {
    text-shadow: 3px 5px 4px rgba(0, 0, 0, 0.2);
}
.text-no-dropshadow {
    text-shadow: none !important;
}

.text-bold-imp {
    font-weight: 700 !important;
}
.text-right-imp {
    text-align:right !important;
}

.nav .nav-item .nav-link.active .nav-link-title span {
    background-color: #8c8cf9 !important;
    color: white !important;
    padding: 0px 12px;
}
body.theme-default fuse-sidebar {
    background: #f5f5f5 !important;
}
body.theme-default .mat-drawer-container {
    background: none !important;
    color: inherit !important;
}
template-settings, template-settings-user, template-settings-dev {
    background-color: #F5F5F5 !important;
}
body.theme-default .page-layout.simple.left-sidebar > .center > .content,
body.theme-default .page-layout.simple.right-sidebar > .center > .content {
    background: none !important;
}
body.theme-default .mat-table {
    background: none !important;
}
body.theme-default mat-header-row,
body.theme-default .mat-table-sticky {
    background: #f5f5f5 !important;
}
.nav.vertical .nav-group .group-title,
.nav .nav-item .nav-link {
    padding-left: 46px;
}
navbar navbar-vertical-style-2 .navbar-header .logo {
    margin-left: 16px;
}
.nav > .nav-group > .group-items > .nav-collapsable.open {
    background: none !important;
}

body.theme-default .mat-paginator.transparent {
    background: none !important;
}

.mat-mini-fab .mat-button-wrapper {
    padding: 0px !important;
    padding-bottom: 8px !important;
}

.mat-mini-fab-mini {
    margin: 5px !important;
    width: 30px !important;
    height: 30px !important;
}

body.theme-default .mat-mini-fab-mini:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

body.theme-default .mat-mini-fab-mini[disabled]:not([class*='mat-elevation-z']) {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important;
}

.mat-mini-fab-mini .mat-button-wrapper .mat-icon {
    position: absolute;
    top: 3px;
    left: 3px;
}

.text-dropshadow-1 {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.features-table {
    border-collapse: separate;
    border-spacing: 0;
    color: #2a2a2a
}

.features-table td {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #cdcdcd;
    box-shadow: 0 1px 0 white;
    white-space: nowrap;
    text-align: center
}

.features-table tbody td {
    text-align: center;
    width: 150px
}

.features-table tbody td:first-child {
    width: auto;
    text-align: right;
    font-weight: bold;
    font-size: large
}

.features-table td:nth-child(2) {
    background: #efefef;
    border-right: 1px solid #fff
}

.features-table td:nth-child(3) {
    background: #e7f3d4;
    border-right: 1px solid #fff
}

.features-table td:nth-child(4) {
    background: #fdb5b5
}

.features-table thead td {
    font: bold 1.3em 'trebuchet MS','Lucida Sans',Arial;
    border-radius-topright: 10px;
    border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top: 1px solid #eaeaea
}

.features-table thead td:first-child {
    border-top: none
}

.features-table tfoot td {
    border-radius-bottomright: 10px;
    border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom: 1px solid #dadada;
    height: 20px
}

.features-table tfoot td:first-child {
    border-bottom: none
}

body.theme-default .mat-slide-toggle.live-status.mat-checked .mat-slide-toggle-thumb {
    background-color: #4caf50 !important;
}
body.theme-default .mat-slide-toggle.live-status.mat-checked .mat-slide-toggle-bar {
    background-color: rgba(76, 175, 80, .5) !important;
}
.live-status-on {
    color: #4caf50 !important;
}
body.theme-default .mat-slide-toggle.live-status .mat-slide-toggle-thumb {
    background-color: #f44336 !important;
}
body.theme-default .mat-slide-toggle.live-status .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, .5) !important;
}
.live-status-off {
    color: #f44336 !important;
}

.mat-slide-toggle-thumb-container {
    cursor: pointer !important;
}

.dd {
    margin-left: 0px;
    padding-left: 0px;
}
.dd-list:not(.dd) {
    margin-left: 18px;
    padding-left: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.nestable-item-container {
    padding-top: 8px;
    padding-bottom: 8px;
}
.dd-dragel {
    margin: 0px;
    padding: 0px;
}

.editor-sidebar-item .mat-badge-content {
    top: -4px !important;
}

.page-component .mat-drawer-side {
    border-right: none !important;
}

.dx-filemanager-toolbar {
    display: none;
}

.border-x-black {
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.border-x-white {
    border-left: 1px solid white;
    border-right: 1px solid white;
}

.border-radius-6-l {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.border-radius-6-r {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.group-title-empty {
    height: 0px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 40px;
    margin-right: 160px;
}