h1, h2, h3, h4, h5, h6 {
    font-weight: 700
}

ol, p, ul:not(.list-unstyled) {
    line-height: 28px
}

.shadow {
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1)
}

.text-muted {
    color: #98a6ad !important
}
.table td, .table th {
 padding:7px
}
/* ed */
.custom-file-label, .custom-select, .form-control, .input-group-text {
    background-color: #fdfdff;
    border-color: #ced4da
}

    .custom-file-label:focus, .custom-select:focus, .form-control:focus, .input-group-text:focus {
        background-color: #fefeff;
        border-color: #95a0f4
    }

    .form-control:not(.form-control-sm):not(.form-control-lg), .input-group-text, select.form-control:not([size]):not([multiple]) {
        font-size: 14px;
        padding: 7px;
        height: 35px
    }

textarea.form-control {
    height: 64px !important
}

.custom-control {
    line-height: 1.6rem
}



.form-control.creditcard {
    background-position: 98%;
    background-repeat: no-repeat;
    background-size: 40px;
    padding-right: 60px
}

.form-group {
    margin-bottom: 10px
}

    .form-group .control-label, .form-group > label {
        font-weight: 600;
        font-size: 14px;
        letter-spacing: .5px
    }

    .form-group label {
        font-weight: 600; margin-bottom:0px!important; width:100%; font-size:12px;
    }
    .form-group.floating-addon {
        position: relative
    }
    label strong{font-weight:600!important}

        .form-group.floating-addon .input-group-prepend {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            z-index: 5
        }

        .form-group.floating-addon:not(.floating-addon-not-append) .input-group-append {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 5;
            left: initial;
            right: 0
        }

        .form-group.floating-addon .input-group-append .input-group-text, .form-group.floating-addon .input-group-prepend .input-group-text {
            border-color: transparent;
            background-color: transparent;
            font-size: 20px
        }

        .form-group.floating-addon .form-control {
            border-radius: 3px;
            padding-left: 40px
        }

            .form-group.floating-addon .form-control + .form-control {
                border-radius: 0 3px 3px 0;
                padding-left: 15px
            }

.input-group-append [class*=btn-outline-] {
    background-color: #fdfdff
}

.form-text {
    font-size: 12px;
    line-height: 22px
}

.custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #6777ef !important
}

.custom-file-label {
    line-height: 2.2
}

    .custom-file-label:after {
        height: calc(2.25rem + 4px);
        line-height: 2.2;
        border-color: transparent
    }

    .custom-file-label:active, .custom-file-label:focus {
        box-shadow: none;
        outline: 0
    }

.custom-file-input:focus + .custom-file-label {
    box-shadow: none;
    border-color: #6777ef
}

    .custom-file-input:focus + .custom-file-label:after {
        border-color: transparent
    }

