@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*

Shades starting from RED:
#d22a2a
#db4f4f
#e37474
#eb9999
#f2bebe
#f9e3e3
#ffffff
#fff8f8
#fffdfd
#fffff0

Shades starting from BLUE:
#003049
#1A455F
#335A75
#4D6F8B
#6684A1
#7F99B7
#99AECE
#B2C3E4
#CCD8FA
#E6EDFF
#ffffff  

*/
:root {
    --color-crowddrive-red: #d22a2a;
    --color-crowddrive-blue: #003049;
}

.crowddive-blue-dropd {
    background-color: var(--color-crowddrive-blue);
}

.crowddive-blue-dropd:hover {
    background-color: #ccc;
}

.btn-cd-main {
    background-color: var(--color-crowddrive-red);
    border-color: var(--color-crowddrive-red);
    color: #fff;
}

.btn-cd-main:active:hover, .btn-cd-main:hover {
    background-color: #c96868;
    border-color: var(--color-crowddrive-red);
    color: #fff;
}

.btn-cd-secondary {
    background-color: #003049;
    border-color: #003049;
    color: #fff;
}

.btn-cd-secondary:active:hover,.btn-cd-secondary:hover  {
    background-color: #2d5f7a;
    border-color: #003049;
    color: #fff;
}

hr.cd-side-menu-separator
{   border: 0.2px solid #fff;
}

body {
    font-family: "Montserrat", sans-serif !important;
}

body.login-bg,
.cwddv-gradient {
    background: rgb(241, 241, 241);
    background: -moz-linear-gradient(0deg, rgba(241, 241, 241, 1) 0%, rgba(116, 141, 154, 1) 28%, rgba(50, 88, 108, 1) 50%, rgba(0, 48, 73, 1) 77%);
    background: -webkit-linear-gradient(0deg, rgba(241, 241, 241, 1) 0%, rgba(116, 141, 154, 1) 28%, rgba(50, 88, 108, 1) 50%, rgba(0, 48, 73, 1) 77%);
    background: linear-gradient(0deg, rgba(241, 241, 241, 1) 0%, rgba(116, 141, 154, 1) 28%, rgba(50, 88, 108, 1) 50%, rgba(0, 48, 73, 1) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1f1f1", endColorstr="#003049", GradientType=1);
}

.vertical-menu.cwddv-gradient li span,
.vertical-menu.cwddv-gradient .sub-menu li a,
.vertical-menu.cwddv-gradient .mdi,
.vertical-menu.cwddv-gradient .menu-title 
{
    color: #fff !important;
}

.vertical-menu.cwddv-gradient .mdi.cd-admin-item {
    font-size: 22px !important;
    margin-right: 5px;
}


.vertical-collpsed .vertical-menu.cwddv-gradient a span,
.vertical-collpsed .vertical-menu.cwddv-gradient i.mdi {
    color: var(--color-crowddrive-red) !important;
}

.vertical-collpsed .vertical-menu.cwddv-gradient .sub-menu li a {
    color: #000 !important;
}

.sub-menu li.mm-active>.sub-menu li.mm-active {
    background-color: #f2f2f2 !important;
}

.sub-menu li.mm-active>.sub-menu li.mm-active a {
    background-color: #f2f2f2 !important;
    color: #444 !important;
}

.vertical-menu.cwddv-gradient .metismenu li.mm-active a span {
    color: #000 !important;
}

.cwddv-main-content {
    margin-top: 70px !important;
    padding: 10px;
}


/* HOME BLADE: START */

a.cd-login-dashboard-link {
    position: absolute !important;
    z-index: 9999 !important;
    top: 10px !important;
    right: 10px !important;
    width: 300px !important;
    height: 100px !important;
    text-align: left !important;
    border: 1px solid red !important;
    font-family: 'Oswald', sans-serif;
    display: grid !important;
    place-items: center !important;
    color: #fff !important;
    /*background-color: transparent;*/

}

/* HOME BLADE: END */










/* UNI BLADE: START  */

.cwddv-uni-blade .uni-logo {
    width: 200px;
    height: 200px;
    aspect-ratio: 1/1;
    border-radius: 10px !important;
    overflow: hidden;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cwddv-uni-blade .uni-logo img {
    width: 100px;
    /*
    height: 200px;
    */
}


.cwddv-uni-blade .row-top-stats {
    height: 220px;
}


.cwddv-uni-blade .card-top-stats {
    width: 100%;
    height: 60px !important;
    aspect-ratio: 1/1;
    border-radius: 10px !important;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
}

.cwddv-uni-blade .badge {
    font-size: 14px;
}

.cwddv-uni-blade .uni-table {
    border-radius: 10px !important;
}

.cwddv-uni-blade .uni-table thead th {
    background-color: var(--color-crowddrive-blue);
    color: #fff;
}

.cwddv-uni-blade .ap-img-enabled {
    color: #000 !important;
}

.cwddv-uni-blade .ap-img-disabled {
    color: #c2c2c2 !important;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    color: #fff;
}

.cwddv-uni-blade .card span.badge {
    background-color: var(--color-crowddrive-red);
    color: #fff;
    min-width: 80px;
}

/* Custom color for active radio button */
.list-group-item .form-check-input:checked {
    background-color: var(--color-crowddrive-red);
    /* Custom background color */
    color: white;
    /* Text color */
    border-color: var(--color-crowddrive-red);
    /* Border color */
}

/* Optional: Smooth transition for better UX */
.list-group-item {
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}


.cwddv-uni-blade .accordion-button:not(.collapsed) {
    background-color: var(--color-crowddrive-blue);
    color: #fff;
}



.cwddv-uni-blade .section-header-title {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ccc;
    line-height: 0.1em;
    margin: 10px 0 20px;
    color: #ccc;
}

.cwddv-uni-blade .section-header-title span {
    background: #f7f7f7;
    padding: 0 10px;
}

.cwddv-uni-blade .cd-uni-col-container {
    height: 700px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    overflow: hidden;
}

.cwddv-uni-blade .ap-tiny-brand {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
}


/* UNI BLADE: END  */