/* ================= Start:- Imports ================= */

@import url('../fonts/fonts.css');
@import url('../css/animate.css');

/* ================= End:- Imports ================= */


/*  */


/* ================= Start:- Common ================= */

* {
    scrollbar-width: thin;
}

html,
body {
    background-color: #ffffff;
    height: 100%;
    margin: 0;
    scroll-behavior: smooth;
}

body {
    display: flex;
    flex-direction: column;
}

.main-section {
    flex: 1 0 auto;
}

a:link,
a:hover,
a:visited,
a:active {
    color: #252525;
    text-decoration: none;
    outline: 0 !important;
}

.link-common:link,
.link-common:active,
.link-common:visited {
    color: #009afa;
    font-weight: 500;
}

.link-common:hover {
    color: #117DBF;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

textarea {
    resize: none !important;
}

select option,
.form-select option {
    font-weight: 300 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0px;
    word-wrap: break-word;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.center-mid {
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-height {
    height: 70%;
}

.form-control:focus,
.btn:focus,
.btn-close:focus,
input,
.form-select:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #dbdbdb !important;
}

.form-check-label {
    user-select: none !important;
}

.form-label {
    font-weight: 600 !important;
}

.modulecheck:checked,
.form-check-active,
.menucheck:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.modulecheck:checked+.modulecheck-label,
.menucheck:checked+.menucheck-label {
    color: #198754 !important;
}

.img-logo {
    width: 200px;
    height: auto;
}

.btn-main {
    color: #ffffff !important;
    background-color: #303030 !important;
    box-shadow: 2px 2px 8px #b4b3b3;
}

.btn-main:hover,
.btn-main:focus {
    background-color: #0d0d0d;
    box-shadow: 2px 2px 8px #d4d4d4;
}

.btn-main-1 {
    color: #ffffff !important;
    background-color: #797ff2 !important;
    box-shadow: 2px 2px 8px #b4b3b3;
}

.btn-main-1:hover,
.btn-main-1:focus {
    background-color: #5860f5 !important;
    box-shadow: 2px 2px 8px #d4d4d4;
}

.btn-main-2 {
    color: #ffffff !important;
    background-color: #117DBF !important;
    box-shadow: 2px 2px 8px #b4b3b3;
}

.btn-main-2:hover,
.btn-main-2:focus {
    background-color: #1a90da !important;
    box-shadow: 2px 2px 8px #d4d4d4;
}

.btn-main-3 {
    color: #ffffff !important;
    background-color: #797979 !important;
    box-shadow: 2px 2px 8px #b4b3b3;
}

.btn-main-3:hover,
.btn-main-3:focus {
    box-shadow: 2px 2px 8px #d4d4d4;
}

.btn-main-4 {
    color: #000000 !important;
    background-color: #dddddd !important;
    box-shadow: 2px 2px 8px #b4b3b3;
}

.btn-main-4:hover,
.btn-main-4:focus {
    box-shadow: 2 5px 8px #d4d4d4;
}

.btn-main-5 {
    color: #ffffff !important;
    background-color: #2cdea5 !important;
    box-shadow: 2px 2px 8px #2cdea67c;
}

.btn-main-5:hover,
.btn-main-5:focus {
    box-shadow: 2px 2px 8px #61e6bc31;
}

.btn-main-6 {
    color: #ffffff !important;
    background-color: #ff0000 !important;
    box-shadow: 2px 2px 8px #ff00007c;
}

.btn-main-6:hover,
.btn-main-6:focus {
    box-shadow: 2px 2px 8px #ff000031;
}

.btn-main-7 {
    color: #ffffff !important;
    background-color: #18b44f !important;
    box-shadow: 2px 2px 8px #07a13d7c;
}

.btn-main-7:hover,
.btn-main-7:focus {
    background-color: #07a13d !important;
    box-shadow: 2px 2px 8px #07a13d31;
}


.btn-type-select {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff !important;
    background-color: #494949 !important;
    box-shadow: 2px 2px 8px #b4b3b3;
    -webkit-transition: .4s;
    transition: .4s;
}

.btn-type-select:hover {
    color: #ffffff !important;
    background-color: #07a13d !important;
    box-shadow: 2px 2px 8px #07a13d7c;
}

.btn-edit {
    padding: 4px 8px;
    border-radius: 20px;
    color: #000000;
    background-color: #54bcfd !important;
}

.btn-edit svg {
    width: 15px;
}

.btn-remove {
    padding: 1px 1px;
    border-radius: 20px;
    color: #ffffff !important;
    background-color: #ff0000 !important;
}

.btn-remove svg {
    width: 20px;
    height: 20px;
}

.btn-nclose-2 {
    padding: 2px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    background-color: #ffffff;
}

.btn-nclose-2 svg {
    width: 25px;
}

.btn-siden-1 {
    color: #ffffff !important;
    background: linear-gradient(to right, #2cdea5, #009afa);
    box-shadow: 2px 2px 8px #bbbbbb;
    transition: .5s;
}

.btn-siden-1:hover,
.active-mod {
    background: linear-gradient(to left, #009afa, #1296e9) !important;
    box-shadow: 2px 2px 8px #e7e7e7;
}

.badge-pending,
.badge-info,
.badge-completed,
.badge-canceled {
    display: inline-block;
    min-width: 120px;
    border-radius: 0.2rem;
    padding: 0.2rem 0.35rem;
    color: hsl(0, 0%, 100%);
    font-size: 0.9rem;
    font-weight: 600;
}

.b-ground-pending,
.badge-pending {
    background-color: hsl(39, 87%, 50%);
}

.b-ground-info,
.badge-info {
    background-color: hsl(203, 100%, 49%);
}

.b-ground-completed,
.badge-completed {
    background-color: hsl(130, 77%, 34%);
}

.b-ground-cancel,
.badge-canceled {
    background-color: hsl(0, 75%, 44%);
}

.color-pending {
    color: hsl(39, 87%, 50%) !important;
}

.color-info {
    color: hsl(203, 100%, 49%) !important;
}

.color-completed {
    color: hsl(130, 77%, 34%) !important;
}

.color-canceled {
    color: hsl(0, 75%, 44%) !important;
}

.bg-dark-badge {
    color: #ffffff;
    background-color: #0d0d0e;
}

.modal-header {
    border-bottom: transparent !important;
}

.modal-footer {
    border-top: transparent !important;
}

.remark-card {
    border: 1px solid #8f8e8e;
    border-radius: 5px;
    box-shadow: 2px 2px 12px #e4e4e4;
}

.img-remarkuser {
    width: 64px;
    height: 64px;
}

.remark-user-name {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
}

.remark-user-position {
    display: block;
    width: 100%;
    font-size: 14px;
}

input[name=listGridView] {
    display: none;
}

.sys-id {
    cursor: pointer;
}

.sys-id::after {
    padding-left: 5px;
    content: "\f0c5";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #2c7fde;
}

/* ================= End:- Common ================= */


/*  */

.loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1.5rem;
}

.loader-body {
    border: 1px solid transparent;
    width: 240px;
    height: 240px;
    float: left;
    position: relative;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    margin: 30px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: .6em solid #bebebea8;
    border-right: .6em solid #bebebea8;
    border-bottom: .6em solid #bebebea8;
    border-left: .6em solid #117dbf;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loader .6s infinite linear;
    animation: loader .6s infinite linear;
}

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

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

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

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

.logo-div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 65%;
    z-index: 3000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-div img {
    width: 60px;
    height: auto;
}


/* ================= Start:- Nav ================= */

.a-navbar {
    width: 100%;
    padding: 2px;
    background-color: #f1f1f1;
    box-shadow: 0 3px 4px #d3d3d3;
    position: sticky !important;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.img-brand {
    width: auto;
    height: 40px;
}

.img-user {
    width: 40px;
    border-radius: 50%;
}

.img-user-2 {
    width: 135px;
    border-radius: 50%;
}

.btn-nicon {
    padding: 5px 16px;
    border-radius: 15px;
    background-color: #d5d5d5;
    box-shadow: 2px 3px 5px #bbbbbb;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-nicon:hover,
.btn-nicon:focus {
    box-shadow: 2px 3px 3px #bbbbbbbb;
}

.btn-nicon svg {
    width: 19px;
}

.btn-nicon .img-user {
    margin-left: -10px;
}

.btn-menu {
    display: none;
}

.info-count {
    padding: 2px 4px;
    border-radius: 25px;
    position: absolute;
    top: -8px;
    right: -6px;
    color: #ffffff;
    background-color: #169ef2;
    font-size: 13px;
    font-weight: 700;
}

.a-navbar .dropdown-menu {
    min-width: 300px;
    padding: 8px;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 0px 2px 8px #d8d8d8 !important;
}

.a-navbar .dropdown .dropdown-item {
    padding: 10px;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    font-size: 14px;
}

.a-navbar .dropdown .dropdown-item:hover,
.a-navbar .dropdown .dropdown-item:focus {
    border-radius: 3px;
    color: #ffffff;
    background-color: #242424;
    box-shadow: 0px 2px 5px #a3a3a3 !important;
}

.dropdown-custom .dropdown-menu {
    min-width: 300px;
    padding: 8px;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 0px 2px 8px #d8d8d8 !important;
}

.dropdown-custom .dropdown-item {
    padding: 10px;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    font-size: 14px;
}

.dropdown-custom .dropdown-item:hover,
.dropdown-custom .dropdown-item:focus {
    border-radius: 3px;
    color: #ffffff;
    background-color: #242424;
    box-shadow: 0px 2px 5px #a3a3a3 !important;
}

.notifi-info,
.chat-info,
.notes-info {
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 0px;
    height: 100vh;
    background-color: #ffffff69;
    z-index: 1500;
    display: flex;
}

.notifi-content,
.chat-content,
.note-content {
    height: 100%;
    padding: 0px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px #5f5e5e;
}

.note-content {
    position: relative;
}

.notifi-heading,
.chat-heading,
.note-heading {
    height: 10%;
    color: #ffffff;
    background-color: #0d0d0e;
    position: relative;
}

.notifi-heading .btn-nclose-2,
.chat-heading .btn-nclose-2,
.note-heading .btn-nclose-2 {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ffffff;
    background-color: transparent;
}

.notifi-heading span,
.chat-heading span,
.note-heading span {
    font-weight: 700;
    font-size: 17px;
}

.chat-controls,
.note-controls {
    height: 7%;
    background-color: #f8f8f8;
}

.chat-controls-2 img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.notifi-body,
.notifi-view-body {
    height: 90%;
    overflow: auto;
    background-color: #ffffff;
}

.chat-body,
.chat-view-body,
.chat-user-list,
.note-body,
.note-view-body {
    height: 83%;
    overflow: auto;
    background-color: #ffffff;
}

.notifi-card {
    margin-bottom: 5px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    background-color: #ffffff;
    position: relative;
    cursor: pointer;
    box-shadow: 2px 2px 8px #dbdbdb;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.notifi-title {
    padding-right: 30px;
    display: block;
    font-size: 14px;
}

.notifi-time {
    color: #8f8e8e;
    font-size: 11px;
}

.notifi-option {
    position: absolute;
    top: 15px;
    right: 3px;
}

.notifi-option .btn {
    padding: 3px !important;
}

.notifi-option svg {
    width: 25px;
}

.notifi-new {
    background-color: #6ee0bc;
}

.notifi-new .notifi-title,
.notifi-new .notifi-option svg {
    color: #ffffff;
}

.notifi-new .notifi-time {
    color: #3b3b3b;
}

.notifi-view-card {
    height: 100%;
    overflow: auto;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 2px 2px 8px #c2c1c1;
}

.notifi-view-heading {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f3f3f3;
    position: relative;
}

.notifi-view-heading .btn-nclose-2 {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: transparent;
}

.chat-card {
    cursor: pointer;
    border-radius: 5px;
    border-bottom: 1px solid #dfdfdf;
    box-shadow: 0px 2px 8px #dfdfdf;
    position: relative;
    margin-bottom: 10px;
    -webkit-transition: .5s;
    transition: .5s;
}

.chat-card:hover,
.chat-card:focus {
    box-shadow: 0px 2px 8px #dfdfdf6c;
}

.chat-newminfo {
    position: absolute;
    top: -8px;
    left: -6px;
    color: #1a90da;
}

.chatuser-imgdiv {
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-chatuser {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.online {
    border: 3px solid #12b12d !important;
}

.offline {
    border: 3px solid #ff0000 !important;
}

.chatuser-name {
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.chat-controls-2 .chatuser-name {
    display: block;
    font-size: 13px;
    font-weight: 600;
}

.chatuser-designation {
    display: block;
    color: #525151;
    font-size: 13px;
}

.chat-controls-2 .chatuser-designation {
    display: none;
    color: #525151;
    font-size: 12px;
}

.chatuser-status {
    display: block;
    color: #797979;
    font-size: 12px;
}

.chat-controls-2 .chatuser-status {
    display: inline;
    color: #797979;
    font-size: 11px;
}

.chatuser-starred i {
    color: #eeeded;
}

.chatuser-starred i:hover {
    color: #ffd700;
}

.chatuser-starred-active {
    color: #ffd700 !important;
}

.chat-view-body-mlist {
    height: 90%;
    overflow: auto;
}

.chat-user-list-card {
    cursor: pointer;
    margin-bottom: 5px;
    border-radius: 4px;
    box-shadow: 0 2px 3px #d6d4d4;
    -webkit-transition: .5s;
    transition: .5s;
}

.chat-user-list-card:hover,
.chat-user-list-card:focus {
    box-shadow: 0 2px 5px #d6d4d4b0;
}

.chat-view-body-mtype {
    height: 10%;
    background-color: #f8f8f8;
}

.chat-bubble {
    margin-bottom: 5px;
    padding: 3px;
    width: 100%;
    font-size: 14px;
    position: relative;
}

.chat-bubble-SPo {
    display: flex;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.chat-bubble-R {
    padding: 8px;
    max-width: 80%;
    border-radius: 5px;
    color: #ffffff;
    background-color: #48b9ff;
    z-index: 5;
}

.chat-bubble-R::before {
    position: absolute;
    bottom: -6px;
    left: 4px;
    content: "";
    display: block;
    width: 18px;
    height: 10px;
    background-color: #48b9ff;
    -webkit-clip-path: polygon(100% 0, 38% 0, 0 90%);
    clip-path: polygon(100% 0, 38% 0, 0 90%);
    z-index: 2;
}

.chat-bubble-S {
    padding: 8px;
    max-width: 80%;
    border-radius: 5px;
    color: #ffffff;
    background-color: #2cdea5;
    display: flex;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    z-index: 5;
}

.chat-bubble-S::before {
    position: absolute;
    bottom: -6px;
    right: 4px;
    content: "";
    display: block;
    width: 18px;
    height: 10px;
    background-color: #2cdea5;
    -webkit-clip-path: polygon(4% 0, 71% 0, 100% 90%);
    clip-path: polygon(4% 0, 71% 0, 100% 90%);
    z-index: 2;
}

.note-card {
    border-bottom: 1px solid #c9c7c7;
}

.noteuser-info {
    display: flex;
    flex-direction: column;
    -ms-flex-pack: start !important;
    justify-content: flex-start;
    align-items: center;
}

.note-title {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
}

.note-time {
    display: block;
    width: 100%;
    font-size: 11px;
}

.note-card .btn .n-edit,
.n-edit {
    width: 13px;
    height: 13px;
}

.note-card .btn i {
    font-size: 13px;
}

.note-view-content {
    height: 100%;
}

.note-title-sec {
    height: 14%;
}

.note-content-sec {
    height: 86%;
}

.note-content-sec form,
.note-content-sec form .form-group,
.note-content-sec form .form-group textarea {
    height: 98% !important;
}

.note-view-content label {
    font-size: 15px;
    font-weight: 700;
}

.note-title-sec form .form-group input,
.note-content-sec form .form-group textarea {
    font-size: 14px;
}

.delete-modal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 5px;
    background-color: #3030307c;
    z-index: 2500;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.delete-modal-content {
    width: 95%;
    margin-top: 25%;
    border-radius: 5px;
    padding: 10px;
    background-color: #ffffff;
    position: relative;
}

.delete-modal-content .btn-nclose-2 {
    position: absolute;
    top: 0px;
    right: 0px;
}

.delete-modal-info span:first-child {
    display: block;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
}

.delete-modal-info span:last-child {
    display: block;
    font-size: 15px;
    color: #303030;
}

.delete-modal-control {
    margin-top: 15px;
}


.nav-pills .nav-link {
    min-width: 190px;
    border: 3px solid transparent !important;
    border-radius: 4px;
    background-color: transparent !important;
    color: #202020;
    font-weight: 700;
    font-size: 1.2rem;
    -webkit-transition: .4s;
            transition: .4s;
}
.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus,
.nav-pills .nav-link.active {
    border-bottom-color: #009afa !important;
    background-color: #009afa17  !important;
    color: #009afa !important;
}


/* ================= End:- Nav ================= */


/* ================= Start:- Footer ================= */

footer {
    font-size: 12px;
    flex-shrink: 0;
    background-color: #2b2b2b;
    color: #ffffff;
}

footer a:link,
footer a:active,
footer a:visited {
    color: #ffffff;
    font-weight: 500;
}

footer a:hover {
    color: #2cdea5;
}


/* ================= End:- Footer ================= */

.login-content {
    height: 100%;
}

.login-body {
    border: 1px solid #dbdbdb;
    border-radius: 7px;
    box-shadow: 2px 5px 8px #dbdbdb;
}

.forgot-div {
    font-size: 14px;
}

.forgot-div a:link,
.forgot-div a:active,
.forgot-div a:visited {
    color: #6e6d6d !important;
}

.forgot-div a:hover {
    color: #1d1d1d !important;
    text-decoration: underline;
}

.warning-div {
    color: #fc2c2c;
    font-weight: 600;
}

.pass-recoverinfo span {
    font-size: 14px;
}

.type-selection {
    border: 1px solid #c9c7c7;
    border-radius: 5px;
}

.info-div {
    font-size: 14px;
}


/* ================= Start:- DashM ================= */

.shortcut-area {
    border-radius: 10px;
    background-color: #f8f8f8;
    position: relative;
}

.shortcut-card {
    height: 100%;
    min-height: 100px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px #c7c7c7;
    color: #5f5e5e;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

.shortcut-card:hover {
    box-shadow: 0px 0px 8px #ebe9e9;
}

.shortcut-card .btn-remove {
    position: absolute;
    top: 5px;
    right: 5px;
}

.img-shortcut {
    width: 35px;
    height: auto;
}

.img-shrotcutemp {
    width: 45px;
    height: auto;
    color: #c2c0c0;
}

.shortcut-card-info {
    font-size: 11px !important;
    text-align: center;
}

.shortcut-area .btn-edit {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 200;
    display: none;
    width: 40px;
    height: 40px;
    color: #ffffff !important;
}

.shortcut-area:hover .btn-edit {
    -webkit-transition: ease .3s;
    transition: ease .3s;
    display: block !important;
}

.shortcut-area .name-label {
    position: absolute;
    width: 98%;
    top: -15px;
    left: 15px;
    padding: 2px 7px;
    border-radius: 5px;
    background-color: #797ff2;
    color: #ffffff;
    font-size: 12px;
}

.mod-contnet {
    overflow: auto;
}

.module-card {
    height: 100%;
    min-height: 140px;
    border-radius: 10px;
    box-shadow: 2px 5px 8px #c7c7c7;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative !important;
}

.module-card:hover {
    box-shadow: 2px 5px 8px #e7e7e7;
}

.img-module {
    width: auto;
    height: 50px;
    color: #000000 !important;
}

.img-module-2 {
    width: auto;
    height: 40px;
    color: #000000 !important;
}

.module-info, .module-dashboard-info {
	font-weight: 500;
    text-align: center;
}



.mod-active {
    border: 2px solid #12b12d;
}

.mod-deactive {
    position: relative;
    border: 2px solid #fc1c1c;
}

.mod-deactive-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: #fc1c1c0c;
    z-index: 200;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-deactive-overlay span {
    padding: 5px;
    border-radius: 8px;
    color: #ffffff;
    background-color: #fc1c1c70;
}

.module-card .btn-dark {
    position: absolute !important;
    border-radius: 50%;
    padding: 1px 8px;
    font-size: 11px;
    z-index: 700;
}

.module-card .btn-dark {
    top: 5px !important;
    right: 5px !important;
}


/* 
.mod-deactive .btn-dark {
    top: 5px;
    right: 5px;
} */

.module-modal .modal-header {
    position: relative;
    justify-content: flex-start !important;
    align-items: center;
}

.module-modal .modal-title {
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.module-modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.module-modal .modal-title svg {
    width: 25px;
    height: auto;
}

.permission-infocard .container-fluid {
    cursor: pointer;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 2px 2px 5px #e4e4e4;
    -webkit-transition: .6s;
    transition: .6s;
}

.permission-infocard .container-fluid:hover {
    box-shadow: 2px 2px 5px #fafafa;
}

.permission-infocard .user-info span {
    display: block;
    font-weight: 600;
}

.permission-infocard .user-info span:first-child {
    color: #2c7fde;
}

.permission-infocard .user-info span:last-child {
    color: #2cdea5;
    font-size: 13px;
}

.permi-view-uinfo img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.permi-view-uname {
    font-weight: 600;
}

.permi-view-udesig {
    color: #525151;
    font-weight: 600;
    font-size: 13px;
}

.permission-info-list>ul {
    border: 1px solid #c2c0c059;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #d1d1d1;
}

.permission-info-list>.list-l1 {
    list-style-image: url('../images/common/angle-right-solid.svg') !important;
}

.permission-info-list .list-l2 {
    list-style-image: url('../images/common/angle-double-right-solid.svg') !important;
}

.permission-info-list .list-l3 {
    list-style-image: url('../images/common/circle-solid.svg') !important;
}

.permission-info-list ul li {
    margin: 5px;
}

.permission-info-list li>span {
    cursor: pointer;
    width: 100%;
    padding: 5px;
    display: flex;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-transition: .3s;
    transition: .3s;
}

.permission-info-list li>span:hover {
    border-radius: 5px;
    background-color: #ebe9e9;
}

.permission-info-list li>span i {
    color: #12b12d;
}

.no-permi-sub1 li span,
.no-permi-sub1 li span i,
.no-permi-sub2 li span,
.no-permi-sub2 li span i,
.no-permi-sub3 span,
.no-permi-sub3 span i {
    color: #fd4444 !important;
}


/* ================= Start:- A-Core ================= */

.content-row-1 {
    height: 100%;
}

.content-row-1 .side-nav {
    width: 22%;
    height: 100% !important;
    overflow: auto;
    -webkit-transition: .1s;
    transition: .1s;
}

.content-row-1 .side-navm {
    width: 5.5% !important;
    height: 100% !important;
    overflow: auto;
    -webkit-transition: .4s;
    transition: .4s;
}

.side-nav {
    position: relative;
}

.side-nav-cbtn {
    position: absolute;
    top: 15px;
    right: 0px;
}

.content-row-1 .content-container {
    width: 78%;
    -webkit-transition: .1s;
    transition: .1s;
}

.content-row-1 .content-containerf {
    width: 93.5%;
    -webkit-transition: .4s;
    transition: .4s;
}

.content-row-1 .content-container,
.content-row-1 .content-container {
    overflow: hidden !important;
    height: 100%;
}

.module-dashboard-info-div {
    height: 27%;
    color: #000000 !important;
}

.modules-img-div {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.modules-img-div svg {
    height: 40px !important;
}

.module-info-div .module-dashboard-info .module-info {
    font-size: 19px !important;
    font-weight: 600;
}

.modules-funcs-btns {
    display: flex;
    justify-content: center;
}

.module-info-dnone .module-info,
.modules-funcs-btns {
    display: none !important;
}


/* Start: side-nav */

.navi {
    width: 100%;
    height: 73%;
    padding-top: 5px;
    background-color: #ffffff;
    overflow: auto !important;
}

.navi-controls {
    display: none;
}

.navi .accordion .card,
.navi .accordion .card-header {
    border-radius: 0px !important;
    border-color: transparent !important;
}

.navi .accordion .card .card-header {
    padding: 0px;
    background-color: #ffffff !important;
}

.navi .card-header button:after {
    margin-top: 2%;
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    float: right;
}

.navi .card-header button.collapsed:after {
    content: "\f107";
}

.navi .card-body {
    padding: .5rem 0rem .5rem .5rem !important;
}

.navi .btn.m-head {
    border-radius: 3px;
    padding: 14px 5px !important;
    color: #5c5c5c !important;
    font-size: 17px;
    font-weight: 500;
    background-color: #dfdfdf;
}

.navi .btn.m-head:hover,
.navi .btn.m-head:focus {
    color: #ffffff !important;
    background-color: #169ef2;
}

.navi .btn.m-head-active {
    color: #ffffff !important;
    background-color: #169ef2;
}

.navi .btn.m-head-no-permi {
    border-radius: 3px;
    padding: 14px 8px !important;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 500;
    background-color: #e10f0f;
}

.navi .btn.m-head-no-permi:hover {
    background-color: #ae0202;
    ;
}

.btn-navilinks {
    width: 100%;
    height: 100%;
    color: #807d7d !important;
    font-size: 15px;
    font-weight: 500;
    text-align: left !important;
    text-transform: capitalize;
    background-color: #ffffff;
    -webkit-transition: .6s;
    transition: .6s;
}

.btn-navilinks .d-icon {
    display: none;
    float: right;
    -webkit-transition: .7s;
    transition: .7s;
}

.btn-navilinks:hover .d-icon {
    display: inline-block;
}

.btn-navilinks:hover,
.s-head-active {
    color: #169ef2 !important;
}

.s-head-active .d-icon {
    display: inline-block;
}

.s-head-no-permi,
.s-head-no-permi:hover,
.s-head-no-permi:focus,
.s-head-no-permi .d-icon {
    color: #e10f0f !important;
}

.navim-list .nav-item {
    padding: .5rem;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.navim-list .nav-item .btn {
    width: 100%;
}

.siden-mini {
    position: relative;
}

.siden-content {
    position: absolute;
    top: 0px;
    right: -10%;
}


/* End: side-nav */


/* Start: Module DashBoard */

.content-row-1 .content-container>div,
.content-row-1 .content-container>div {
    overflow: auto !important;
    height: 100%;
}

.content-container>div {
    border: 6px;
    background-color: #ffffff;
}

.dash-info-c1 {
    border-radius: 5px;
    box-shadow: 2px 2px 5px #dbdbdb;
}

.chart-div {
    width: 100%;
    height: 600px;
}


/* End: Module DashBoard */

.stepdiv-t-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stepdiv-t-1 span {
    margin: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #c2c1c1;
    color: #000000;
    font-weight: 600;
    user-select: none !important;
}

.stepdiv-t-1 .step-done {
    background-color: #07a13d;
    color: #ffffff;
}

.stepdiv-t-1 .step-warning {
    background-color: #c4960c;
    color: #ffffff;
}

.stepdiv-t-1 .step-wrong {
    background-color: #fc1c1c;
    color: #ffffff;
}

.crow-t-1 {
    background-color: #e0dfdf;
}

.crow-t-1 .input-group {
    border-radius: 0px !important;
}

.crow-t-1 .input-group input {
    border-radius: 0px !important;
    border-color: transparent transparent #979797 transparent;
    background-color: transparent !important;
}

.crow-t-1 .input-group input:focus {
    border-color: transparent transparent #1b1b1b transparent !important;
    background-color: transparent !important;
}

.menu-heading {
    font-size: 1.2rem;
    font-weight: 600;
}

.container-fluid>.drow-t-1:nth-child(even) {
    background-color: #f0f0f0;
    -webkit-transition: .6s;
    transition: .6s;
}

.container-fluid>.drow-t-1:nth-child(odd) {
    background-color: #ffffff;
    -webkit-transition: .6s;
    transition: .6s;
}

.container-fluid>.drow-t-1:hover {
    background-color: #e4e4e4;
}

.drow-t-1 {
    border-left: 1px solid #e0dfdf;
    border-bottom: 1px solid #e0dfdf;
    border-right: 1px solid #e0dfdf;
}

.drow-t-1>div {
    border: 0px;
}

.drow-t-1>div:first-child,
.drow-t-1>div:nth-child(2) {
    display: flex;
    align-items: center;
}

.drow-t-1>div:last-child {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.drow-t-2 {
    border-left: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

.captiondiv-t-1 span {
    display: block;
    padding: 8px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.warning-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    background-color: #c4960c;
    color: #ffffff;
    font-weight: 600;
    user-select: none !important;
}

.warning-info span {
    display: block;
    width: 100% !important;
    text-align: left !important;
}


/* ================= End:- A-Core ================= */


/* ================= Start:- other ================= */

.accordion-button:focus {
    border-color: #d4d4d4 !important;
    box-shadow: none !important;
}

.modulecheck:checked,
.form-check-active,
.menucheck:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.modulecheck:checked+.modulecheck-label,
.menucheck:checked+.menucheck-label {
    color: #198754 !important;
}


/* Select2 */
.select2-container--default .select2-selection--single {
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select2-container .select2-selection--single {
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    height: 0;
    left: 0%;
    margin-left: -4px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 7px 7px 7px;
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field:hover,
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #1a90da;
    ;
}

.select2-search--dropdown .select2-search__field {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #cecfcf;
    color: #202020;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    font-weight: 500;
    line-height: 1.5;
}

.select2-results__options {
    font-weight: 500;
}


/* ================= Start:- Invoice ================= */

input[name=quickInvItemType] {
    display: none;
}



.quick-inv-type {
    width: 100%;
    height: auto;
    padding: 1rem;
    border-radius: 10px;
    background-color: #d4d4d4;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
}

.quick-inv-type:hover,
input[name=quickInvItemType]:checked+.quick-inv-type {
    color: #f0f0f0;
    background-color: #117DBF;
}

input[name=quickJobItemType] {
    display: none;
}

.quick-job-type {
    width: 100%;
    height: auto;
    padding: 0.6rem;
    border-radius: 10px;
    background-color: #d4d4d4;
    text-align: center;
    font-size: 1.0rem;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
}
.quick-job-type:hover,
input[name=quickJobItemType]:checked+.quick-job-type {
    color: #f0f0f0;
    background-color: #117DBF;
}

.invoice-body-container-1,
.invoice-body-container-2 {
    height: 100%;
    overflow: auto;
}

.img-invoice {
    width: auto;
    max-height: 60px;
}

.invoice-print {
    font-size: 15px !important;
}

.invoice-print table th {
    font-size: 15px !important;
}

.invoice-print table td {
    font-size: 14px !important;
}

.print-footer-details p {
    font-size: 14px;
}

@media print {
    .invoice-print {
        font-size: 12px !important;
    }

    .invoice-print table th {
        font-size: 12px !important;
    }

    .invoice-print table td {
        font-size: 11px !important;
    }

    .print-footer-details p,
    .print-footer-details a {
        font-size: 11px !important;
    }
}



/* ================= Start:- Gate Pass ================= */

.gatepass-label {
    width: 100%;
    padding: 1rem;
    border-radius: 5px;
    background-color: #dbdbdb;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.gatepass-label:hover,
input[name="gatepass_type"]:checked+.gatepass-label {
    color: #ffffff;
    background-color: #12b12d;
}


/* ================= Start:- DropZone ================= */

.dropzone {
    min-height: 100% !important;
    border: 2px solid #525151 !important;
    background-color: #ececec !important;
}

.dropzone .dz-preview.dz-image-preview {
    background: #ffffff;
    border-radius: 20px !important;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #ffffff;
    background: linear-gradient(to bottom, #fff, #f2f2f2) !important;
}


/* ================= Start:- Estimate ================= */


input[name=estimateItemType] {
    display: none;
}

.estimate-item-type {
    width: 100%;
    height: auto;
    padding: 1rem;
    border-radius: 10px;
    background-color: #d4d4d4;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
}

.estimate-item-type:hover,
input[name=estimateItemType]:checked+.estimate-item-type {
    color: #f0f0f0;
    background-color: #117DBF;
}