.background-1 {
    background: #83a4d4; /* fallback for old browsers */
    /*background: linear-gradient(to left, #b6fbff, #83a4d4); */
    background: linear-gradient(90deg, rgba(131, 164, 212, 1) 0%, rgba(254, 254, 252, 1) 50%, rgba(255, 255, 255, 1) 100%);

}

.background-2 {
    background: linear-gradient(to right, #004165, #3DB7E4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.header-checkbox-icon {
    color: white;
}

.page-header-pre,
.page-header-h1 {
    /*color: var(--primary-color);*/
    color: black;
}

.action-button-md,
.action-button {
    border: 1px solid #fefefe;
    color: #fefefe;
    background: #00d2ff;
    background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);
    background: linear-gradient(to right, #3a7bd5, #00d2ff);

}

.action-button:hover, .action-button-md:hover {
    background-color: var(--primary-color);
    color: #FFFFFF;
    border: 1px solid #2980b9;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}