#loading-icon {
        animation: spin 2s linear infinite;
    }

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

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

    .main-sidebar {
        background-color: #242F9B !important
    }

    .main-header {
        background-color: #646FD4 !important;
        border: 0px;
    }

    .content-wrapper {
        background-color: #9BA3EB !important
    }

    .text-muted {
        color: #eaeaea !important
    }

    .breadcrumb {
        color: white !important
    }

    .breadcrumb a {
        color: #242F9B !important;
        border-bottom: 1px solid #242F9B;
    }

    .breadcrumb a:hover {
        color: #000000 !important;
        border-bottom: 1px solid #000000;
    }

    .btn-ryu1 {
        background-color: #6372f8;
        border-color: #6372f8;
        color: white;
    }

    .btn-ryu1:hover:not([disabled]){
        background-color: #2d3cc9;
        border-color: #2d3cc9;
        color: white;
    }

    .btn-ryu1:hover:disabled{
        color: white;
    }

    .btn-ryu2 {
        background-color: #2d3cc9 !important;
        border-color: #2d3cc9 !important;
        color: white !important;
    }

    .btn-ryu2:hover:not([disabled]){
        background-color: #1f2b96 !important;
        border-color: #1f2b96 !important;
        color: white !important;
    }

    .btn-ryu2:hover:disabled{
        color: white;
    }


    .title-content{
        color: white;
        display: inline-block;
    }

    .nav-link.active{
        background-color: #646FD4 !important;
        color: white !important;
    }

    .nav-link.active:hover{
        background-color: #9BA3EB !important;
        color: white !important;
    }

    .card-ryu1 .card-header{
        background-color: #2d3cc9;
        color: white;
    }

    .bg-ryu1{
        background-color: #2d3cc9;
        color: white;
    }

    .bg-ryu2{
        background-color: #242F9B;
        color: white;
    }

    .box-ryu1{
        background-color: white;
        color: black;
    }

    .box-ryu1:hover{
        background-color: #eaeaea;
        color: black;
    }

    .brand-text{
        color: white !important;
    }

    .dt-buttons .btn-secondary{
        background-color: #4c5df7;
        border-color: #6372f8;
        color: white;
    }

    .dt-buttons .btn-secondary:hover:not([disabled]){
        background-color: #2d3cc9;
        border-color: #2d3cc9;
        color: white;
    }

    .dt-buttons .btn-secondary:hover:disabled{
        color: white;
    }
    
    .select2-results__option.select2-results__option--highlighted{
        background-color: #9BA3EB !important;
    }

    .select2-results__option[aria-selected="true"]{
        background-color: #646FD4 !important;
        color: white !important;
    }

    .brand-link{
        margin-left: -10px;
    }

    .info-header{
        color: yellow;
    }

    .bg-ryubold{
        background-color:#5c2a7e;
        color:white;
    }

    .search-list {
        width: 100%;
        background-color: #f0f0f0;
        border-radius: 0 0 5px 5px;
        padding: 0px;
        font-size: 14px
    }

    .search-list-items {
        padding: 10px 5px;
    }

    .search-list-items:hover {
        background-color: #dddddd;
    }

    .form-basic[readonly]{
        background-color: #e5daff;
        cursor: no-drop;
    }

    input.medium-checkbox{
        width: 3vh;
        height: 3vh;
    }

    .fixed-sticky {
        overflow: auto;
        height: 70vh;
    }

    .fixed-sticky-2 {
        overflow: auto;
        height: 65vh;
    }

    .fixed-sticky-3 {
        overflow: auto;
        height: 53vh;
    }