html {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

/**:focus {
    outline: 0 !important;   
}

.highlight { background-color: yellow; }
:focus {
    outline: 1px dotted blue;
}*/

:focus {
    outline: none !important;
    outline: 0 !important;
}

.outline {
    outline: 1px solid rgba(0,114,198, 0.8) !important;
}

.forcb.outline {
    outline: 1px solid rgba(0,114,198, 0.8) !important;
}
.stylecboht{
    height:22px;
    font-size:13px;
}

@font-face {
    font-family: OpenSans;
    src: url("../fonts/OpenSans-Regular.eot");
    src: url("../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #fff;
    color: #000;
    font-size: .85em;
    font-family: OpenSans,Arial;
    margin: 0;
    padding: 0;
}



a {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #fff;
    }

    a:hover {
        background-color: #c7d1d6;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

header {
    /*background-color: #357EA8;*/
    /*background-color: #5a6f7b;*/
    /*background-color: #9db3bf;*/
    /*background-color: #2a5771;*/
    background-color: #fbfbfb;
    width: 100%;
    float: left;
    padding-bottom: 8px;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 1200px;
}

#body {
    clear: both;
}

.containerbg {
    width: 100%;
    min-width: 1200px;
    max-width: 2000px;
    min-height: 450px;
    float: left;
    /*background: url("../Images/arcbodyleftBg.png") center top repeat-y transparent;*/
}

/*.main-content {
        background: url("../Images/accent.png") no-repeat;
        padding-left: 10px;
        padding-top: 30px;
    }

    .featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }*/

header .content-wrapper {
    padding-top: 8px;
}

footer {
    clear: both;
    background-color: #fff;
    font-size: .8em;
    height: 40px;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: OpenSans, Arial;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1em;
    font-weight: 600;
    margin: 14px 0 5px;
    padding: 0;
    text-align: left;
}

    ul#menu li {
        display: inline;
        list-style: none;
        margin-left: 15px;
    }

        ul#menu li.active {
            display: inline;
            list-style: none;
            padding: 14px 15px;
            background-color: #98180d !important;
        }

        ul#menu li a {
            background: none;
            color: #fff;
            text-decoration: none;
        }

            ul#menu li a:hover {
                color: #999;
                text-decoration: none;
            }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    /*background-color: #fff;*/
}

    .featured .content-wrapper {
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    /*font-weight: 700;*/
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
        }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    /*display: block;*/
    font-size: 12px;
    font-weight: 300 !important;
}

    label.checkbox {
        display: inline;
    }

/*input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}*/

textarea {
    font-family: inherit;
    width: 500px;
}
    /*Modified on 22 july 2016*/
    input:focus, textarea:focus {
        border: 1px solid #0072C6; /*7ac0da*/
    }

    input:hover, textarea:hover {
        border: 1px solid #0072C6; /*62b865 -- green hover*/
    }

/*to apply same style to dropdown on tab focus*/
.k-dropdown-wrap.k-state-default.k-state-focused, .k-dropdown-wrap.k-state-default.k-state-hover {
    border: 1px solid #0072C6 !important;
}

.k-state-default.k-picker-wrap.outline {
    border-color: #0072C6 !important;
}

.k-multiselect.k-header.outline, input.k-textbox.outline, textarea.k-textbox.outline, .k-state-default.k-numeric-wrap.outline, k-combobox.outline {
    border-color: #0072C6 !important;
}

.k-combobox .k-input.outline, k-dropdown-wrap .k-input.outline {
    outline: 0px solid !important;
}

.k-widget.k-panelbar.k-reset.k-header.outline {
    outline: 0px solid !important;
}

.k-widget.k-header.k-menu.k-menu-horizontal.outline {
    outline: 0px solid !important;
}

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #ff0000;
    font-weight: normal;
    font-size: 12px;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #ff0000;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.k-widget.k-tooltip-validation {
    background-color: #fff !important;
    border-color: #fff !important;
    color: red !important;
    text-align: left !important;
}

.k-tooltip.k-widget {
    box-shadow: none !important;
}


/*new validation css Start*/
.k-tooltip-validation .k-warning {
    margin-right: 0px !important;
    vertical-align: text-top;
    width: 0px !important;
}

span.k-tooltip {
    position: static;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 0px !important;
}

.kvalidMsg span.k-tooltip {
    position: absolute;
    display: block;
    border-width: 1px;
    padding: 0px !important;
    top: 30px;
    left: -115px;
}


/*new validation css End*/

/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '?';
        }

        th.desc a:after {
            content: '?';
        }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

            #login a:hover {
                color: #333;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}

/*span css*/
.column, .span-half, .span-1, .span-1half, .span-1plus, .span-2, .span-2plus, .span-2half, .span-3, .span-3half, .span-3plus, .span-4, .span-4plus, .span-4half, .span-5, .span-5plus, .span-5half, .span-6, .span-6half, .span-7, .span-7half, .span-8, .span-8half, .span-8plus, .span-9, .span-9half, .span-9plus, .span-10, .span-10half, .span-11, .span-11half, .span-12, .span-12half, .span-13, .span-13half, .span-14, .span-14half, .span-15, .span-15half, .span-16, .span-16half, .span-17, .span-17half, .span-18, .span-18half, .span-19, .span-19half, .span-20, .span-21, .span-22, .span-22half, .span-23, .span-23half, .span-24, .span-25, .span-26, .span-27, .span-27half, .span-28, .span-28half, .span-29, .span-30 {
    float: left;
    margin-right: 10px;
}

.last {
    margin-right: 0;
}

.span-half {
    width: 18px;
}

.span-1 {
    width: 30px;
}

.span-1half {
    width: 50px;
}

.span-1plus {
    width: 65px;
}

.span-2 {
    width: 70px;
}

.span-2half {
    width: 80px;
}

.span-2plus {
    width: 95px;
}

.span-3 {
    width: 110px;
}

.span-3half {
    width: 120px;
}

.span-3plus {
    width: 140px;
}

.span-4 {
    width: 150px;
}

.span-4plus {
    width: 155px;
}

.span-4half {
    width: 165px;
}

.span-5 {
    width: 190px;
}

.span-5plus {
    width: 210px;
}

.span-5half {
    width: 222px;
}

.span-6 {
    width: 230px;
}

.span-6half {
    width: 245px;
}

