@font-face {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Lato/Lato-Thin.woff') format('woff'), url('../fonts/Lato/Lato-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Lato/Lato-Light.woff') format('woff'), url('../fonts/Lato/Lato-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/Lato/Lato-LightItalic.woff') format('woff'), url('../fonts/Lato/Lato-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Lato/Lato-Regular.woff') format('woff'), url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Lato/Lato-Bold.woff') format('woff'), url('../fonts/Lato/Lato-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Lato/Lato-Black.woff') format('woff'), url('../fonts/Lato/Lato-Black.ttf') format('truetype');
}

html {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
}

body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
}

/* ------ Overriding link styles --------*/
a, a:link {
    color: #004574;
}

    a:hover {
        color: #4c7c9d;
        text-decoration:none !important;
    }


.control-label {
    color: #014a77;
}

.btn-save {
    color: white !important;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #004574;
    border: 0;
    min-width: 150px;
    float: right;
    display: inline;
    padding: 9px;
    border-radius: 5px;
    margin-top: 15px;
    margin-left: 5px;
}

    .btn-save:hover {
        background-color: #4c7c9d !important;
    }

    .btn-save:disabled {
        background-color: #d0d4d7 !important;
    }


/*--------------------------------------------------------------------------------
     layout panels
--------------------------------------------------------------------------------*/
.mycontainer {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.mypanel {
    margin: auto;
    padding: 0px;
    /*padding: 1rem 1rem;*/
}

.panel-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.demo-hint {
    line-height: 22px;
    color: #aaa;
    font-style: italic;
    font-size: .9em;
}

/*kendo style/overrides, belong in kendo-override.css*/

.contentTable {
    width: 100%;
    height: 100%;
    color: #808080
}

/* Custom Styles - not sure if they belong here or in their own stylesheet */

/* ------------ Login Page ------------ */
.LoginImg {
    background: url(../images/LoginBig.jpg) no-repeat left top fixed;
    background-size: cover;
}

.LoginLogo {
    margin-top: 5%;
}

/* --- Login Controls --- */

.control-label {
    color: #626669;
    font-size: 13pt;
}

/* Remember me checkbox */
input[type="checkbox"]
{
    width:20px;
    height:20px;
}

.CheckBox_Text {
    color: #d0d4d7;
    position: relative;
    left: 0px;
    top: -5px;
    font-size: 16px;
}

::Placeholder {
    color: #d0d4d7;
    opacity: 1;
}


/*need to check if these are used...*/
.inputfield {
    padding: 15px;
    color: #878585;
}

.column {
    width: 50%;
}