:root {
    --iRisk-color-blue-hex: #95DDFF;
    --iRisk-color-blue-rgb: 149, 221, 255;
    --iRisk-color-green-hex: #7AC587;
    --iRisk-color-green-rgb: 122, 197, 135;
    --iRisk-color-red-hex: #F69B8D;
    --iRisk-color-red-rgb: 246, 155, 141;
    --iRisk-color-yellow-hex: #F0F0A2;
    --iRisk-color-yellow-rgb: 240, 240, 162;
    --iRisk-color-txt-blue: #00AAFB;
    --iRisk-color-hov-blue: #20B7FF;
    --iRisk-color-txt-green: #429751;
    --iRisk-color-hov-green: #4DB05E;
    --iRisk-color-txt-red: #F05D46;
    --iRisk-color-hov-red: #F2725E;
    --iRisk-color-txt-yellow: #DDB12B;
    --iRisk-color-hov-yellow: #E2BC4A;
    --btn-sm-border-radius: .2rem;
    --ck-color-purple-hex: #9a4d9e;
}

html {
  font-size: 14px;
}

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

html {
  position: relative;
  height: 100%;
}

body {
  font-size: 0.875rem;
  margin-top: 2rem;
}

footer {
    margin-top: 6rem;
}

.breadcrumb {
    font-size: 1rem;
}

a {
    transition: color .15s ease-in-out;
}

a.no-underline {
    text-decoration: none;
}
a.no-underline:hover {
    text-decoration: none;
}

/**
 * General buttons
*/
.btn.btn-sm {
    border-radius: var(--btn-sm-border-radius);
}

/**
 * Custom backgrounds
*/
.bg-irisk-blue {
    background-color: var(--iRisk-color-blue-hex) !important;
}

.bg-irisk-green {
    background-color: var(--iRisk-color-green-hex) !important;
}

.bg-irisk-red {
    background-color: var(--iRisk-color-red-hex) !important;
}

.bg-irisk-yellow {
    background-color: var(--iRisk-color-yellow-hex) !important;
}


/**
 * Custom buttons
*/
.btn-irisk-blue {
    background-color: rgba(var(--iRisk-color-blue-rgb), 1);
    border-color: var(--iRisk-color-blue-hex);
}
.btn-irisk-blue:hover {
    background-color: rgba(var(--iRisk-color-blue-rgb), 0.8) !important;
    border-color: var(--iRisk-color-blue-hex) !important;
}

.btn-irisk-green {
    background-color: rgba(var(--iRisk-color-green-rgb), 1);
    border-color: var(--iRisk-color-green-hex);
}
.btn-irisk-green:hover {
    background-color: rgba(var(--iRisk-color-green-rgb), 0.8) !important;
    border-color: var(--iRisk-color-green-hex) !important;
}

.btn-irisk-red {
    background-color: rgba(var(--iRisk-color-red-rgb), 1);
    border-color: var(--iRisk-color-red-hex);
}
.btn-irisk-red:hover {
    background-color: rgba(var(--iRisk-color-red-rgb), 0.8) !important;
    border-color: var(--iRisk-color-red-hex) !important;
}

.btn-irisk-yellow {
    background-color: rgba(var(--iRisk-color-yellow-rgb), 1);
    border-color: var(--iRisk-color-yellow-hex);
}
.btn-irisk-yellow:hover {
    background-color: rgba(var(--iRisk-color-yellow-rgb), 0.8) !important;
    border-color: var(--iRisk-color-yellow-hex) !important;
}


/**
 * Custom cards
*/
div[class^="card-header-irisk-"] {
    padding: 0.25rem 1rem;
}

.card-irisk-blue .card-header { 
    background-color: var(--iRisk-color-blue-hex);
    border-bottom-color: var(--iRisk-color-blue-hex);
}

.card-irisk-green .card-header {
    background-color: var(--iRisk-color-green-hex);
    border-bottom-color: var(--iRisk-color-green-hex);
}

.card-irisk-red .card-header {
    background-color: var(--iRisk-color-red-hex);
    border-bottom-color: var(--iRisk-color-red-hex);
}

.card-irisk-yellow .card-header {
    background-color: var(--iRisk-color-yellow-hex);
    border-bottom-color: var(--iRisk-color-yellow-hex);
}


/**
 * Custom texts
*/
.text-irisk-blue {
    color: var(--iRisk-color-txt-blue);
}
.text-irisk-blue:hover {
    color: var(--iRisk-color-hov-blue);
}
.text-irisk-green {
    color: var(--iRisk-color-txt-green);
}
.text-irisk-green:hover {
    color: var(--iRisk-color-hov-green);
}
.text-irisk-red {
    color: var(--iRisk-color-txt-red);
}
.text-irisk-red:hover {
    color: var(--iRisk-color-hov-red);
}
.text-irisk-yellow {
    color: var(--iRisk-color-txt-yellow);
}
.text-irisk-yellow:hover {
    color: var(--iRisk-color-hov-yellow);
}


/**
 * Custom Link
*/
.link-ck {
    color: inherit;
    text-decoration: none;
    transition: color .15s ease-in-out;
}
.link-ck:hover {
    color: var(--ck-color-purple-hex);
    text-decoration: none;
}

/**
 * Utilities
*/
.cursor-pointer:hover { cursor: pointer; }
.list-group-item.text-disabled {
    color: rgba(0,0,0,0.33);
}
.list-group-item.text-enabled {
    font-weight: 600;
}