.selectgroup {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.selectgroup-item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

    .selectgroup-item + .selectgroup-item {
        margin-left: -1px
    }

    .selectgroup-item:not(:first-child) .selectgroup-button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .selectgroup-item:not(:last-child) .selectgroup-button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.selectgroup-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.selectgroup-button {
    background-color: #fdfdff;
    border-color: #e4e6fc;
    border-width: 1px;
    border-style: solid;
    display: block;
    text-align: center;
    padding: 0 1rem;
    height: 35px;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    min-width: 2.375rem;
    line-height: 36px
}

.selectgroup-button-icon {
    padding-left: .5rem;
    padding-right: .5rem
}

    .selectgroup-button-icon i {
        font-size: 14px
    }

.selectgroup-input:checked + .selectgroup-button, .selectgroup-input:focus + .selectgroup-button {
    background-color: #6777ef;
    color: #fff;
    z-index: 1
}

.selectgroup-pills {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

    .selectgroup-pills .selectgroup-item {
        margin-right: .5rem;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .selectgroup-pills .selectgroup-button {
        border-radius: 50px !important
    }


.filtr-div {
 margin-bottom:20px!important;
}

.card {
    background-color: #fff;
    border-radius: 0px;
    border: 1px solid #ddd;
    position: relative;
    margin-bottom: 0px;
    padding: 1px;
    box-shadow: 0 16px 40px 0 rgba(0,0,0,.0392157);
}

    .card .card-body, .card .card-footer, .card .card-header {
        background-color: transparent;
        padding:  0px
    }

    .card.card-bottom-square {
        border-radius: 10px 10px 0 0 !important
    }

    .card .navbar {
        position: static
    }

    .card .card-body {
        /*padding-top: 20px;
        padding-bottom: 20px*/
        float: left;
        padding: 4px 8px;
        width: 100%;
       
    }

        .card .card-body .section-title {
            margin: 30px 0 10px 0;
            font-size: 16px
        }

            .card .card-body .section-title:before {
                margin-top: 8px
            }

            .card .card-body .section-title + .section-lead {
                margin-top: -5px
            }

        .card .card-body p {
            font-weight: 500
        }

    .card .card-header {
        line-height: 30px;
        -ms-grid-row-align: center;
        align-self: center;
        width: 100%;
        padding: 2px 11px;
        align-items: center;
        background: linear-gradient(to bottom,#d0cdcd 0,#e8e8e8 100%);
        float: left;
        margin-bottom: 5px;
    }
.card-header .sbmt-btn {
    float: right;
    display: flex;
    align-content:flex-end
}
.card .card-header .btn {
    margin-top: 1px;
    padding: 0px 3px
}

            .card .card-header .btn:not(.note-btn) {
                border-radius: 5px
            }

            .card .card-header .btn:hover {
                box-shadow: none
            }

        .card .card-header .form-control {
            height: 31px;
            font-size: 13px;
            border-radius: 30px
        }

            .card .card-header .form-control + .input-group-btn .btn {
                margin-top: -1px
            }

        .card .card-header h4 {
            font-size: 16px;
            line-height: 28px;
            padding-right: 10px;
            margin-bottom: 0;float:left
        }

            .card .card-header h4 + .card-header-action, .card .card-header h4 + .card-header-form {
                margin-left: auto
            }

                .card .card-header h4 + .card-header-action .btn, .card .card-header h4 + .card-header-form .btn {
                    font-size: 12px;
                    border-radius: 5px !important;
                    padding-left: 13px !important;
                    padding-right: 13px !important
                }

                    .card .card-header h4 + .card-header-action .btn.active, .card .card-header h4 + .card-header-form .btn.active {
                        background-color: #cdd3d8;
                        color: #fff
                    }

                .card .card-header h4 + .card-header-action .dropdown, .card .card-header h4 + .card-header-form .dropdown {
                    display: inline
                }

                .card .card-header h4 + .card-header-action .btn-group .btn, .card .card-header h4 + .card-header-form .btn-group .btn {
                    border-radius: 0 !important
                }

                    .card .card-header h4 + .card-header-action .btn-group .btn:first-child, .card .card-header h4 + .card-header-form .btn-group .btn:first-child {
                        border-radius: 30px 0 0 30px !important
                    }

                    .card .card-header h4 + .card-header-action .btn-group .btn:last-child, .card .card-header h4 + .card-header-form .btn-group .btn:last-child {
                        border-radius: 0 30px 30px 0 !important
                    }

                .card .card-header h4 + .card-header-action .input-group .form-control, .card .card-header h4 + .card-header-form .input-group .form-control {
                    border-radius: 30px 0 0 30px !important
                }

                    .card .card-header h4 + .card-header-action .input-group .form-control + .input-group-btn .btn, .card .card-header h4 + .card-header-form .input-group .form-control + .input-group-btn .btn {
                        border-radius: 0 30px 30px 0 !important
                    }

                .card .card-header h4 + .card-header-action .input-group .input-group-btn + .form-control, .card .card-header h4 + .card-header-form .input-group .input-group-btn + .form-control {
                    border-radius: 0 30px 30px 0 !important
                }

                .card .card-header h4 + .card-header-action .input-group .input-group-btn .btn, .card .card-header h4 + .card-header-form .input-group .input-group-btn .btn {
                    margin-top: -1px;
                    border-radius: 30px 0 0 30px !important
                }

    .card .card-footer {
        background-color: transparent;
        border: none
    }

    .card.card-mt {
        margin-top: 30px
    }







@media (max-width:767.98px) {
    .card .card-header {
        height: auto;
        flex-wrap: wrap
    }

        .card .card-header h4 + .card-header-action, .card .card-header h4 + .card-header-form {
            flex-grow: 0;
            width: 100%;
            margin-top: 10px
        }
}

@media (min-width:768px) and (max-width:991.98px) {

    .card.card-sm-6 .card-chart canvas {
        height: 85px !important
    }

    .card.card-hero .card-header {
        padding: 25px
    }
}




.table td, .table:not(.table-bordered) th {
    vertical-align: middle !important
}

.table:not(.table-sm):not(.table-md):not(.dataTable) td, .table:not(.table-sm):not(.table-md):not(.dataTable) th {
    padding: 0 5px;
    height: 35px;
    vertical-align: middle !important
}

.table:not(.table-sm) thead th {
    border-bottom: none;
    background-color: rgba(0,0,0,.04);
    color: #000;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: 700;
}

.table.table-md td, .table.table-md th {
    padding: 10px 15px
}


.table td {
    color: #000; background:#fff;
}

.table th {
    color: #000
}



.tooltip {
    font-size: 12px
}

.tooltip-inner {
    padding: 7px 13px
}

.modal-body, .modal-footer, .modal-header {
    padding: 25px
}

.modal-body {
    padding-top: 15px
}

.modal-footer {
    padding-top: 15px;
    padding-bottom: 15px
}

.modal-header {
    border-bottom: none;
    padding-bottom: 5px
}

    .modal-header h5 {
        font-size: 18px
    }

.modal-footer {
    border-top: none;
    border-radius: 0 0 3px 3px
}

.modal-content {
    max-width: 100%;
    border: none;
    box-shadow: 0 3px 8px rgba(0,0,0,.05)
}
.red-ic {
    font-size: 20px!important;
    color: #cd3333;
}

.modal.show .modal-content {
    box-shadow: 0 4px 15px rgba(0,0,0,.2)
}

.modal-progress .modal-content {
    position: relative
}

.modal-part {
    display: none
}
.modal-header .close {
 padding:7px!important
}

.nav-tabs .nav-item .nav-link {
    color: #6777ef
}

    .nav-tabs .nav-item .nav-link.active {
        color: #000
    }

.tab-content > .tab-pane {
    padding: 10px 0;
    line-height: 24px
}

.tab-bordered .tab-pane {
    padding: 15px;
    border: 1px solid #ededed;
    margin-top: -1px
}

.nav .nav-item .nav-link .fab, .nav .nav-item .nav-link .fal, .nav .nav-item .nav-link .far, .nav .nav-item .nav-link .fas, .nav .nav-item .nav-link .ion {
    margin-right: 3px;
    font-size: 12px
}

.navbar .search-form-control {
    height: 31px;
    font-size: 13px;
    border-radius: 30px !important
}


.buttons .btn {
    margin: 0 0px 10px 8px
}

.btn:focus {
    box-shadow: none !important;
    outline: 0
}

.btn:active {
    box-shadow: none !important;
    outline: 0
}

    .btn:active:focus {
        box-shadow: none !important;
        outline: 0
    }

.btn.btn-icon-split i, .dropdown-item.has-icon i {
    text-align: center;
    width: 15px;
    font-size: 15px;
    float: left;
    margin-right: 10px
}

.btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    padding:0px 5px;
    letter-spacing: .5px
}

    .btn.btn-icon-split {
        position: relative
    }

        .btn.btn-icon-split i {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 45px;
            border-radius: 3px 0 0 3px;
            line-height: 32px
        }

        .btn.btn-icon-split div {
            margin-left: 40px
        }

    .btn.btn-icon-noflo-splitat {
        display: table;
        text-align: right
    }

        .btn.btn-icon-noflo-splitat i {
            float: none;
            margin: 0;
            display: table-cell;
            vertical-align: middle;
            width: 30%
        }

        .btn.btn-icon-noflo-splitat div {
            display: table-cell;
            vertical-align: middle;
            width: 70%;
            text-align: left;
            padding-left: 10px
        }

    .btn > i {
        margin-left: 0 !important
    }

    .btn.btn-lg {
        padding: .55rem 1.5rem;
        font-size: 16px
    }

        .btn.btn-lg.btn-icon-split i {
            line-height: 42px
        }

        .btn.btn-lg.btn-icon-split div {
            margin-left: 25px
        }

    .btn.btn-sm {
        padding: .1rem .4rem;
        font-size: 12px
    }

    .btn.btn-icon .fab, .btn.btn-icon .fal, .btn.btn-icon .far, .btn.btn-icon .fas, .btn.btn-icon .ion {
        margin-left: 0 !important;
        font-size: 12px
    }

    .btn.btn-icon.icon-left .fab, .btn.btn-icon.icon-left .fal, .btn.btn-icon.icon-left .far, .btn.btn-icon.icon-left .fas, .btn.btn-icon.icon-left .ion {
        margin-right: 3px
    }

    .btn.btn-icon.icon-right .fab, .btn.btn-icon.icon-right .fal, .btn.btn-icon.icon-right .far, .btn.btn-icon.icon-right .fas, .btn.btn-icon.icon-right .ion {
        margin-left: 3px !important
    }

.btn-action {
    color: #fff !important;
    line-height: 25px;
    font-size: 12px;
    min-width: 35px;
    min-height: 35px
}

.btn-round {
    border-radius: 30px;
    padding-left: 34px;
    padding-right: 34px
}

.btn-social, .btn-social-icon {
    border: none;
    border-radius: 3px
}

.btn-social-icon {
    color: #fff !important;
    padding-left: 18px;
    padding-right: 18px
}

    .btn-social-icon > :first-child {
        font-size: 16px
    }

.btn-social {
    padding: 12px 12px 12px 50px;
    color: #fff !important;
    font-weight: 500
}

    .btn-social > :first-child {
        width: 55px;
        line-height: 50px;
        border-right: none
    }

.btn-reddit {
    color: #000 !important
}

.btn-group .btn.active {
    background-color: #6777ef;
    color: #fff
}

.media .media-right {
    float: right;
    color: #6777ef;
    font-weight: 600;
    font-size: 16px
}

.media .media-icon {
    font-size: 20px;
    margin-right: 15px;
    line-height: 1
}

.media .media-title {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
    color: #34395e
}

    .media .media-title a {
        font-weight: inherit;
        color: #000
    }

.media .media-tab-title {
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 15px;
    color: #34395e
}

    .media .media-tab-title a {
        font-weight: inherit;
        color: #000
    }

.media .media-description {
    line-height: 24px;
    color: #34395e
}

.media .media-links {
    margin-top: 10px
}

    .media .media-links a {
        font-size: 12px;
        color: #999
    }

.media .media-progressbar {
    flex: 1
}

    .media .media-progressbar .progress-text {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #34395e
    }

.media .media-cta {
    margin-left: 40px
}

    .media .media-cta .btn {
        padding: 5px 15px;
        border-radius: 30px;
        font-size: 12px
    }

.media .media-check-plus .fab, .media .media-check-plus .fal, .media .media-check-plus .far, .media .media-check-plus .fas, .media .media-check-plus .ion {
    font-size: 23px;
    margin: 12px;
    color: #0b94f7
}

.media .media-plus-check .fab, .media .media-plus-check .fal, .media .media-plus-check .far, .media .media-plus-check .fas, .media .media-plus-check .ion {
    font-size: 23px;
    margin: 12px;
    color: #e91e63
}

.media .media-like .fab, .media .media-like .fal, .media .media-like .far, .media .media-like .fas, .media .media-like .ion {
    font-size: 23px;
    margin: 12px
}

.media .media-cta-square {
    margin-left: 40px
}

    .media .media-cta-square .btn {
        padding: 5px 15px;
        border-radius: 5px;
        font-size: 12px
    }

.media .media-items {
    display: flex
}

    .media .media-items .media-item {
        flex: 1;
        text-align: center;
        padding: 0 15px
    }

        .media .media-items .media-item .media-label {
            font-weight: 600;
            font-size: 12px;
            color: #34395e;
            letter-spacing: .5px
        }

        .media .media-items .media-item .media-value {
            font-weight: 700;
            font-size: 18px
        }

.breadcrumb {
    background-color: #f9f9f9
}

    .breadcrumb .breadcrumb-item {
        line-height: 1
    }

        .breadcrumb .breadcrumb-item i {
            margin-right: 5px
        }

.popover {
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
    border-color: transparent
}

    .popover .manual-arrow {
        position: absolute;
        bottom: -15px;
        font-size: 26px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        color: #fff
    }

.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
    border-left-color: #f2f2f2
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
    border-bottom-color: #f2f2f2
}

.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
    border-top-color: #f2f2f2
}

.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
    border-right-color: #f2f2f2
}

