body {
    margin: 0;
    padding: 0;
    background-image: url(../Images/lg_BI_bg.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    font-family: "Segoe UI",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

.mainHeading {
    width: 100%;
    height: 115px;
    float: left;
    text-align: center;
    font-size: 31px;
    color: #fff;
    vertical-align: middle;
    line-height: 115px;
    margin-bottom: 50px;
}

.imagebox1 {
    width: 25%;
    height: 190px;
    float: left;
    background-image: url(../Images/lg_1.png);
    background-repeat: no-repeat;
    background-position: center;
        background-size: auto;
}

.imagebox2 {
    width: 25%;
    height: 190px;
    float: left;
    background-image: url(../Images/lg_2.png);
    background-repeat: no-repeat;
    background-position: center;
        background-size: auto;
}

.imagebox3 {
    width: 25%;
    height: 190px;
    float: left;
    background-image: url(../Images/lg_3.png);
    background-repeat: no-repeat;
    background-position: center;
        background-size: auto;
}

.imagebox4 {
    width: 25%;
    height: 190px;
    float: left;
    background-image: url(../Images/lg_4.png);
    background-repeat: no-repeat;
    background-position: center;
        background-size: auto;
}

.loginboxMainWrapper {
    width: 440px;
    height: 220px;
    float: left;
    background-color: #4FC7F9;
    margin: 60px auto;
    border: 1px solid #fff;
    border-radius: 5px;
}

.loginHeading {
    width: 100%;
    height: 80px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 80px;
    font-size: 25px;
}

.usernameWrapper {
    width: 100%;
    height: 35px;
    float: left;
    margin-top: 10px;
}

.selectuserText {
    width: 140px;
    height: 35px;
    float: left;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
}

.selectuserField {
    width: 240px;
    height: 35px;
    float: left;
}


#txtPassword {
    width: 96%;
    height: 25px;
    margin-left: -1px;
    border: 1px solid #fff;
    background-color: #A9E1FA;
    padding: 5px;
    font-size: 25px;
    line-height: 25px;
}

.btnSubmit {
    width: 90px;
    height: 35px;
    float: left;
    background-image: url(../Images/lg_submit_butt.png);
    background-repeat: no-repeat;
    background-position: center;
}


    .btnSubmit:hover {
        background-image: url(../Images/lg_submit_butt_over.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.btnClear {
    width: 90px;
    height: 35px;
    float: left;
    background-image: url(../Images/lg_clear_butt.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
}


    .btnClear:hover {
        background-image: url(../Images/lg_clear_butt_over.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.dailpadWrapper {
    width: 100px;
    height: 220px;
    float: left;
    background-color: #28BAF5;
    margin: 60px 0px 0 5px;
    border: 1px solid #fff;
    border-radius: 5px;
}


.dailbutton {
    width: 50%;
    height: 35px;
    float: left;
    margin-top: 6px;
    background-image: url(../Images/lg_dial_butt.png);
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: 92%; */
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    font-weight: bold;
    color: #1d76a9;
    cursor: pointer;
    text-decoration: none;
}

    .dailbutton:hover {
        background-image: url(../Images/lg_dial_butt_over.png);
        background-repeat: no-repeat;
        background-position: center;
    }















.k-input {
    padding: 0 !important;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    height: 35px !important;
    line-height: 35px !important;
    padding: 0 !important;
    text-indent: .8em;
    border: 0;
    margin: 0;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    min-height: 35px !important;
    line-height: 35px !important;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 1.9em;
    height: 100%;
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding: 0;
}

.k-dropdown .k-state-default {
    border-color: #fafafa;
    background-image: none;
    background-position: 50% 50%;
    background-color: #A9E1FA;
}


.k-state-default > .k-select {
    border-color: #f0f0f0;
    background-image: url(../../Style/Material/sprite.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 7px;
}

.k-column-menu .k-sprite, .k-drop-hint, .k-gantt-views > .k-current-view > .k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-grouping-dropclue, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-tool-icon {
    background-image: url(../../Style/Material/sprite.png);
    border-color: transparent;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 15px !important;
}