.span-7 {
    width: 270px;
}

.span-7half {
    width: 300px;
}

.span-8 {
    width: 310px;
}

.span-8half {
    width: 335px;
}

.span-8plus {
    width: 340px;
}

.span-9 {
    width: 350px;
}

.span-9half {
    width: 360px;
}

.span-9plus {
    width: 380px;
}

.span-10 {
    width: 390px;
}

.span-10half {
    width: 410px;
}

.span-11 {
    width: 430px;
}

.span-11half {
    width: 450px;
}

.span-12 {
    width: 470px;
}

.span-12half {
    width: 490px;
}

.span-13 {
    width: 510px;
}

.span-13half {
    width: 540px;
}

.span-14 {
    width: 550px;
}

.span-14half {
    width: 575px;
}

.span-15 {
    width: 590px;
}

.span-15half {
    width: 610px;
}

.span-16 {
    width: 630px;
}

.span-16half {
    width: 650px;
}

.span-17 {
    width: 670px;
}

.span-17half {
    width: 680px;
}

.span-18 {
    width: 710px;
}

.span-18half {
    width: 720px;
}

.span-19 {
    width: 750px;
}

.span-19half {
    width: 760px;
}

.span-20 {
    width: 790px;
}

.span-21 {
    width: 830px;
}

.span-22 {
    width: 870px;
}

.span-22half {
    width: 890px;
}

.span-23 {
    width: 922px;
}

.span-23half {
    width: 935px;
}
/*width:910px;*/
.span-24 {
    width: 950px;
}

.span-25 {
    width: 990px;
}

.span-26 {
    width: 1030px;
}

.span-27 {
    width: 1070px;
}

.span-27half {
    width: 1098px;
}

.span-28 {
    width: 1120px;
    margin-right: 0px;
}

.span-28half {
    width: 1145px;
    margin-right: 0px;
}

.span-29 {
    width: 1150px;
}

.span-30 {
    width: 1200px;
    margin-right: 0px;
}

.clear {
    clear: both;
}

/*panal menu css start*/

span .k-icon {
    background-image: url("kendo/2016.1.226/Default/spriteMetroBlackFinal.png") !important;
    border-color: transparent;
}
/*dropdown selected state background color*/
.k-dropdown .k-state-default.k-state-active {
    background-color: #dbdbdb !important;
    border-color: #cecece !important;
}

    .k-dropdown .k-state-default.k-state-active .k-input {
        color: #444 !important;
    }

.k-list > .k-state-selected {
    background-color: #ebebeb !important;
    border-color: #DEDEDE !important;
}

.k-list-optionlabel.k-state-selected {
    background-color: #ebebeb !important;
    border-color: #DEDEDE !important;
}

/*multiselect selected state background color*/
.k-multiselect-wrap span .k-icon {
    background-image: url("kendo/2016.1.226/Default/sprite.png") !important;
    border-color: transparent;
}

.k-multiselect-wrap .k-button.k-state-active:hover, .k-multiselect-wrap .k-button.k-state-hover, .k-multiselect-wrap .k-button:active:hover, .k-multiselect-wrap .k-button:hover {
    color: #444 !important;
    border-color: #ebebeb !important;
    background-color: #ebebeb !important;
}

.k-multiselect.k-state-focused.k-state-border-down .k-button, .k-multiselect.k-state-focused.k-state-border-up .k-button {
    color: #444 !important;
    background-color: #dbdbdb !important;
    border-color: #dbdbdb !important;
}

/*panal menu css end*/



/*Window css*/
.k-window-titlebar.k-header {
    /*background: #357EA8 !important;*/ /*set background to the titlebar*/
    /*color: #fff !important;*/
}

.k-window-title {
    top: 3px !important;
}

div.k-window-content {
    border-top: 1px solid #d3d3d3;
}

.k-window-titlebar .k-window-actions {
    padding-top: 0.2em !important;
}

.k-i-close, .k-state-hover {
    background-position: -48px -16px !important;
}
/*Window css end*/

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-family: OpenSans,Arial;
}

.btn-primary {
    background-color: #357EA8 !important;
    border-color: #357EA8 !important;
    color: #fff;
}

    .btn-primary:hover {
        background-color: #398CBB !important;
        border-color: #398CBB !important;
        color: #fff;
    }

    .btn-primary:focus {
        background-color: #398CBB !important;
        border-color: #FF9966 !important;
        color: #fff;
    }

.btn-default {
    background-color: #357EA8 !important;
    border-color: #357EA8 !important;
    color: #fff;
}

    .btn-default:hover {
        background-color: #398CBB !important;
        border-color: #398CBB !important;
        color: #fff;
    }

    .btn-default:focus {
        background-color: #398CBB !important;
        border-color: #FF9966 !important;
        color: #fff;
    }

input[type="submit"], input[type="button"], button {
    background-color: #CCCCCC;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
    padding: 7px;
    width: auto;
    font-family: OpenSans,Arial;
    height: 30px !important;
}

.divmargin {
    margin-top: 5px;
}

/*a:hover {
    background-color: transparent !important;
}*/