.popover .popover-header {
    background-color: transparent;
    border: none;
    padding-bottom: 0;
    padding-top: 10px
}

.popover .popover-body {
    padding: 15px;
    line-height: 24px
}

.sm-gutters {
    margin-left: -5px;
    margin-right: -5px
}

    .sm-gutters > .col, .sm-gutters > [class*=col-] {
        padding-left: 5px;
        padding-right: 5px
    }

.navbar {
    height: 50px;
    left: 250px;
    right: 0;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}


    /* ed */
    .navbar.active {
        background-color: #6777ef;
        box-shadow: rgba(103,119,239,.2) rgba(0,0,0,.1)
    }

.navbar-bg {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: -1
}

.navbar {
    align-items: center
}

    .navbar .navbar-brand {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: 700
    }

    .navbar .search-group {
        background: 0 0;
        padding: 0;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        border: 1px solid #eee;
    }

.search-group .nav-link {
    color: #eee !important;
}

.navbar .search-group .search-control {
    box-shadow: none;
    border: 0;
    background-color: transparent;
    height: 30px
}

    .navbar .search-group .search-control:focus {
        outline: 0
    }

.navbar .search-group ::placeholder {
    color: #fff;
    opacity: 1
}

.navbar .search-group :-ms-input-placeholder {
    color: #fff
}

.navbar .search-group ::-ms-input-placeholder {
    color: #fff
}

.navbar .form-inline .form-control {
    background-color: #fff;
    border-color: transparent;
    padding-left: 20px;
    padding-right: 0;
    margin-right: -6px;
    min-height: 46px;
    font-weight: 500;
    border-radius: 3px 0 0 3px;
    transition: all 1s
}

    .navbar .form-inline .form-control:focus, .navbar .form-inline .form-control:focus + .btn {
        position: relative;
        z-index: 9001
    }

        .navbar .form-inline .form-control:focus + .btn + .search-backdrop {
            opacity: .6;
            visibility: visible
        }

            .navbar .form-inline .form-control:focus + .btn + .search-backdrop + .search-result {
                opacity: 1;
                visibility: visible;
                top: 80px
            }

.navbar .form-inline .btn {
    border-radius: 0 3px 3px 0;
    background-color: #fff;
    padding: 9px 15px 9px 15px;
    border-color: transparent
}

.navbar .form-inline .search-element .form-control {
    border-radius: 30px 0 0 30px
}

.navbar .form-inline .search-element .btn {
    border-radius: 0 30px 30px 0
}

.navbar .form-inline .search-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

.navbar .form-inline .search-result {
    position: absolute;
    z-index: 9002;
    top: 100px;
    background-color: #fff;
    border-radius: 3px;
    width: 450px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s
}

    .navbar .form-inline .search-result:before {
        position: absolute;
        top: -26px;
        left: 34px;
        content: '\f0d8';
        font-weight: 600;
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        font-size: 30px
    }

    .navbar .form-inline .search-result .search-header {
        padding: 13px 18px 2px 18px;
        text-transform: uppercase;
        letter-spacing: 1.3px;
        font-weight: 600;
        font-size: 10px;
        color: #92999f
    }

    .navbar .form-inline .search-result .search-item {
        display: flex
    }

        .navbar .form-inline .search-result .search-item a {
            display: block;
            padding: 13px 18px;
            text-decoration: none;
            color: #34395e;
            font-weight: 600;
            display: flex;
            align-items: center
        }

            .navbar .form-inline .search-result .search-item a:hover {
                background-color: #fbfbff
            }

            .navbar .form-inline .search-result .search-item a:not(.search-close) {
                width: 100%
            }

            .navbar .form-inline .search-result .search-item a i {
                margin-left: 0 !important
            }

        .navbar .form-inline .search-result .search-item .search-icon {
            width: 35px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            border-radius: 50%
        }

.navbar .active .nav-link {
    color: #fff;
    font-weight: 700
}

.navbar .navbar-text {
    color: #fff
}

.navbar .nav-link {
    color: #000;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 100%;
    line-height:30px;
}

    .navbar .nav-link.nav-link-lg div {
        margin-top: 3px
    }

    .navbar .nav-link.nav-link-lg i {
        margin-left: 0 !important;
        font-size: 18px;
        line-height: 32px
    }

    .navbar .nav-link.nav-link-user {
        color: #fff;
        padding-top: 4px;
        padding-bottom: 4px;
        font-weight: 600;
        padding-right: 12px !important
    }

        .navbar .nav-link.nav-link-user img {
            width: 30px
        }

        .navbar .nav-link.nav-link-user:after {
            content: none
        }

    .navbar .nav-link.nav-link-img {
        padding-top: 4px;
        padding-bottom: 4px;
        border-radius: 50%;
        overflow: hidden
    }

        .navbar .nav-link.nav-link-img .flag-icon {
            box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
            border-radius: 50%;
            line-height: 18px;
            height: 22px;
            width: 22px;
            background-size: cover
        }

.remove-caret:after {
    display: none
}

.navbar .nav-link:hover {
    
}

.navbar .nav-link.disabled {
    color: #fff;
    opacity: .6
}

.nav-collapse {
    display: flex
}

