:root {
    --primary: #2b186f;
    --secondary: #868e96;
    --success: #28a745;
    --danger: #dc3545;
    --warning: #ffc107;
    --info: #138496;
    --light: #f8f9fa;
    --dark: #23272b;
    --link: #2629a7;
    --navbarcolor1: #2b186f;
    --navbarcolor2: #0e8c82;
    --forecolorinwhite: #000;
    --forecolorindark: #fff;
    --navbarforecolor: #fff;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

.bg-navbarcolor1 {
    background: var(--navbarcolor1) !important;
}

.navbar-color {
    color: var(--navbarforecolor)
}

    .navbar-color:hover {
        color: var(--navbarforecolor);
        opacity: 0.8;
    }

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    border-bottom-width: 3px;
    border-top-width: 0px;
    border-bottom-color: var(--navbarcolor2);
    border-style: solid;
    border-left-width: 0px;
    border-right-width: 0px;
    margin-bottom:30px;
}

.body {
    min-height: 100%;
}


.navbar-color {
    color: var(--navbarforecolor)
}

.navbar-color:hover {
    color: var(--navbarforecolor);
    opacity: 0.8;
}

.text-white {
    color: var(--forecolorindark) !important;
}

.text-black {
    color: var(--forecolorinwhite) !important;
}

.btn-primary {
    color: #fff;
    background: var(--primary) !important;
    border-color: var(--primary);
    height:32px;
}

    .btn-primary:hover {
        color: #fff;
        background: var(--primary);
        border-color: var(--primary);
        opacity: 0.8;
    }

    .btn-primary:focus, .btn-primary.focus {
        /*box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);*/
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: var(--primary);
        border-color: var(--primary);
        opacity:0.5;
    }

    .btn-primary:active, .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        background-color: var(--primary);
        background-image: none;
        border-color: var(--primary);
    }

.btn-secondary {
    color: #fff;
    background: var(--secondary);
    border-color: var(--secondary);
    height: 32px;
}

    .btn-secondary:hover {
        color: #fff;
        background: var(--secondary);
        border-color: var(--secondary);
        opacity: 0.8;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        /*box-shadow: 0 0 0 3px rgba(134, 142, 150, 0.5);*/
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        background-color: var(--secondary);
        border-color: var(--secondary);
        opacity: 0.5;
    }

    .btn-secondary:active, .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: var(--secondary);
        background-image: none;
        border-color: var(--secondary);
    }

.btn-success {
    color: #fff;
    background: var(--success);
    border-color: var(--success);
    height: 32px;
}

    .btn-success:hover {
        color: #fff;
        background-color: var(--success);
        border-color: var(--success);
        opacity: 0.8;
    }

    .btn-success:focus, .btn-success.focus {
        /*box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5);*/
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: var(--success);
        border-color: var(--success);
        opacity: 0.5;
    }

    .btn-success:active, .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        background-color: var(--success);
        background-image: none;
        border-color: var(--success);
    }

.btn-info {
    color: #fff;
    background: var(--info);
    border-color: var(--info);
    height: 32px;
}

    .btn-info:hover {
        color: #fff;
        background-color: var(--info);
        border-color: var(--info);
        opacity: 0.8;
    }

    .btn-info:focus, .btn-info.focus {
        /*box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5);*/
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: var(--info);
        border-color: var(--info);
        opacity: 0.5;
    }

    .btn-info:active, .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        background-color: var(--info);
        background-image: none;
        border-color: var(--info);
    }

.btn-warning {
    color: #111;
    background: var(--warning);
    border-color: var(--warning);
    height: 32px;
}

    .btn-warning:hover {
        color: #111;
        background-color: var(--warning);
        border-color: var(--warning);
        opacity: 0.8;
    }

    .btn-warning:focus, .btn-warning.focus {
        /*box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);*/
    }

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: var(--warning);
        border-color: var(--warning);
        opacity: 0.5;
    }

    .btn-warning:active, .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        background-color: var(--warning);
        background-image: none;
        border-color: var(--warning);
    }

