:root {

    --crcPrimary: #286090;

    --crcSuccess: #00960f;
    --crcSecondary: #d8dce3;
    --crcDark: #291d00;
    --crcLight: #f5f9ff;
    --crcWarning: #f5bf42;
    --DarkGrey: #3b3b3b;
    --Grey: #5c5c5c;


    --crcDarkBlue: #1f4b70;
    --crcLightBlue: #3665bb;
}

.shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dx-popup-content {
    /* height: auto !important; */
    /* max-height: 300px; */
}

.dx-overlay-content.dx-popup-normal.dx-resizable.dx-dropdowneditor-overlay {
    /* height: auto !important; */
    /* max-height: 300px; */
}

/* width */
.crc-scroll::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

/* Track */
.crc-scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 25px;
}

/* Handle */
.crc-scroll::-webkit-scrollbar-thumb {
    background: rgba(40, 96, 144, 0.1);
    border-radius: 25px;
    max-height: 10px;
}

/* Handle on hover */
.crc-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(40, 96, 144, 0.3);
}


a.text-success, a.text-warning, a.text-danger, a.text-info {
    text-decoration: none;
    cursor: pointer;
}

a.text-success:hover, a.text-warning:hover, a.text-danger:hover, a.text-info:hover {
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}


h1.crc {
}

h2.crc {
    border-top: 2px solid var(--crcPrimary);
    color: #3b3b3b;
    padding: 1%;
}


.sectionContent {
    padding: 1% 5%;
}

.modal-header.crc {
    background-color: var(--crcLight) !important;
    color: var(--crcDark);
    border-bottom: 5px solid var(--crcPrimary);
}

.modal-body.crc {
    overflow-y: auto;
    max-height: 70vh;
}

.modal-footer.crc {
    border-top: 5px solid var(--crcPrimary);
    background-color: var(--crcLight) !important;
    color: var(--crcDark);
}

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

.text-secondary {
    color: var(--crcSecondary);
}

.text-light {
    color: var(--crcLight) !important;
}

.bg-dark {
    background-color: var(--crcDark) !important;
}

.bg-secondary {
    background-color: var(--crcSecondary) !important;
}

.bg-warning {
    background-color: var(--crcWarning) !important;
}

.bg-info {
    background-color: var(--crcLightBlue) !important;
}

.bg-primary {
    background-color: var(--crcPrimary) !important;
}


.bg-emphasize {
    background-color: rgba(23, 43, 77, 0.1) !important;
}

label.crc {
    font-weight: 100;
    font-size: 1.1em;
}

hr.crc {
}


.btn-primary {
    display: inline;
    width: auto !important;
}

.nav-pills li a {
    border-radius: 5px !important;
    min-width: 100px;
    text-align: center;
}


.btn-circle.btn-xl {
    width: 70px !important;
    height: 70px !important;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.btn-float-success {
    background-color: rgba(66, 245, 135, 0.6);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: rgba(255, 255, 255, 0.5);
}

.btn-float-success:hover {
    background-color: rgb(66, 245, 135);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: rgb(255, 255, 255) !important;
}

.float-right {
    float: right !important;
}

.font-bold {
    font-weight: bold !important;
}

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

.text-sm {
    font-size: 0.8em !important;
}

.text-md {
    font-size: 1em !important;
}

.text-lg {
    font-size: 1.2em !important;
}

.text-grey {
    color: var(--Grey) !important;
}

.btn-block {
    display: block;
    width: 100% !important;
}

.w-50 {
    width: 50% !important;
}

.w-100 {
    width: 100% !important;
}

.bold {
    font-weight: bold;
}


input[type=text].error {
    border: 1px solid rgba(255, 0, 0, 1);
    box-shadow: 0 0 5px rgba(255, 0, 0, 1);
}

select.error {
    border: 1px solid rgba(255, 0, 0, 1);
    box-shadow: 0 0 5px rgba(255, 0, 0, 1);
}

input[type=text]:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}


.dropdown-menu > li > a {
    cursor: pointer;
}


.iconSpacer {
    min-width: 40px !important;
}


.border {
    border: 1px solid var(--Grey) !important;
}


.float-right {
    float: right !important;
}


.link-button {
    cursor: pointer;
}


.text-xs {
    font-size: 0.7em;
}