@media (max-width:575.98px) {
    body.search-show .navbar .form-inline .search-element {
        display: block
    }

    .navbar .form-inline .search-element {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        z-index: 892;
        display: none
    }

        .navbar .form-inline .search-element .form-control {
            float: left;
            border-radius: 3px 0 0 3px;
            width: calc(100% - 43px) !important
        }

        .navbar .form-inline .search-element .btn {
            margin-top: 1px;
            border-radius: 0 3px 3px 0
        }

    .navbar .form-inline .search-result {
        width: 100%
    }

    .navbar .form-inline .search-backdrop {
        display: none
    }

    .navbar .form-inline .search-group {
        display: none
    }

    .navbar .nav-link.nav-link-lg div {
        display: none
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .navbar .form-inline .search-element {
        display: block
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .collapse {
        position: relative
    }

        .collapse .navbar-nav {
            position: absolute
        }
}

@media (max-width:1024px) {
    .nav-collapse {
        position: relative
    }

        .nav-collapse .navbar-nav {
            box-shadow: 0 0 30px rgba(0,0,0,.1);
            position: absolute;
            top: 40px;
            left: 0;
            width: 200px;
            display: none
        }

            .nav-collapse .navbar-nav.show {
                display: block
            }

            .nav-collapse .navbar-nav .nav-item:first-child {
                border-radius: 3px 3px 0 0
            }

            .nav-collapse .navbar-nav .nav-item:last-child {
                border-radius: 0 0 3px 3px
            }

            .nav-collapse .navbar-nav .nav-item .nav-link {
                background-color: #fff;
                color: #474c51
            }

                .nav-collapse .navbar-nav .nav-item .nav-link:hover {
                    background-color: #fcfcfd;
                    color: #6777ef
                }

            .nav-collapse .navbar-nav .nav-item.active > a, .nav-collapse .navbar-nav .nav-item:focus > a {
                background-color: #6777ef;
                color: #fff
            }

    .navbar {
        left: 5px;
        right: 0
    }

        .navbar .dropdown-menu {
            position: absolute
        }

        .navbar .navbar-nav {
            flex-direction: row
        }

    .navbar-expand-lg .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }
}

.app-dropdown {
    width: 280px !important
}

.dropdown-item.has-icon i {
    margin-top: 8px;
    font-size: 13px
}

.dropdown-menu {
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    border: none;
    width: 200px
}

    .dropdown-menu.show {
        display: block !important
    }

    .dropdown-menu a {
        font-size: 13px
    }

    .dropdown-menu .dropdown-title {
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 1.5px;
        font-weight: 700;
        color: #191d21 !important;
        padding: 10px 20px;
        line-height: 20px;
        color: #98a6ad
    }

    .dropdown-menu.dropdown-menu-sm a {
        font-size: 14px;
        letter-spacing: normal;
        padding: 10px 20px;
        color: #474c51
    }

a.dropdown-item {
    padding: 10px 20px;
    font-weight: 500;
    line-height: 1.2
}

    a.dropdown-item.active, a.dropdown-item:active, a.dropdown-item:focus {
        outline: none !important;
        background: none;
    }

.dropdown-divider {
    border-top-color: #d4d4d4
}

.dropdown-list {
    width: 350px;
    padding: 0
}

    .dropdown-list .dropdown-item {
        display: inline-block;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 13px;
        border-bottom: 1px solid #f9f9f9
    }

        .dropdown-list .dropdown-item.dropdown-item-header:hover {
            background-color: transparent
        }

        .dropdown-list .dropdown-item .time {
            margin-top: 10px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 10px;
            letter-spacing: .5px
        }

        .dropdown-list .dropdown-item .dropdown-item-avatar {
            float: left;
            width: 50px;
            text-align: right;
            position: relative
        }

            .dropdown-list .dropdown-item .dropdown-item-avatar img {
                margin-top: 4px;
                width: 100%
            }

            .dropdown-list .dropdown-item .dropdown-item-avatar .is-online {
                position: absolute;
                bottom: 0;
                right: 0
            }

        .dropdown-list .dropdown-item .dropdown-item-desc {
            line-height: 24px;
            white-space: normal;
            color: #34395e;
            margin-left: 60px
        }

            .dropdown-list .dropdown-item .dropdown-item-desc b {
                font-weight: 600;
                color: #666
            }

            .dropdown-list .dropdown-item .dropdown-item-desc p {
                margin-bottom: 0
            }

        .dropdown-list .dropdown-item .dropdown-msg-item-desc {
            margin-left: 13px;
            display: inline-grid
        }

        .dropdown-list .dropdown-item:focus {
            background-color: #6777ef
        }

            .dropdown-list .dropdown-item:focus .dropdown-item-desc {
                color: #fff !important
            }

                .dropdown-list .dropdown-item:focus .dropdown-item-desc b {
                    color: #fff !important
                }

        .dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc {
            color: #474c51
        }

            .dropdown-list .dropdown-item.dropdown-item-unread:active .dropdown-item-desc b {
                color: #474c51
            }

        .dropdown-list .dropdown-item:active .dropdown-item-desc {
            color: #fff
        }

            .dropdown-list .dropdown-item:active .dropdown-item-desc b {
                color: #fff
            }

        .dropdown-list .dropdown-item.dropdown-item-unread {
            background-color: #fbfbfb;
            border-bottom-color: #f2f2f2
        }

            .dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc {
                color: #474c51 !important
            }

                .dropdown-list .dropdown-item.dropdown-item-unread:focus .dropdown-item-desc b {
                    color: #474c51 !important
                }

    .dropdown-list .dropdown-footer, .dropdown-list .dropdown-header {
        letter-spacing: .5px;
        font-weight: 600;
        padding: 9px 12px;
        border-bottom: 1px solid #efeded
    }

        .dropdown-list .dropdown-footer a, .dropdown-list .dropdown-header a {
            font-weight: 600
        }

    .dropdown-list .dropdown-list-content {
        height: 550px;
        overflow: hidden
    }

        .dropdown-list .dropdown-list-content:not(.is-end):after {
            content: ' ';
            position: absolute;
            bottom: 46px;
            left: 0;
            width: 100%;
            background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.4), rgba(255,255,255,.8));
            height: 60px
        }

    .dropdown-list .dropdown-list-icons .dropdown-item {
        display: flex
    }

        .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon {
            flex-shrink: 0;
            border-radius: 6px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center
        }

            .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon i {
                margin: 0
            }

        .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc {
            margin-left: 15px;
            line-height: 20px
        }

            .dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc .time {
                margin: 0;
                font-size: 10px;
                color: #aaa;
                float: left;
                width: 100%;
                line-height: 20px
            }

    .dropdown-list .dropdown-list-message .dropdown-item {
        display: flex
    }

        .dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-icon {
            flex-shrink: 0;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            line-height: 42px;
            text-align: center
        }

            .dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-icon i {
                margin: 0
            }

        .dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-desc {
            margin-left: 15px;
            line-height: 20px;
            width: 100%
        }

            .dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-desc .time {
                margin: 0;
                font-size: 10px;
                color: #aaa;
                float: left;
                width: 100%;
                line-height: 20px
            }

            .dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-desc .messege-text {
                text-transform: none;
                font-size: 12px;
                color: #6d6c6c
            }

            .dropdown-list .dropdown-list-message .dropdown-item .dropdown-item-desc .message-user {
                font-size: 14px;
                font-weight: 600;
                color: #39393c
            }

.dropdown-flag .dropdown-item {
    font-weight: 600
}

    .dropdown-flag .dropdown-item .flag-icon {
        width: 20px;
        height: 13px;
        margin-right: 7px;
        margin-top: -6px
    }

    .dropdown-flag .dropdown-item.active {
        background-color: #6777ef;
        color: #fff
    }

@media (max-width:575.98px) {
    .dropdown-list-toggle {
        position: static
    }

        .dropdown-list-toggle .dropdown-list {
            left: 10px !important;
            width: calc(100% - 20px)
        }
}

.tab-content.no-padding > .tab-pane {
    padding: 0
}

.tab-content > .tab-pane {
    line-height: 28px
}

.progress {
    -webkit-box-shadow: 0 .4rem .6rem rgba(0,0,0,.15);
    box-shadow: 0 .4rem .6rem rgba(0,0,0,.15)
}

    .progress.progress-xs {
        height: 5px
    }

    .progress.progress-s {
        height: 7px
    }

.progress-bar {
    background-color: #6777ef
}

.jumbotron {
    background-color: #e3eaef
}

.carousel .carousel-caption p {
    font-size: 13px;
    line-height: 24px
}



:root {
    --primary: color(primary);
    --secondary: color(fontdark);
    --success: color(success);
    --info: color(info);
    --warning: color(warning);
    --danger: color(danger);
    --light: color(light);
    --dark: color(dark)
}

body {
    background-color: #f4f6f8;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    color: #333
}

a.bb {
    text-decoration: none;
    border-bottom: 1px solid #6777ef;
    padding-bottom: 1px
}

.form-divider {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    font-size: 16px;
    font-weight: 600
}

.sort-handler, .ui-sortable-handle {
    cursor: move
}

.text-job {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: #34395e
}

.text-time {
    font-size: 12px;
    color: #666;
    font-weight: 500;
    margin-bottom: 10px
}

.bullet, .slash {
    display: inline;
    margin: 0 4px
}

    .bullet:after {
        content: '\2022'
    }

    .slash:after {
        content: '/'
    }

.login-brand {
    margin: 20px 0;
    margin-bottom: 40px;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #666;
    text-align: center
}

.login-invoice {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 4px
}

.font-weight-600 {
    font-weight: 600 !important
}

.budget-price {
    display: inline-block;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 3px
}

    .budget-price .budget-price-square {
        width: 15px;
        height: 3px;
        background-color: #f9f9f9
    }

    .budget-price .budget-price-label {
        font-size: 12px;
        font-weight: 600;
        margin-left: 5px
    }

.gradient-bottom {
    position: relative
}

    .gradient-bottom:after {
        content: ' ';
        position: absolute;
        bottom: 41px;
        left: 0;
        width: 100%;
        background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.4), rgba(255,255,255,.8));
        height: 60px
    }

.text-small {
    font-size: 12px;
    line-height: 20px
}

.text-title {
    font-size: 14px;
    color: #34395e;
    font-weight: 600
}


.ion {
    font-size: 15px
}

.fab, .fal, .far, .fas {
    font-size: 13px
}

.sidebar-gone-show {
    display: none !important
}

pre {
    border-radius: 3px
}


.pe-none {
    pointer-events: none
}


.is-online {
    width: 10px;
    height: 10px;
    background-color: #69e7b8;
    border-radius: 50%;
    display: inline-block
}

.gutters-xs {
    margin-right: -.25rem;
    margin-left: -.25rem
}

    .gutters-xs > .col, .gutters-xs > [class*=col-] {
        padding-right: .25rem;
        padding-left: .25rem
    }

.beep {
    position: relative
}

    .beep:after {
        content: '';
        position: absolute;
        top: 2px;
        right: 8px;
        width: 7px;
        height: 7px;
        background-color: #ffa426;
        border-radius: 50%;
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1
    }

    .beep.beep-sidebar:after {
        position: static;
        margin-left: 10px
    }

.notification-count {
    position: absolute;
    top: -6px;
    right: 2px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 1px 6px;
    border-radius: 50%
}

@media (max-width:575.98px) {
    .fc-overflow {
        width: 100%;
        overflow: auto
    }

        .fc-overflow #myEvent {
            width: 800px
        }

    .ionicons li {
        width: calc(100% / 4)
    }

    .icon-wrap {
        width: 100%
    }
}

