.kt-portlet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05); box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05); background-color: #ffffff; margin-bottom: 20px; padding: 2rem; border-radius: 4px; } .kt-page-content-white .kt-portlet { -webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1); box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1); } .kt-portlet .kt-portlet__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 0 25px; border-bottom: 1px solid #ebedf2; min-height: 60px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .kt-portlet .kt-portlet__head.kt-portlet__head--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .kt-portlet .kt-portlet__head.kt-portlet__head--noborder { border-bottom: 0; } .kt-portlet .kt-portlet__head .kt-portlet__head-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: flex-first; align-content: flex-first; } .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title { margin: 0; padding: 0; font-size: 1.2rem; font-weight: 500; color: #48465b; } .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small { font-weight: 300; padding-left: 0.5rem; font-size: 1rem; color: #74788d; } .kt-portlet .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon { padding-right: 0.75rem; font-size: 1.3rem; color: #74788d; } .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: end; align-content: flex-end; } .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .nav-pills, .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .nav-tabs { margin: 0; } .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar .kt-portlet__head-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-portlet .kt-portlet__head .kt-portlet__head-progress { position: absolute; left: 0; right: 0; } .kt-portlet.kt-portlet--head-sm .kt-portlet__head { min-height: 50px; } .kt-portlet.kt-portlet--head-lg .kt-portlet__head { min-height: 80px; } .kt-portlet.kt-portlet--head-xl .kt-portlet__head { min-height: 100px; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head { height: 50px; min-height: 50px; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--sm { height: 40px; min-height: 40px; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg { height: 70px; min-height: 70px; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--xl { height: 90px; min-height: 90px; } .kt-portlet.kt-portlet--head-overlay .kt-portlet__head { position: relative; z-index: 1; border: 0; height: 60px; } .kt-portlet.kt-portlet--head-overlay .kt-portlet__body { margin-top: -60px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__head { height: 50px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__body { margin-top: -50px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__head { height: 80px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__body { margin-top: -80px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__head { height: 100px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__body { margin-top: -100px; } .kt-portlet .kt-portlet__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 25px; border-radius: 4px; } .kt-portlet .kt-portlet__body .kt-portlet__content { padding: 0; margin: 0; } .kt-portlet .kt-portlet__body > .kt-datatable > .kt-datatable__table { border-radius: 4px; } .kt-portlet .kt-portlet__foot { padding: 25px; border-top: 1px solid #ebedf2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .kt-portlet .kt-portlet__foot .kt-portlet__foot-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kt-portlet .kt-portlet__foot.kt-portlet__foot--sm { padding-top: 10px; padding-bottom: 10px; } .kt-portlet .kt-portlet__foot.kt-portlet__foot--md { padding-top: 1rem; padding-bottom: 1rem; } .kt-portlet .kt-portlet__foot.kt-portlet__foot--no-border { border-top: 0; } .kt-portlet .kt-portlet__foot.kt-portlet__foot--top { border-top: 0; border-bottom: 1px solid #ebedf2; } .kt-portlet .kt-portlet__foot.kt-portlet__foot--solid { background-color: #f7f8fa; border-top: 0; } .kt-portlet .kt-portlet__foot.kt-portlet__foot--solid.kt-portlet__foot--top { border-bottom: 0; } .kt-portlet .kt-portlet__separator { height: 0; border-top: 1px solid #ebedf2; } .kt-portlet.kt-portlet--bordered { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ebedf2; } .kt-portlet.kt-portlet--unelevate { -webkit-box-shadow: none; box-shadow: none; } .kt-portlet.kt-portlet--unround .kt-portlet__head { border-top-left-radius: 0; border-top-right-radius: 0; } .kt-portlet.kt-portlet--unround .kt-portlet__body { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .kt-portlet.kt-portlet--unround .kt-portlet__foot { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .kt-portlet.kt-portlet--last { margin-bottom: 0; } .kt-portlet .kt-portlet__body.kt-portlet__body--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-portlet .kt-portlet__body.kt-portlet__body--center-x { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kt-portlet .kt-portlet__body.kt-portlet__body--center-y { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-portlet .kt-portlet__body .kt-portlet__body--hor-fit { margin-left: -25px; margin-right: -25px; } .kt-portlet .kt-portlet__body.kt-portlet__body--stick-bottom { position: relative; bottom: 0; } .kt-portlet .kt-portlet__body.kt-portlet__body--fluid { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } .kt-portlet .kt-portlet__body.kt-portlet__body--fill { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .kt-portlet .kt-portlet__body.kt-portlet__body--unfill { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .kt-portlet .kt-portlet__body.kt-portlet__body--fullheight { -webkit-box-flex: auto; -ms-flex-positive: auto; flex-grow: auto; } .kt-portlet.kt-portlet--fit .kt-portlet__head { padding: 0; } .kt-portlet.kt-portlet--fit .kt-portlet__body { padding: 0; } .kt-portlet.kt-portlet--fit .kt-portlet__foot { padding: 0; } .kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half .kt-portlet__body { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .kt-portlet.kt-portlet--contain { overflow: hidden; } .kt-portlet.kt-portlet--space { padding-left: 25px; padding-right: 25px; } .kt-portlet.kt-portlet--space .kt-portlet__head, .kt-portlet.kt-portlet--space .kt-portlet__body, .kt-portlet.kt-portlet--space .kt-portlet__foot { padding-left: 0; padding-right: 0; } .kt-portlet.kt-portlet--head-noborder .kt-portlet__head { border-bottom: 0; } .kt-portlet.kt-portlet--head-noborder .kt-portlet__body { padding-top: 12.5px; } .kt-portlet.kt-portlet--tabs .kt-portlet__head .kt-portlet__head-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head { border-bottom: 3px solid #f7f8fa; } .kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head .nav.nav-tabs { margin-bottom: -3px; } .kt-portlet.kt-portlet--solid-brand { background: #591df1; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-brand .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #4a0ee1; } .kt-portlet.kt-portlet--tabs-border-3x-brand .kt-portlet__head { border-bottom: 3px solid rgba(89, 29, 241, 0.1); } .kt-portlet.kt-portlet--border-bottom-brand { border-bottom: 3px solid rgba(89, 29, 241, 0.2); } .kt-portlet.kt-portlet--solid-light { background: #ffffff; } .kt-portlet.kt-portlet--solid-light .kt-portlet__head { color: #282a3c; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title { color: #282a3c; } .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title small { color: #1c1d2a; } .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-icon i { color: #1c1d2a; } .kt-portlet.kt-portlet--solid-light .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-light .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-light .kt-portlet__body { color: #282a3c; } .kt-portlet.kt-portlet--solid-light .kt-portlet__foot { color: #282a3c; border-top: 1px solid transparent; background: #f0f0f0; } .kt-portlet.kt-portlet--tabs-border-3x-light .kt-portlet__head { border-bottom: 3px solid rgba(255, 255, 255, 0.1); } .kt-portlet.kt-portlet--border-bottom-light { border-bottom: 3px solid rgba(255, 255, 255, 0.2); } .kt-portlet.kt-portlet--solid-dark { background: #282a3c; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-dark .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #1c1d2a; } .kt-portlet.kt-portlet--tabs-border-3x-dark .kt-portlet__head { border-bottom: 3px solid rgba(40, 42, 60, 0.1); } .kt-portlet.kt-portlet--border-bottom-dark { border-bottom: 3px solid rgba(40, 42, 60, 0.2); } .kt-portlet.kt-portlet--solid-primary { background: #5867dd; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-primary .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #3f50d8; } .kt-portlet.kt-portlet--tabs-border-3x-primary .kt-portlet__head { border-bottom: 3px solid rgba(88, 103, 221, 0.1); } .kt-portlet.kt-portlet--border-bottom-primary { border-bottom: 3px solid rgba(88, 103, 221, 0.2); } .kt-portlet.kt-portlet--solid-success { background: #1dc9b7; } .kt-portlet.kt-portlet--solid-success .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-success .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-success .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-success .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-success .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #19ae9f; } .kt-portlet.kt-portlet--tabs-border-3x-success .kt-portlet__head { border-bottom: 3px solid rgba(29, 201, 183, 0.1); } .kt-portlet.kt-portlet--border-bottom-success { border-bottom: 3px solid rgba(29, 201, 183, 0.2); } .kt-portlet.kt-portlet--solid-info { background: #2786fb; } .kt-portlet.kt-portlet--solid-info .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-info .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-info .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-info .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-info .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #0975fa; } .kt-portlet.kt-portlet--tabs-border-3x-info .kt-portlet__head { border-bottom: 3px solid rgba(39, 134, 251, 0.1); } .kt-portlet.kt-portlet--border-bottom-info { border-bottom: 3px solid rgba(39, 134, 251, 0.2); } .kt-portlet.kt-portlet--solid-warning { background: #ffb822; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__head { color: #111111; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title { color: #111111; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title small { color: #020202; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-icon i { color: #020202; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-warning .kt-portlet__body { color: #111111; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__foot { color: #111111; border-top: 1px solid transparent; background: #ffae03; } .kt-portlet.kt-portlet--tabs-border-3x-warning .kt-portlet__head { border-bottom: 3px solid rgba(255, 184, 34, 0.1); } .kt-portlet.kt-portlet--border-bottom-warning { border-bottom: 3px solid rgba(255, 184, 34, 0.2); } .kt-portlet.kt-portlet--solid-danger { background: #fd27eb; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-danger .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #fd09e8; } .kt-portlet.kt-portlet--tabs-border-3x-danger .kt-portlet__head { border-bottom: 3px solid rgba(253, 39, 235, 0.1); } .kt-portlet.kt-portlet--border-bottom-danger { border-bottom: 3px solid rgba(253, 39, 235, 0.2); } .kt-portlet.kt-portlet--sortable .kt-portlet__head { cursor: move; } .kt-portlet.kt-portlet--sortable-empty { visibility: hidden; height: 45px; min-height: 125px; } .kt-portlet.ui-sortable-helper { border: 1px dashed #ebedf2; } .kt-portlet .kt-portlet__head { -webkit-transition: left 0.3s, right 0.3s, height 0.3s; transition: left 0.3s, right 0.3s, height 0.3s; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head { -webkit-transition: left 0.3s, right 0.3s, height 0.3s; transition: left 0.3s, right 0.3s, height 0.3s; position: fixed; -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1); box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1); z-index: 101; background: #fff; } .kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title { color: #fff; } .kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small { color: rgba(255, 255, 255, 0.8); } .kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon { color: rgba(255, 255, 255, 0.8); } .kt-portlet.kt-portlet--skin-solid .kt-portlet__head:not(.kt-portlet__head--noborder) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .kt-portlet.kt-portlet--skin-solid .kt-portlet__body { color: #fff; } .kt-portlet .kt-portlet__space-x { padding-left: 25px !important; padding-right: 25px !important; } .kt-portlet .kt-portlet__space-y { padding-top: 25px !important; padding-bottom: 25px !important; } .kt-portlet.kt-portlet--collapsed > .kt-form, .kt-portlet.kt-portlet--collapsed > .kt-portlet__body { display: none; } .kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before, .kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before { content: "\f113"; } .kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before, .kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before { content: "\f28e"; } .kt-portlet .kt-portlet__head.kt-portlet__head--fit { padding: 0; } .kt-portlet .kt-portlet__body.kt-portlet__body--fit { padding: 0; } .kt-portlet .kt-portlet__body.kt-portlet__body--fit-top { padding-top: 0 !important; } .kt-portlet .kt-portlet__body.kt-portlet__body--fit-bottom { padding-bottom: 0 !important; } .kt-portlet .kt-portlet__body.kt-portlet__body--fit-x, .kt-portlet .kt-portlet__body.kt-portlet__body--hor-fit { padding-left: 0; padding-right: 0; } .kt-portlet .kt-portlet__body.kt-portlet__body--fit-y { padding-top: 0; padding-bottom: 0; } .kt-portlet .kt-portlet__foot.kt-portlet__foot--fit { padding: 0; } .kt-portlet.kt-portlet--space { padding-left: 25px; padding-right: 25px; } .kt-portlet.kt-portlet--space .kt-portlet__head, .kt-portlet.kt-portlet--space .kt-portlet__body, .kt-portlet.kt-portlet--space .kt-portlet__foot { padding-left: 0; padding-right: 0; } .kt-portlet.kt-portlet--head-noborder .kt-portlet__head { border-bottom: 0; } .kt-portlet.kt-portlet--head-noborder .kt-portlet__body { padding-top: 12.5px; } .kt-portlet.kt-portlet--tabs .kt-portlet__head .kt-portlet__head-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head { border-bottom: 3px solid #f7f8fa; } .kt-portlet.kt-portlet--tabs-border-3x .kt-portlet__head .nav.nav-tabs { margin-bottom: -3px; } .kt-portlet.kt-portlet--solid-brand { background: #591df1; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-brand .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-brand .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #4a0ee1; } .kt-portlet.kt-portlet--tabs-border-3x-brand .kt-portlet__head { border-bottom: 3px solid rgba(89, 29, 241, 0.1); } .kt-portlet.kt-portlet--border-bottom-brand { border-bottom: 3px solid rgba(89, 29, 241, 0.2); } .kt-portlet.kt-portlet--solid-light { background: #ffffff; } .kt-portlet.kt-portlet--solid-light .kt-portlet__head { color: #282a3c; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title { color: #282a3c; } .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-title small { color: #1c1d2a; } .kt-portlet.kt-portlet--solid-light .kt-portlet__head .kt-portlet__head-icon i { color: #1c1d2a; } .kt-portlet.kt-portlet--solid-light .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-light .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-light .kt-portlet__body { color: #282a3c; } .kt-portlet.kt-portlet--solid-light .kt-portlet__foot { color: #282a3c; border-top: 1px solid transparent; background: #f0f0f0; } .kt-portlet.kt-portlet--tabs-border-3x-light .kt-portlet__head { border-bottom: 3px solid rgba(255, 255, 255, 0.1); } .kt-portlet.kt-portlet--border-bottom-light { border-bottom: 3px solid rgba(255, 255, 255, 0.2); } .kt-portlet.kt-portlet--solid-dark { background: #282a3c; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-dark .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-dark .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #1c1d2a; } .kt-portlet.kt-portlet--tabs-border-3x-dark .kt-portlet__head { border-bottom: 3px solid rgba(40, 42, 60, 0.1); } .kt-portlet.kt-portlet--border-bottom-dark { border-bottom: 3px solid rgba(40, 42, 60, 0.2); } .kt-portlet.kt-portlet--solid-primary { background: #5867dd; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-primary .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-primary .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #3f50d8; } .kt-portlet.kt-portlet--tabs-border-3x-primary .kt-portlet__head { border-bottom: 3px solid rgba(88, 103, 221, 0.1); } .kt-portlet.kt-portlet--border-bottom-primary { border-bottom: 3px solid rgba(88, 103, 221, 0.2); } .kt-portlet.kt-portlet--solid-success { background: #1dc9b7; } .kt-portlet.kt-portlet--solid-success .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-success .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-success .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-success .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-success .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-success .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #19ae9f; } .kt-portlet.kt-portlet--tabs-border-3x-success .kt-portlet__head { border-bottom: 3px solid rgba(29, 201, 183, 0.1); } .kt-portlet.kt-portlet--border-bottom-success { border-bottom: 3px solid rgba(29, 201, 183, 0.2); } .kt-portlet.kt-portlet--solid-info { background: #2786fb; } .kt-portlet.kt-portlet--solid-info .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-info .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-info .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-info .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-info .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-info .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #0975fa; } .kt-portlet.kt-portlet--tabs-border-3x-info .kt-portlet__head { border-bottom: 3px solid rgba(39, 134, 251, 0.1); } .kt-portlet.kt-portlet--border-bottom-info { border-bottom: 3px solid rgba(39, 134, 251, 0.2); } .kt-portlet.kt-portlet--solid-warning { background: #ffb822; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__head { color: #111111; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title { color: #111111; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-title small { color: #020202; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__head .kt-portlet__head-icon i { color: #020202; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-warning .kt-portlet__body { color: #111111; } .kt-portlet.kt-portlet--solid-warning .kt-portlet__foot { color: #111111; border-top: 1px solid transparent; background: #ffae03; } .kt-portlet.kt-portlet--tabs-border-3x-warning .kt-portlet__head { border-bottom: 3px solid rgba(255, 184, 34, 0.1); } .kt-portlet.kt-portlet--border-bottom-warning { border-bottom: 3px solid rgba(255, 184, 34, 0.2); } .kt-portlet.kt-portlet--solid-danger { background: #fd27eb; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__head { color: #ffffff; border-bottom: 1px solid transparent; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title { color: #ffffff; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-title small { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__head .kt-portlet__head-icon i { color: #f0f0f0; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__body { padding-top: 5px; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__wrapper, .kt-portlet.kt-portlet--solid-danger .kt-portlet__body { color: #ffffff; } .kt-portlet.kt-portlet--solid-danger .kt-portlet__foot { color: #ffffff; border-top: 1px solid transparent; background: #fd09e8; } .kt-portlet.kt-portlet--tabs-border-3x-danger .kt-portlet__head { border-bottom: 3px solid rgba(253, 39, 235, 0.1); } .kt-portlet.kt-portlet--border-bottom-danger { border-bottom: 3px solid rgba(253, 39, 235, 0.2); } .kt-portlet.kt-portlet--sortable .kt-portlet__head { cursor: move; } .kt-portlet.kt-portlet--sortable-empty { visibility: hidden; height: 45px; min-height: 125px; } .kt-portlet.ui-sortable-helper { border: 1px dashed #ebedf2; } .kt-portlet .kt-portlet__head { -webkit-transition: height 0.3s; transition: height 0.3s; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head { -webkit-transition: height 0.3s; transition: height 0.3s; position: fixed; -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1); box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1); z-index: 101; background: #fff; } .kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title { color: #fff; } .kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-title small { color: rgba(255, 255, 255, 0.8); } .kt-portlet.kt-portlet--skin-solid .kt-portlet__head .kt-portlet__head-label .kt-portlet__head-icon { color: rgba(255, 255, 255, 0.8); } .kt-portlet.kt-portlet--skin-solid .kt-portlet__head:not(.kt-portlet__head--noborder) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .kt-portlet.kt-portlet--skin-solid .kt-portlet__body { color: #fff; } .kt-portlet .kt-portlet__space-x { padding-left: 25px !important; padding-right: 25px !important; } .kt-portlet .kt-portlet__space-y { padding-top: 25px !important; padding-bottom: 25px !important; } .kt-portlet.kt-portlet--collapsed > .kt-form, .kt-portlet.kt-portlet--collapsed > .kt-portlet__body { display: none; } .kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before, .kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-angle-down:before { content: "\f113"; } .kt-portlet.kt-portlet--collapsed .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before, .kt-portlet.kt-portlet--collapse .kt-portlet__head .kt-portlet__head-toolbar .la-plus:before { content: "\f28e"; } .tooltip-portlet { opacity: 1; } @media (min-width: 1025px) { .kt-portlet.kt-portlet--height-fluid { height: calc(100% - 20px); } .kt-portlet.kt-portlet--height-fluid .kt-portlet__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .kt-portlet.kt-portlet--height-fluid-half { height: calc(50% - 20px); } .kt-portlet.kt-portlet--height-fluid-half .kt-portlet__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (max-width: 1024px) { .kt-portlet { margin-bottom: 20px; } .kt-portlet .kt-portlet__head { padding: 0 15px; min-height: 50px; } .kt-portlet .kt-portlet__head.kt-portlet__head--sm { min-height: 40px; } .kt-portlet .kt-portlet__head.kt-portlet__head--lg { min-height: 60px; } .kt-portlet .kt-portlet__head.kt-portlet__head--xl { min-height: 80px; } .kt-portlet.kt-portlet--head-sm .kt-portlet__head { min-height: 40px; } .kt-portlet.kt-portlet--head-lg .kt-portlet__head { min-height: 60px; } .kt-portlet.kt-portlet--head-xl .kt-portlet__head { min-height: 80px; } .kt-portlet .kt-portlet__body { padding: 15px; } .kt-portlet .kt-portlet__body .kt-portlet__body--hor-fit { margin-left: -15px; margin-right: -15px; } .kt-portlet .kt-portlet__foot { padding: 15px; } .kt-portlet.kt-portlet--marginless { margin-bottom: 0; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head { height: 40px; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--sm { height: 30px; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--lg { height: 50px; } .kt-portlet.kt-portlet--sticky > .kt-portlet__head.kt-portlet__head--xl { height: 70px; } .kt-portlet.kt-portlet--head-overlay .kt-portlet__head { height: 50px; } .kt-portlet.kt-portlet--head-overlay .kt-portlet__body { margin-top: -50px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__head { height: 40px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-sm .kt-portlet__body { margin-top: -40px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__head { height: 60px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-lg .kt-portlet__body { margin-top: -60px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__head { height: 80px; } .kt-portlet.kt-portlet--head-overlay.kt-portlet--head-xl .kt-portlet__body { margin-top: -80px; } .kt-portlet.kt-portlet--head--noborder .kt-portlet__body { padding-top: 7.5px; } .kt-portlet .kt-portlet__space-x { padding-left: 15px !important; padding-right: 15px !important; } .kt-portlet .kt-portlet__space-y { padding-top: 15px !important; padding-bottom: 15px !important; } } @media (max-width: 768px) { .kt-portlet.kt-portlet--head-break-sm .kt-portlet__head { padding-top: 15px; padding-bottom: 15px; min-height: initial !important; height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kt-portlet.kt-portlet--head-break-sm .kt-portlet__head .kt-portlet__head-label { margin-bottom: 1rem; } } .kt-widget.kt-widget--user-profile-1 { padding-bottom: 1.7rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__media img { width: 90px; max-width: 100%; border-radius: 8px; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content { padding-left: 1.6rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username { font-size: 1.3rem; color: #48465b; font-weight: 500; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username i { font-size: 1.1rem; padding-left: 0.4rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__subtitle { font-size: 1; display: block; padding: 0.25rem 0 0 0; font-weight: 500; color: #74788d; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__action { margin-top: 1rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__action .btn { margin-right: 0.4rem; font-weight: 600; padding: 0.3rem 1rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content { padding: 1.9rem 0 2.1rem 0; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0.5rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__label { color: #48465b; font-weight: 500; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info .kt-widget__data { color: #74788d; font-weight: 400; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info a.kt-widget__data:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content .kt-widget__info:last-child { padding-bottom: 0; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.9rem 1.05rem 0.9rem 0.6rem; margin: 0.4rem 0; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; background: #f2f3f7; border-radius: 4px; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active .kt-widget__section .kt-widget__desc { color: #591df1; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item.kt-widget__item--active .kt-widget__section .kt-widget__icon .kt-svg-icon g [fill] { fill: #591df1; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__icon svg { width: 2rem; height: 1.5rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__icon .kt-svg-icon g [fill] { fill: #74788d; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__desc { color: #74788d; font-weight: 500; padding-left: 0.3rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; background: #f2f3f7; cursor: pointer; border-radius: 4px; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover .kt-widget__desc { color: #591df1; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item:hover .kt-widget__icon .kt-svg-icon g [fill] { fill: #591df1; } .kt-portlet__body.kt-portlet__body--fit-y .kt-widget { margin-top: -10px; } @media (max-width: 1024px) { .kt-widget.kt-widget--user-profile-1 { padding-bottom: 1.2rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__media img { max-width: 60px; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username { font-size: 1.1rem; color: #48465b; font-weight: 500; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__action { margin-top: 0.5rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__head .kt-widget__content .kt-widget__action .btn { margin-right: 0.4rem; font-weight: 500; padding: 0.25rem 1.25rem; } .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__content { padding-bottom: 2rem; } } .kt-widget.kt-widget--user-profile-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -45px; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__img { max-width: 90px; border-radius: 50%; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90px; height: 90px; font-size: 1.5rem; border-radius: 50%; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--brand { background: rgba(89, 29, 241, 0.1); } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--light { background: rgba(255, 255, 255, 0.1); } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--dark { background: rgba(40, 42, 60, 0.1); } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--primary { background: rgba(88, 103, 221, 0.1); } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--success { background: rgba(29, 201, 183, 0.1); } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--info { background: rgba(39, 134, 251, 0.1); } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--warning { background: rgba(255, 184, 34, 0.1); } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--danger { background: rgba(253, 39, 235, 0.1); } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info { padding-left: 1rem; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__username { font-size: 1.125em; color: #48465b; font-weight: 500; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__username:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__titel { font-size: 1.4rem; color: #48465b; font-weight: 500; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__titel:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__info .kt-widget__desc { display: block; font-weight: 500; font-size: 1.1rem; padding-top: 0.4rem; color: #74788d; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__section { padding: 1rem 0 1rem 0; color: #595d6e; font-weight: 400; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__section a { padding-right: 0.3rem; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__content { display: -webkit-box; display: -ms-flexbox; display: flex; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__content .kt-widget__stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 1.7rem; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__content .kt-widget__stats .kt-widget__icon i { font-size: 2.7rem; color: #a2a5b9; font-weight: 400; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__content .kt-widget__stats .kt-widget__details { padding-left: 1rem; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__content .kt-widget__stats .kt-widget__details .kt-widget__title { display: block; color: #595d6e; font-weight: 500; font-size: 0.95rem; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__content .kt-widget__stats .kt-widget__details .kt-widget__value { display: block; color: #48465b; font-weight: 600; font-size: 1.2rem; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item { padding: 0.7rem 0; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0.5rem; font-size: .8125em; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact .kt-widget__label { color: #48465b; font-weight: 600; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact .kt-widget__data { color: #74788d; font-weight: 400; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact a.kt-widget__data:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-2 .kt-widget__body .kt-widget__item .kt-widget__contact:last-child { padding-bottom: 0; } .kt-widget.kt-widget--user-profile-2 .kt-widget__footer { margin-top: 2rem; } .kt-widget.kt-widget--user-profile-2 .kt-widget__footer .btn { font-size: 1rem; font-weight: 600; padding: 1.1rem 0; width: 100%; } @media (max-width: 768px) { .kt-widget.kt-widget--user-profile-2 .kt-widget__head { margin-top: -30px; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__img { max-width: 60px; } .kt-widget.kt-widget--user-profile-2 .kt-widget__head .kt-widget__media .kt-widget__pic { max-width: 60px; max-height: 60px; font-size: 1.2rem; } } .kt-widget.kt-widget--user-profile-3 .kt-widget__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__media { margin-top: 0.2rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__media img { width: 110px; border-radius: 8px; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic { margin-top: 0.2rem; width: 100%; max-width: 110px; height: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5rem; border-radius: 8px; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--brand { background: rgba(89, 29, 241, 0.1); } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--light { background: rgba(255, 255, 255, 0.1); } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--dark { background: rgba(40, 42, 60, 0.1); } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--primary { background: rgba(88, 103, 221, 0.1); } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--success { background: rgba(29, 201, 183, 0.1); } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--info { background: rgba(39, 134, 251, 0.1); } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--warning { background: rgba(255, 184, 34, 0.1); } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic.kt-widget__pic--danger { background: rgba(253, 39, 235, 0.1); } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content { width: 100%; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username { font-size: 1.3rem; color: #48465b; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0.5rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username i { font-size: 1.2rem; color: #57c974; padding-left: 0.5rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__title { font-size: 1em; color: #48465b; font-weight: 600; margin: 0.8rem 0 0.7rem 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__title:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__action .btn { font-weight: 600; margin-left: 0.5rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead { padding: 0.6rem 0 0.8rem 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead a { padding-right: 2rem; color: #74788d; font-weight: 500; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead a:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead a i { padding-right: 0.5rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: column wrap; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__desc { color: #595d6e; font-weight: 400; padding-right: 2rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 0.5rem; font-size: .825em; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 500px; width: 100%; margin: 0.1rem 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress .kt-widget__text { padding-right: 1rem; color: #595d6e; font-weight: 500; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress .kt-widget__stats { padding-left: 1rem; color: #48465b; font-weight: 600; font-size: 1.1rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats { margin-bottom: 0.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats .kt-widget__item { padding-top: 1rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats .kt-widget__item .kt-widget__date { color: #595d6e; font-weight: 500; padding-bottom: 1rem; display: block; font-size: .825em; font-weight: 600; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats .kt-widget__item .kt-widget__subtitel { color: #595d6e; font-weight: 500; display: block; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats .kt-widget__item .kt-widget__progress { width: 100%; margin: 1.4rem 0 0.5rem 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats .kt-widget__item .kt-widget__progress .kt-widget__stat { padding-left: 0.7rem; color: #48465b; font-weight: 600; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats .kt-widget__item:not(:first-child):not(:last-child) { margin: 0 2.2rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__stats .kt-widget__item:last-child { padding-left: 1rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-top: 1px solid #ebedf2; margin-top: 2rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 2rem 1.5rem 0 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__icon i { font-size: 2.7rem; color: #a2a5b9; font-weight: 400; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details { padding-left: 1rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-widget__title { display: block; color: #595d6e; font-weight: 600; font-size: 0.95rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-widget__value { display: block; color: #48465b; font-weight: 600; font-size: 1.2rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-widget__value span { color: #595d6e; font-weight: 400; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details a.kt-widget__value { font-size: 0.95rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details a.kt-widget__value:hover { color: #591df1; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-section__content { padding-left: 0.7rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__form { margin-top: 1.5rem; } @media (max-width: 768px) { .kt-widget.kt-widget--user-profile-3 { padding-top: 0.5rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__media { margin-top: 0.5rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__media img { max-width: 60px; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__pic { width: 60px; height: 60px; margin-top: 0.5rem; font-size: 1.3rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content { padding-left: 1rem; margin-top: 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__head .kt-widget__username { padding-bottom: 0.6rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead { padding: 1.2rem 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__subhead a:not(:first-child):not(:last-child) { padding: 0.5rem 1rem 0.5rem 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__desc { padding-bottom: 1rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__top .kt-widget__content .kt-widget__info .kt-widget__progress { width: 100%; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom { padding-top: 1rem; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item { padding: 1rem 1rem 0 0; } .kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__icon i { font-size: 2.5rem; } } .kt-widget.kt-widget--user-profile-4 .kt-widget__head { margin-top: 1rem; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__img { max-width: 90px; max-height: 90px; border-radius: 50%; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90px; height: 90px; font-size: 1.5rem; border-radius: 50%; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--brand { background: rgba(89, 29, 241, 0.1); } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--light { background: rgba(255, 255, 255, 0.1); } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--dark { background: rgba(40, 42, 60, 0.1); } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--primary { background: rgba(88, 103, 221, 0.1); } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--success { background: rgba(29, 201, 183, 0.1); } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--info { background: rgba(39, 134, 251, 0.1); } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--warning { background: rgba(255, 184, 34, 0.1); } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic.kt-widget__pic--danger { background: rgba(253, 39, 235, 0.1); } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username { text-align: center; display: block; padding: 0.8rem 0 0.6rem 0; font-size: 1.3rem; color: #48465b; font-weight: 500; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__button { text-align: center; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__button .btn { font-weight: 600; padding: 0.3rem 0.8rem; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__action { text-align: center; margin-top: 2.3rem; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__action > .btn-label-warning:hover { color: #fff; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__action .btn:not(:first-child):not(:last-child) { margin: 0 1rem; } .kt-widget.kt-widget--user-profile-4 .kt-widget__body { margin-top: 2.5rem; } .kt-widget.kt-widget--user-profile-4 .kt-widget__body .kt-widget__item { display: block; text-align: center; color: #595d6e; font-weight: 500; font-size: 1.1rem; padding: 0.9rem 0; margin: 0.4rem 0; } .kt-widget.kt-widget--user-profile-4 .kt-widget__body .kt-widget__item:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; background: #edf0fc; cursor: pointer; border-radius: 4px; } .kt-widget.kt-widget--user-profile-4 .kt-widget__body .kt-widget__item.kt-widget__item--active { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; background: #edf0fc; color: #591df1; border-radius: 4px; } @media (max-width: 768px) { .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__img { max-width: 80px; max-height: 80px; } .kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__pic { max-width: 80px; max-height: 80px; font-size: 1.2rem; } } .kt-widget.kt-widget--users .kt-widget__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1.3rem 0 2.3rem 0; } .kt-widget.kt-widget--users .kt-widget__item .kt-media img { width: 100%; max-width: 43px; height: 43px; } .kt-widget.kt-widget--users .kt-widget__item:last-child { margin-bottom: 0; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__info { padding-top: 0.1rem; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; margin-left: 1rem; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__info .kt-widget__section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__info .kt-widget__section .kt-widget__username { font-size: 1.1rem; color: #48465b; font-weight: 500; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__info .kt-widget__section .kt-widget__username:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__info .kt-widget__section .kt-badge { margin-left: 0.5rem; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__info .kt-widget__desc { display: block; color: #74788d; font-weight: 500; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__action { text-align: right; padding-top: 0.2rem; -webkit-box-flex: 1.1; -ms-flex: 1.1; flex: 1.1; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__action .kt-widget__date { display: block; color: #74788d; font-weight: 500; } @media (max-width: 1024px) { .kt-widget.kt-widget--users .kt-widget__item .kt-widget__info { -webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; } .kt-widget.kt-widget--users .kt-widget__item .kt-widget__action { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .kt-hidden, .kt-hide { display: none !important; } .btn.btn-label-danger { background-color: rgba(253, 39, 235, 0.1); color: #fd27eb; cursor: text !important; font-size: .75em; font-weight: 600; padding: 6px 13px; } .btn.btn-label-danger-o2 { background-color: rgba(253, 39, 235, 0.2); color: #fd27eb; cursor: text !important; } .btn.btn-label-brand { background-color: rgba(89, 29, 241, 0.1); color: #591df1; cursor: text !important; font-size: .75em; font-weight: 600; padding: 6px 13px; } .nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link { font-weight: 500; } .nav-tabs.nav-tabs-line.nav-tabs-bolder .nav-item .nav-link { font-weight: 600; } .nav-tabs.nav-tabs-line.nav-tabs-lg .nav-item { margin-right: 30px; } @media (max-width: 1399px) { .nav-tabs.nav-tabs-line.nav-tabs-lg .nav-item { margin-right: 15px; } } .nav-tabs.nav-tabs-line.nav-tabs-lg .nav-item:last-child { margin-right: 0; } .nav-tabs.nav-tabs-line.nav-tabs-lg .nav-item .nav-link { padding: 12px 0; font-size: 1rem; } .nav-tabs.nav-tabs-line.nav-tabs-line-2x { border-bottom-width: 2px !important; } .nav-tabs.nav-tabs-line.nav-tabs-line-2x .nav-item { margin-bottom: -2px; } .nav-tabs.nav-tabs-line.nav-tabs-line-2x a.nav-link { border: 0; border-bottom-width: 2px !important; } .nav-tabs.nav-tabs-line.nav-tabs-line-3x { border-bottom-width: 3px !important; } .nav-tabs.nav-tabs-line.nav-tabs-line-3x .nav-item { margin-bottom: -3px; } .nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link { border-bottom-width: 3px !important; } .nav-tabs.nav-tabs-line.nav-tabs-space-lg .nav-item { margin-right: 40px; } .nav-tabs.nav-tabs-line.nav-tabs-space-lg .nav-item:last-child { margin-right: 0; } @media (max-width: 1024px) { .nav-tabs.nav-tabs-line.nav-tabs-space-lg .nav-item { margin-right: 20px; } .nav-tabs.nav-tabs-line.nav-tabs-space-lg .nav-item:last-child { margin-right: 0; } } .nav-tabs.nav-tabs-line.nav-tabs-space-xl .nav-item { margin-right: 50px; } .nav-tabs.nav-tabs-line.nav-tabs-space-xl .nav-item:last-child { margin-right: 0; } @media (max-width: 1024px) { .nav-tabs.nav-tabs-line.nav-tabs-space-xl .nav-item { margin-right: 20px; } .nav-tabs.nav-tabs-line.nav-tabs-space-xl .nav-item:last-child { margin-right: 0; } } .nav-tabs.nav-tabs-line { border-bottom: 1px solid #ebedf2; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link, .nav-tabs.nav-tabs-line a.nav-link { background-color: transparent; color: #595d6e; font-size: .8125em; padding: 12px 0; line-height: 2.5; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link i, .nav-tabs.nav-tabs-line a.nav-link i { color: #a2a5b9; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:disabled, .nav-tabs.nav-tabs-line a.nav-link:disabled { opacity: 0.7; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link g [fill], .nav-tabs.nav-tabs-line a.nav-link g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; fill: #74788d; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover g [fill], .nav-tabs.nav-tabs-line a.nav-link:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line a.nav-link:hover, .nav-tabs.nav-tabs-line a.nav-link.active { background-color: transparent; color: #595d6e; border-bottom: 1px solid #591df1; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line a.nav-link:hover > i, .nav-tabs.nav-tabs-line a.nav-link.active > i { color: #591df1; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover g [fill], .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active g [fill], .nav-tabs.nav-tabs-line a.nav-link:hover g [fill], .nav-tabs.nav-tabs-line a.nav-link.active g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; fill: #591df1; } .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover:hover g [fill], .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active:hover g [fill], .nav-tabs.nav-tabs-line a.nav-link:hover:hover g [fill], .nav-tabs.nav-tabs-line a.nav-link.active:hover g [fill] { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover { border-bottom: 1px solid #591df1; } .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active { color: #591df1; border-bottom: 1px solid #591df1; } .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active > i { color: #6b35f2; } .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x { border-bottom-color: rgb(89 29 241 / 0%); } .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-light a.nav-link:hover { border-bottom: 1px solid #ffffff; } .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-light a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-light a.nav-link.active { color: #ffffff; border-bottom: 1px solid #ffffff; } .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line.nav-tabs-line-light a.nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-light a.nav-link.active > i { color: white; } .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-light.nav-tabs-line-3x { border-bottom-color: rgba(255, 255, 255, 0.1); } .nav-tabs.nav-tabs-line.nav-tabs-line-dark.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-dark a.nav-link:hover { border-bottom: 1px solid #282a3c; } .nav-tabs.nav-tabs-line.nav-tabs-line-dark.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-dark.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-dark a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-dark a.nav-link.active { color: #282a3c; border-bottom: 1px solid #282a3c; } .nav-tabs.nav-tabs-line.nav-tabs-line-dark.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-dark.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line.nav-tabs-line-dark a.nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-dark a.nav-link.active > i { color: #32354b; } .nav-tabs.nav-tabs-line.nav-tabs-line-dark.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-dark.nav-tabs-line-3x { border-bottom-color: rgba(40, 42, 60, 0.1); } .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link:hover { border-bottom: 1px solid #5867dd; } .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link.active { color: #5867dd; border-bottom: 1px solid #5867dd; } .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-primary a.nav-link.active > i { color: #6d7ae1; } .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-primary.nav-tabs-line-3x { border-bottom-color: rgba(88, 103, 221, 0.1); } .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link:hover { border-bottom: 1px solid #1dc9b7; } .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link.active { color: #1dc9b7; border-bottom: 1px solid #1dc9b7; } .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-success a.nav-link.active > i { color: #21dfcb; } .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-success.nav-tabs-line-3x { border-bottom-color: rgba(29, 201, 183, 0.1); } .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link:hover { border-bottom: 1px solid #2786fb; } .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link.active { color: #2786fb; border-bottom: 1px solid #2786fb; } .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-info a.nav-link.active > i { color: #4094fb; } .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-info.nav-tabs-line-3x { border-bottom-color: rgba(39, 134, 251, 0.1); } .nav-tabs.nav-tabs-line.nav-tabs-line-warning.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-warning a.nav-link:hover { border-bottom: 1px solid #ffb822; } .nav-tabs.nav-tabs-line.nav-tabs-line-warning.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-warning.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-warning a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-warning a.nav-link.active { color: #ffb822; border-bottom: 1px solid #ffb822; } .nav-tabs.nav-tabs-line.nav-tabs-line-warning.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-warning.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line.nav-tabs-line-warning a.nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-warning a.nav-link.active > i { color: #ffc03c; } .nav-tabs.nav-tabs-line.nav-tabs-line-warning.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-warning.nav-tabs-line-3x { border-bottom-color: rgba(255, 184, 34, 0.1); } .nav-tabs.nav-tabs-line.nav-tabs-line-danger.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-danger a.nav-link:hover { border-bottom: 1px solid #fd27eb; } .nav-tabs.nav-tabs-line.nav-tabs-line-danger.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-danger.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-danger a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-danger a.nav-link.active { color: #fd27eb; border-bottom: 1px solid #fd27eb; } .nav-tabs.nav-tabs-line.nav-tabs-line-danger.nav.nav-tabs .nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-danger.nav.nav-tabs .nav-link.active > i, .nav-tabs.nav-tabs-line.nav-tabs-line-danger a.nav-link:hover > i, .nav-tabs.nav-tabs-line.nav-tabs-line-danger a.nav-link.active > i { color: #fd40ed; } .nav-tabs.nav-tabs-line.nav-tabs-line-danger.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-danger.nav-tabs-line-3x { border-bottom-color: rgba(253, 39, 235, 0.1); } .nav-tabs.nav-tabs-line.nav-tabs-clear { border-bottom-color: transparent !important; } .nav-tabs.nav-tabs-line { border-bottom: 1px solid #ebedf2; } .nav-tabs.nav-tabs-line .nav-item { margin-right: 20px; margin-bottom: -1px; } @media (max-width: 1399px) { .nav-tabs.nav-tabs-line .nav-item { margin-right: 15px; } } .btn-brand { color: #fff; background-color: #1f3779; border-color: #1f3779; color: #ffffff; padding: 10px 13px; font-size: 0.75em; line-height: 1.5; /* white-space: nowrap; */ text-align: center; box-shadow: none !important; outline: none !important; width: auto; } .btn-brand:hover { color: #fff; background-color: #192e68; border-color: #192e68; } .kt-widget19 .kt-widget19__pic { border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; background-repeat: no-repeat; background-size: cover; } .kt-widget19 .kt-widget19__pic > img { width: 100%; } .kt-widget19 .kt-widget19__pic .kt-widget19__shadow { position: absolute; top: 70%; bottom: 0; left: 0; right: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(90%, rgba(0, 0, 0, 0.5))) no-repeat scroll 0 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.5) 90%) no-repeat scroll 0 0; } .kt-widget19 .kt-widget19__pic .kt-widget19__title { position: absolute; bottom: 0; display: block; z-index: 1; padding-left: 25px; padding-bottom: 12.5px; color: #595d6e; font-size: 1.375em; font-weight: 600; color: #fff; } .kt-widget19 .kt-widget19__pic .kt-widget19__labels { position: absolute; top: 25px; left: 25px; } @media (max-width: 1024px) { .kt-widget19 .kt-widget19__pic .kt-widget19__labels { top: 15px; left: 15px; } } .kt-widget19 .kt-widget19__wrapper { margin-bottom: 1rem; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 1.75rem 0; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__userpic > img { width: 3.2rem; border-radius: 100%; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info { padding-left: 1rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info .kt-widget19__username { font-size: .875em; font-weight: 600; color: #595d6e; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info .kt-widget19__username:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__info .kt-widget19__time { font-size: 1rem; font-weight: 400; color: #74788d; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats { font-size: 1em; font-weight: 500; line-height: 1.1; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats .kt-widget19__number { font-size: 1.125em; font-weight: 700; color: #1f3779; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats .kt-widget19__comment { font-size: 0.7em; color: #74788d; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats .kt-widget19__comment:hover { color: #591df1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__content .kt-widget19__stats span { text-align: center; display: block; } .kt-widget19 .kt-widget19__wrapper .kt-widget19__text { text-align: justify; color: #74788d; font-size: .875em; font-weight: 400; } .kt-widget19 .kt-widget19__action { margin-top: 1.5rem; } .btn.btn-label-light { background-color: rgba(255, 255, 255, 0.1); color: #ffffff; cursor: text !important; } .btn.btn-label-light-o2 { background-color: rgba(255, 255, 255, 0.2); color: #ffffff; cursor: text !important; font-size: .82em; font-weight: 600; } .kt-container{ margin-top: 95px; }