@font-face {
    font-family: 'SuisseIntl';
    src: url('../../fonts/SuisseIntl-Regular.ttf');
    font-weight: normal;
}
.lead-overview{
    width: 100%;
}
.custom-flex-card-success{
    border-radius: 1rem;
    padding: 1rem;
    background-color: #c1ffa8;
}

.custom-flex-card-warning{
    border-radius: 1rem;
    padding: 1rem;
    background-color: #fcd4bf;
}

.custom-flex-card-info{
    border-radius: 1rem;
    padding: 1rem;
    background-color: #ffd1f0;
}

.custom-flex-card-primary{
    border-radius: 1rem;
    padding: 1rem;
    background-color: #cae1ff;
}

.custom-flex-card-info-2{
    border-radius: 1rem;
    padding: 1rem;
    background-color: #dab0e8;
}

.custom-flex-card-warning-2{
    border-radius: 1rem;
    padding: 1rem;
    background-color: #f4f0a1;
}

.edit-col{
    padding-left: 0 !important;
}
.fa-aw{
    font-size: 24px !important;
}
@font-face {
    font-family: 'SuisseIntl';
    src: url('../../fonts/SuisseIntl-Light.otf');
    font-weight: lighter;
}

@font-face {
    font-family: 'SuisseIntl';
    src: url('../../fonts/SuisseIntlBold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'SuisseIntl';
    src: url('../../fonts/SuisseIntlBook.ttf');
    font-weight: border;
}

:root {
    --primary-color: #4336FB;
    --primary-hover-color: #4336FB;
}

/* Global Style */
* {
    font-family: 'SuisseIntl';
}

.datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell > span, .card.card-custom > .card-header .card-title, .card.card-custom > .card-header .card-title .card-label, .text-dark, body,
.form-group label, .form-control {
    color: #0a0b09;
}

.datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell > span > i {
    color: var(--primary-color);
}

.btn.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color) !important;
}

.checkbox > input:checked ~ span,
.switch input:checked ~ span:after,
.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-active, .scrolltop {
    background-color: var(--primary-color) !important;
}

.header-fixed[data-header-scroll=on] .header .header-wrapper {
    background-color: var(--primary-color) 0 a !important;
}

.header-fixed[data-header-scroll=on].sidebar-enabled .header {
    /* left:70px !important; */
    right: 35px;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-hover-primary:hover,
a.text-primary:hover, a.text-primary:focus {
    color: var(--primary-hover-color) !important;
}

.aside-nav .nav-item a > i {
    font-size: 30px !important;
}
.aside-nav .nav-item a > i.fa-aw {
    font-size: 24px !important;
}

.btn.btn-light-primary {
    color: var(--primary-color);
    background-color: #00008a0a
}

.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text) {
    background-color: var(--primary-hover-color)
}

a.text-hover-primary:hover, .text-hover-primary:hover {
    color: var(--primary-hover-color);
}

.display-none {
    display: none;
}

.form-icon .select2-container {
    width: 100% !important;
}

.form-icon .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: calc(1.5em + 1.3rem + 2px);
}

td .show-image {
    max-height: 50px;
    max-width: 70px;;
}

td .show-image img {
    width: 100%;
}

.hide-section .title h3 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.input-images {
    position: relative;
    cursor: pointer;;
}

.input-images p {
    z-index: 1;
    cursor: pointer;;
}

.input-images input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;;
}

.show-images {
    margin: 20px;
}

.show-images .image {
    margin-bottom: 40px;
    position: relative;
}

.show-images .image .delete-item {
    position: absolute;
    top: -22px;
    right: 10px;
    cursor: pointer;
}

.show-images .image .delete-item i {
    font-size: 16px;
}

.show-images .image .delete-item:hover i {
    color: rgb(73, 73, 73)
}

.show-images .image img {
    width: 100%;
    border-radius: 10px;
}

.input-images.form-control {
    border-style: dashed;
    border-width: 2px;
}

.btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon {
    width: calc(1.35em + 1.1rem + 2px) !important;
}

.wrapper {
    background-color: #00008a0a;
}

.btn.btn-hover-text-primary:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-hover-text-primary:not(:disabled):not(.disabled).active i, .show > .btn.btn-hover-text-primary.dropdown-toggle, .show .btn.btn-hover-text-primary.btn-dropdown,
.btn.btn-hover-text-primary:not(:disabled):not(.disabled):hover i {
    color: #4336FB !important;
}

.datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell.datatable-cell-sorted > span, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell.datatable-cell-sorted > span {
    color: var(--primary-color);
}

/* End Global Style */
.symbol.symbol-light-primary .symbol-label {
    background-color: transparent !important;
}

#kt_quick_user_togglex iframe {
    width: 100%;
}

a.logout {
    border-radius: 60px !important;
}

.page #kt_wrapper {
    margin-right: 35px;
    /* margin-left: 75px; */
}

/*::selection {
	!* color: ; *!
	background: transparent !important;
  }*/

.datatable.datatable-default > .datatable-table > .datatable-head .datatable-row > .datatable-cell, .datatable.datatable-default > .datatable-table > .datatable-body .datatable-row > .datatable-cell, .datatable.datatable-default > .datatable-table > .datatable-foot .datatable-row > .datatable-cell {
    padding: 1rem 0 !important;
}

/*tst*/
div.radio-with-Icon {
    display: block;
}

div.radio-with-Icon p.radioOption-Item {
    display: inline-block;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    margin: -17px 15px 30px 11px;
    border: none;
}

div.radio-with-Icon p.radioOption-Item label {
    display: block;
    height: 100%;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    color: #4336FB;
    cursor: pointer;
    opacity: .8;
    transition: none;
    font-size: 13px;
    padding-top: 25px;
    text-align: center;
    margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {
    background-color: #fff;
    border-color: #4336FB;
    color: #4336FB;
    margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item label i.fa {
    display: block;
    font-size: 50px;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {
    opacity: 1;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {
    opacity: 1;
    border: none;
    background-color: #E1F0FF;
    color: #4336FB;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {
    margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {
    margin: 0 !important;
}