.section {
    position: relative;
    z-index: 1
}

    

    .section .section-header .section-header-breadcrumb-content {
        padding: 8px 31px 14px;
        display: flex;
        align-items: center;
        margin-left: -28px
    }

        .section .section-header .section-header-breadcrumb-content h1 {
            margin-bottom: 3px;
            font-weight: 600;
            display: inline-block;
            font-size: 20px;
            color: #000
        }

        .section .section-header .section-header-breadcrumb-content .section-header-back {
            margin-right: 15px
        }

            .section .section-header .section-header-breadcrumb-content .section-header-back .btn:hover {
                background-color: #6777ef;
                color: #fff
            }

        .section .section-header .section-header-breadcrumb-content .section-header-button {
            margin-left: 20px
        }

        .section .section-header .section-header-breadcrumb-content .section-header-breadcrumb {
            display: flex;
            align-items: center;
            padding-left: 15px
        }

            .section .section-header .section-header-breadcrumb-content .section-header-breadcrumb .breadcrumb-item.active:before {
                display: inline-block;
                padding-right: .5rem;
                color: #e5e7eb;
                content: '|';
                font-size: 13px;
                margin-bottom: 6px
            }

            .section .section-header .section-header-breadcrumb-content .section-header-breadcrumb .breadcrumb-item a {
                font-size: 15px;
                color: #9e9fa1;
                text-decoration: none
            }

            .section .section-header .section-header-breadcrumb-content .section-header-breadcrumb .breadcrumb-item:before:first-child {
                display: inline-block;
                padding-right: .5rem;
                color: #9e9fa1;
                content: '|'
            }

            .section .section-header .section-header-breadcrumb-content .section-header-breadcrumb .breadcrumb-item:before {
                display: inline-block;
                padding-right: .5rem;
                color: #9e9fa1;
                content: '\f111';
                font-family: 'Font Awesome 5 Free';
                font-weight: 600;
                font-size: 5px;
                vertical-align: middle;
                margin-bottom: 2px
            }

        .section .section-header .section-header-breadcrumb-content .btn {
            font-size: 12px
        }

    .section .section-header .section-header-breadcrumb-chart {
        margin-top: 10px
    }

        .section .section-header .section-header-breadcrumb-chart .breadcrumb-chart {
            display: inline-block;
            margin-left: 40px
        }

            .section .section-header .section-header-breadcrumb-chart .breadcrumb-chart .chart-info {
                margin-top: 8px
            }

                .section .section-header .section-header-breadcrumb-chart .breadcrumb-chart .chart-info p {
                    font-size: 10px;
                    font-weight: 500;
                    margin: 0 !important;
                    line-height: 15px;
                    color: grey
                }

                .section .section-header .section-header-breadcrumb-chart .breadcrumb-chart .chart-info span {
                    font-size: 10px;
                    font-weight: 700;
                    text-transform: uppercase;
                    margin: 0 !important;
                    text-align: right
                }

    .section .section-title {
        font-size: 18px;
        color: #191d21;
        font-weight: 600;
        position: relative;
        margin: 30px 0 25px 0
    }

        .section .section-title + .section-lead {
            margin-top: -20px
        }

.main-sidebar {
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    height: 100%;
    width: 240px;
    background-color: #fff;
    z-index:500;
    left: 0
}

.main-content, .main-footer, .main-sidebar, .navbar {
    transition: all .5s
}

body.sidebar-gone .main-sidebar {
    left: -250px
}

.sidebar-mini .hide-sidebar-mini {
    display: none !important
}

.sidebar-mini .main-sidebar {
    width: 65px;
    overflow: initial !important;
    position: absolute;
    box-shadow: none
}

    .sidebar-mini .main-sidebar:after {
        box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
        content: ' ';
        position: fixed;
        background-color: #fff;
        width: 65px;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
        opacity: 0;
        animation-name: mini-sidebar;
        animation-duration: 1.5s;
        animation-fill-mode: forwards
    }

@keyframes mini-sidebar {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sidebar-mini .main-sidebar .logo-name {
    display: none
}

.sidebar-mini .main-sidebar .sidebar-brand-sm {
    display: block
}

.sidebar-mini .main-sidebar .sidebar-profile {
    margin: 0
}

    .sidebar-mini .main-sidebar .sidebar-profile .siderbar-profile-pic .profile-img-circle {
        width: 35px
    }

    .sidebar-mini .main-sidebar .sidebar-profile .siderbar-profile-details .siderbar-profile-name, .sidebar-mini .main-sidebar .sidebar-profile .siderbar-profile-details .siderbar-profile-position {
        display: none
    }

    .sidebar-mini .main-sidebar .sidebar-profile .sidebar-profile-buttons {
        display: none
    }

.sidebar-mini .main-sidebar .sidebar-menu > li {
}

    .sidebar-mini .main-sidebar .sidebar-menu > li.menu-header {
        padding: 0;
        font-size: 0;
        height: 2px
    }

    .sidebar-mini .main-sidebar .sidebar-menu > li > a {
        border-radius: 3px;
        height: 30px;
        padding: 25px 15px;
    }

        .sidebar-mini .main-sidebar .sidebar-menu > li > a .fab, .sidebar-mini .main-sidebar .sidebar-menu > li > a .fal, .sidebar-mini .main-sidebar .sidebar-menu > li > a .far, .sidebar-mini .main-sidebar .sidebar-menu > li > a .fas, .sidebar-mini .main-sidebar .sidebar-menu > li > a .ion {
            margin: 0;
            font-size: 17px
        }

        .sidebar-mini .main-sidebar .sidebar-menu > li > a span {
            display: none
        }

.sidebar-mini .main-sidebar .sidebar-menu > .dropdown:hover > a span {
    display: block;
    padding-left: 32px;
}


        .sidebar-mini .main-sidebar .sidebar-menu > li > a:hover span {
            display: block;
            padding-left:32px
          
        }
        .sidebar-mini .main-sidebar .sidebar-menu > li > a .badge {
            padding: 5px;
            position: absolute;
            top: -11px;
            right: 6px;
            font-size: 10px
        }

        .sidebar-mini .main-sidebar .sidebar-menu > li > a.has-dropdown:after {
            content: initial
        }

    .sidebar-mini .main-sidebar .sidebar-menu > li.active > a {
        box-shadow: 0 4px 8px #acb5f6;
        background-color: #6777ef;
        color: #fff
    }

    .sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu {
        position: absolute;
        background-color: #fff;
        left: 65px;
        top: 50px;
        width: 235px;
        display: none;
        box-shadow: 0 0 30px rgba(0,0,0,.1)
    }

        .sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a {
            padding-left: 14px;
        }

.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li a:before {
    display:none
}


        .sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a, .sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a:hover, .sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li > a:focus {
            color: #6777ef
        }

.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a {
    height: 40px;
    background-color: #fff;
    color: #000000
}

            .sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li a.has-dropdown:after {
                content: "";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                position: absolute;
                top: 50%;
                right: 20px;
                -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
                font-size: 10px
            }

.sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu {
    display: block !important
}

    .sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li:hover > a {
        background-color: #fcfcfd
    }

    .sidebar-mini .main-sidebar .sidebar-menu li:hover > ul.dropdown-menu li .dropdown-menu {
        left: 200px;
        padding: 0
    }

.sidebar-mini .navbar {
    left: 65px
}

.sidebar-mini .main-content, .sidebar-mini .main-footer {
    padding-left: 90px
}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/loading.gif) 50% 50% no-repeat #f9f9f9;
    opacity: 1
}

.user-img-radious-style {
    border-radius: 6px;
    box-shadow: 4px 3px 6px 0 rgba(0,0,0,.2)
}

.shadow-style {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)
}

.main-sidebar .sidebar-brand {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    height: 50px;
    line-height: 47px;
    border-bottom: 1px solid #dee4ec;
}

    .main-sidebar .sidebar-brand.sidebar-brand-sm {
        display: none
    }

    .main-sidebar .sidebar-brand a {
        text-decoration: none;
        letter-spacing: 2px;
        font-weight: 700;
        font-size: 23px;
        vertical-align: bottom;
        color: #000
    }

        .main-sidebar .sidebar-brand a .header-logo {
            height: 25px
        }

        .main-sidebar .sidebar-brand a .logo-name {
            vertical-align: middle;
            font-size: 20px
        }

.main-sidebar .sidebar-profile .siderbar-profile-pic {
    padding: 11px 10px 0 5px;
    text-align: center
}

    .main-sidebar .sidebar-profile .siderbar-profile-pic .profile-img-circle {
        background: #e4f3ff !important;
        z-index: 1000;
        position: inherit;
        border-radius: 50%;
        display: block;
        width: 60px
    }

