@import url(//fonts.googleapis.com/css?family=Open+Sans);

/*
#262262 rgb(38,34,98) Blue
#c4942f rgb(196,148,47) Golden
#5f5f5f rgb(95,95,95) Dark Gray
#dd0010 rgb(221,0,16) Red
rgb(29,46,91) Navy Blue
rgb(61,154,209) Contrast Blue
*/

:root {
    --primaryColor: rgb(27, 42, 73);
    --secondaryColor: rgb(95,95,95);
    --textColor: rgb(95,95,95);
    --buttonBackgroundColor: rgb(111, 208, 246);
    --buttonBorderColor: rgb(111, 208, 246);
    --buttonHoverBackgroundColor: rgba(95,95,95,0.8);
    --buttonHoverBorderColor: rgba(95,95,95,0.8);
    --linkColor: rgba(95,95,95,1);
    --linkHoverColor: rgb(27, 42, 73);
    --iconColor: rgb(111, 208, 246);
    --iconHoverColor: rgb(95,95,95);
    --textSize: 14px;
}

.bg-danger {
    background-color: var(--primaryColor) !important;
}

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


.text-danger {
    color: var(--primaryColor) !important;
}

.text-highlight {
    color: var(--primaryColor) !important;
}

.text-secondary {
    color: var(--secondaryColor) !important;
}

.border-danger {
    border-color: var(--primaryColor) !important;
}

html,
body,
form {
    height: 100%;
    margin: 0;
    margin-left: 0px;
    padding: 0;
}

body {
    font-family: 'Archivo Narrow', sans-serif !important;
    color: var(--textColor) !important;
    overflow: scroll !important;
    font-size: var(--textSize);
}

table {
    border-collapse: separate;
    empty-cells: hide;
    font-size: var(--textSize);
}

/*buttons*/
.LoginSubmit,
.button,
.btnSave,
.btnCancel,
.btnSubmit,
.btnSaveAndAdd,
.btnItemDelete,
.rbButton,
.ruBrowse {
    padding: 0.25rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border: 1px;
    border-radius: 0.2rem !important;
    color: #fff !important;
    background-color: var(--buttonBackgroundColor) !important;
    border-color: var(--buttonBorderColor) !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-decoration: none;
    letter-spacing: 0.5px !important;
    outline: 0;
    height: 36px !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    user-select: none;
    vertical-align: middle !important;
    text-align: center !important;
    font-weight: 400 !important;
    display: inline-block;
    white-space: nowrap;
}

    .LoginSubmit:hover,
    .button:hover,
    .btnSave:hover,
    .btnCancel:hover,
    .btnSubmit:hover,
    .btnSaveAndAdd:hover,
    .btnItemDelete:hover,
    .rbButton:hover,
    .ruBrowse:hover {
        color: #fff !important;
        background-color: var(--buttonHoverBackgroundColor) !important;
        border-color: var(--buttonHoverBorderColor) !important;
    }
        /* Disable Styles */
        input [type=text]:not(.browser-default):focus:not([readonly]), input[type=text]:not(.browser-default) {
        font-size: 14px;
        margin-bottom: 0px !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

.buttonNone {
    border:0px !important;
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

    .buttonNone:hover {
        border: 1px !important;
        border-color: var(--buttonBackgroundColor) !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

/*START - MESSAGE BOX LAYOUT*/
.messageBox {
    min-height: 150px;
    min-width: 400px !important;
    line-height: 4.1 !important;
    text-align: center !important;
}

.RadNotification_Metro .rnTitleBar {
    color: white !important;
    background-color: var(--primaryColor) !important;
}
/*END - MESSAGE BOX LAYOUT*/