/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a {
    color: #0366d6;
    text-decoration: none !important;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

/* Fancy Loading (loading image) */
.fancy-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/circle_loader.gif') center no-repeat #fff;
    background-color: #0000007d;
}

.css-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99999;
    background-color: #0000007d;
}

    .css-loader::after,
    .css-loader::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3.5px solid;
        border-color: transparent transparent #232A7C #232A7C;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack 1.5s linear infinite;
        transform-origin: center center;
    }

    .css-loader::before {
        width: 42px;
        height: 42px;
        border-color: transparent transparent #83BBE6 #83BBE6;
        animation: rotation 1s linear infinite;
    }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
/* End Fancy Loading (loading image) */

/* Modal Size */
.modal-size-sm {
    width: 500px;
}

.modal-size-md {
    width: 700px;
}

.modal-size-lg {
    width: 900px;
}

.modal-size-xl {
    width: 1200px;
}
/* Modal Size */

.cf-mt {
    margin-top: 10px;
}

.hide {
    display: none !important;
}

.new-hr {
    height: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

/*Bootstrap Calendar*/
.datepicker {
    z-index: 10000;
}

.datepicker-dropdown {
    width: 20%; /* Adjust the width as needed */
}

/* Adjust the width of the inner calendar */
.datepicker-days > .table-condensed,
.datepicker-months > .table-condensed,
.datepicker-years > .table-condensed,
.datepicker-decades > .table-condensed,
.datepicker-centuries > .table-condensed {
    width: 300px;
}
/*Bootstrap Calendar*/