a {
    text-decoration: none !important;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-12 {
    margin-top: 12px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-12 {
    margin-left: 12px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.cphdiv {
    width: calc(100% - 20px);
    height: auto;
    float: left;
    padding: 10px 0px 20px 20px;
}

.createContdiv {
    width: calc(100% - 30px);
    height: auto;
    float: left;
    background-color: white;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 15px;
    margin-top: 10px;
}

.contdiv {
    width: 100%;
    height: auto;
    float: left;
    background-color: white;
    margin-top: 10px;
}

.searchCont {
    width: calc(100% - 30px);
    height: auto;
    float: left;
    background-color: white;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 15px;
    margin-top: 10px;
}
.searchContt {
    width: calc(100% - 20px);
    height: auto;
    float: left;
    background-color: white;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 15px;
    margin-top: 10px;
}
.buttonCont {
    width: 99%;
    height: auto;
    float: left;
    margin-left: 3px;
    margin-top: 10px;
}

.btndiv {
    width: auto;
    height: auto;
    float: left;
}

/*Grid css*/

th {
    font-size: .96em !important;
    text-align: left;
}

.k-grouping-header {
    display: none !important;
}

.k-grid-header .k-header > .k-link {
    color: #666666 !important;
    font-size: 12px !important;
    /*font-weight:600 !important;  added to make create page grid headers bolder*/
}

.k-grid table {
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    font-size: 12px !important;
}

.k-grid .k-state-selected, .k-grid td.k-state-selected.k-state-focused {
    background-color: #eae8e8 !important;
    font-weight: normal;
}

.k-pager-numbers .k-state-selected {
    color: #fff !important;
    border-color: #0072c6 !important;
    background-color: #0072c6 !important;
}

.k-grouping-header, .k-pager-info {
    color: #333 !important;
}

/*grid pagination arrow hover and slection*/
.k-link:hover:not(.k-state-disabled) > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-button:hover:not(.k-state-disabled) .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e {
    background-position: 0px -16px !important;
}

.k-link:hover:not(.k-state-disabled) > .k-i-seek-e, .k-state-hover > .k-i-seek-e, .k-state-hover > * > .k-i-seek-e, .k-button:hover:not(.k-state-disabled) .k-i-seek-e, .k-textbox:hover .k-i-seek-e, .k-button:active .k-i-seek-e {
    background-position: 0px -80px !important;
}

.k-link:hover:not(.k-state-disabled) > .k-i-refresh, .k-state-hover > .k-i-refresh, .k-state-hover > * > .k-i-refresh, .k-button:hover:not(.k-state-disabled) .k-i-refresh, .k-textbox:hover .k-i-refresh, .k-button:active .k-i-refresh {
    background-position: -32px -112px !important;
}

.k-link:hover:not(.k-state-disabled) > .k-i-arrow-w, .k-state-hover > .k-i-arrow-w, .k-state-hover > * > .k-i-arrow-w, .k-button:hover:not(.k-state-disabled) .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w, .k-button:active .k-i-arrow-w {
    background-position: 0px -48px !important;
}

.k-link:hover:not(.k-state-disabled) > .k-i-seek-w, .k-state-hover > .k-i-seek-w, .k-state-hover > * > .k-i-seek-w, .k-button:hover:not(.k-state-disabled) .k-i-seek-w, .k-textbox:hover .k-i-seek-w, .k-button:active .k-i-seek-w {
    background-position: 0px -112px !important;
}

/*Grid css End*/

.consigmnentcontainerbg {
    background-color: #F6F4F5;
    float: left;
    max-width: 2000px;
    min-height: 450px;
    min-width: 1200px;
    width: 100%;
}

.txtboxStyles {
    /*height: 16px;*/
    width: 130px;
}

.txtboxsearch {
    /*height: 16px;*/
    width: 150px;
}

.k-dropdown-wrap.k-state-default {
    border-color: #d3d3d3 !important;
}

/*modified on 22nd july*/
.k-checkbox-label {
    display: inline-block !important;
    margin-left: 0px !important;
    cursor: pointer;
    line-height: 0.5em;
    margin-top: 7px !important;
    padding-left: 1.5em;
    position: relative;
    vertical-align: top !important;
}

.k-radio-label {
    display: inline-block !important;
}

.k-radio-label {
    line-height: 1.3em !important;
    padding-left: 1.8em !important;
}

input.k-radio, input.k-checkbox {
    padding: 0px !important;
}



/*New*/

.pgHeading {
    width: 100%;
    height: auto;
    float: left;
    font-size: 20px;
}

.breadcrumb {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 10px;
}

/*validation msg starts*/

.validationmsg {
    margin-left: -3px;
}

.txtRight {
    text-align: right;
}

.gridoverflow {
    width: 100%;
    height: auto;
    float: left;
    overflow: auto;
}

.radiolblMargin {
    margin-top: 4px;
}

.boldLbl {
    font-weight: bold;
}



.k-panelbar .k-state-selected, .k-panelbar .k-state-selected:link, .k-panelbar .k-state-selected:visited {
    border-right-color: #fff !important;
}

    /*text shadow for selected menu item*/
    .k-panelbar .k-state-selected:link {
        text-shadow: 1px 1px 4px #222222 !important;
    }

.k-panelbar li.k-state-default > .k-link {
    border-right: 0px solid #fff !important;
}

.checkalllist {
    list-style: none;
    padding: 4px;
    margin: 0px;
}

.k-header.k-grid-toolbar {
    border-bottom: 1px solid #c9c9c9 !important;
}

/* autocomplete css*/
.k-autocomplete.k-state-hover {
    background-color: #fff;
    background-image: none;
    background-position: 50% 50%;
    border-color: #8b8b8b;
}

.k-autocomplete .k-input {
    height: 1.2em;
    line-height: 1.2em;
    padding: .177em 0;
    text-indent: .33em;
    border: 0;
    margin: 0;
}

/*.k-numeric-wrap.k-expand-padding {
   padding-left:0.3em !important;
   padding-right: 0.3em !important;
}*/


.UpperCase {
    text-transform: uppercase;
}

/*kendo widget color*/

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #000 !important;
}


/*tabstrip styles*/

.k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    border-bottom-width: 0px !important;
    display: inline-block !important;
    padding: 0.6em 2.5em !important;
}

/*#claimRecovery .k-tabstrip-items .k-link, .k-tabstrip-items .k-link {
    border-bottom-width: 0px !important;
    display: inline-block !important;
    padding: 0.6em 3.2em !important;
}*/

.k-tabstrip-items {
    background-color: #f6f4f5 !important;
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid #d3d3d3 !important;
    padding: 0 !important;
    width: 100.2%;
    margin-left: -1px !important;
    margin-top: -1px !important;
    margin-right: 0px !important;
}

    .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-state-active, .k-tabstrip-items .k-tab-on-top {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

/*.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border: 0px solid #fff;
}*/

.k-tabstrip.k-header {
    border: 1px solid #d3d3d3;
    background-color: #fff !important;
}

.k-tabstrip-items .k-state-default .k-link {
    border-bottom: 2px solid #e3e3e3 !important;
    border-right: 1px solid #d3d3d3 !important;
    color: #333 !important;
}

.k-tabstrip-items .k-state-active .k-link, .k-tabstrip-items .k-state-active.k-state-hover .k-link {
    color: #FFF !important;
    border-bottom: 2px solid #357EA8 !important;
    background-color: #357EA8 !important;
}

.k-tabstrip-items .k-state-hover .k-link {
    color: #357EA8 !important;
    border-bottom: 2px solid #357EA8 !important;
    background-color: #e3e3e3 !important;
}

.k-tabstrip .k-state-active.k-item {
    border-color: #357EA8 !important;
}

    .k-tabstrip .k-state-active.k-item > .k-link {
        border-right: 1px solid #357EA8 !important;
    }

.k-tabstrip-items .k-item {
    border-width: 1px 1px 0px !important;
}

.k-tabstrip .k-item {
    background-color: #e3e3e3 !important;
    border-color: #d3d3d3 !important;
}

.k-tabstrip-items .k-item.k-last {
    border-width: 1px 0px 0px 0px !important;
}

.k-content, .k-tabstrip > .k-content {
    border-style: solid;
    border-width: 0px;
    margin: 0 0.286em 0.3em;
    padding: 0.3em 0.92em;
    position: static;
}

.k-tabstrip-items .k-loading {
    border-top-width: 0px !important;
}


/*consignment top menu styles*/

/* top menu styles*/

#ConsignmentMenu.k-menu .k-item, #ConsignmentMenu.k-header.k-menu {
    border-color: transparent !important;
    background-color: transparent !important;
}

#ConsignmentMenu.k-menu > .k-item > .k-state-active {
    background-color: #357ea8;
    color: #fff;
}

