/*
* SmartWebix
* File include item SmartWebix only specific css
******************************************************************************/
/*Custom scroll bar*/
html{scrollbar-color:#0D0653 #FFFFFF; scrollbar-width:thin;}
/*End Custom scroll bar*/

:root, [data-bs-theme=light] {
    --bs-heading-color: #0D0653;
    --bs-link-color: #0D0653;
    --bs-link-hover-color: #0D0653;
}

.btn-primary, .form-check-input:checked {
    background-color: #0D0653;
    border-color: #0D0653
}

.form-floating > .form-control:focus:not(:placeholder-shown) ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-select:focus:not(:placeholder-shown) ~ label, .form-floating > .form-select:focus ~ label, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, a {
    color: #0D0653
}

.form-floating-outline .form-control:focus, .form-floating-outline .form-select:focus {
    border-color: #0D0653 !important
}

a:hover {
    color: #408cd8
}

.dark-style .menu .app-brand.iwmi, .light-style .menu .app-brand.iwmi {
    height: 64px
}

.app-brand-logo.iwmi svg {
    width: 38px;
    height: 20px
}

.app-brand-text.iwmi {
    font-size: 1.25rem
}

.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
    padding-top: 64px !important
}

.content-wrapper .navbar {
    z-index: auto
}

.rtl-only {
    display: none !important;
    text-align: left !important;
    direction: ltr !important
}

.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
    background-color: #0D0653
}

.btn-primary {
    color: #fff
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #0d2946 !important;
    border-color: #0d2946 !important
}

.avatar-xxl {
    width: 7rem;
    height: 7rem
}
.avatar-5-3-xl {
    width: 5.3rem;
    height: 5.3rem
}

.display-none, .leaflet-control-attribution.leaflet-control, .polyline-measure-unicode-icon-disable {
    display: none !important
}

.color {
    border: 1px solid;
    height: 12px;
    width: 12px;
    margin-right: 10px
}

#legend p {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.inner-page-builder {
    width: 90%;
    float: left
}

.inner-page-builder.query-builder .rules-group-container {
    border: 1px solid #eaeaec;
    background: 0 0;
    margin: 0
}

.filters-container {
    display: flex;
    align-items: flex-start
}

.filters-container button {
    margin-left: 10px
}

.custom-option.custom-option-image:hover {
    border-width: 1px !important
}

.card-bg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: .625rem .625rem 0 0;
    height: 195px
}

li.nav-item.dynamic-logo {
    display: contents
}

h1.site-title {
    font-size: 1.5em;
    line-height: 1.2;
    margin: .5em 0;
    text-align: left;
    display: grid;
}

.logos-list > ul > li {
    display: inline-block
}

.logos-list.home {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    background: #fff;
    width: 100%;
    text-align: center;
    padding-top: 10px
}

.nav-link-custom {
    padding: 15px;
    font-size: 13px
}

.mt-33 {
    margin-top: 33px !important
}

.mt-28 {
    margin-top: 28px !important
}

.auth-cover-brand {
    z-index: 500
}

.close {
    color: rgba(0, 0, 0, .8);
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 5px
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.clock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--bs-heading-color);
    letter-spacing: 1px;
    font-size: 0.8rem;
    align-content: space-between;
    align-items: flex-end;
    margin-right: 10px;
}
fieldset {
    min-width: 0;
    padding: revert;
    margin: revert;
    border: 1px solid #d8d8dd;
    border-radius: var(--bs-border-radius);
}
legend {
    float: none;
    width: revert;
    padding: revert;
    margin-bottom: revert;
    font-size: revert;
    line-height: revert;
}

.signature-pad-wrapper {
    position: relative;
    width: 400px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: solid 1px #ddd;
    margin: 10px 0px;
}
.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width:400px;
    height:200px;
}