.main-sidebar .sidebar-profile .siderbar-profile-details {
    text-align: center;
    color: #000000;
    padding-top: 8px
}

    .main-sidebar .sidebar-profile .siderbar-profile-details .siderbar-profile-name {
        white-space: nowrap;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .main-sidebar .sidebar-profile .siderbar-profile-details .siderbar-profile-position {
        font-size: 12px;
        line-height: 14px
    }

.main-sidebar .sidebar-profile .sidebar-profile-buttons {
    display: flex;
    place-content: space-around;
    font-size: 18px;
    width: 190px;
    text-align: center;
    margin: auto
}

    .main-sidebar .sidebar-profile .sidebar-profile-buttons a {
        padding: 0 !important;
        background-color: transparent !important
    }

        .main-sidebar .sidebar-profile .sidebar-profile-buttons a:hover {
            background-color: transparent !important;
            color: #aaadb7
        }

.main-sidebar .sidebar-menu {
    padding: 0;
    margin: 0
}

    .main-sidebar .sidebar-menu li {
        display: block
    }

        .main-sidebar .sidebar-menu li.menu-header {
            padding: 3px 15px;
            color: #5f666c;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 1.3px;
            font-weight: 400
        }

            .main-sidebar .sidebar-menu li.menu-header:not(:first-child) {
                margin-top: 10px
            }

        .main-sidebar .sidebar-menu li a {
            position: relative;
            display: flex;
            align-items: center;
            height: 40px;
            padding: 0 20px;
            width: 100%;
            letter-spacing: .3px;
            color: #000;
            font-weight: 400;
            text-decoration: none
        }

            .main-sidebar .sidebar-menu li a .badge {
                float: right;
                padding: 5px 10px;
                margin-top: 2px
            }

            .main-sidebar .sidebar-menu li a i {
                width: 28px;
                font-size: 13px;
                margin-right: 10px;
                text-align: center;
                color:#000;
            }

            .main-sidebar .sidebar-menu li a span {
                margin-top: 0;
                width: 100%
            }

            .main-sidebar .sidebar-menu li:hover {
                width: 300px;
                background: #fff;
                box-shadow: 0 4px 25px 0 rgba(0,0,0,.1)
            }

.main-sidebar .dropdown-menu li:hover {
    width: auto!important;
    box-shadow: none;
    font-weight: 600;
}

                .main-sidebar .sidebar-menu .user-prof:hover {
                    width: auto !important;
                    box-shadow: none !important;
                }





                .main-sidebar .sidebar-menu li.active a {
                    color: #ddd;
                    font-weight: 400;
                    background-color: #fcfcfd
                }

        .main-sidebar .sidebar-menu li.active ul.dropdown-menu {
            background-color: #fcfcfd
        }

        .main-sidebar .sidebar-menu li a.has-dropdown:after {
            content: "";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            font-size: 10px
        }

        .main-sidebar .sidebar-menu li a.toggle:after {
            content: "";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            font-size: 10px
        }

        .main-sidebar .sidebar-menu li.active > ul.dropdown-menu {
            display: block
        }

            .main-sidebar .sidebar-menu li.active > ul.dropdown-menu li a:hover {
                background-color: #fcfcfd
            }

        .main-sidebar .sidebar-menu li ul.dropdown-menu {
            padding: 0;
            margin: 0;
            display: none;
            position: static;
            float: none;
            width: 100%;
            box-shadow: none;
            background-color: transparent
        }

            .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
                color: #3b3f43;
                height: 35px;
                padding-left: 55px;
                font-weight: 400
            }

                .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
                    color: #000; font-weight:600;
                    background-color: inherit
                }

                    .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover:before {
                        color: #6777ef;
                        font-weight: 900;
                        left: 35px
                    }

                .main-sidebar .sidebar-menu li ul.dropdown-menu li a:before {
                    content: '\f22b';
                    font-family: 'Font Awesome 5 Free';
                    font-weight: 900;
                    font-size: 12px;
                    position: absolute;
                    transition: .5s;
                    left: 30px;
                    color: #868e96
                }

            .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a {
                color: #6777ef;
                font-weight: 400
            }

                .main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a:before {
                    color: #6777ef;
                    font-weight: 900
                }

            .main-sidebar .sidebar-menu li ul.dropdown-menu li a i {
                margin-top: 1px;
                text-align: center
            }

            .main-sidebar .sidebar-menu li ul.dropdown-menu li ul.dropdown-menu {
                padding-left: 10px
            }

.main-content {
    padding-left: 280px;
    padding-right: 30px;
    padding-top: 60px;
    width: 100%;
    position: relative
}

.main-footer {
    padding: 20px 30px 20px 280px;
    margin-top: 40px;
    color: #98a6ad;
    border-top: 1px solid #e3eaef;
    display: inline-block;
    background: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    width: 100%
}

    .main-footer .footer-left {
        float: left
    }

    .main-footer .footer-right {
        float: right
    }

.simple-footer {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active a {
    background-color: #6777ef;
    color: #fff
}

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a {
    color: #e8ebfd
}

    body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li a:hover {
        background-color: #6777ef;
        color: #fff
    }

body:not(.sidebar-mini) .sidebar-style-1 .sidebar-menu li.active ul.dropdown-menu li.active a {
    color: #fff
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a {
    padding-left: 20px;
    position: relative
}

    body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 25px;
        width: 4px
    }

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu li.active ul.dropdown-menu li a {
    background-color: #fff
}

@media (max-width:1024px) {
    .sidebar-gone-hide {
        display: none !important
    }

    .sidebar-gone-show {
        display: block !important
    }

    .main-sidebar {
        position: fixed !important;
        margin-top: 0 !important;
        z-index: 891
    }

    body.layout-2 .main-wrapper, body.layout-3 .main-wrapper {
        width: 100%;
        padding: 0;
        display: block; background:#fff;
    }

    .main-content {
        padding-left: 30px;
        padding-right: 30px;
        width: 100% !important
    }

    .main-footer {
        padding-left: 30px
    }

    body.search-show {
        overflow: hidden
    }

        body.search-show .navbar {
            z-index: 892
        }

    body.sidebar-show {
        overflow: hidden
    }

        body.search-show:before, body.sidebar-show:before {
            content: '';
            position: fixed;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0;
            z-index: 891;
            -webkit-animation-name: fadeinbackdrop;
            animation-name: fadeinbackdrop;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards
        }

    @-webkit-keyframes fadeinbackdrop {
        to {
            opacity: .6
        }
    }

    @keyframes fadeinbackdrop {
        to {
            opacity: .6
        }
    }
}

.rounded-circle {
    border-radius: 50% !important;
    border: 2px solid rgba(0,0,0,.2)
}

.pulsate {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1, .1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0
    }
}

.mand {
    color: #cd3333 !important
}

.fg-pswd {
    float: right;
    color: #cd3333;
    text-decoration: underline;
    font-weight: 400;
}

.link {
    float: left;
    margin-right: 10px
}

.disable-ic i {
    color: #964c4c
}

.enable-ic i {
    color: #029000
}

.trash-ic i {
    color: #cd3333
}

.edit-ic i {
    color: #1179f9;
}

.sbmt-btn, .sbmt-btn:hover {
    background: #ffffff;
    color: #cd3333;
    border: 1px solid #cd3333;
}

.fill-btn, .fill-btn:hover {
    background: #cd3333;
    color: #fff;
    border: 1px solid #cd3333;
}
.cncl-btn, .cncl-btn:hover {
    background: #fff;
    color: #cd3333;
    border: 1px solid #cd3333
}

.crm-btn {
    margin-bottom: 10px
}

.error {
    color: #cd3333;
    font-size: 12px;
    font-weight: 400;
}


.green-bg {
    background: #def7e5;
    color: #044a19;
    padding: 10px;
    text-align: center;
}

.rd-bg {
    background: #ffe4e4;
    color: #772c2c;
    padding: 10px;
    text-align: center;
}

/*.brdr {
    border: 1px solid #eee;
    padding: 0 15px 10px;
    margin-bottom: 15px
}*/
.top-box {
 min-height:100px;
}
.brdr .card {
    margin-bottom: 10px;
}

    .brdr .nav-link.active {
        background: none;
        color: #000;
        border-bottom: 1px solid #c52f33;
        border-radius: 0;
        background-color: #f3f1f1;
        font-weight: 600;
    }

.brdr .nav-link {
    border-radius: 0;
    color: #2f2f2f;
    cursor: pointer;
    border: 1px solid #eee;
}

.brdr strong{font-weight:600!important}