#ConsignmentMenu.k-menu > .k-item.k-state-default.k-state-hover {
    background-color: #398CBB !important;
    color: #fff;
}

#ConsignmentMenu.k-menu > .k-item > .k-state-hover {
    background-color: #398CBB !important;
    color: #fff;
}

#ConsignmentMenu .k-link:link, #ConsignmentMenu .k-link:visited, #ConsignmentMenu .k-nav-current.k-state-hover .k-link {
    color: #fff !important;
}


#ConsignmentMenu .k-group.k-menu-group {
    background-color: #357ea8 !important;
}

#ConsignmentMenu.k-menu .k-menu-group > .k-item.k-state-hover {
    background-color: #398CBB !important;
}

#ConsignmentMenu .k-item.active {
    background-color: #398CBB !important;
}

#ConsignmentMenu.k-menu .k-image {
    margin: -2px 6px 0 -4px !important;
    vertical-align: middle;
}

#ConsignmentMenu.k-menu .k-item > .k-link {
    padding: 1em 1.1em 0.5em !important;
}

#ConsignmentMenu.k-menu .k-menu-group .k-item > .k-link {
    padding: 0.40em 1.4em 0.5em !important;
}

.k-pager-numbers .k-link:link, .k-pager-numbers .k-link:visited {
    color: #000 !important;
}


#ConsignmentMenu .k-i-arrow-s {
    background-position: -12px -160px;
}

#reportspanelbar > k-i-arrow-s {
    background-position: 0px -32px;
}

#ConsignmentMenu .k-link:hover:not(.k-state-disabled) > .k-i-arrow-s,
#ConsignmentMenu .k-state-hover > * > .k-i-arrow-s,
#ConsignmentMenu .k-state-hover > .k-i-arrow-s,
#ConsignmentMenu .k-textbox:hover .k-i-arrow-s {
    background-position: -12px -160px;
}

#ConsignmentMenu.k-menu .k-item, #ConsignmentMenu.k-widget.k-menu-horizontal > .k-item {
    border-width: 0px !important;
}


/*claims top menu styles*/

#ClaimsMenu.k-menu .k-item, #ClaimsMenu.k-header.k-menu {
    border-color: transparent !important;
    background-color: transparent !important;
}

#ClaimsMenu.k-menu > .k-item > .k-state-active {
    background-color: #357ea8;
    color: #fff;
}

#ClaimsMenu.k-menu > .k-item.k-state-default.k-state-hover {
    background-color: #398CBB !important;
    color: #fff;
}

#ClaimsMenu.k-menu > .k-item > .k-state-hover {
    background-color: #398CBB !important;
    color: #fff;
}

#ClaimsMenu .k-link:link, #ClaimsMenu .k-link:visited, #ClaimsMenu .k-nav-current.k-state-hover .k-link {
    color: #fff !important;
}

#ClaimsMenu .k-group.k-menu-group {
    background-color: #357ea8 !important;
}

#ClaimsMenu.k-menu .k-menu-group > .k-item.k-state-hover {
    background-color: #398CBB !important;
}

#ClaimsMenu .k-item.active {
    background-color: #398CBB !important;
}

#ClaimsMenu.k-menu .k-image {
    margin: -2px 6px 0 -4px !important;
    vertical-align: middle;
}

#ClaimsMenu.k-menu .k-item > .k-link {
    padding: 1em 1.1em 0.5em !important;
}

#ClaimsMenu.k-menu .k-menu-group .k-item > .k-link {
    padding: 0.40em 1.4em 0.5em !important;
}

.k-pager-numbers .k-link:link, .k-pager-numbers .k-link:visited {
    color: #000 !important;
}

#ClaimsMenu .k-i-arrow-s {
    background-position: -12px -160px;
}

#reportspanelbar > k-i-arrow-s {
    background-position: 0px -32px;
}

#ClaimsMenu .k-link:hover:not(.k-state-disabled) > .k-i-arrow-s,
#ClaimsMenu .k-state-hover > * > .k-i-arrow-s,
#ClaimsMenu .k-state-hover > .k-i-arrow-s,
#ClaimsMenu .k-textbox:hover .k-i-arrow-s {
    background-position: -12px -160px;
}

#ClaimsMenu.k-menu .k-item, #ClaimsMenu.k-widget.k-menu-horizontal > .k-item {
    border-width: 0px !important;
}


/*LHP top menu styles*/

#LHMenu.k-menu .k-item, #LHMenu.k-header.k-menu {
    border-color: transparent !important;
    background-color: transparent !important;
}

#LHMenu.k-menu > .k-item > .k-state-active {
    background-color: #357ea8;
    color: #fff;
}

.k-menu .k-item > .k-link {
    color: #fff !important;
}

#LHMenu.k-menu > .k-item.k-state-default.k-state-hover {
    background-color: #398CBB !important;
    color: #fff;
}

#LHMenu.k-menu > .k-item > .k-state-hover {
    background-color: #398CBB !important;
    color: #fff;
}

