﻿.m-form.m-form--group-seperator-dashed .m-form__group, .m-form.m-form--group-seperator .m-form__group, .m-form__group {
    padding-top: 10px;
    padding-bottom: 0px !important;
}

.m-form.m-form--group-seperator-dashed .m-form__group {
    border-bottom: none;
}

.m-portlet {
    margin-top: 2.2rem;
}


[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: plum;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}


#VerticalMenu .m-menu__link .m-menu__link-icon, #VerticalMenu .m-menu__link .m-menu__ver-arrow, #VerticalMenu .m-menu__link .m-menu__link-text {
    color: #ffffff !important;
}

.m-aside-left-close.m-aside-left-close--skin-dark > i {
    color: #ffffff !important;
}

.search-filter.m-portlet.m-portlet--creative .m-portlet__head {
    height: 0 !important;
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__head .m-login__title {
    color: #1d953d;
}

.btn-green {
    color: #fff;
    background-color: #1d953d;
    border-color: #1d953d;
}

    .btn-green.m-btn--air {
        -webkit-box-shadow: 0px 5px 10px 2px rgba(29,149, 61,0.19) !important;
        box-shadow: 0px 5px 10px 2px rgba(29,149, 61,0.19) !important;
    }

.m-footer {
    height: 30px;
    min-height: 30px;
    background: #1d953d;
}

    .m-footer .m-footer__copyright {
        color: #ffffff;
    }

.m-aside-left.m-aside-left--skin-dark {
    background-color: rgb(51 61 141 / 86%);
}

.m-aside-left-close.m-aside-left-close--skin-dark {
    background-color: #1a8637;
}

a.btn.btn-green:hover {
    color: #fff;
}

.dataTables_wrapper {
    width: 100%
}

.select2.select2-container {
    width: 100% !important
}

.tt-menu {
    border: 0;
    margin: 0;
    min-width: 130px;
    padding: 5px 0;
    left: auto /*rtl:ignore*/
    !important;
    border-radius: 0;
    border-radius: 4px
}

    .tt-menu .tt-dataset .tt-suggestion {
        padding: 5px 15px;
        font-size: 1rem
    }

.form-control.tt-hint {
    color: #7b7e8a
}

.tt-menu {
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    text-align: left;
}

    .tt-menu .tt-dataset .tt-suggestion {
        color: #575962;
        cursor: pointer
    }

        .tt-menu .tt-dataset .tt-suggestion .tt-highlight {
            color: #27282c;
            font-weight: 500
        }

        .tt-menu .tt-dataset .tt-suggestion:hover {
            background: #f4f5f8
        }

.nav.nav-tabs .nav-link {
    color: #000000;
    background-color: #1d953d80;
}

    .nav.nav-tabs .nav-link.active {
        color: #ffffff;
        background-color: #1d953d;
    }

.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label.m-portlet__head-label--success {
    background: #1d953d;
    color: #fff;
}

.m-form .m-form__actions.m-form__actions--solid {
    background-color: #1d953d3d;
}

.detail-group {
    padding-top: 3px !important;
}

    .detail-group > .detail-lable {
        background-color: #e9e9e9;
        padding: 6px 10px !important;
        margin: 0 2px;
    }

    .detail-group > .detail-text {
        border: 1px solid #e9e9e9;
        padding: 6px 10px !important;
        text-align: left !important;
        margin: 0 2px;
    }

.m-portlet-less_padding .m-portlet__head {
    height: 40px !important;
    border: 1px solid #1d953d3d !important;
}

.m-portlet-less_padding .m-portlet__body {
    border: 1px solid #1d953d3d !important;
    padding: 15px !important;
}

.m-wizard.m-wizard--5 .m-wizard__head .m-wizard__nav .m-wizard__steps {
    margin-top: 1rem;
}

    .m-wizard.m-wizard--5 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step {
        padding-bottom: 2rem;
    }

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 3px 10px !important;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    height: 31px;
}

.tr-warning, .tr-warning tr:hover {
    background: #ffc107 !important;
}

.tr-danger, .tr-danger tr:hover {
    background: rgb(244 81 108 / 20%) !important;
}

.tbl-nowrap thead th, .tbl-nowrap tbody td {
    white-space: nowrap;
}

.form-control {
    height: calc(2rem + 2px);
    padding: 0.3rem 0.5rem;
    font-size: 1.1rem;
}

    .form-control[readonly], .form-control {
        border-color: #8e8e8e;
        color: #000000;
    }

        .form-control.focus, .form-control:focus {
            border-color: #7f5bec;
            color: #000000;
        }

.col-form-label {
    padding-top: calc(0.35rem + 1px);
    padding-bottom: calc(0.35rem + 1px);
}

.m-form .form-control-label.col-form-label, .m-form label.col-form-label {
    padding-top: 0.5rem;
}

.m-form .form-control-label, .m-form .col-form-label, .m-form .m-form__group > label {
    color: #000000;
}

.m-portlet .m-portlet__head.head__green {
    background-color: #1d953d40 !important;
}

.m-portlet .m-portlet__head {
    height: 3.1rem;
    background-color: rgb(51 61 141 / 86%);
}

    .m-portlet .m-portlet__head .m-portlet__head-text {
        color: #fff;
    }

.m-form span.m-form__help {
    display: inline;
}

.m-portlet .m-portlet__foot.m-portlet__foot--fit {
    padding: 15px 0 0 0 !important;
}

.m-form .m-form__actions {
    padding: 15px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 50px;
    display: inline-block;
}

@media (min-width: 1025px) {
    .m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
        font-weight: 600;
        font-size: .8rem;
        text-transform: initial;
    }

    .m-header {
        height: 50px;
    }

    .m-header--fixed.m-header--minimize-off .m-header {
        height: 50px !important;
    }

    .m-header--fixed .m-body {
        padding-top: 35px !important;
    }
}

.m-portlet__head-tools a.btn {
    padding: 0.55rem 1.1rem;
}

.m-portlet__head-tools a.btn-sm {
    padding: 0.45rem 0.8rem;
}

.input-group .btn, .input-group .input-group-text {
    padding: 0.35rem 1.15rem;
}

.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border: 1px solid #8e8e8e;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0.3rem 0.5rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #000000;
        font-size: 1.1rem;
    }

.dataTable tbody td {
    padding: 0.35rem;
}

.dt-btn {
    display: grid;
}


.m-portlet.m-portlet--creative {
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-top: 0rem;
    margin-bottom: 1rem;
}

    .m-portlet.m-portlet--creative .m-portlet__body {
        padding: 1rem;
    }

    .m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-label {
        top: -1.25rem;
        height: 2.5rem;
    }

.blockOverlay {
    z-index: 999990 !important;
}

.blockMsg {
    z-index: 999999 !important;
}

.w-400 {
    width: 400px;
    word-break: break-all;
}

@media screen and (min-width: 1200px) {
    table.fixedHeader-floating {
        position: fixed !important;
        background-color: white
    }

        table.fixedHeader-floating.no-footer {
            top: 70px !important;
            border-bottom-width: 0
        }

    table.fixedHeader-locked {
        position: absolute !important;
        background-color: white
    }
}


@media (max-width: 1024px) {
    .m-header-search .m-header-search__wrapper {
        width: 16rem;
    }
    .m-header-search .m-header-search__input-wrapper {
        display: block;
    }
}
