@font-face {
    font-family: SFProText;
    src: url("../../fonts/SFProText-Regular.ttf");
}

body {
    overflow: hidden;
}

body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
optgroup,
select,
textarea {
    font-family: SFProText;
}

input {
    font-size: 14px;
}

h5 {
    font-size: 22px;
}

.pointer {
    cursor: pointer !important;
}

a {
    text-align: left;
    color: #007ace;
    font-size: 14px;
}

.btn {
    font-size: 14px !important;
}

.brand-sidebar .brand-logo {
    left: 0;
}

.btn-customizer {
    z-index: 9999999;
}

.primary {
    background: linear-gradient(45deg, #43a047, #1de9b6) !important;
}

.btn {
    background: linear-gradient(45deg, #43a047, #1de9b6) !important;
}

.input-field div.error {
    text-align: right;
    color: #EF0000 !important;
}

.sidenav li.active {
    color: #fff !important;
    background: -webkit-linear-gradient(45deg, #303f9f, #7b1fa2);
    background: -moz- oldlinear-gradient(45deg, #303f9f, #7b1fa2);
    background: -o-linear-gradient(45deg, #303f9f, #7b1fa2);
    background: linear-gradient(45deg, #303f9f, #7b1fa2);
    -webkit-box-shadow: 3px 3px 20px 0 rgba(123, 31, 162, .5);
    box-shadow: 3px 3px 20px 0 rgba(123, 31, 162, .5);
}

.sidenav li.active a,
.sidenav li.active i {
    color: #fff !important;
}

.alignLeft {
    text-align: left !important;
}

.alignRight {
    text-align: right !important;
}

.footer_br {
    border-top: 1px solid gainsboro;
}

.header_br {
    border-bottom: 1px solid gainsboro;
}

.modal-header {
    width: 100%;
    height: 56px;
    padding: 10px 24px;
    text-align: right;
    border-radius: 0 0 2px 2px;
    color: #183247 !important;
    /* background: linear-gradient(45deg, #43a047, #1de9b6) !important; */
    background: #fff !important;
}

.modal-header h6 {
    color: #183247 !important;
}

.modal .modal-content {
    padding: 24px 0 !important;
}

.modal .modal-footer {
    padding: 24px 24px 15px;
    height: auto;
}

.mo-40 {
    max-width: 40% !important;
}

#faq .faq-search-image {
    background-image: url(./../../images/gallery/faq-search.jpg) !important;
    /* background-image: url(../../images/gallery/faq-search.jpg); */
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

p {
    text-align: left;
}

.error-message {
    display: block;
    text-align: center;
    color: #EF0000;
    margin-bottom: 15px;
    margin-top: -15px;
}

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


.dx-loader {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    background: inherit;
    pointer-events: none;
}

.loader_btn {
    position: absolute;
    margin-left: 10px;
    animation: rotate;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    border: 3px dashed white;
    height: 18px;
    width: 18px;
    top: 10px;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#toast-container {
    position: fixed;
    z-index: 10000;
    top: 10px !important;
    /* top: inherit !important; */
    /* right: inherit !important; */
    display: flex;
    justify-content: center;
    width: 100%;
    /* max-width: 100% !important; */
}

#toast-container .toast {
    color: #fff;
    text-align: center;
    display: inline-block;
    min-width: 400px;
    font-size: 14px;
    line-height: 2;
    border-radius: 4px;
    background: #fff !important;
}

#toast-container .toast.toast-success {
    color: #288f3d !important;
}

#toast-container .toast.toast-error {
    color: #a8221f !important;
}

.margin {
    margin: 0 0 0 -10px !important;
}

.mar {
    margin: 0 0 0 0px !important;
}

.card .card-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

.full-ht {
    min-height: -webkit-fill-available;
}

.dropdown-content {
    border-radius: 4px;
}

.dropdown-content li>a,
.dropdown-content li>span {
    color: #212121;
}

hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0px;
    margin: 15px 0px;
    padding: 0;
    border-radius: 0 !important;
    border-color: #f3f1f1;
    border-style: solid;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.note-editor .btn {
    background: transparent !important;
}

.note-toolbar-wrapper {
    background: #212121 !important;
}

.h-100 {
    height: 100%;
}

/* sweet alert */
.swal-modal .swal-icon {
    width: 40px;
    height: 40px;
}

.swal-modal .swal-icon.swal-icon--info:before {
    width: 3px;
    height: 19px;
    bottom: 15px;
    border-radius: 2px;
    margin-left: -1px;
}

.swal-modal .swal-icon.swal-icon--info:after {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 46.2%;
    top: 28px;
}

.swal-modal .swal-button-container .swal-button--cancel {
    background: transparent !important;
}

.swal-modal .swal-icon .swal-icon--warning__dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-left: -2px;
    bottom: -8px;
}

.swal-modal .swal-icon .swal-icon--warning__body {
    width: 4px;
    height: 19px;
    top: 5px;
    border-radius: 2px;
    margin-left: -2px;
}

.image.error {
    text-align: left !important;
    top: 10px !important;
    clear: both;
}

/* popover */
.popover {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    line-height: 1.5;
    min-width: 250px;
    z-index: 1000;
}
.popover.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}
.popover.fade.show {
    opacity: 1;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}
.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}
.popover.bs-popover-bottom {
    margin-top: 0.5rem;
}
.popover.bs-popover-bottom .arrow {
    top: calc((0.5rem + 1px) * -1);
}
.popover.bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-width: 0 0.5rem 0.5rem 0.5rem;
}
.popover.bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff;
    border-width: 0 0.5rem 0.5rem 0.5rem;
}
.popover.bs-popover-top {
    margin-bottom: 0.5rem;
}
.popover.bs-popover-top .arrow {
    bottom: calc((.5rem + 1px) * -1);
}
.popover.bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, .25);
    border-width: 0.5rem 0.5rem 0;
}
.popover.bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff;
    border-width: 0.5rem 0.5rem 0;
}
.popover.bs-popover-right {
    margin-left: 0.5rem;
}
.popover.bs-popover-right .arrow {
    left: calc((.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.popover.bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, .25);
    border-width: 0.5rem 0.5rem 0.5rem 0;
}
.popover.bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff;
    border-width: 0.5rem 0.5rem 0.5rem 0;
}
.popover.bs-popover-left {
    margin-right: 0.5rem;
}
.popover.bs-popover-left .arrow {
    right: calc((.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}
.popover.bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, .25);
    border-width: 0.5rem 0 0.5rem 0.5rem;
}
.popover.bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff;
    border-width: 0.5rem 0 0.5rem 0.5rem;
}
.popover .popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
.popover .popover-header:empty {
    display: none;
}
.popover .popover-body {
    padding: 0.75rem 0.5rem;
    color: #212529;
}