#LHMenu .k-link:link, #LHMenu .k-link:visited, #LHMenu .k-nav-current.k-state-hover .k-link {
    color: #fff !important;
}

#LHMenu .k-group.k-menu-group {
    background-color: #357ea8 !important;
}

#LHMenu.k-menu .k-menu-group > .k-item.k-state-hover {
    background-color: #398CBB !important;
}

#LHMenu .k-item.active {
    background-color: #398CBB !important;
}

#LHMenu.k-menu .k-image {
    margin: -2px 6px 0 -4px !important;
    vertical-align: middle;
}

#LHMenu.k-menu .k-item > .k-link {
    padding: 1em 1.4em 0.5em !important;
}

#LHMenu.k-menu .k-menu-group .k-item > .k-link {
    padding: 0.40em 1.4em 0.5em !important;
}

.k-pager-numbers .k-link:link, .k-pager-numbers .k-link:visited {
    color: #000 !important;
}


#LHMenu .k-i-arrow-s {
    background-image: url("kendo/2016.1.226/Office365/sprite.png") !important;
    background-position: -12px -160px;
}

#LHMenu .k-i-arrow-e {
    background-image: url("kendo/2016.1.226/Office365/sprite.png") !important;
    background-position: -12px -140px;
}

#LHMenu .k-state-hover .k-i-arrow-e {
    background-image: url("kendo/2016.1.226/Office365/sprite.png") !important;
    background-position: -12px -140px !important;
}



#reportspanelbar > k-i-arrow-s {
    background-position: 0px -32px;
}

#LHMenu .k-link:hover:not(.k-state-disabled) > .k-i-arrow-s,
#LHMenu .k-state-hover > * > .k-i-arrow-s,
#LHMenu .k-state-hover > .k-i-arrow-s,
#LHMenu .k-textbox:hover .k-i-arrow-s {
    background-position: -12px -160px;
}

#LHMenu.k-menu .k-item, #LHMenu.k-widget.k-menu-horizontal > .k-item {
    border-width: 0px !important;
}


/*end*/


/*FleetEntries top menu styles*/

#FleetEntries.k-menu .k-item, #FleetEntries.k-header.k-menu {
    border-color: transparent !important;
    background-color: transparent !important;
}

#FleetEntries.k-menu > .k-item > .k-state-active {
    background-color: #357ea8;
    color: #fff;
}

.k-menu .k-item > .k-link {
    color: #fff !important;
}

#FleetEntries.k-menu > .k-item.k-state-default.k-state-hover {
    background-color: #398CBB !important;
    color: #fff;
}

#FleetEntries.k-menu > .k-item > .k-state-hover {
    background-color: #398CBB !important;
    color: #fff;
}

#FleetEntries .k-link:link, #FleetEntries .k-link:visited, #FleetEntries .k-nav-current.k-state-hover .k-link {
    color: #fff !important;
}

#FleetEntries .k-group.k-menu-group {
    background-color: #357ea8 !important;
}

#FleetEntries.k-menu .k-menu-group > .k-item.k-state-hover {
    background-color: #398CBB !important;
}

#FleetEntries .k-item.active {
    background-color: #398CBB !important;
}

#FleetEntries.k-menu .k-image {
    margin: -2px 6px 0 -4px !important;
    vertical-align: middle;
}

#FleetEntries.k-menu .k-item > .k-link {
    padding: 1em 1.4em 0.5em !important;
}

#FleetEntries.k-menu .k-menu-group .k-item > .k-link {
    padding: 0.40em 1.4em 0.5em !important;
}

.k-pager-numbers .k-link:link, .k-pager-numbers .k-link:visited {
    color: #000 !important;
}


#FleetEntries .k-i-arrow-s {
    background-image: url("kendo/2016.1.226/Office365/sprite.png") !important;
    background-position: -12px -160px;
}

#FleetEntries .k-i-arrow-e {
    background-image: url("kendo/2016.1.226/Office365/sprite.png") !important;
    background-position: -12px -140px;
}

#FleetEntries .k-state-hover .k-i-arrow-e {
    background-image: url("kendo/2016.1.226/Office365/sprite.png") !important;
    background-position: -12px -140px !important;
}

#reportspanelbar > k-i-arrow-s {
    background-position: 0px -32px;
}

#FleetEntries .k-link:hover:not(.k-state-disabled) > .k-i-arrow-s,
#FleetEntries .k-state-hover > * > .k-i-arrow-s,
#FleetEntries .k-state-hover > .k-i-arrow-s,
#FleetEntries .k-textbox:hover .k-i-arrow-s {
    background-position: -12px -160px;
}

#FleetEntries.k-menu .k-item, #FleetEntries.k-widget.k-menu-horizontal > .k-item {
    border-width: 0px !important;
}


/*end*/


/*left toggable menu start*/

.menuCtrl {
    width: 100%;
    height: calc(100% - 26px); /*calc(100% - 23px)*/
    float: left;
    margin-top: 5px;
    overflow: auto;
    background-color: #364860;
}

nav.sidebar-menu-collapsed {
    width: 41px;
}

nav.sidebar-menu-expanded {
    width: 185px;
}

nav.sidebar {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    background: none repeat scroll 0 0 #364860;
    color: white;
    padding: 5px 0px 0px 0px;
    outline: 0;
    margin-left: -2px;
}

.rightpanel {
    width: calc(100% - 185px);
    /*background-color: #f6f4f5;*/
    height: auto;
    float: left;
}

.rightpanelexpand {
    margin-left: 0px;
    width: calc(100% - 41px) !important;
    float: left;
    background-color: #f6f4f5;
}

.menuExpanded {
    background: url('../Images/togglemenuicon.png') no-repeat 0 0;
    width: 41px;
    height: 17px;
    outline: 0;
}

.menuCollapsed {
    background: url('../Images/togglemenuicon.png') no-repeat 0 -18px;
    width: 41px;
    height: 17px;
    outline: 0;
}

.leftPnl {
    width: 41px;
    height: 100%;
    min-height: 500px;
    float: left;
    overflow: auto;
}

.leftPnlExpanded {
    width: 185px;
    height: 100%;
    min-height: 500px;
    float: left;
    overflow: auto;
}
/*left toggable menu end*/