.btn-danger {
    color: #fff;
    background: var(--danger);
    border-color: var(--danger);
    height: 32px;
}

    .btn-danger:hover {
        color: #fff;
        background-color: var(--danger);
        border-color: var(--danger);
        opacity: 0.8;
    }

    .btn-danger:focus, .btn-danger.focus {
        /*box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);*/
    }

    .btn-danger.disabled, .btn-danger:disabled {
        background-color: var(--danger);
        border-color: var(--danger);
        opacity: 0.5;
    }

    .btn-danger:active, .btn-danger.active,
    .show > .btn-danger.dropdown-toggle {
        background-color: var(--danger);
        background-image: none;
        border-color: var(--danger);
    }

.btn-light {
    color: #111;
    background: var(--light);
    border-color: var(--light);
    height: 32px;
}

    .btn-light:hover {
        color: #111;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-light:focus, .btn-light.focus {
        /*box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);*/
    }

    .btn-light.disabled, .btn-light:disabled {
        background-color: var(--light);
        border-color: var(--light);
    }

    .btn-light:active, .btn-light.active,
    .show > .btn-light.dropdown-toggle {
        background-color: #e2e6ea;
        background-image: none;
        border-color: #dae0e5;
    }

.btn-dark {
    color: #fff;
    background: #343a40;
    border-color: #343a40;
    height: 32px;
}

    .btn-dark:hover {
        color: #fff;
        background-color: var(--dark);
        border-color: var(--dark);
    }

    .btn-dark:focus, .btn-dark.focus {
        /*box-shadow: 0 0 0 3px rgba(52, 58, 64, 0.5);*/
    }

    .btn-dark.disabled, .btn-dark:disabled {
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:active, .btn-dark.active,
    .show > .btn-dark.dropdown-toggle {
        background-color: var(--dark);
        background-image: none;
        border-color: var(--dark);
    }

    .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color:var(--navbarforecolor) !important;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecefba;
    border-color: #e9ecef;
    border-radius: 0.3rem;
    border-style: solid;
    border-width: 2px;
}
.form-group {
    margin-bottom: 5px;
}
a {
    color: var(--secondary);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
}
.error_left .dxeErrorCell_Mulberry {
    left: -50px !important;
}
.dxeErrorCell_Mulberry {
    max-width: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
    left: -22px;
    top: 0px;
}

.input-group-append {
    margin-left: -9px;
}
/*# devexpress textbox */

.dxeTextBox_Mulberry {
    background-color: white;
    border: 1px solid #DCDCDC;
    font: 16px apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 4px;
    height: 30px;
}

.dxeFocused_Mulberry {
    border: 1px solid var(--primary);
    outline: none;
}

.dxbButton_Mulberry.dxbTSys {
    width: 96px;
    text-transform: none;
    letter-spacing: 0.01em;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dxbButton_Mulberry {
    font: 14px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    padding: 2px 2px;
    border: 1px solid #CBCBCB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.08);
}

.dxpLite_Mulberry .dxp-current {
    color: white;
    background-color: var(--primary);
    text-decoration: none;
}

.dxeListBoxItemSelected_Mulberry {
    background-color: var(--primary);
    color: white;
}

.dxtcLite_Mulberry > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
    color: var(--primary);
}
.dxWeb_edtCheckBoxChecked_Mulberry, .dxWeb_edtCheckBoxCheckedDisabled_Mulberry, .dxWeb_edtCheckBoxGrayed_Mulberry, .dxWeb_edtCheckBoxGrayedDisabled_Mulberry, .dxWeb_edtCheckBoxUnchecked_Mulberry, .dxWeb_edtCheckBoxUncheckedDisabled_Mulberry {
    background-color: var(--primary);
}
.dxeDisabled_Mulberry {
 
    background: #f7f7f7;
    cursor: default;
}

textarea:disabled, input:not([type]):disabled, input[type="color" i]:disabled, input[type="date" i]:disabled, input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, input[type="email" i]:disabled, input[type="month" i]:disabled, input[type="password" i]:disabled, input[type="number" i]:disabled, input[type="search" i]:disabled, input[type="tel" i]:disabled, input[type="text" i]:disabled, input[type="time" i]:disabled, input[type="url" i]:disabled, input[type="week" i]:disabled {
    background-color: #f7f7f7;
}