.w-43-4 {
    width: 43.4% !important;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #0D0653;
}
.zoom-80{
    zoom: 80%;
}
.zoom-95{
    zoom: 95%;
}
.mt-60-px {
    margin-top: 60px;
}
div.dataTables_processing {
    position: absolute;
    text-align: center;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    z-index: 10;
    width: unset;
    margin-left: unset;
    margin-top: unset;
    padding: unset;
    padding-top: 50px;
    background: #0D0653;
    border-radius: 0;
}
div.dataTables_processing>div:last-child>div {
    background: #FFFFFF;
}
.my-6-custom {
    margin-top: 1.5rem !important;
    margin-bottom: 1.2rem !important;
}
.app-chat .sidebar-body .chat-contact-list li.active {
    background-color: #0D0653;
}
.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text {
    background-color: #0D0653 !important;
}
.max-h-80{
    max-height: 80px;
    height: auto;
}
.mdi-26px.mdi-set, .mdi-26px.mdi:before {
    font-size: 26px;
}

.currency-wrapper{
}
.currency-wrapper form{
}
.currency-wrapper form :where(input, select, button){
    width: 100%;
    outline: none;
    border-radius: 5px;
    border: none;
}
.currency-wrapper form p{
    font-size: 16px;
    margin-bottom: 5px;
}
.currency-wrapper form input{
    height: 50px;
    font-size: 17px;
    padding: 0 15px;
    border: 1px solid #999;
}
.currency-wrapper form input:focus{
    padding: 0 14px;
    border: 2px solid #0083b0;
}
.currency-wrapper form .drop-list{
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: space-between;
}
.currency-wrapper .drop-list .select-box{
    display: flex;
    width: 120px;
    height: 45px;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    border: 1px solid #999;
}
.currency-wrapper .select-box select{
    width: auto;
    font-size: 15px;
    background: none;
    margin: 0 -5px 0 5px;
}
.currency-wrapper .select-box select::-webkit-scrollbar{
    width: 8px;
}
.currency-wrapper .select-box select::-webkit-scrollbar-track{
    background: #fff;
}
.currency-wrapper .select-box select::-webkit-scrollbar-thumb{
    background: #888;
    border-radius: 8px;
    border-right: 2px solid #ffffff;
}
.currency-wrapper .drop-list .icon{
    cursor: pointer;
    margin-top: 30px;

    font-size: 22px;
}
.currency-wrapper form .exchange-rate{
    border: 1px dotted gray;
    border-radius: 5px;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin: 20px 0 10px;
}
.currency-wrapper form button {
    height: 40px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    background: #0D0653;
    transition: all 0.5s;
}
.currency-wrapper form button:hover{
    background: #049bce;
}
table.order-documents tr.additional-documents .add-more,
table.order-documents.status_1 tr.additional-documents:last-child .add-more{
    visibility: hidden;
    pointer-events: none;
}
table.order-documents tr.additional-documents:last-child .add-more{
    visibility: visible;
    pointer-events: all;
}

td.deposit-management {
    max-width: 120px;
    word-wrap: break-word;
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
td.ledger-details {
    max-width: 400px;
    word-wrap: break-word;
    width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}


@media (max-width: 1399.98px) {

}

@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

    h1.site-title {
        font-size: 1.3em;
        text-align: left;
        display: grid;
    }
    h1.site-title small, h1.site-title .small {
        font-size: 0.8125rem;
        text-align: left;
    }
    .clock {
        font-size: 0.5rem;
        text-align: right;
    }
}

@media (max-width: 575.98px) {

    h1.site-title {
        font-size: 1.3em;
        text-align: left;
        display: grid;
    }
    h1.site-title small, h1.site-title .small {
        font-size: 0.6125rem;
        text-align: left;
    }
    .clock {
        font-size: 0.5rem;
        text-align: right;
    }
}

@media (max-width: 480px) {

    h1.site-title {
        font-size: 1.1em;
        text-align: left;
        display: grid;
    }
    h1.site-title small, h1.site-title .small {
        font-size: 0.6125rem;
        text-align: left;
    }
    .clock {
        font-size: 0.5rem;
        text-align: right;
    }
}