/*new panelbar*/
.k-panelbar .k-state-selected, .k-panelbar .k-state-selected:link, .k-panelbar .k-state-selected:visited {
    background-color: #364860 !important;
    border-color: #364860 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.k-panelbar .k-link:link, .k-panelbar .k-link:visited, .k-panelbar .k-nav-current.k-state-hover .k-link {
    color: #fff !important;
}

.k-panelbar .k-content, .k-panelbar .k-item, .k-panelbar .k-panel, .k-panelbar.k-header, .k-panelbar > .k-item > .k-link {
    border-bottom-color: #4A6079 !important;
    border-right-width: 0px !important;
}

.k-panelbar .k-panel, .k-panelbar.k-header {
    border-bottom-color: #4A6079 !important;
}

.k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-focused.k-state-hover, .k-panelbar > li > .k-state-selected, .k-panelbar > li > .k-state-selected.k-state-hover {
    background-color: #364860 !important;
    color: #fff !important;
    font-weight: normal !important;
}

.k-panel > .k-item > .k-link {
    border-right-width: 0px !important;
}

.k-panel > li.k-item {
    background-color: #364860 !important;
}

.k-panelbar > .k-item > .k-link {
    background-color: #364860 !important;
    color: #788E94 !important;
}

.k-panelbar > .k-item.k-state-active > .k-link {
    background-color: #364860 !important;
    color: #fff !important;
}

.k-panelbar .k-item,
.k-panelbar > .k-item > .k-link {
    border-bottom-color: #4A6079 !important;
}

.k-panelbar.k-header {
    border-color: #364860 !important;
    border-right-color: #f6f4f5 !important;
}

.k-pager-numbers .k-link:link, .k-pager-numbers .k-link:visited {
    color: #333 !important;
}

.k-grid tr:hover {
    background-image: none !important;
    background-color: #efefef !important;
}

/*Report viewer div styles*/
#reportViewer1 {
    position: relative;
    width: 996px;
    height: 550px;
    font-family: OpenSans, Arial;
}

.reportViewerdiv > div {
    position: relative;
    width: 100%;
    height: 550px;
    font-family: OpenSans, Arial;
    float: left;
    margin-top: 15px;
}

.reportViewerdiv .k-menu .k-item, .reportViewerdiv .k-header.k-menu {
    border-color: #D3D3D3 !important;
    background-color: #eae8e8 !important;
    border-width: 1px !important;
}

    .reportViewerdiv .k-menu .k-item > .k-link {
        padding: .3em 1.1em .2em !important;
        color: #000 !important;
    }

.nonnegotiable > div {
    position: relative;
    width: 1300px;
    height: 550px;
    font-family: OpenSans, Arial;
    float: left;
    margin-top: 15px;
}

.nonnegotiable .k-menu .k-item, .nonnegotiable .k-header.k-menu {
    border-color: #D3D3D3 !important;
    background-color: #eae8e8 !important;
    border-width: 1px !important;
}

    .nonnegotiable .k-menu .k-item > .k-link {
        padding: .3em 1.1em .2em !important;
        color: #000 !important;
    }

.nonnegotiable .k-reset.k-menu {
    border: 1px solid #D3D3D3 !important;
}
/*to remove margin left and right for report viewer*/
.trv-content-wrapper.k-content {
    margin: 0px !important;
}





.trv-nav .k-menu .k-item .k-link:link, .trv-nav .k-menu .k-item .k-link:visited {
    color: #666666 !important;
}

/*Kendo Check Box Styles*/

.k-checkbox:disabled + .k-checkbox-label::after, .k-checkbox:checked:disabled + .k-checkbox-label:active::after, .k-checkbox:disabled + .k-checkbox-label:hover::before, .k-checkbox:checked:disabled + .k-checkbox-label:hover::after {
    border-color: #d3d3d3 !important;
    background: #d3d3d3 !important;
}

.k-checkbox-label::after {
    border-color: #666 !important;
    margin-top: -5px !important;
    /*font-size:15px !important;*/
}

.k-checkbox-label::before {
    background: #fff none repeat scroll 0 0 !important;
    border-color: #0072c6 !important;
    border-radius: 3px !important;
    margin-top: -5px !important;
}

.k-checkbox:focus + .k-checkbox-label::after {
    border-color: #0072C6 !important;
    /*font-size:15px !important;*/
}

.k-checkbox:focus + .k-checkbox-label::before {
    border-color: #0072C6 !important;
    box-shadow: 0px 0px 0px 1px rgba(0,116,198,1) !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,116,198,1) !important;
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,116,198,1) !important;
}

.k-checkbox:checked + .k-checkbox-label::before {
    /*content: "✓";*/
    content: '\2713';
    color: #000 !important;
    font-weight: bold !important;
    /*font-size:15px !important;*/
}

.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before,
.k-checkbox:disabled + .k-checkbox-label:before {
    color: #aaa;
    background: #F0F0F0 !important;
    border-color: #aaa !important;
    border-radius: 1px;
}

.k-radio:checked + .k-radio-label:after {
    border-color: #0072C6 !important;
    /*font-size:15px !important;*/
}

.k-radio:checked + .k-radio-label:before {
    border-color: #0072C6 !important;
    box-shadow: 0px 0px 0px 1px rgba(0,116,198,1) !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,116,198,1) !important;
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,116,198,1) !important;
}

.k-radio:checked:disabled + .k-radio-label:active:before,
.k-radio:checked:disabled + .k-radio-label:before,
.k-radio:checked:disabled + .k-radio-label:hover:before,
.k-radio:disabled + .k-radio-label:before {
    border-color: #aaa !important;
    box-shadow: 0px 0px 0px 1px rgba(240,240,240,1) !important;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(240,240,240,1) !important;
    -moz-box-shadow: 0px 0px 0px 1px rgba(240,240,240,1) !important;
}

.k-radio:checked:disabled + .k-radio-label:after {
    background-color: #818181 !important; /*#212121*/
    border-radius: 50%;
}


/*Check Box End*/

/*kendo html*/

html .k-widget .k-input,
html .k-combobox .k-dropdown-wrap:before,
html .k-numeric-wrap:before,
html .k-picker-wrap:before {
    height: 17px;
}

html .k-dropdown-wrap .k-select,
html .k-numeric-wrap .k-select,
html .k-picker-wrap .k-select {
    min-height: 0;
    line-height: 20px;
}

/*.k-widget {
    height: 24px;
}*/