.txt-center{text-align:center}

    .txt-center a, .txt-center a:hover {
        color: #cd3333;
        cursor: pointer;
    }



    .icn i {
        color: #cd3333; 
    }
        .icn a:first-child {
            margin-right: 10px;
        }

.divcomments {
    background: #eee;
    margin-bottom: 10px;
}

.list-qst {
    background: #eee;
    padding: 10px;
    margin-bottom: 10px;
}

.qst{margin:10px 0}

.accordion button, .accordion button:hover, .accordion button:focus {
    color: #cd3333;
    text-decoration: none
}


.accordion .card{border:1px solid #eee!important}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
 background:#fff!important; color:#000!important
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
 font-size:14px!important
}
[data-toggle="collapse"] .fa:before {
    content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}
.modal-backdrop {

    z-index: -1; background:#fff!important;
}
/*.main-content{background:#fff}*/
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
 outline:none
}
.modal-open .navbar {
    z-index: 1
}
.modal-open .main-sidebar {
    z-index: 1;
}
.modal-open .modal {
    background: rgb(0 0 0 / 28%) !important;
}

.m-hd{margin-top:20px}

.brdr .nav { border-bottom:1px solid #eee}


.itm-rqrd .sbmt-btn {
    float: right;
    margin-top: 10px;
}

.modal-title {
    font-size: 16px;
    line-height: 28px;
    padding-right: 10px;
    margin-bottom: 0;
}

.sl-count {
    padding: 12px 20px;
}

.sl-no {
    width: 100%;
    text-align: center;
    float: left; font-weight:600;
}

.aad-lst{margin-top:5px;}

    .aad-lst .form-group {
        margin-bottom: 7px;
    }

.cm-btn {
}

.subj {
 font-weight:600;
}

.link-red, .link-red:hover, .link-red:focus {
    color: #cd3333!important;
    text-decoration: underline!important;
    cursor: pointer
}

.pretty {text-align:center; margin-top:6px;}

.pdf-ic i {
    color: #cd3333;
    font-size: 16px;
    margin-top:8px;
}

.s-action a {
    font-size:13px; color:#cd3333; text-decoration:underline;
}

#dvReminders div {
 line-height:30px;
}

.rmndr .link-red, .op-hr .link-red {
    float: right;
    font-size: 14px
}


.modal-open {
 padding-right:0px;
}

.main-wrapper {
    /*background: #fff;*/
    height: 100vh;
}

.custom-control {
margin-bottom:10px;
}


.sidebar-mini .sh-logo {
 display:none
}

.log-ic {
    display:none;
}

.sidebar-mini .log-ic {
    display: block !important;
    height: 50px !Important;
}

.sidebar-mini .sidebar-brand {
 padding-left:5px;
}

.list-director, .add-director {
 float:left;
}

.list-director {
 margin-right:5px
}
    .dir_head {
        width: 100%;
        float: left;
        margin-top: 25px;
    }


        .dir_head .sbmt-btn, .guarantor_head .sbmt-btn {
            background: #fff;
            color: #2f2f2f;
            border: 1px solid #eee;
            padding: 2px 6px;
        }


.sbmt-btn i {
 color:#cd3333;
}
.guarantor_head {
    margin-top: 25px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fdfdff !important;
    border: 1px solid #ced4da !important;
    padding:3px 15px;
    border-radius: .25rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: #fdfdff !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #000!important;
    padding-right: 5px!important;
}

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

.gp-info {
    font-weight: 600!important;
    text-transform: uppercase;
}

.close-ic{
 color:#cd3333;
}

.tick-ic {
    color: #00b640
}

.completed i {
    font-size: 31px;
    color: #00b640;
    padding: 11px 0;
}


.pending i {
    font-size: 31px;
    color: #cd3333;
    padding: 11px 0;
}

.completed, .pending {
    margin-top: 20px;
    border: 1px solid #eee;
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
}

    .completed .sbmt-btn, .pending .sbmt-btn {
        margin: 10px 0;
    }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #cd3333!important;
    border-color:#cd3333!important;
}

.mod-ft {
 padding:10px 0;
}


.divPrivileges {
 margin-top:20px;
}

    .divPrivileges li::marker {display:none; font-size:0px}

    .divPrivileges ul {
    
    }


.divPrivileges li > ul {
    margin-left: 50px;
}

.divPrivileges ul {
    border-left: solid 1px #d9d7d7;
    padding-left: 4px;
}

.divPrivileges li {
    padding: 5px;
}

    .divPrivileges .agentCls {
        color: #2727af;
    }

    .divPrivileges .compressed {
        color: #212121;
        font-weight: bold;
        cursor: pointer;
    }

.adminCls {
 cursor:pointer;
}


/*user-role*/

.uDiv {
    padding-bottom: 6px;
    border-bottom: 1px solid #eee;
    margin-bottom: 6px;
}



.sb-hdr {
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 10px;

}

.us-role {
 float:right
}

.userRoleList .rolBtn {
    float: left;
    width: 33.33%;
      padding: 5px;
    margin-bottom: 10px;
}

.rolBtn input {
    float:left
}

.rolBtn .lblRole {
    float: left;
    line-height: 11px;
    margin-left: 10px;
    cursor: pointer;
}
.lbluseractivity {
    display: flex;
  /*  width:300px;*/
    float: left;
    line-height: 11px;
    margin-left: 10px;
    cursor: pointer;
}

.d-flex{
    display: flex;
    flex-direction: column;
}

.rollwidth{
    width: 300px;
}

.rolBtn:hover {
    background-color: cornsilk;
    border-color: #365f91;
}

#divviewreport {
 width:100%;
}

.m-t-30 {
    margin-top: 30px!important;
}
.no-record {
    text-align: center;
    margin: 10px;
    color: #c10707;
}

.m-hd label{ width:100%; margin:0px}

.ic-bnt, .ic-bnt:hover, .ic-bnt:focus {
    color: #cd3333;
}

.intr-tbl .form-check-input {
    margin-top: 0;
    margin-left: 0;
    position: inherit;
}

.t-cntr {
 text-align:center
}

.add-kya a {
    color: #000;
    margin-top: 10px;
    float: left;
    font-size: 20px;
    border-bottom: 1px dotted;
}
    .add-kya a:hover {
     text-decoration:none
    }

.veda_acc, .addequ {
    cursor: pointer;
    border-bottom: 1px dotted;
}

.op-up-2 {
    border: 1px solid #ddd;
    float: left;
    width: 100%; 
}

    .op-up-2 .brd-span {
     float:left;
    }

    .op-up-2 .wd-1 {
        width:70%;
    }

    .op-up-2 .wd-2 {
        width: 5%;
    }

    .op-up-2 .wd-3 {
        width: 12%;
    }

    .op-up-2 .wd-4 {
        width: 13%;
    }

    .op-up-2 ul {
     margin:0;padding:0px;
    }

.top-titt {
    font-weight: 700;
    width: 100%;
    border-bottom: 1px solid #ddd;
    float: left;
    text-transform: uppercase; margin-bottom:5px; padding-left:8px;
}

.ul-sub {
    width: 100%;
    float: left;
    margin-bottom: 10px !Important;
}
.li-sub {
    width: 100%;
    float: left;
    font-weight: 600;
}

.li-li-sub {
    background: #eee;
    float: left;
    width: 100%;
    font-weight:normal; padding:0 15px;
}

::marker {
}

::marker {
    display: none;
    font-size: 0px
}

.divhr .hd-1 {
    background: ##dedede;
    padding: 10px;
    font-size: 16px;
}

.sub-ids {
 padding-left:15px;
}

.add-h {
 width:100%
}

.add-dtl {
    width: 50%;
}
.spanagentstatuspopup{
    width: 50%;
    float: right;
    text-align: right;
    color: #cd3333 !important;
    text-decoration: underline;
}

.tb-op-up .form-check-input {
    position: inherit;
    padding: 0;
    margin: 0;
}

.main-hd {
    text-transform: uppercase;
    font-weight: 600;
    background: #eee !important;
    font-size: 15px;
}

.ch-hd {
    font-weight: 600;
}

.tb-op-up i {
 color:#cd3333
}

.sm-span {
    font-size:12px;
}

.st-brdr {
 padding-top:15px; padding-bottom:15px
}

.ml-10 {
 margin-left:10px;
}

.clstbody .form-control {
    padding: 0px 3px!important;
    height: 30px!important;
}


.clstbody .form-check-input {
    position: inherit !important;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 6px;
}

.brd-hd h2 {
   font-size: 16px;  margin-top:10px;
}
.brd-hd {
    border-bottom: 1px solid #eee;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.f-b {
 font-weight:600;
}

