.fscx-main-sidebar{
    height: 100% !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-color: #2c579c;
}
.fscx-main-sidebar-menu-div{
    height: 50% !important;
}
.fscx-footer-menu-main{
    visibility: hidden;
    margin: 0px;
    padding: 0px;
}
.fscx-footer-menu-list{
    border-bottom:solid;
    border-bottom-color:#304861;
}
.fscx-footer-menu-sublist{
    /* */
    padding-left: 30px;
}
.fscx-footer-menu-list-text{
    color:#b3b3b1 !important;
    font-weight:bold;
}
.fscx-footer-menu-sublist-text{
    color:#b3b3b1 !important;
    font-size:14px !important;
    font-weight:bold;
    padding-left: 30px;
}
.fscx-sidebar-overlay{
    background-color: rgba(0, 0, 0, 0.5);
}
.fscx-login-card-header{
    background-color: #667da9;
}
.fscx-login-card-body{
    background-color: #2c579c;
}

.header-banner-img-logo-a{
    width:260px; padding-left: 40px; padding-right: 20px; padding-bottom: 20px;
}
.header-banner-img-logo-word-a{
    width:550px; padding-left: 40px; padding-top: 20px;
}


.opacity-bg-black-01{
    background-color: rgba(0,0,0,.01);
}
.opacity-bg-black-02{
    background-color: rgba(0,0,0,.02);
}
.opacity-bg-black-03{
    background-color: rgba(0,0,0,.03);
}
.opacity-bg-black-04{
    background-color: rgba(0,0,0,.04);
}
.opacity-bg-black-05{
    background-color: rgba(0,0,0,.05);
}
.opacity-bg-black-06{
    background-color: rgba(0,0,0,.06);
}
.opacity-bg-black-07{
    background-color: rgba(0,0,0,.07);
}
.opacity-bg-black-08{
    background-color: rgba(0,0,0,.08);
}
.opacity-bg-black-09{
    background-color: rgba(0,0,0,.09);
}
.opacity-bg-blue-10{
    background-color: rgba(0,0,255,.1);
}
.opacity-bg-blue-05{
    background-color: rgba(0,0,255,.05);
}
.opacity-bg-navy{
    background-color: rgba(0,31,63,.7);
    color: white;
}
.new-card-blue-card-outline{
    border-top: 1px solid #007bff;
}
.new-card-gray-card-outline{
    border-top: 1px solid #6c757d;
}
.new-active-nav{
    border-color: #007bff #007bff #fff !important;
    color: black;
}

.x{
    border-top: 3px solid #808080;
}

.fscx-width-500px{
    width: 500px;
}


.font-color-01{
    color: #66c3ff;
}
.font-color-02{
    color: #7a306c;
}
.font-color-03{
    color: #8e8dbe;
}
.font-color-04{
    color: #53d8fb;
}
.font-color-05{
    color: #004346;
}
.font-color-06{
    color: #2d848a;
}

table.dataTable td {
    font-size: 14px;
    padding: .3rem !important;
}


.img-small-15{
    height:15px;
    cursor:pointer;
    text-align: center;
}

.textarea-max-width{
    width: 100%;
    height: 100%;
}

.background-color-light-gray{
    background-color: lightgrey;
}

.object-centered{
    text-align: center;
}

     /* Center the loader */
 #loader {
     position: absolute;
     left: 50%;
     top: 50%;
     z-index: 1;
     width: 150px;
     height: 150px;
     margin: -75px 0 0 -75px;
     border: 16px solid #f3f3f3;
     border-radius: 50%;
     border-top: 16px solid #3498db;
     width: 120px;
     height: 120px;
     -webkit-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;
 }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

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

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 }
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
    from{ bottom:-100px; opacity:0 }
    to{ bottom:0; opacity:1 }
}

#myDiv {
    display: none;
    text-align: center;
}

.dt-input-centered {
    width: 100%;
    height: 26px;
    text-align: center;
}

.dt-input-right {
    width: 100%;
    height: 26px;
    text-align: right;
    border: none;
    background-color: inherit;
}


.datatable-cell-center {
    font-size: 12px;
    text-align: center;
}

.datatable-cell-right {
    font-size: 12px;
    text-align: right;
}

.datatable-cell-left {
    font-size: 12px;
    text-align: left;
}

.input-full-width {
    width: 100%;
    height: 26px;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.text-align-left {
    text-align: left;
}

.input-no-border {
    border: none;
    background-color: inherit;
}

.add-icon {
    height: 10px;
    cursor: pointer;
}

.hidden {
    display: none;
}