html .k-colorpicker .k-picker-wrap {
    height: 22px;
}

html .k-numerictextbox .k-link {
    height: 10px;
    line-height: 10px;
}

/*from imp*/

input.k-textbox {
    height: 1.8em !important;
    line-height: 1.6em;
    text-indent: 0em !important;
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    border: 0 none;
    height: 1.65em;
    line-height: 1.4em !important;
    margin: 0;
    padding: 0.177em 0;
    text-indent: 0.33em !important;
}

.k-ff input.k-textbox {
    height: 1.8em !important;
}


textarea {
    border: 1px solid #c5c5c5;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 0px !important;
    padding: 2px 4px;
    width: 300px;
}

input {
    border: 1px solid #c5c5c5;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 0px !important;
    padding: 2px 4px;
    width: 300px;
    height: 22px;
}

.k-textbox:hover, .k-tiles li.k-state-hover {
    border-color: #0072C6 !important;
}

input .k-textbox:focus {
    border-color: #0072C6 !important;
}

.k-numerictextbox .k-input:focus {
    border-color: #0072C6 !important;
}

.rowmargin {
    margin-top: 8px;
}

.lblcss {
    margin-top: 2px;
}

.k-state-default.k-autocomplete, .k-state-default.k-dropdown-wrap, .k-state-default.k-numeric-wrap, .k-state-default.k-picker-wrap {
    border-color: #C5C5C5 !important;
}

.k-state-hover.k-autocomplete, .k-state-hover.k-dropdown-wrap, .k-state-hover.k-numeric-wrap, .k-state-hover.k-picker-wrap {
    border-color: #0072C6 !important;
}

.k-autocomplete.k-statefocused .k-input, .k-state-default.k-autocomplete.outline {
    border-color: #0072C6 !important;
}

input[type='text'] {
}

.k-textbox, .k-input {
    font-size: 92.7% !important;
}

.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content {
    padding: 20px !important;
}

ul[data-role="telerik_ReportViewer_MainMenu"].k-menu .k-item {
    padding: 1px 0px !important;
}

.k-pager-wrap {
    padding: 4px 0 4px .250em !important;
}

    .k-pager-numbers .k-link, .k-pager-wrap > .k-link {
        height: 1.8em !important;
        line-height: 1.8em !important;
    }

.k-grid-pager {
    height: 30px;
}
/*grid row selection highlight*/
.k-grid table tr:hover td {
    background: #7FB7D8 !important;
    cursor: pointer !important;
}

.k-grid td.outline {
    outline: 0px solid !important;
}

.k-grid .k-state-selected, .k-grid td.k-state-selected.k-state-focused {
    background-color: #7FB7D8 !important;
}
/*do not delete -- this is to avoid outline to div body and anchor tag of left menu*/
div.outline, body.outline, a.outline {
    outline: 0px solid !important;
}
/*to reduce font size with in the control dropdowns*/
.k-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 96.28% !important;
    list-style: none;
    line-height: normal;
}

.k-numeric-wrap.k-expand-padding .k-formatted-value.k-input {
    /*width: 96% !important;*/
    width: calc(96% - 5px) !important;
    padding-right: 5px !important;
}

.k-numeric-wrap.k-expand-padding.k-state-focused .k-input {
    width: 95% !important;
    margin-right: 5px !important;
}

/*pager numbers styling*/

.k-pager-numbers li .k-state-selected {
    margin-top: 3px !important;
    min-width: 1.5em !important;
}

k-pager-numbers .k-state-selected {
    min-width: 1.5em !important;
    margin-top: 3px !important;
}

/*grid add new btn styles*/
.k-icon.k-add {
    background-position: -48px -64px !important;
}

.k-icon.k-update {
    background-position: -48px -32px !important;
}

.k-icon.k-cancel {
    /*, .k-icon.k-denied, .k-icon.k-i-cancel*/
    background-position: -48px -48px;
}

    .k-icon.k-cancel:hover { /*, .k-icon.k-denied:hover, .k-icon.k-i-cancel:hover*/
        background-position: -48px -48px;
    }

.k-icon.k-delete {
    background-position: -48px -16px;
}

.k-grid tbody td > .k-grid-delete {
    margin-top: 0em !important;
    margin-bottom: 0em !important;
    /* margin-top: -.2em; 
         margin-bottom: -.2em; */
}


.k-icon.k-edit, .k-icon.k-i-pencil {
    background-position: -48px 0;
}

.k-grid-add {
    color: #fff !important;
    background-color: #357EA8 !important;
}

    .k-grid-add:hover {
        color: #fff !important;
        background-color: #398CBB !important;
    }

.k-grid-cancel {
    color: #fff !important;
    background-color: #357EA8 !important;
}

    .k-grid-cancel:hover {
        color: #fff !important;
        background-color: #398CBB !important;
    }

.k-grid-update {
    color: #fff !important;
    background-color: #357EA8 !important;
}

    .k-grid-update:hover {
        color: #fff !important;
        background-color: #398CBB !important;
    }

.k-grid-edit {
    color: #fff !important;
    background-color: #357EA8 !important;
}

    .k-grid-edit:hover {
        color: #fff !important;
        background-color: #398CBB !important;
    }

.k-grid-delete {
    color: #fff !important;
    background-color: #357EA8 !important;
}

    .k-grid-delete:hover {
        color: #fff !important;
        background-color: #398CBB !important;
    }

.k-primary, .k-primary:hover {
    border-color: #357EA8 !important;
}

.k-button, .k-button:hover {
    border-color: #357EA8 !important;
}

.k-grid-add:focus, .k-grid-cancel:focus, .k-grid-edit:focus, .k-grid-update:focus, .k-grid-delete:focus {
    background-color: #398CBB !important;
    border-color: #FF9966 !important;
    color: #fff;
}

/*Hover background color on combobox/dropdown list items*/

.k-popup .k-item.k-state-hover {
    background-color: #EAE8E8 !important;
}

/*radio btn spacer*/
.radioBtnSpacer {
    width: auto;
    height: auto;
    float: left;
    margin-right: 10px;
}
/*color for numeric value in report viewer*/
.reportViewerdiv .k-item > .k-link {
    color: #000 !important;
}

/*only for IE browser*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .topchkbox {
        width: 50px !important;
    }

    .leftchkbox {
        margin-left: -12px;
    }
}

/*for sub-menu purpose*/
.k-menu .k-state-active {
    background-color: #398CBB !important;
}