.clsinv, .clsinv:hover, .clscompany, .clscompany:hover, .clsprofile2, .clsprofile2:hover {
    color: #cd3333;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.dtl-flw {
    width: 65%;
    float: right;
    text-align: right;
    color: #cd3333 !important;
    text-decoration: underline; margin-right:10px
}
    .dtl-flw i {
     text-decoration:none!important; margin-left:10px;
    }

.divpendinfo {
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    padding-top: 5px;
}
    .divpendinfo i {
     color:#cd3333;
    }
    .divpendinfo:last-child {
     border:none
    }

.dramount {
    color: red;
}

.ex-info .custom-control {
    margin:0px;
}
.ex-info .form-group p {
    margin-bottom: 0px !important;
    font-size: 13px;
    font-weight: 400;

}

.select2-selection__rendered {
 line-height:20px!important;
}

    .select2-selection__rendered li {
        float: left;
        margin-top: 2px !important;
        font-size: 13px;
    }
.tox-statusbar {
 display:none!important
}

.select2-container .select2-selection--multiple {
 min-height:35px!important
}

.cc-bcc {
    position: absolute;
    top: 0;
    right: 16px;

}
.sp_open_cc {
    color: #cd3333;
    font-weight: 600;
    cursor: pointer;
}

.sp_open_bcc {
    color: #cd3333;
    font-weight: 600;
    cursor: pointer;
}

.sp_close_cc, .sp_close_bcc {
    position: absolute;
    top: 0;
    right: 18px;
    color: #cd3333;
    font-weight: 600;
    cursor: pointer;
}

.ln-ht-30 {
 line-height:30px;
}


/*change password*/


#pswd_info {
    /*width:350px;*/
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
}

    #pswd_info h4 {
        margin: 0 0 ;
        padding: 0;
    }
.mb-0 {
 margin-bottom:0px;
}
.invalid {
    font-size: 14px;
    background: url(../img/invalid.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #cd3333;
}

.valid {
    font-size: 14px;
    background: url(../img/valid.png)  no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
    font-weight: bold;
}

#pswd_info {
    display: block;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#pswd_info ul li {
    margin: 10px 0px;
}

.chng-pwd-otr .btns {
    max-width: 110px;
    float: right;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 0px;
}

.width-1 {
 width:5%!important
}

.width-2 {
    width: 8% !important
}

.width-3 {
    width: 6% !important
}

.width-4 {
    width: 6% !important
}
.width-5 {
    width: 55% !important
}
.width-6 {
    width: 10% !important
}
.width-7 {
    width: 10% !important
}

.modal .card-header h4 {
 font-size:14px!important
}
.sub-tab .nav-pills {
    margin-bottom: 10px;
}

  

.add-btn {
 float:right;
}


.alert-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
    font-size: 13px !important;
}

.alert-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
    font-size: 13px !important;
}



.alert-primary {
    color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
    font-size: 13px !important;
}

.select-brdr {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.ui-dialog .ui-dialog-titlebar-close:after {
    content: "x";
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 35%!important;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    border: none;
    background: no-repeat;
}
.ui-dialog .ui-dialog-content {
    overflow: initial;
}

.select-brdr:focus {
 outline:none
}


.accordion {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.accordion-header[aria-expanded=true] {
    background-color: #e91e63;
    color: #fff;
}
.accordion .accordion-header[aria-expanded=true] {
   
    color: #333;
}
.accordion .accordion-header {
    background: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    border-radius: 0;
    cursor: pointer;
    transition: all .5s;
    border: 1px solid #ddd;
}
    .accordion .accordion-header h4 {
        line-height: 30px;
        margin: 0;
        font-size: 16px;
        font-weight: 700;
    }
.accordion .accordion-body {
    border: 1px solid #ddd;
    padding: 5px 10px;
    float: left;
    width: 100%;
}
.accordion .accordion-header {
    padding: 2px 11px;
}

.spantag i {
 color:#cd3333
}

.name-usr {
 float:left; font-size:12px;
}
.dt-tme {
    font-size: 12px;
    float: left;
}
.note-style {
    border: 1px solid #ddd;
    float: left;
    width: 100%;
}
    .note-style .noteC {
        border-bottom: 1px solid #ddd;
    }

.sts {
    font-size: 12px;
}
.rsn {
    font-size: 12px; 
}

.pro-name .main-hd {
    background: #dae4ea !important;
    width: 100%;
    padding: 5px;margin:0px;
}

.tab-dtl .dochref {
    color: #000!important
}
    .tab-dtl .dochref:hover {
     color:#cd3333!important
    }
    .font-sz {
        font-size: 13px;
    }

.email-desc {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0;
}

.tab-dtl .btn {
    padding: 0px 3px;
}

.ov-scroll {
    height: 84px;
    overflow-x: hidden;
    overflow-y: auto;
}

.comment-post {
    font-size: 12px;
    text-align: justify;
}
.v-agnt {
 font-weight:700
}

.comment-user, .comment-date {
    font-size: 12px;
}



.call-history-ov {
    height: 300px;
    overflow-y: auto;
}

.b-b-style {
    border-bottom: 1px solid #ddd;
}

.leads-table .dataTables_filter label {
    display: initial;
}

.sales_check {
    position: initial;
    margin-top: 0;
    margin-left: 0;
}

.all-btn i{
 font-size:12px; margin-right:2px
}

.div_status p {
 margin:0
}

.sc-menu {
    left: 0!important;
    top: 41px!important;
    padding: 0!important;
}
.pdfobject-container {
    height: 40rem;
    border: 1rem solid rgba(0,0,0,.1);
}
.cls-requests{
    padding:10px;
}

.font-ed {
 font-size:13px!important
}

.clsinv, .clscompany, .clsprofile2 {
    color: #cd3333 !important
}

.ui-dialog-titlebar-close {
    margin: -10px 0 0 0!important;
}

.red-fnt {
 color:#cd3333!important
}

.green-fnt {
    color: #0b9a33 !important
}

.hday-head {
    margin-bottom: 8px;
    color: #000;
}

.hday-state {
    font-size: 12px;
    margin-top: 10px;
    float: left;
    border: 1px solid #dad8d8;
    padding: 3px;
    border-radius: 5px;
    min-width: 85px;
    text-align: center;
}
.holiday_events {
    border: 1px solid #cd3333;
}
    .holiday_events .ui-widget-header {
        background:#cd3333!important;
        color:#fff!important;
    }
    .holiday_events .ui-dialog-titlebar-close {
     color:#fff;
    }
    .list-hd {
        border-bottom: 1px solid #eee;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .list-hd:last-child {
     border:none;
    }

    .tdsalesnote span {
        margin-top: 10px;
        float: left;
        width: 100%;
        color: #797777;
        font-size: 12px
    }

.chk-bx-cnt .link {
 float:none!important
}

.spanviewmore {
    color: #cd3333 !important;
    font-weight: 600;
}


.esign-link {
    animation: blink 1s linear infinite;
    color: #cd3333 !important;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}
.modal:nth-of-type(even) {
    z-index: 1052 !important;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.can-modal {
    padding: 0 0 0 25px!important;
}

    .can-modal label {
        font-size: 12px;
        margin-bottom:0px;
    }
    .can-modal .btn {
     font-size:12px!important; float:right;
    }

    .can-modal .form-control {
        margin-bottom: 20px!important;
    }

.ui-widget-header {
    background: #ddd!important
}

.divHodlidays {
    padding: 15px 5px!important
}



    .custom-card .card-body {
        padding: 25px;
    }

.card-item .card-item-icon.card-icon {
    background: rgb(183 36 36 / 10%);
    fill: #cd3333;
}
.card-item .card-item-icon {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    bottom: 21px;
    top: auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tx-12 {
    font-size: 12px;
}

.cont .modal-footer {
    border-top: 1px solid #e9ecef;
}

.modal-min-ht {

min-height:100px}
}
.product-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.9);
    z-index: 9999;
    display: none;
}

    .product-image-overlay .product-image-overlay-close {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #fff;
        line-height: 35px;
        font-size: 20px;
        color: #fff;
        text-align: center;
        cursor: pointer;
    }

    .product-image-overlay img {
        width: auto;
        max-width: 40%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .product-image-overlay pdf {
        width: 100%;
        height: 250px;
        border: 1px solid #0000FF;
        position: relative;
        height: 800px;
    }
.w100 {
    width: 80%;
    margin: 0px 10%;
    position: absolute;
    height: 100%;
}
.selected {
    background: antiquewhite !important;
}