:root {
    --color-cyan: #00bcd4;
    --color-teal: #0a8a8e;

    --main-color: var(--color-cyan);
    /*#ec1e27;*/
}

:root {
    --secondary-color: #535051;
    /*#ec1e27;*/
}

* {
    font-size: 100%;
    /*font-family: Times New Roman;*/
}



.lbl-primary {
    color: var(--secondary-color) !important;
}

body {
    background-image: url("../..//uploads/images/cf-bg.png") !important;
    background-color: #cccccc;
    background-size: cover;
}

.box-border {
    border: 10px solid #596086;
    border-radius: 20px;
}


.image-background {
    background-image: url("../..//uploads/images/bg-content.jpg");
    background-color: #cccccc;
    background-size: cover;

}

.content-wrapper {
    background: transparent !important;
}

.page-header-text {
    font-weight: 900;
    color: white;
    font-family: system-ui;
    font-size: 40px;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.navbar-red {
    background: rgb(200, 33, 39);
    background: linear-gradient(99deg, rgba(200, 33, 39, 1) 24%, rgba(250, 243, 243, 1) 99%);
    border: none !important;
    /*box-shadow: 0 0 10px #9ecaed;*/
}

.navbar-nav .nav-item a {
    color: #fff;
}

.navbar-nav .nav-link.profile-name {
    color: var(--color-teal) !important;
}

.nav-pills .nav-link {
    color: #000 !important;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #a5d1d8 !important;
}

.sidebar-red-primary {
    background-color: #c82127 !important;
}

.sidebar-red-primary a {
    color: #fff !important;
}

.sidebar-primary {
    background-color: var(--color-cyan) !important;
}

.navbar-primary {
    background: #00bcd4;
    background: linear-gradient(99deg, rgba(0, 188, 212, 1) 24%, rgba(255, 255, 255, 1) 99%);
    border: none !important;
    /*box-shadow: 0 0 10px #9ecaed;*/
}


.bg-warning {
    color: #fff !important;
}

.header-title {
    background-color: var(--main-color);
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    font-size: 1em;
    display: block;
    font-weight: bold;
}

/** search bar ***/


.card-search-bar {
    background-color: #3b54a5 !important;
    color: #fff !important;
}

.card-search-bar .card-title {
    color: #fff !important;
    font-weight: bold;
    display: flex;
    margin-left: 15px;
    align-items: center;
}

.card-search-bar > .card-body{
    padding: 5px !important;
}

.card-search-bar  .input-search{
    height: 30px;
}
.card-search-bar  .label-search{
    font-weight: bold;
    line-height: 16px;
    vertical-align: middle;
    display: block !important;
    margin-top: 5px;
}