/*to be removed after testing*/

/*.k-button:active .k-add, .k-button:active .k-i-plus, .k-button:hover:not(.k-state-disabled) .k-add, .k-button:hover:not(.k-state-disabled) .k-i-plus, .k-link:hover:not(.k-state-disabled) > .k-add, .k-link:hover:not(.k-state-disabled) > .k-i-plus, .k-state-hover > * > .k-add, .k-state-hover > * > .k-i-plus, .k-state-hover > .k-add, .k-state-hover > .k-i-plus, .k-textbox:hover .k-add, .k-textbox:hover .k-i-plus {
        background-position: -32px -64px;
    }

    .k-button:active .k-cancel, .k-button:active .k-denied, .k-button:active .k-i-cancel, .k-button:hover:not(.k-state-disabled) .k-cancel, .k-button:hover:not(.k-state-disabled) .k-denied, .k-button:hover:not(.k-state-disabled) .k-i-cancel, .k-link:hover:not(.k-state-disabled) > .k-cancel, .k-link:hover:not(.k-state-disabled) > .k-denied, .k-link:hover:not(.k-state-disabled) > .k-i-cancel, .k-state-hover > * > .k-cancel, .k-state-hover > * > .k-denied, .k-state-hover > * > .k-i-cancel, .k-state-hover > .k-cancel, .k-state-hover > .k-denied, .k-state-hover > .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-textbox:hover .k-i-cancel {
        background-position: -32px -48px;
    }

    .k-link:hover:not(.k-state-disabled) > .k-i-tick, .k-link:hover:not(.k-state-disabled) > .k-insert, .k-link:hover:not(.k-state-disabled) > .k-update, .k-state-hover > .k-i-tick, .k-state-hover > .k-insert, .k-state-hover > .k-update, .k-state-hover > * > .k-i-tick, .k-state-hover > * > .k-insert, .k-state-hover > * > .k-update, .k-button:hover:not(.k-state-disabled) .k-i-tick, .k-button:hover:not(.k-state-disabled) .k-insert, .k-button:hover:not(.k-state-disabled) .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update, .k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update {
        background-position: -32px -32px;
    }

    .k-button:active .k-edit, .k-button:active .k-i-pencil, .k-button:hover:not(.k-state-disabled) .k-edit, .k-button:hover:not(.k-state-disabled) .k-i-pencil, .k-link:hover:not(.k-state-disabled) > .k-edit, .k-link:hover:not(.k-state-disabled) > .k-i-pencil, .k-state-hover > * > .k-edit, .k-state-hover > * > .k-i-pencil, .k-state-hover > .k-edit, .k-state-hover > .k-i-pencil, .k-textbox:hover .k-edit, .k-textbox:hover .k-i-pencil {
        background-position: -32px 0;
    }

    .k-button:active .k-delete, .k-button:active .k-group-delete, .k-button:active .k-i-close, .k-button:hover:not(.k-state-disabled) .k-delete, .k-button:hover:not(.k-state-disabled) .k-group-delete, .k-button:hover:not(.k-state-disabled) .k-i-close, .k-link:hover:not(.k-state-disabled) > .k-delete, .k-link:hover:not(.k-state-disabled) > .k-group-delete, .k-link:hover:not(.k-state-disabled) > .k-i-close, .k-state-hover > * > .k-delete, .k-state-hover > * > .k-group-delete, .k-state-hover > * > .k-i-close, .k-state-hover > .k-delete, .k-state-hover > .k-group-delete, .k-state-hover > .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-textbox:hover .k-i-close {
        background-position: -32px -16px !important;
    }*/

.k-panel > .k-item > .k-link {
    border-bottom: 0;
    font-size: .90em !important;
    line-height: 2.2;
}


ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.tabs li {
        background: none;
        color: #222;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
    }

        ul.tabs li.current {
            background: #357EA8;
            color: #fff;
        }

.tab-content {
    display: none;
    background: #ededed;
    padding: 15px;
}

    .tab-content.current {
        display: inherit;
        background: none;
        border: 1px solid #357EA8;
    }

.k-header {
    background: #ededed !important;
    border: none !important;
}

.k-grid-header table td {
    padding: 0.5% 0;
}

.k-grid-header table {
    table-layout: auto !important;
}



/*------------------------------------*/
.contentactivationlogin {
    width: 360px;
    min-height: 475px;
    background-color: #fff;
    margin: 50px auto;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 5px 30px;
}

.login-text {
    font-size: 15px;
}

.loginbtn {
    background-color: #4BA3EE !important;
    width: 100% !important;
    color: #ffffff !important;
    height: auto !important;
    border-radius: 5px !important;
    border: 0px solid !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 10px 17px !important;
}

.login-input {
    font-size: 16px !important;
}

.mydatagrid {
    width: 80%;
    border: 1px solid #c9c9c9;
    min-width: 80%;
}

.header {
    background: #f5f5f5 !important;
    border: none !important;
    color: #666666 !important;
    border: none 0px transparent;
    height: 25px;
    text-align: center;
    font-size: 16px;
}

    .header th {
        color: #001a2b !important;
    font-size: 15px !important;
    font-weight: 500;
        line-height: 20px;
    }

.rows {
    background-color: #fff;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    min-height: 25px;
    text-align: left;
    border: none 0px transparent;
}

    .rows:hover {
        background: #7FB7D8 !important;
        cursor: pointer !important;
    }

.selectedrow {
    background-color: #ff8000;
    font-family: Arial;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.mydatagrid a /** FOR THE PAGING ICONS  **/ {
    background-color: Transparent;
    padding: 5px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

    .mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/ {
        color: #fff;
    }

.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/ {
    color: #000;
    padding: 5px 5px 5px 5px;
}

.pagerstyle {
    background-color: #ffffff;
    color: White;
    height: 30px;
    border: 1px solid #c9c9c9;
}
.pagerstyle span{
    margin-top: 3px !important;
    min-width: 1.5em !important;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    background-color: #7FB7D8 !important;
    color: #fff !important;
    border-color: #0072c6 !important;
}

.pagerstyle a:hover {
    color: #00245A;
}

.mydatagrid td {
    padding: 5px;
}

.mydatagrid th {
    padding: 5px 8px;
}