/*body { color: #163565; }*/
/* Notification CSS Start */

.notificationbox {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    color: #fff;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 20px;
    margin-bottom: 15px;
    animation: grow 0.4s ease-in forwards;
    z-index: 5555;
    float: right;
}

.nb-success {
    color: #060;
    background: #cfc url(images/ok.gif) no-repeat 8px 12px;
}

.nb-error {
    color: #c00;
    background: #fcc url(images/fail.gif) no-repeat 8px 12px;
}

.nb-warning {
    color: #c60;
    background: #ffc url(images/warn.gif) no-repeat 8px 12px;
}

/* Notification CSS End */

.notification-container {
    position: fixed;
    top: 40px;
    margin: 0 auto;
    width: 500px;
    max-width: calc(100% - 30px);
    z-index: 1035;
    right: 0;
}

.notification {
}

@keyframes grow {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.notification.hide {
    animation: shrink 0.3s ease-out forwards;
}

@keyframes shrink {
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}

.notification strong {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.notification-info {
    background-color: #00cae3;
}

.notification-success {
    background-color: #55b559;
}

.notification-warning {
    background-color: #ff9e0f;
}

.notification-danger {
    background-color: #f55145;
}


/* Notification CSS End */

.btn-primary,
.page-item.active .page-link,
.card-info:not(.card-outline) > .card-header,
[class*=sidebar-dark-] {
    background-color: #163565 !important;
    color: #fff
}

thead {
    background-color: #14B0DC !important;
    color: #fff;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
[class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link,
[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link:focus,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link:focus,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link:hover {
    background-color: #2C4F7E;
    border-radius: 0 20px 20px 0
}


.container-fluid h1 {
    text-transform: capitalize;
    font-size: revert;
    color: #14b0dc;
    font-weight: 500;
}

[class*=sidebar-dark-] .sidebar a .nav-icon {
    color: #14b0dc !important;
}

.error, .requiredSign {
    color: red;
}

.card-body-title {
    display: flex;
    justify-content: center;
    font-weight: bold;
    background-color: #007bff;
    padding: 5px;
    margin: 0px 5px;
    border-radius: 25px;
    color: #fff
}

span.iconDigit {
    background-color: #ffc107;
    padding: 3px 10px;
    margin: 5px;
    border-radius: 5px;
    font-weight: bold;
    color: black;
}

card {
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgb(97 97 97 / 20%), 0 2px 20px 0 hsl(0deg 0% 53% / 19%);
    border: transparent;
}

.card-title {
    color: #00a9d9;
    font-weight: 300;
    text-transform: uppercase;
    font-weight: bold;
}

.card-info .card-title {
    color: #fff;
}

span.ovr-text {
    font-size: calc(2.5vw + 1.5vmin);
    color: #183f74;
    font-weight: bolder;
}

.cr-myCard .divTitle {
    width: 80%;
    padding: 15px 0 0 15px;
    font-size: 20px;
}

    .cr-myCard .divTitle .titleSelection {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        text-align: left;
        overflow-wrap: break-word;
        color: #00a9d9;
        font-weight: 300;
        font-size: 1.3rem;
        white-space: nowrap;
    }

.text-muted {
    display: flex;
    justify-content: center;
}

.text-sm .brand-link {
    font-size: x-large;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    padding: 5px 10px;
}

table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:after,
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:before {
    top: 2px
}


/*
.ajax-Loader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0.9;
    filter: alpha(opacity=20);
    display: none;
    background: url("/Content/Images/loader.gif") no-repeat center center;
    z-index: 2000;
}*/