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

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

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

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

body {
    position: fixed;
    width: 100%;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
}

.row {
    margin-right: -5px !important;
    margin-left: -5px !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.hoverViewDivSide {
    z-index: 99;
    position: absolute;
    background-color: rgba(51, 51, 51, 0.95) !important;
    width: 210px !important;
}

.hoverViewDivUpDown {
    z-index: 99;
    position: absolute;
    background-color: rgba(233, 233, 233, 0.95) !important;
}

.flexFreeDisplay {
    width: 100%;
    display: flex;
}

.headMenuSticky {
    background: #0F4B8F;
    min-height: 27px;
    width: 100%;
    display: flex;
}

.headMenuStickyLeft {
    width: 210px;
    display: inline-block;
    float: left;
    text-align: left;
    padding: 6px 12px;
    text-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
    font: 400 15px/15px 'Roboto';
    color: #0f8f9f9;
    cursor: pointer;
    visibility: inherit;
    text-transform: uppercase;
    color: white;
}

div#lblSlide {}

.headMenuStickyCenter {
    width: 74%;
    float: left;
    text-align: center;
    padding: 6px 12px;
    text-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
    font: 400 15px/15px 'Roboto';
    color: #f8f9f9;
    cursor: pointer;
    visibility: inherit;
    text-transform: uppercase;
}

.headMenuStickyRight {
    width: 13%;
    border-left: 1px solid #FFF;
    display: inline-block;
    float: right;
    text-align: right;
    padding: 6px 12px;
    text-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
    font: 400 15px/15px 'Roboto';
    color: #f8f9f9;
    cursor: pointer;
    visibility: inherit;
    text-transform: uppercase;
}

.leftShowHideMenuList {
    width: 238px;
    background: rgba(51, 51, 51, 1) !important;
    float: left;
    left: 0;
    padding: 0px 10px 10px 10px;
    /*min-height: 720px;*/
    overflow-x: hidden;
    overflow-y: auto;
}

.middelContBody {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
}

.centerShowHideScoreboard {
    width: 100%;
    background: #e9e9e9;
    overflow: hidden;
    position: relative;
}

.rightShowHideNotify {
    width: 239px;
    float: right;
    right: 0;
    background: #0F4B8F;
    padding: 15px 12px 20px 12px;
    min-height: 720px;
    overflow-x: hidden;
    overflow-y: auto;
}

.footerWrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.footerShowHideDiv {
    background: #e9e9e9;
    width: 100%;
    position: absolute;
    z-index: -1;
}

.footerWrapperBox {
   background: rgb(141,198,63);
background: linear-gradient(90deg, rgba(141,198,63,1) 0%, rgba(76,156,46,1) 67%);
    min-height: 35px;
    padding: 6px 12px;
    width: 100%;
    display: flex;
}

.footerContentBox {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
}

.headWrapper {
    background: rgba(51, 51, 51, 1) !important;
    color: #FFF;
    padding: 8px 10px;
}

.logoHead {
    font-family: 'Roboto-Bold';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;
    text-align: left;
    float: left;
    display: inline-block;
    margin-top: 4px;
}

.inspectorLayout {
    display: none;
}

.headUserList {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

    .headUserList .headFirstIcon {
        margin-right: 65px;
    }

.loginUserName {
    margin-top: 8px;
    white-space: normal;
    max-width: 150px;
}

.headUserList li {
    float: left;
    /*margin-left: 15px;*/
    margin-left: 5px;
    margin-right: 5px;
    list-style: none;
}

    .headUserList li a {
        color: #FFFFFF;
        font: 400 12px/12px 'Roboto';
    }

        .headUserList li a span {
            white-space: normal;
            width: 30px;
            display: inline-block;
            line-height: 13px;
        }

        .headUserList li a i {
            font-size: 29px;
            color: #fff;
            margin-right: 4px;
        }

.headOptionChakbox {
    float: left;
    display: inline-block;
    /*width: 300px;*/
    width: 225px;
    margin-top: 9px;
}

.fS-18 {
    font-size: 18px !important;
}


.checkBoxCont {
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 10px;
}

    .checkBoxCont input[type=checkbox], .checkboxCont input[type=radio] {
        margin: 0px;
        vertical-align: middle;
    }

    .checkBoxCont span {
        vertical-align: top;
    }

.headOptionChakbox .optionRadio {
    float: left;
    margin-right: 15px;
    margin-bottom: 0px;
}

.headOptionChakbox .optionChaeckbox {
    float: left;
    margin-right: 15px;
    vertical-align: middle;
}

    .headOptionChakbox .optionChaeckbox .inputControl {
        height: 26px;
        margin-top: -3px;
        margin-right: 5px;
        color: #333;
    }

    .headOptionChakbox .optionChaeckbox .dayOny {
        float: left;
        margin-top: 3px;
    }

.headSearchInput {
    float: left;
    display: inline-block;
    width: 280px;
    margin-right: 20px;
}

    .headSearchInput .input-group .form-control {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        height: 30px;
    }

    .headSearchInput .input-group .input-group-btn .btn-default {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        height: 30px;
        padding: 4px 12px;
    }

.sideMenuBlockList {
    margin-top: 20px;
}

    .sideMenuBlockList .menuListTitel {
        color: #AEAEAE;
        text-align: left;
        font: 700 19px/19px 'Roboto-Bold';
        margin-bottom: 12px;
    }

    .sideMenuBlockList .navList {
        margin: 0px 0px 0px 12px;
        padding: 0px;
    }

        .sideMenuBlockList .navList li {
            margin: 4px 0px;
            list-style: none;
        }

            .sideMenuBlockList .navList li a {
                color: #FFFFFF;
                text-align: left;
                cursor: pointer;
                font: normal 15px/15px 'Roboto';
            }

                .sideMenuBlockList .navList li a:hover {
                    color: #4C9C2E;
                    text-decoration: none;
                }

                .sideMenuBlockList .navList li a i {
                    color: #aeaeae;
                    font-size: 18px;
                }

.rightSideNotifyBlock {
    background: #FFF;
    border-radius: 10px;
    margin-top: 10px;
    width: 100%;
    min-height: 100px;
    padding: 5px;
}

.scoreBoardShowHideBlock {
    width: 100%;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

.scoreBoardListItem {
    display: inline-block;
    margin: 6px 26px;
}

    .scoreBoardListItem a {
    }

        .scoreBoardListItem a:hover {
            text-decoration: none;
        }

    .scoreBoardListItem .scoreBoardListImg {
        height: 110px;
    }

    .scoreBoardListItem .scoreBoardListTitel {
        text-align: center;
        color: #0F4B8F;
        font: 400 16px/16px 'Roboto';
        margin-top: 15px;
    }
/*---- New Order popup ----*/
input.focusInputBg:focus {
    background: #F8F9F9;
}

select.focusInputBg:focus {
    background: #F8F9F9;
}

.textareaControl {
    width: 100%;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(188, 188, 188, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    padding: 5px;
    font-style: normal;
    resize: none;
}

.yellowBoaderTitel {
    color: #666666;
    text-transform: uppercase;
    font: 400 14px/14px 'Roboto';
    border-width: 0px;
    position: absolute;
    margin-top: -25px;
    margin-left: 10px;
    padding: 0px 10px;
    background: #FFF;
}

.lableCont {
    text-align: right;
    font: 700 13px/13px 'Roboto-Bold';
    word-wrap: break-word;
    float: left;
    margin-right: 10px;
    margin-top: 9px;
    color: #666666;
}

#ReportGradeDiv .lableCont {
    text-align: left;
    font: 700 13px/13px 'Roboto-Bold';
    word-wrap: break-word;
    float: left;
    margin-right: 10px;
    margin-top: 9px;
    color: #666666;
}




.inputControl {
    width: 100%;
    height: 32px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(188, 188, 188, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    padding: 0px 3px;
    line-height: 13px;
}

.width93p {
    width: 93px;
}

.width50p {
    width: 50px;
}

.width65p {
    width: 65px;
}

.width100p {
    width: 100px;
}

.width430p {
    width: 430px;
}

.width330p {
    width: 330px;
}

.width775p {
    width: 775px;
}

.width820p {
    width: 820px;
}

.width627p {
    width: 627px;
}

.width255p {
    width: 255px;
}

.width510p {
    width: 510px;
}

.width350p {
    width: 350px;
}

.width250p {
    width: 250px;
}

.width275p {
    width: 275px;
}

.width585p {
    width: 585px;
}

.width540p {
    width: 540px;
}

.width178p {
    width: 178px;
}

.width220p {
    width: 220px;
}

.width110p {
    width: 110px;
}

.width49p {
    width: 49px;
}

.width55p {
    width: 55px;
}

.width200p {
    width: 200px;
}

.width190p {
    width: 190px;
}

.width635p {
    width: 635px;
}

.width85p {
    width: 85px;
}

.width328p {
    width: 328px;
}

.width354p {
    width: 354px;
}

.width182p {
    width: 182px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop8 {
    margin-top: 8px;
}

.marginBtm10 {
    margin-bottom: 10px;
}

.marginBtm20 {
    margin-bottom: 20px;
}

.marginTop64 {
    margin-top: 64px;
}

.marginTop74 {
    margin-top: 74px;
}
/*---- New Order popup ----*/

/*-- Kendo window popup design --*/
div.k-window {
    border: 1px solid #4C9C2E !important;
    padding-top: 37px !important;
}

.k-header {
    text-align: center;
    margin-top: -37px !important;
    background-color: #54575a !important;
    color: #333 !important;
    padding: 6px 0px 8px 0px !important;
    border-radius: 0px !important;
    font-weight: bold;
    cursor: pointer;
}

.k-window-title {
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    line-height: 21px;
    font-family: 'Roboto-Bold';
    font-weight: normal;
    font-style: normal;
    color: #f8f9f9;
}

.k-window-actions {
    padding-top: 3px !important;
    color: #fff;
}

div.k-window-content {
    padding: 0px;
}

.upperText {
    text-transform: uppercase;
}
/*-- Kendo window popup design --*/
/*-- Custom Width --*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
}

.col-12 {
    width: 100%;
}

.col-11 {
    width: 91.66666667%;
}

.col-10 {
    width: 82.5%;
}

.col-9 {
    width: 75%;
}

.col-8 {
    width: 65.5%;
}

.col-7 {
    width: 57.3%;
}

.col-6 {
    width: 48.8%;
}

.col-5 {
    width: 40.4%;
}

.col-4 {
    width: 32.2%;
}

.col-3 {
    width: 25%;
}

.col-2 {
    width: 15.3%;
}

.col-1 {
    width: 8.33333333%;
}

.width100 {
    width: 100% !important;
}
/*-- /Custom Width --*/
.closeIcon {
    float: right;
    margin-right: 10px;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    color: #4C9C2E;
    font-size: 20px !important;
}

.searchIcon {
    float: right;
    margin-right: 10px;
    margin-top: -27px;
    position: relative;
    z-index: 2;
    color: #4C9C2E;
    font-size: 20px !important;
}

.subPTag p {
    font: normal 13px/13px 'Roboto';
    margin-bottom: 15px;
}

.heightRightScroling {
    overflow-x: hidden;
    overflow-y: auto;
    height: 200px;
}

.minHeightLess ul li {
    min-height: 0px;
}

.textareaInYellow {
    width: 100%;
    display: inline-block;
    height: 129px;
    border: 0px;
    resize: none;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginRight30 {
    margin-right: 30px;
}
/*--------- Start Deshboard Tab & Grid Custom kendo style -----------------*/
.dbTabGrid {
    padding: 0px 20px 20px 20px;
}

    .dbTabGrid .k-grid-content {
        min-height: 250px;
    }

.dbTitel {
    font-size: 24px;
    color: #666666;
    font-family: 'Roboto-Bold';
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin-top: 20px;
}

.dbTabGrid .k-tabstrip-items {
    text-align: left;
    background-color: rgba(242, 242, 242, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(215, 215, 215, 1);
    border-radius: 0px;
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.349019607843137);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.349019607843137);
    color: #0F4B8F;
    /*padding:0px;*/
}

.dbTabGrid .k-header {
    background-color: inherit !important;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    border-radius: 0px !important;
}

.dbTabGrid .k-pager-wrap .k-dropdown {
    width: 6em;
    margin-right: 5px !important;
}

.dbTabGrid .k-tabstrip-items li {
    border-right: 1px solid #ccc !important;
    margin-right: 0.5px;
}

.dbTabGrid .k-state-default {
    font-family: 'Roboto';
    color: #0F4B8F;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    background-color: rgba(242, 242, 242, 1) !important;
    font-size: 14px;
    border-bottom-width: 0px !important;
}

    .dbTabGrid .k-state-default .k-link {
        color: #333 !important;
    }

.dbTabGrid .k-state-active .k-link {
    background-color: rgba(76, 156, 46, 1) !important;
    font-family: 'Roboto';
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.647);
    color: #fff !important;
    margin-right: 0.5px;
}

.dbTabGrid .k-state-hover {
    border-top: 0px solid #8DC63F !important;
}

    .dbTabGrid .k-state-hover .k-link {
        background-color: #8DC63F !important;
        font-family: 'Roboto';
        color: #666;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin-right: 0.5px;
    }

.dbTabGrid .k-content {
    background-color: inherit !important;
    border: 0px !important;
    padding: 8px !important;
}

.dbTabGrid .k-tabstrip:focus {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.0), 0 0px 0px rgba(0,0,0,.00);
    box-shadow: 0 0px 0px rgba(0,0,0,.0), 0 0px 0px rgba(0,0,0,.00);
}

.techWorkListSearch {
    width: 45% !important;
}

    .techWorkListSearch .dbTabInputControl {
        width: 80%;
    }

.tabRightOption {
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 30px;
    width: 42%;
    font-weight: normal;
}

.pullRight100 {
    float: right;
    width: 100%;
}

.companyLocation {
    width: 83%;
}

.dbTabGrid .k-grid-header th.k-header {
    vertical-align: middle;
    background-color: rgba(51, 51, 51, 1) !important;
    padding: 5px 8px !important;
    color: #FFF !important;
    text-align: left;
    box-shadow: none;
}

.dbTabGrid .k-grid-header th .k-grid-filter.k-state-active {
    background-color: inherit;
}

.dbTabGrid .k-grid-header th.k-header .k-grid-filter .k-i-filter {
    background-color: #4c9c2e;
    color: #FFF;
    padding: 1px;
    opacity: 1;
}

.dbTabGrid .k-grid-header th.k-header > .k-link {
    background-color: inherit !important;
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
}

.dbTabGrid .k-grid tr:hover {
    background: #F8F9F9;
    cursor: pointer;
}

.dbTabGrid .k-grid tr.k-state-selected {
    background-color: #F8F9F9;
    color: #333;
}

.k-grid tr.k-state-selected:hover td {
    background-color: #F8F9F9;
}

.dbTabGrid .k-grid tr.k-state-selected > td {
    border-color: #F8F9F9;
}

.dbTabGrid .k-grid td {
    padding: 5px 8px;
    text-align: left;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    word-break: break-word;
}

    .dbTabGrid .k-grid td a {
        cursor: pointer;
        font-weight: normal;
        font-style: normal;
        font-size: 13px;
        text-align: left;
        color: #0F4B8F;
        font-family: 'Roboto-Bold';
        /*font-family: 'Roboto';*/
    }
        .dbTabGrid .k-grid td a.k-icon {
            font-family: 'WebComponentsIcons';
            font-size: 16px;
        }
    .dbTabGrid .k-grid td a:hover {
            text-decoration: none;
        }

    .dbTabGrid .k-grid td table .dbLeftFicherIcon td {
        width: 30px;
        text-align: center;
        padding: 0px;
    }

        .dbTabGrid .k-grid td table .dbLeftFicherIcon td a {
            text-align: center;
        }

.dbTabGrid .k-widget {
    border: 0px !important;
}

.dbTabGrid .k-grid-header {
    background-color: rgba(51, 51, 51, 1);
}

    .dbTabGrid .k-grid-header .k-grid-header-wrap {
        border-right: 0px;
    }

.dbTabGrid .k-pager-wrap {
    background-color: #f7f7f7;
}

    .dbTabGrid .k-pager-wrap .k-pager-nav {
        font-size: 15px;
    }

    .dbTabGrid .k-pager-wrap .k-pager-numbers {
        font-size: 15px;
    }

    .dbTabGrid .k-pager-wrap .k-link {
        background-color: #f5f5f5 !important;
        border: 0px;
        color: #444 !important;
        font-weight: normal !important;
        text-shadow: none !important;
        font-size: 15px;
        font-weight: bold !important;
    }

        .dbTabGrid .k-pager-wrap .k-link .k-icon {
            font-size: 22px;
        }

    .dbTabGrid .k-pager-wrap .k-label {
        text-transform: capitalize;
        font-family: 'Roboto';
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        line-height: normal;
        margin-left: 16%;
    }

        .dbTabGrid .k-pager-wrap .k-label:first-letter {
            text-transform: uppercase;
            font-family: 'Roboto';
            font-size: 13px;
            font-weight: normal;
            font-style: normal;
            line-height: normal;
        }

.dbTabGrid .k-pager-numbers .k-state-selected {
    padding-top: 0px !important;
    margin-top: 3px;
    border: 0px;
    color: #FFF !important;
    border-radius: 50px;
    background-color: rgba(51, 51, 51, 1);
    min-width: 30px !important;
    line-height: 30px;
}

.tabCounter {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.647058823529412);
    font-size: 10px;
    color: #666666;
    text-align: right;
    font-weight: normal;
    font-style: normal;
    font-family: 'Roboto';
    position: absolute;
    right: 5px;
}
/**/
.dbTabGrid .Mechanical-Icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
}

.dbTabGrid .PinLocation-Icon {
    display: inline-block;
    width: 20px;
    height: 25px;
    vertical-align: middle;
    float: left;
    margin-right: 5px;
}

.dbTabGrid .customer-name {
    float: left;
}

.dbTabGrid #UnassignedGrid .PinLocation-Icon {
    visibility: hidden;
}

    .dbTabGrid #UnassignedGrid .PinLocation-Icon.showme {
        visibility: visible;
    }

.dbTabGrid .k-grid .k-grid-edit-row .k-datepicker .k-picker-wrap {
    height: 31px;
}
/** Table Grid Modification **/
.spicelTablGrid .k-grid-header tr.k-filter-row {
    background: #f2f2f2;
}

    .spicelTablGrid .k-grid-header tr.k-filter-row:hover {
        background: #F8F9F9;
    }

.spicelTablGrid .k-state-default {
    border-width: 1px !important;
}

.spicelTablGrid .k-grouping-header {
    background: #F8F9F9;
    padding: 4px 10px 2px 10px;
    color: #333;
}

.spicelTablGrid .k-grid-toolbar {
    display: inline-block;
}

    .spicelTablGrid .k-grid-toolbar .k-button-icontext {
        color: #fff;
        background-color: #5bc0de;
        display: inline-block;
        padding: 6px 12px;
        font-size: 13px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid #46b8da;
        border-radius: 4px;
    }

        .spicelTablGrid .k-grid-toolbar .k-button-icontext:hover {
            color: #fff;
            background-color: #42a9c8;
            border: 1px solid #35aacd;
        }

.spicelTablGrid table tbody tr td .k-button-icontext {
    box-shadow: none;
    border: 0px solid;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    background: none;
    overflow: hidden;
    width: 18px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    margin-right: 6px;
}

    .spicelTablGrid table tbody tr td .k-button-icontext:last-child {
        margin-right: 0px;
    }

    .spicelTablGrid table tbody tr td .k-button-icontext .k-icon {
        text-align: center;
        margin: 0px;
        padding: 0px;
        font-size: 18px;
        color: #4C9C2E;
        opacity: 1;
        box-shadow: none;
    }

.kGridToolbarHead {
    top: inherit;
    z-index: 99;
    width: 25%;
}

.spicelTablGrid .k-grouping-header .k-group-indicator {
    color: #0F4B8F;
    background-color: #4C9C2E;
    border-color: #4C9C2E;
}

.spicelTablGrid .k-grid-content table tr td a {
}

    .spicelTablGrid .k-grid-content table tr td a .k-icon {
    }

    .spicelTablGrid .k-grid-content table tr td a:after {
        content: " ";
        display: none;
    }

.spicelTablGrid .k-grid .k-grid-content-locked table tr td {
    border-left: 0px solid #ccc !important;
}

    .spicelTablGrid .k-grid .k-grid-content-locked table tr td p {
        white-space: normal;
        display: block;
        padding: 0px;
    }

.spicelTablGrid .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .spicelTablGrid .k-primary:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: none;
}

.spicelTablGrid .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: none;
}
/**/
.tabNoCounter {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    font-size: 11px;
    color: #666666;
    text-align: right;
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    position: absolute;
    right: 5px;
    bottom: 2px;
}

.dbTabDropdownInput {
    float: left;
    margin-right: 5%;
    width: 38%;
}

.dispatchTabList li .k-link {
    padding: 12px 24px;
}

.dbTabInputControl {
    float: left;
    margin-right: 5%;
    width: 44%;
}

.commonSearchField .inputControl {
    border-radius: 20px;
    padding: 0px 30px 0px 8px;
    color: #666;
}

    .commonSearchField .inputControl::-webkit-input-placeholder {
        font-style: italic;
    }

    .commonSearchField .inputControl:-moz-placeholder {
        font-style: italic;
    }

    .commonSearchField .inputControl::-moz-placeholder {
        font-style: italic;
    }

    .commonSearchField .inputControl:-ms-input-placeholder {
        font-style: italic;
    }

.dbTabPrintIcon {
    float: right;
}

    .dbTabPrintIcon .fa-print, .dbTabPrintIcon .fa-upload {
        color: #2072b8;
        font-size: 24px;
        margin-top: 5px;
        cursor: pointer;
    }

.dbTabRefreshIcon {
    float: left;
}

    .dbTabRefreshIcon .fa-refresh {
        color: #2072b8;
        font-size: 24px;
        margin-top: 5px;
        cursor: pointer;
    }

.orderDispachPopupInner {
    width: 100%;
    margin: 15px 0px 25px 0px;
}

.newOrderMultyInputKendo {
}

    .newOrderMultyInputKendo .k-header {
        background-color: inherit !important;
        padding: 2px !important;
        margin: 0px !important;
        width: 100% !important;
        /*height: 35px;*/
        height: 32px;
        border: 1px solid rgba(188, 188, 188, 1) !important;
        border-radius: 0px !important;
    }

        .newOrderMultyInputKendo .k-header .k-input {
            height: 25px !important;
            font-weight: normal;
            /*padding-right: 30px;*/
            padding-right: 55px;
        }

        .newOrderMultyInputKendo .k-header .k-i-close {
            color: #4C9C2E;
            font-size: 20px !important;
        }

.adddispachSearch .k-header .k-input {
    /*height: 30px !important;*/
    height: 28px !important;
}

.dateKendoCustom {
}

    .dateKendoCustom .k-header {
        background-color: inherit !important;
        padding: 1px !important;
        margin: 0px !important;
        width: 100% !important;
        height: 32px;
        border-color: rgba(188, 188, 188, 1) !important;
    }

        .dateKendoCustom .k-header .k-input {
            height: 28px !important;
        }

        .dateKendoCustom .k-header .k-picker-wrap {
            height: 27px;
            border: 0px;
        }

        .dateKendoCustom .k-header .k-i-calendar {
            top: -4px;
        }

.dropdownKendoCustom {
}

    .dropdownKendoCustom .k-header {
        background-color: inherit !important;
        padding: 1px !important;
        margin: 0px !important;
        width: 100% !important;
        /*height: 28px;*/
        height: 31px;
        border-color: rgba(188, 188, 188, 1) !important;
        border-width: 1px;
        border-radius: 0px !important;
    }

    .dropdownKendoCustom .k-dropdown .k-state-default {
        border-color: transparent;
    }

    .dropdownKendoCustom .k-header .k-input {
        height: 21px !important;
        line-height: 21px;
        text-align: left;
        font-weight: normal;
    }

    .dropdownKendoCustom .k-dropdown .k-state-default .k-i-arrow-60-down {
        margin-top: -8px;
    }

.marginTop25 {
    margin-top: 25px;
}

.marginTop2 {
    margin-top: 2px;
}

.unassignedTabContBody {
}

.costLeftTable td {
    padding: 2px;
}
/* DB Icon */
.commentFillBlankIcon {
    display: inline-block;
}

    .commentFillBlankIcon i {
        /*font-size: 27px;*/
        margin-top: -5px;
        font-size: 30px;
        color: #f8f9f9;
        cursor: pointer;
    }

        .commentFillBlankIcon i:hover {
            text-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
        }

.InspectionType-Icon {
    display: inline-block;
    text-align: center;
    width: 22px;
    height: 22px;
    border: 1px solid #666666;
    border-radius: 20px;
}

    .InspectionType-Icon p {
        font-family: 'Roboto-Bold';
        font-weight: bold;
        font-style: normal;
        font-size: 13px;
        color: #666666;
        text-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
        margin: 0px;
        line-height: 22px;
        text-transform: uppercase;
    }

.Delay-Icon {
    display: inline-block;
}

    .Delay-Icon i {
        font-size: 25px;
        color: #cc3333;
        cursor: pointer;
    }

        .Delay-Icon i:hover {
            text-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
        }

.Add-Icon {
    display: inline-block;
}

    .Add-Icon i {
        font-size: 22px;
        color: #999;
        cursor: pointer;
    }

        .Add-Icon i:hover {
            color: #cc3333;
        }

.Mechanical-Icon {
    background-color: #2072b8;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    width: 29px;
    height: 29px;
    box-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
    margin: 0px;
}

    .Mechanical-Icon p {
        font-family: 'Roboto';
        font-weight: normal;
        font-style: normal;
        font-size: 13px;
        color: #FFF;
        margin: 0px;
        line-height: 30px;
        text-transform: uppercase;
        letter-spacing: -1px;
    }

.usdIcon {
    display: inline-block;
}

    .usdIcon i {
        font-size: 22px;
        color: #999999;
        cursor: pointer;
    }

        .usdIcon i:hover {
            color: #cc3333;
        }
/*--------- End Deshboard Tab & Grid Custom kendo style -----------------*/
.tooltipDisable {
    pointer-events: none;
    cursor: default;
    opacity: .5;
    /*display: block;*/
    display: block;
}

.tabOptionDisable {
    pointer-events: none;
    cursor: default;
    opacity: .5;
    /*display: block;*/
    display: inline-block;
}

.disableInputFiled {
    pointer-events: none;
    opacity: .3;
    cursor: not-allowed;
    background: #ddd;
}

.yrsMarkArea .k-header {
    width: 111px !important;
}

.validationFiled {
    border-color: #FF0000 !important;
}

.k-window-content {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    /*height: 650px !important;*/
    /*height: 800px !important;*/
    /*height: 700px !important;*/ /*For Popup*/
    margin-bottom: 5px;
}

.experienceQualiTable {
    background-color: rgba(255, 193, 14, 0.2);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 5px;
    padding: 10px;
}

    .experienceQualiTable table {
        width: 100%;
    }

        .experienceQualiTable table tr {
        }

            .experienceQualiTable table tr th {
                padding: 8px;
                border-bottom: 1px solid #ccc;
                font-weight: normal;
                font-style: normal;
                font-size: 13px;
                color: #666666;
                font-family: 'Roboto-Bold';
                text-align: left;
            }

            .experienceQualiTable table tr td {
                padding: 8px;
                vertical-align: middle;
            }

                .experienceQualiTable table tr td label {
                    font-weight: normal;
                    font-style: normal;
                    font-size: 13px;
                    text-align: left;
                    color: #0F4B8F;
                    font-family: 'Roboto';
                }
/*-------------------------------------*/
.left-inner-addon {
    position: relative;
}

    .left-inner-addon input {
        padding-left: 30px;
    }

    .left-inner-addon i {
        position: absolute;
        padding: 10px 12px;
        pointer-events: none;
    }

.right-inner-addon {
    position: relative;
}

    .right-inner-addon input {
        padding-right: 30px;
    }

    .right-inner-addon i {
        position: absolute;
        right: 0px;
        padding: 10px 12px;
        pointer-events: none;
    }

#UndispatchedGrid_DispatchWindowDiv .btn-info {
    margin-right: 10px;
}

.SearchDispatchIconArea {
    left: -2px;
}

.SearchDispatchIcon {
    border-left: 0px !important;
    cursor: default;
    height: 18px;
}

    .SearchDispatchIcon:hover, .SearchDispatchIcon:active, .SearchDispatchIcon:focus {
        background-color: #FFF !important;
    }

    .SearchDispatchIcon .fa-search {
        font-size: 16px;
        cursor: pointer;
        color: #999999;
        margin-right: 5px;
    }

    .SearchDispatchIcon .fa-times-circle {
        font-size: 16px;
        cursor: pointer;
        color: #2484c6;
    }

.padding0 {
    padding: 0px !important;
}
/*Inspectors defult*/
.textTabBlock {
    background: #efeeee;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(167,167,167,1);
    -moz-box-shadow: 5px 5px 10px 0px rgba(167,167,167,1);
    box-shadow: 5px 5px 10px 0px rgba(167,167,167,1);
    margin-bottom: 25px;
    border-top: 1px solid rgba(215, 215, 215, 1);
    border-left: 1px solid rgba(215, 215, 215, 1);
    border-right: 1px solid rgba(215, 215, 215, 1);
    border-bottom: 1px solid rgba(215, 215, 215, 1);
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}
/*Added by Ritesh - Starts*/
span#ManageClaimWindowPopupDiv_wnd_title {
    font-weight: bold;
}

span#DispatchSearchWindowDiv_wnd_title {
    font-weight: bold !important;
}

#UndispatchedGrid_DispatchWindowDiv_wnd_title {
    font-weight: bold;
}
/* Login page */
.loginFullBg {
    background-image: url(../Images/login-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    background-attachment: scroll;
    background-position: 50% 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
}

.topHeadBlock {
    padding: 10px 30px;
    margin-bottom: 40px;
    border-bottom-color: #4c9c2e;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.centroLogo {
    float: left;
    width: 150px;
}

.defultMainNav {
    float: right;
}

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

        .defultMainNav ul li {
            float: left;
            padding: 5px 13px;
            margin-top: 2px;
        }

            .defultMainNav ul li a {
                text-transform: uppercase;
                font-size: 14px;
                outline: 0;
                color: inherit;
                text-decoration: none;
                cursor: pointer;
                display: block;
                position: relative;
                overflow: hidden;
                color: #FFF;
                font-family: 'Roboto';
            }

            .defultMainNav ul li.activeNav {
                border-top-color: #4c9c2e;
                border-top-width: 2px;
                border-top-style: solid;
                margin-top: 0px;
            }

            .defultMainNav ul li:hover {
                border-top-color: #4c9c2e;
                border-top-width: 2px;
                border-top-style: solid;
                margin-top: 0px;
            }

.mainWapper {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 400px;
}

.loginMainWapper {
    position: relative;
    margin: 0px auto;
    padding: 40px 5px 5px 5px;
    width: 400px;
    padding-top: 40px;
}

.loginText {
    margin: .5em 0;
    font-size: 1.25em;
    line-height: normal;
    color: #2484c6;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto';
    letter-spacing: 0.5px;
}

.loginYellowBoder {
    max-width: 400px;
    border-color: #0F4B8F;
    border-width: 1px;
    border-style: solid;
    padding: 35px 20px;
    background: rgba(15,75,143,0.5);
}

.loginFormContl {
    margin-bottom: 20px;
    display: block;
}

.loginLabelCont {
    float: left;
    margin-right: 10px;
    color: #FFF;
    font-size: 14px;
    font-family: 'Roboto';
    font-style: normal;
    margin-top: 5px;
    letter-spacing: 0.5px;
    font-weight: normal;
}

.loginInput {
    float: left;
    width: 190px;
}

.loginInputFild {
    background-color: #FFF;
    border-radius: 20px;
    border: 0px;
    width: 100%;
    padding: 5px 10px;
}

.loginBtn {
    background: #4c9c2e;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    color: black;
    font-size: 10px;
    padding: 4px 35px;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    height: 28px;
    line-height: 15px;
    border-color: #4c9c2e;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    float: right;
    margin-right: 85px;
    cursor: pointer;
}

    .loginBtn:hover {
        background: #2484c6;
    }

.k-loading-mask .k-loading-image {
    background-image: url(../kendo/2017.2.504/Silver/loading-image.gif) !important;
}

/* /Login page */
.kendoOrderDialouge {
    height: 304px !important;
}

.textareaInYellow::-webkit-input-placeholder {
    font-style: italic;
}

.textareaInYellow:-moz-placeholder {
    font-style: italic;
}

.textareaInYellow::-moz-placeholder {
    font-style: italic;
}

.textareaInYellow:-ms-input-placeholder {
    font-style: italic;
}

.receivShortUp {
    color: #FFF !important;
    vertical-align: bottom !important;
    font-size: 14px !important;
    margin-left: 2px !important;
}

.dbTabGrid .unassignedTabContBody .k-grid-header th:nth-child(4) .k-link {
    /*margin-left: 27px;*/
}

.heightScorll {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid rgba(188, 188, 188, 1);
    border-radius: 6px;
    margin-left: 5px;
}

.dbSearchTextCount {
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: normal;
    background-color: rgba(32, 114, 184, 1);
    border: none;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 15px;
    margin-top: 23px;
    float: left;
    margin-left: 10px;
}

.dbSearchText {
    font-size: 24px;
    color: #666666;
    font-family: 'Roboto-Bold';
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: 15px;
    display: inline-block;
    float: left;
}

.dbNoDataSryMsg {
    margin-left: 15px;
    margin-top: 50px;
    width: 800px;
}

    .dbNoDataSryMsg .sryFaceMsg {
        float: left;
        width: 215px;
        margin: 0px 30px;
    }

        .dbNoDataSryMsg .sryFaceMsg .fa-frown-o {
            font-size: 250px;
            color: #ccc;
        }

    .dbNoDataSryMsg .sryContMsg {
        float: left;
        word-wrap: break-word;
        color: #CCCCCC;
        font-weight: normal;
        font-style: normal;
        font-size: 32px;
        text-align: left;
        font-family: 'Roboto-Bold';
        line-height: 36px;
        width: 390px;
        margin-top: 60px;
    }
/* Technical Work List */
.missingItemsIcon td .missingIconTrue {
    /*color: red;*/
    color: #4C9C2E;
}

.missingItemsIcon td .missingIconFalse {
    color: lightgray;
}

.missingItemsIcon td .notMissingIcon {
    color: forestgreen;
}

.missingItemsIcon td .fa-list {
    font-size: 17px;
}

.missingItemsIcon td .fa-camera {
    font-size: 17px;
}

.missingItemsIcon td .fa-video-camera {
    font-size: 17px;
}


.missingItemsIcon td .fa-info-circle {
    font-size: 18px;
}

.missingItemsIcon td .fa-paperclip {
    font-size: 18px;
}

.techReviewIcon {
    font-size: 20px;
    color: red;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.techReviewReport {
    font-size: 20px;
    color: #4C9C2E;
}

.techCliemHistory {
    font-size: 20px;
    color: #4C9C2E;
}

.goldColorIcon {
    color: #4C9C2E !important;
}

.techImgFile {
    font-size: 20px;
    color: #999999;
}

.techVideoFile {
    font-size: 20px;
    color: #999999;
}

.techPaperClip {
    font-size: 20px;
    color: #999999;
}

.centerGridCol a {
    text-align: center !important;
}

.rightGridCol a {
    text-align: right !important;
}

.dropDownMultiClose {
}

    .dropDownMultiClose .k-header {
        height: 37px;
    }

        .dropDownMultiClose .k-header .k-i-close {
            margin-right: 0px;
            margin-top: -2px;
            font-size: 16px !important;
        }

    .dropDownMultiClose .k-multiselect-wrap li {
        border: 1px solid #ddd;
    }

.paddingLeftRight10 {
    padding: 0px 10px;
}

.paddingLeftRight20 {
    padding: 0px 20px;
}
/* Grid Hover Mouse Tooltip */
.k-widget.k-tooltip {
    border-color: rgba(100,100,100,1);
    background-color: rgba(100,100,100,1);
    color: #fff;
    margin-left: -75px;
    /*margin-left: -100px;*/
}
/* Grid Tooltip */
.gridTooltipList {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .gridTooltipList li {
        float: none;
        margin: 10px;
        text-align: left;
        color: #FFF;
    }

        .gridTooltipList li a {
            color: #FFF;
            text-align: left;
            text-decoration: none;
            cursor: pointer;
        }

            .gridTooltipList li a:hover {
                color: #2484c6;
                text-decoration: none;
            }
/* /Grid Hover Mouse Tooltip */

/* placeholder Italic */
.italicPresholder .inputControl::-webkit-input-placeholder {
    font-style: italic;
}

.italicPresholder .inputControl:-moz-placeholder {
    font-style: italic;
}

.italicPresholder .inputControl::-moz-placeholder {
    font-style: italic;
}

.italicPresholder .inputControl:-ms-input-placeholder {
    font-style: italic;
}

.italicPresholder .textareaControl::-webkit-input-placeholder {
    font-style: italic;
}

.italicPresholder .textareaControl:-moz-placeholder {
    font-style: italic;
}

.italicPresholder .textareaControl::-moz-placeholder {
    font-style: italic;
}

.italicPresholder .textareaControl:-ms-input-placeholder {
    font-style: italic;
}

/*Class used for User Permission - Start*/
.allowedToAccess {
    pointer-events: none;
    cursor: default;
    opacity: .3;
    display: none !important;
}
/*Class used for User Permission - Ends*/
/* Start Manage dispatcher assignments */
.mangDispatchAssigBody {
    padding: 0px 20px 20px 20px;
}

.adddispachSearch {
    width: 300px;
    margin: 15px 0px;
    display: inline-block;
}

    .adddispachSearch .inputControl {
        border-radius: 0px;
    }

.assignmentView {
    margin: 20px 0px;
}

    .assignmentView .assignmentViewLeft {
        float: left;
        margin-right: 20px;
        width: 67%;
        padding: 0px;
        display: inline-block;
    }

.assignmentViewLeft .yellowBoader {
    left: 0px;
    top: 0px;
    width: 100%;
    background: inherit;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(76, 156, 46, 1);
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    border-radius: 0px;
}

.assignmentViewLeft .yellowBoaderTitel {
    color: #666666;
    text-transform: uppercase;
    font: 400 14px/14px 'Roboto';
    border-width: 0px;
    position: relative;
    margin-top: -25px;
    margin-left: 5px;
    padding: 0px 9px;
    background: #FFF;
    float: left;
}

.assignmentView .assignmentViewRight {
    float: left;
    width: 400px;
    padding: 0px;
}

.assignmentViewRight .checkBoxCont {
    margin-right: 0px;
}

.CurrentAssignViewList {
    margin: 0px;
    padding: 0px;
    list-style: none;
    /*height: 500px;*/
    overflow-y: auto;
    overflow-x: hidden;
    border: 0px solid;
}

    .CurrentAssignViewList li {
        float: left;
        margin: 5px 0px 10px 15px;
        border: 1px solid #ccc;
        padding: 10px;
        width: 285px;
        /*width: 29%;*/
        height: 235px;
    }

        .CurrentAssignViewList li.k-state-selected {
            background-color: #F8F9F9;
            color: #444;
            box-shadow: none;
            border: 1px solid #4C9C2E;
        }

.quickAddRightListView .k-listbox .k-list-scroller li {
    line-height: 14px;
    padding: 3px;
    margin: 5px 0px;
    min-height: 0px;
}
/*.CurrentAssignViewList li.k-state-selected i {
            color: #FFF;
        }*/
.quickAdd {
    margin-bottom: 20px;
}

    .quickAdd .inputControl {
        border-radius: 0px;
        float: left;
        margin-right: 10px;
        width: 365px;
    }

    .quickAdd .fa-check-square {
        font-size: 28px;
        color: #4C9C2E;
        float: left;
        margin-top: 2px;
        cursor: pointer;
    }

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

    .CurrentAssignViewList li ul li {
        float: none;
        border: 0px solid #ccc;
        width: 100%;
        margin: 0px;
        padding: 0px;
        height: inherit;
    }

        .CurrentAssignViewList li ul li table tr td {
            padding: 7px;
            vertical-align: top;
            text-align: left;
        }

            .CurrentAssignViewList li ul li table tr td:first-child {
                padding-left: 0px;
            }

            .CurrentAssignViewList li ul li table tr td:last-child {
                padding-right: 0px;
            }

.assignListTitel {
    font-size: 18px;
    line-height: 18px;
}

    .assignListTitel .fa-times-circle-o {
        font-size: 20px;
        color: #666;
        margin-left: 6px;
        cursor: pointer;
        vertical-align: middle;
    }

.flagIcon {
    width: 40px;
    height: 32px;
    display: inline-block;
    border: 0px solid;
}

.flagName {
    text-align: center;
}

.cityCode {
}

.actionIcon {
    /*width: 40px;*/
    width: 23px;
}

    .actionIcon .fa-pencil {
        float: left;
        font-size: 20px;
        color: #666;
        cursor: pointer;
    }

    .actionIcon .fa-times-circle-o {
        float: left;
        font-size: 20px;
        color: #666;
        margin-left: 5px;
        cursor: pointer;
    }
/* End Manage dispatcher assignments */
.inputSearchNCler {
}

    .inputSearchNCler .inputControl {
        padding: 0px 55px 0px 8px;
    }

    .inputSearchNCler .rightIconSerch {
        float: right;
    }

    .inputSearchNCler .searchIcon {
        /*float: left;
        margin-right: 5px;*/
        float: right;
        margin-right: 33px;
        cursor: pointer;
        width: 18px;
    }

    .inputSearchNCler .clerIcon {
        float: right;
        margin-right: 10px;
        margin-top: -27px;
        position: relative;
        z-index: 2;
        color: #4C9C2E;
        font-size: 20px !important;
        cursor: pointer;
        width: 18px;
    }

.checkBoxCont {
}

    .checkBoxCont .checkAddList {
        float: left;
        margin-right: 10px;
        width: 122px;
        margin-bottom: 10px;
    }

        .checkBoxCont .checkAddList input {
            margin: 0px 2px 0px 0px;
            vertical-align: middle;
        }

        .checkBoxCont .checkAddList .addListCont {
        }
/*....*/
.quickAddRightListView {
    margin-top: 15px;
}

    .quickAddRightListView table {
        width: 100%;
    }

    .quickAddRightListView .leftAddListTitle {
        font-weight: bold;
        margin-bottom: 5px;
    }

    /*.quickAddRightListView .leftAddListName {
        border: 1px solid #666;
        padding: 4px;
        width: 100%;
        height: 340px;
        overflow-x: hidden;
        overflow-y: auto;
    }*/
    .quickAddRightListView table tr td .k-listbox-toolbar {
        margin-left: 10px;
        width: 30px;
        margin-right: 10px;
        margin-top: 35%;
    }

    .quickAddRightListView table tr td .k-listbox-toolbar-right {
        height: 100%;
        width: 225px;
    }

    .quickAddRightListView table tr td .k-selectable {
        width: 160px;
        height: 325px;
        border: 1px solid #666;
    }

    .quickAddRightListView table tr td .k-listbox {
        height: 100%;
    }
/*.leftAddListName ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .leftAddListName ul li {
        float: none;
        margin-bottom: 5px;
    }

.quickAddRightListView .selecticon {
    margin: 10px;
}

    .quickAddRightListView .selecticon i {
        font-size: 24px;
        cursor: pointer;
    }*/
/*........*/

.marginTop55 {
    margin-top: 55px;
}
/****/
.setWorkingDayBody {
    padding: 0px 20px 20px 20px;
}

.leftPanelDateTable {
    float: left;
    /*width: 420px;
    margin-right: 20px;*/
    width: 450px;
    margin-right: 40px;
}

.workingDayTil {
    color: #0059ce;
    font-family: 'Roboto';
    font-size: 17px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
}

.setWorkingDayTitel {
    display: inline-block;
    margin-right: 15px;
    float: left;
    margin-top: 19px;
}

.yearInput {
    color: #333;
    font-family: 'Roboto';
    font-size: 16px;
    float: left;
    margin-top: 18px;
    /*color: #0059ce;
    margin-bottom: 15px;
    text-align: center;*/
}

    .yearInput span {
        float: none;
        font-size: 17px;
    }

    .yearInput .inputControl {
        width: 80px;
        float: none;
    }

.workingTable {
    border-bottom: 0px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

    .workingTable table {
        background-color: transparent;
        width: 100%;
    }

        .workingTable table tr th {
            /*border: 0px solid;
    color: #0059ce;
    text-align: left;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px;
    margin: 5px;*/
            vertical-align: middle;
            background-color: rgba(51, 51, 51, 1) !important;
            padding: 5px 8px !important;
            color: #FFF !important;
            text-align: left;
            font-weight: normal;
            white-space: nowrap;
            font-family: 'Roboto';
            font-size: 13px;
        }

.setWorkingDayBody hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.workingTable table tr td {
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    padding: 4px 5px;
    /*padding: 5px;
    margin: 5px;*/
}

.workingTable table tr th, .workingTable table tr td {
    /*width: 100px;*/
    width: 108px;
}

.workingTable .tableTdViewScroll {
    /*height: 320px;*/
    overflow-x: hidden;
    overflow-y: auto;
}
/*.workingTable table tr th:nth-child(2) {
        background: #f4adb0;
    }

    .workingTable table tr th:nth-child(3) {
        background: #d2c8dd;
    }
    .workingTable table tr td:nth-child(2) {
        background: #f4adb0;
    }
    .workingTable table tr td:nth-child(3) {
        background: #d2c8dd;
    }*/
.workingTable table tr td .inputControl {
    width: 60%;
    height: 30px;
}

.dayChangeBtn {
    text-align: center;
    float: none;
    margin: 10px auto 10px auto;
    position: relative;
}

    .dayChangeBtn .loginBtn {
        background: #4c9c2e;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        text-transform: uppercase;
        color: black;
        font-size: 12px;
        padding: 4px 35px;
        text-shadow: 0 1px 1px rgba(0,0,0,.5);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
        height: 28px;
        line-height: 15px;
        border-color: #4c9c2e;
        border-width: 1px;
        border-style: solid;
        cursor: pointer;
        vertical-align: middle;
        float: none;
        margin: 0px;
    }

        .dayChangeBtn .loginBtn:hover {
            background: #2484c6;
        }
/*.rightPanelWorkingCal {
    float: left;
    width: 500px;
    border: 1px solid #5ea226;
    min-height: 200px;
    margin-top: 105px;
}*/


.generateInvoicesProtal .rightPanelWorkingCal .k-calendar td.k-state-selected {
    /*background-color: #00b0ff;*/
    background-color: #4C9C2E;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.rightPanelWorkingCal {
    float: left;
    padding: 0px;
    /*margin-top: 105px;*/
}

    .rightPanelWorkingCal .k-calendar .k-footer .k-nav-today {
        color: #333;
    }

    .rightPanelWorkingCal .k-calendar .k-today {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .rightPanelWorkingCal .k-calendar .k-today .k-link {
            color: #333;
            font-weight: normal;
        }

    .rightPanelWorkingCal .k-calendar td.k-state-selected {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .rightPanelWorkingCal .k-calendar .k-state-selected > .k-link {
        color: #333;
    }

    .rightPanelWorkingCal .k-calendar {
        width: 300px;
    }

    .rightPanelWorkingCal .k-header {
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .rightPanelWorkingCal .k-calendar .k-state-hover {
        background: #4C9C2E;
    }

    .rightPanelWorkingCal .k-calendar .k-content th {
        text-align: center;
    }

.k-notification-info {
    border: 1px solid #F8F9F9 !important;
}

.k-notification-wrap {
    background-color: #F8F9F9 !important;
    color: #494949 !important;
    border: 0px solid #4C9C2E !important;
}

.lookUpGridSearch {
    float: right;
    width: 70%;
}

.lookUpGridChechBox {
    width: 28%;
    float: left;
    margin-top: 8px;
}

.width35 {
    width: 35% !important;
}

.width40 {
    width: 40% !important;
}
/** Confirm Small Popup **/
.k-confirm .k-window-titlebar {
    font-size: 11px;
}

.k-confirm .k-window-content {
    height: 100px !important;
    width: 300px;
    padding: 20px !important;
}

    .k-confirm .k-window-content div {
        text-align: center !important;
        max-width: 300px !important;
    }

.k-confirm .k-button-group button:first-child {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da !important;
}

.k-confirm .k-button-group button {
    width: 75px !important;
    padding: 9px !important;
    /*margin: 10px !important;*/
    margin: 5px !important;
    display: inline-block !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.k-confirm .k-button-group {
    text-align: center;
}
/** /Confirm Small Popup **/
#txtTechnicalTabSearch, #txtCompanySearch, #ddlDispatch {
    height: 37px;
}

.bodySubMenu {
    width: 100%;
    margin-top: 10px;
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.bodySubMenu .navbar-default {
    border-radius: 0px;
    margin: 0px;
}

.submitReportArea {
    width: 100%;
}

/*.AdminReportNav ul li ul.dropdown-menu li {
    border-bottom: 1px solid #ddd;
}

.AdminReportNav ul li ul.dropdown-menu li:last-child {
        border-bottom: 0px solid #ddd;
    }
ul#AdminReportMenu > li:first-child > .dropdown-menu {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.AdminReportNav ul li ul.dropdown-menu > li > a {
    padding: 8px 20px;
    cursor: pointer;
}

.AdminReportNav ul li a .caret {
    margin-left: 4px;
}

.AdminReportNav ul li a .caret-up {
    margin-left: 4px;
}

.reportViewTitel {
    color: #666;
    margin: 10px 0px 5px 10px;
    font-family: 'Roboto-Bold';
    font-size: 16px;
}*/

.allSecurityBody {
    padding: 0px 20px 20px 20px;
}

.titelSubMenuRight {
    float: right;
    margin: 22px 0px 0px 0px;
    padding: 0px;
}

    .titelSubMenuRight li {
        float: left;
        list-style: none;
        border-right: 1px solid #ddd;
        padding-right: 10px;
        margin-right: 10px;
    }

        .titelSubMenuRight li:last-child {
            border-right: 0px solid #ddd;
            padding-right: 0px;
            margin-right: 0px;
            /*margin-right: -20px;*/
        }

        .titelSubMenuRight li a {
            font-size: 16px;
            color: #666666;
            font-family: 'Roboto-Bold';
            font-weight: normal;
            font-style: normal;
            text-align: left;
            cursor: pointer;
        }

            .titelSubMenuRight li a:hover {
                text-decoration: none;
                color: #4C9C2E;
            }

.newUserBtn {
    float: left;
    margin-right: 0px;
    margin-left: 23%;
    /*margin-left: 21.5%;*/
}

.securityPwIcon .fa-eye {
    float: right;
    margin-top: -23px;
    margin-right: 5px;
}

.userSearchSelectArea {
    display: inline-block;
    float: left;
    width: 710px;
}

.securityLeftFormField {
    float: left;
    width: 60%;
}

.squryUserTypeTitel {
    width: 12%;
}

.squryUserTypeOption {
    width: 81.5%;
}

.securityRightChekField {
    float: left;
    width: 300px;
}

    .securityRightChekField .k-widget {
        /*height: 350px;*/
        height: 327px;
        margin-bottom: 10px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .securityRightChekField table {
        padding-top: 5px;
    }

    .securityRightChekField tr {
    }

        .securityRightChekField tr td {
            padding: 5px 0px 5px 10px;
            border: 0px solid;
        }

            .securityRightChekField tr td:first-child {
                width: 10%;
            }

.securityFormField {
    margin: 5px 0px 20px 0px;
}

    .securityFormField .securyRolesTitle {
        margin: -12px 0px 0px 5px;
        text-transform: uppercase;
        font-size: 15px;
        background: #FFF;
        padding: 4px 5px;
        z-index: 9;
    }

.securityLeftFormField .lableCont {
    text-align: left;
}

.securityUserType {
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

    .securityUserType li {
        float: left;
        list-style: none;
        margin-right: 20px;
    }

        .securityUserType li:last-child {
            margin-right: 0px;
        }

    .securityUserType ul li .checkBoxCont {
        margin-right: 0px;
    }

    .securityUserType li .checkBoxCont input[type=checkbox], .securityUserType li .checkBoxCont input[type=radio] {
        margin: 0px 5px 0px 0px;
    }
/*********/
.managInspectFormDocs {
}

.SecurityManageRoles .k-grid-content {
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    width: 100%;
}

.securityMangRoleLeft {
    float: left;
    margin-right: 20px;
    width: 300px;
}

.securityMangRoleRight {
    float: left;
    width: 350px;
    margin-top: 31px;
}

.squtyManageUseDropDown {
    float: left;
    width: 400px;
}

.AccountingEditRemark {
    padding: 0px 20px 20px 20px;
}

    .AccountingEditRemark .row .col-md-2 {
        width: 13%;
    }

.AccountingBillOrder {
    padding: 0px 20px 20px 20px;
}

.searchResultDdUser {
    margin: 10px 0px;
    width: 565px;
    display: inline-block;
}
/******************/
.BillDetailsREturnPrintGrid {
}

    .BillDetailsREturnPrintGrid table {
        width: 100%;
    }

        .BillDetailsREturnPrintGrid table tr {
        }

            .BillDetailsREturnPrintGrid table tr th {
                vertical-align: middle;
                background-color: rgba(51, 51, 51, 1) !important;
                padding: 5px 8px !important;
                color: #FFF !important;
                text-align: left;
                border-bottom: 1px solid #aaa;
            }

                .BillDetailsREturnPrintGrid table tr th a {
                    color: #FFF !important;
                    text-align: left;
                }

            .BillDetailsREturnPrintGrid table tr td {
                padding: 5px 8px;
                text-align: left;
                font-family: 'Roboto';
                font-size: 13px;
                font-weight: normal;
                line-height: normal;
                word-break: break-word;
                border-bottom: 1px solid #e6e6e6;
            }

                .BillDetailsREturnPrintGrid table tr td .checkBoxCont {
                    margin-bottom: 5px;
                    display: inline-block;
                    margin-right: 10px;
                }

                    .BillDetailsREturnPrintGrid table tr td .checkBoxCont .printRadio {
                        margin: 0px;
                        vertical-align: middle;
                    }

                    .BillDetailsREturnPrintGrid table tr td .checkBoxCont span {
                        vertical-align: top;
                    }

.billBtnCostCom {
    float: left;
    margin: 10px 0px 10px 0px;
}

.billBtnCostCom {
}

    .billBtnCostCom .costComtLabel {
    }

.systInvocInspectRemark {
    margin-top: 10px;
}

.DispatchWorkListDefaultProtal {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.autoBillingPage {
    padding: 0px 20px 20px 20px;
}

.autoWarrentyCompany {
    float: left;
    width: 350px;
    margin-top: -8px;
    margin-right: 10px;
}

.showAutoBillFiled {
    margin-top: 20px;
}

.generateInvoicesProtal {
    padding: 0px 20px 20px 20px;
}

.generalInvoForm {
    margin-bottom: 25px;
}

    .generalInvoForm table tr td {
        padding: 0px 10px 0px 0px;
    }

    .generalInvoForm .k-calendar table tr td {
        padding: 0px;
    }

.extractUtilityProtal {
    padding: 0px 20px 20px 20px;
}

.importUsers {
    padding: 0px 20px 20px 20px;
}

.delOldInspStatem {
    margin-bottom: 10px;
}
/*******/
.footerWindowminFeature {
    width: 210px;
    padding: 0px;
    margin: 0px;
}

    .footerWindowminFeature .dropup {
    }

        .footerWindowminFeature .dropup .valuText {
            float: left;
            margin: -5px 0px 0px 5px;
            height: 33px;
            border: 1px solid #666;
            background: transparent;
            text-transform: uppercase;
            padding: 7px 10px 5px 10px;
            font-weight: bold;
        }

            .footerWindowminFeature .dropup .valuText .valuCunt {
                border-radius: 10px;
                background: #FFF;
                padding: 3px 14px;
                font-weight: bold;
                font-size: 14px;
                margin: 0px 10px 0px 0px;
            }

            .footerWindowminFeature .dropup .valuText .caret {
                border-bottom: 5px dashed;
                margin-left: 10px;
            }

        .footerWindowminFeature .dropup .dropdown-menu {
            margin-bottom: 5px;
            /*margin-left: 175px;*/
            margin-left: 50px;
            border: 1px solid #666;
            border-radius: 0px;
            padding: 0px;
            width: 550px;
            z-index: 99999;
            position: absolute;
        }

    .footerWindowminFeature .dropdown-menu li {
        padding: 1px;
        border-bottom: 1px solid #ccc;
        font-size: 13px;
        cursor: pointer;
    }

        .footerWindowminFeature .dropdown-menu li:hover {
            background: #f1f1f1;
        }

    .footerWindowminFeature .dropup .dropdown-menu li table {
        width: 100%;
    }

        .footerWindowminFeature .dropup .dropdown-menu li table tr {
        }

            .footerWindowminFeature .dropup .dropdown-menu li table tr td {
                padding: 0px 5px;
                text-align: center;
                vertical-align: middle;
            }

                .footerWindowminFeature .dropup .dropdown-menu li table tr td a.maximizetab {
                    white-space: normal;
                    font-size: 14px;
                    color: #333;
                    text-decoration: none;
                }

                    .footerWindowminFeature .dropup .dropdown-menu li table tr td a.maximizetab:hover {
                        text-decoration: none;
                        color: #333;
                    }

                .footerWindowminFeature .dropup .dropdown-menu li table tr td:nth-child(3) {
                    text-align: left;
                }

                .footerWindowminFeature .dropup .dropdown-menu li table tr td .fa {
                    color: #999;
                    cursor: pointer;
                    font-size: 16px;
                    padding: 7px 3px;
                }

                .footerWindowminFeature .dropup .dropdown-menu li table tr td:nth-child(2) .fa {
                    color: #4C9C2E;
                    cursor: pointer;
                }

    .footerWindowminFeature .dropup .dropdown-menu li:hover table tr td:last-child .fa {
        color: #4C9C2E;
    }

.unAssignedAddIcon {
    font-size: 22px;
    color: #4C9C2E;
}

    .unAssignedAddIcon:hover {
        text-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
    }
/***** Kendo drop Calendar *******/
.k-calendar-container .k-header {
    margin-top: 0px !important;
    padding: 0px !important;
}

    .k-calendar-container .k-header .k-state-hover {
        background-color: #f9ba06;
    }

.k-calendar-container .k-today .k-link, .k-calendar-container .k-state-selected, .k-calendar-container .k-state-hover {
    background-color: #4C9C2E !important;
    border-color: #4C9C2E !important;
}

    .k-calendar-container .k-today .k-link, .k-calendar-container .k-state-selected .k-link {
        border-color: #4C9C2E !important;
    }

    .k-calendar-container .k-today .k-link, .k-calendar-container .k-state-selected .k-link, .k-calendar-container .k-state-hover .k-link {
        background-color: #4C9C2E !important;
        border-color: #4C9C2E !important;
        border-radius: 50px !important;
    }

.k-calendar-container .k-footer .k-nav-today {
    color: #333;
}
/***** /Kendo drop Calendar *******/

.leftSubMenuTooltip {
}

.ActiveLeftMenu a {
    color: #8dc63f !important;
    /*font-weight: bold;*/
    text-decoration: none;
}

.rightIconSerch .fa:hover {
    text-shadow: 2px 2px 5px rgba(102, 102, 102, 0.647058823529412);
}

.extractUtilityProtal .inspectionClaimMark .fa-check-circle {
    color: #009f07;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.extractUtilityProtal .inspectionClaimMark .fa-file-excel-o {
    color: #009f07;
    display: inline-block;
    float: left;
    font-size: 20px;
    width: 3%;
    margin-right: 2px;
}

.generateInvoicesProtal .inspectionClaimMark .fa-file-text-o {
    color: #009f07;
    display: inline-block;
    float: left;
    font-size: 20px;
    width: 3%;
    margin-right: 2px;
}

.extractUtilityProtal .inspectionClaimMark .fa-clock-o {
    color: #4C9C2E;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.extractUtilityProtal .inspectionClaimMark .inspectionClaimMarkText {
    float: left;
    display: inline-block;
    width: 93%;
}

.generateInvoicesProtal .inspectionClaimMark .fa-check-circle {
    color: #009f07;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.generateInvoicesProtal .inspectionClaimMark .fa-refresh {
    color: #4C9C2E;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.generateInvoicesProtal .inspectionClaimMark .fa-exclamation-triangle {
    color: #4C9C2E;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.generateInvoicesProtal .inspectionClaimMark .fa-hourglass-start {
    color: #666666;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 10px;
}

.generateInvoicesProtal .inspectionClaimMark .inspectionClaimMarkText {
    float: left;
    display: inline-block;
    width: 85%;
    margin-left: 10px;
}

.importUsers .inspectionClaimMark .fa-check-circle {
    color: #009f07;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.importUsers .inspectionClaimMark .fa-times-circle {
    color: red;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.importUsers .inspectionClaimMark .fa-refresh {
    color: #4C9C2E;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.importUsers .inspectionClaimMark .fa-hourglass-start {
    color: #666666;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 10px;
}

.importUsers .inspectionClaimMark .inspectionClaimMarkText {
    float: left;
    display: inline-block;
    width: 85%;
    margin-left: 10px;
    margin-top: 4px;
}

.autoBillingPage .inspectionClaimMark .fa-refresh {
    color: #4C9C2E;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.autoBillingPage .inspectionClaimMark .fa-check-circle {
    color: #009f07;
    display: inline-block;
    float: left;
    font-size: 22px;
    width: 3%;
    margin-right: 2px;
}

.autoBillingPage .inspectionClaimMark .inspectionClaimMarkText {
    float: left;
    display: inline-block;
    width: 93%;
    margin-top: 4px;
}

.importUsers #CustomerDisplayProgress .yellowBoader {
    left: 0px;
    top: 0px;
    width: 40%;
    background: inherit;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(76, 156, 46, 1);
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    border-radius: 0px;
}

.importUsers #InspectorDisplayProgress .yellowBoader {
    left: 0px;
    top: 0px;
    width: 40%;
    background: inherit;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(76, 156, 46, 1);
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    border-radius: 0px;
}

.importUsers #InspectorWait .yellowBoader {
    left: 0px;
    top: 0px;
    width: 40%;
    background: inherit;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(76, 156, 46, 1);
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    border-radius: 0px;
}

.importUsers #CustomerWait .yellowBoader {
    left: 0px;
    top: 0px;
    width: 40%;
    background: inherit;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(76, 156, 46, 1);
    border-radius: 6px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    border-radius: 0px;
}

.menuResponsiveDisplay {
    display: inline-block;
    float: right;
}

    .menuResponsiveDisplay .nav-side-menu a i {
        display: none;
    }

@media only screen and (min-width:1023px) and (max-width:1281px) {
    .assignmentView .assignmentViewLeft {
        width: 45%;
    }

    .squtyManageUseDropDown {
        width: 355px;
    }

    .newUserBtn {
        margin-left: 0px;
    }

    .securityRightChekField {
        width: 225px;
    }

    .securityLeftFormField {
        width: 70%;
    }

        .securityLeftFormField .col-md-3 {
            width: 30%;
        }

        .securityLeftFormField .col-md-8 {
            width: 65%;
        }

    .squryUserTypeTitel {
        width: 14.5% !important;
    }

    .squryUserTypeOption {
        width: 80.5% !important;
    }

    .headSearchInput {
        width: 200px;
        margin-right: 10px;
    }
}

@media only screen and (min-width:1282px) and (max-width:1367px) {
    .assignmentView .assignmentViewLeft {
        width: 60%;
    }
}

@media only screen and (min-width:1368px) and (max-width:1599px) {
    .assignmentView .assignmentViewLeft {
        width: 60%;
    }
}

@media only screen and (min-width:580px) and (max-width:600px) {
    .loginFormContl {
        margin-bottom: 15px;
    }

    .loginYellowBoder {
        padding: 10px 20px;
    }

    .loginText {
        margin: 5px 0px;
        font-size: 14px;
    }

    .logoHead {
        display: block;
    }

    .centroLogo {
        display: none;
    }

    .logoHead {
        font-size: 19px;
    }

    .topHeadBlock {
        margin-bottom: 0px;
        padding: 5px;
    }

    .mainWapper {
        width: auto;
    }

    .loginMainWapper {
        width: 320px;
        padding-top: 0px;
    }

    .loginInput {
        width: 180px;
    }

    .loginBtn {
        margin-right: 0px;
    }

    .menuResponsiveDisplay {
        float: left;
        overflow: hidden;
        min-height: 0px;
        padding: 4px 5px;
    }

        .menuResponsiveDisplay .menu-list {
            position: absolute;
            z-index: 999;
            background: #666666;
        }

    .collapse.in {
    }

    .menuResponsiveDisplay .nav-side-menu .fa-bars {
        display: block;
        color: #FFF;
    }

    .menuResponsiveDisplay .menu-list .desktopMenu {
        display: none;
    }

    .defultMainNav {
        float: none;
        width: 155px;
    }

        .defultMainNav ul li {
            float: none;
            padding: 7px 13px;
            width: 100%;
        }
}

@media only screen and (min-width:359px) and (max-width:414px) {
    .loginFormContl {
        margin-bottom: 15px;
    }

    .loginYellowBoder {
        padding: 10px 20px;
    }

    .loginText {
        margin: 5px 0px;
        font-size: 14px;
    }

    .logoHead {
        display: block;
    }

    .centroLogo {
        display: none;
    }

    .logoHead {
        font-size: 19px;
    }

    .topHeadBlock {
        margin-bottom: 0px;
        padding: 5px;
    }

    .mainWapper {
        width: auto;
    }

    .loginMainWapper {
        width: 320px;
        padding-top: 0px;
    }

    .loginInput {
        width: 180px;
    }

    .loginBtn {
        margin-right: 0px;
    }

    .menuResponsiveDisplay {
        float: left;
        overflow: hidden;
        min-height: 0px;
        padding: 4px 5px;
    }

        .menuResponsiveDisplay .menu-list {
            position: absolute;
            z-index: 999;
            background: #666666;
        }

    .collapse.in {
    }

    .menuResponsiveDisplay .nav-side-menu .fa-bars {
        display: block;
        color: #FFF;
    }

    .menuResponsiveDisplay .menu-list .desktopMenu {
        display: none;
    }

    .defultMainNav {
        float: none;
        width: 155px;
    }

        .defultMainNav ul li {
            float: none;
            padding: 7px 13px;
            width: 100%;
        }
}

@media only screen and (min-width:240px) and (max-width:320px) {
    .loginFormContl {
        margin-bottom: 15px;
    }

    .loginYellowBoder {
        padding: 10px 20px;
    }

    .loginText {
        margin: 5px 0px;
        font-size: 14px;
    }

    .logoHead {
        display: block;
    }

    .centroLogo {
        display: none;
    }

    .logoHead {
        font-size: 19px;
    }

    .topHeadBlock {
        margin-bottom: 0px;
        padding: 5px;
    }

    .mainWapper {
        width: auto;
    }

    .loginMainWapper {
        width: 320px;
        padding-top: 0px;
    }

    .loginInput {
        width: 180px;
    }

    .loginBtn {
        margin-right: 0px;
    }

    .menuResponsiveDisplay {
        float: left;
        overflow: hidden;
        min-height: 0px;
        padding: 4px 5px;
    }

        .menuResponsiveDisplay .menu-list {
            position: absolute;
            z-index: 999;
            background: #666666;
        }

    .collapse.in {
    }

    .menuResponsiveDisplay .nav-side-menu .fa-bars {
        display: block;
        color: #FFF;
    }

    .menuResponsiveDisplay .menu-list .desktopMenu {
        display: none;
    }

    .defultMainNav {
        float: none;
        width: 155px;
    }

        .defultMainNav ul li {
            float: none;
            padding: 7px 13px;
            width: 100%;
        }
}
/*-----------*/
.marginTop15 {
    margin-top: 15px;
}

.ReviewWebReportsMediaColumnIcons {
}

    .ReviewWebReportsMediaColumnIcons i {
        margin: 2px 5px;
    }

.ScheduleClaimCalendarView {
    margin: 0px !important;
    float: none !important;
}

.gridGoldBtn .k-grid-toolbar .k-button-icontext {
    background: #4c9c2e;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    color: black;
    font-size: 10px;
    padding: 4px 35px;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
    height: 28px;
    line-height: 15px;
    border-color: #4c9c2e;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    float: right;
    margin-right: 85px;
    cursor: pointer;
}

    .gridGoldBtn .k-grid-toolbar .k-button-icontext:hover {
        background: #2484c6;
    }

.genlDirectDeposit .inspectionClaimMarkText {
    margin-top: 4px;
    margin-left: 15px !important;
}

.verbalReportTabRadio {
    display: inline-block;
    margin-top: 15px;
}

    .verbalReportTabRadio .optionRadio {
        float: left;
        margin: 0px 10px;
    }

viewVerbalReportTabContGrid {
}

.viewVerbalReportTabContGrid .k-grid td table tr td {
    border: 0px solid;
}

.viewVerbalReportTabContGrid .k-grid-content-locked table tr td {
    border-left: 0px solid;
}

.viewVerbalReportTabContGrid .k-grid-content-locked table tr:last-child td {
    border-bottom: 0px solid;
}
/*------*/
.vrGridMechanical {
    float: left;
    margin-right: 5px;
    display: inline-block;
    width: 30px;
}

.iconWithCont {
    float: left;
    display: inline-block;
    white-space: normal;
    /* word-break: break-word; */
    width: 75px;
}

.globeIcon {
    float: left;
    margin-right: 5px;
    display: inline-block;
    width: 30px;
}

    .globeIcon .fa-globe {
        color: #6ba84f;
        font-size: 33px;
    }

/*------------ Admin Report --------------*/
#divReportViewer {
    height: 100%;
}

#divMenu {
    height: 100%;
}

.mainContBody {
    height: 100%;
    max-height:800px !important;
    overflow-y: scroll;
}

/*-- Notification INfo Tem ---*/
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7);
    color: #ffffff;
}

.k-notification-info {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}

.k-notification-upload-success {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}

.k-widget.k-notification.k-notification-info {
    background-color: #7a8b19;
    color: #fff;
    border: 1px solid #b5c62a !important;
}

.upload-success {
    width: 240px;
    height: auto;
    padding: 0 30px;
    line-height: 65px;
}

    .upload-success h3 {
        font-size: 1em;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        width: 190px;
        margin-top: 10px;
    }

    .upload-success img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 25px;
    }

.k-widget.k-notification.k-notification-error {
    background-color: #d41f0e;
    color: #fff;
    border: 1px solid #ee3715 !important;
}

.wrong-pass {
    width: 240px;
    height: auto;
    padding: 0 30px;
    line-height: 65px;
}

    .wrong-pass h3 {
        font-size: 1em;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        width: 190px;
        margin-top: 10px;
    }

    .wrong-pass img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 25px;
    }

.bug-icon {
    margin-top: 2px;
    float: left;
    margin-right: 10px;
}

    .bug-icon .fa {
        display: none;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 29px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #4C9C2E;
        cursor: pointer;
    }
/****/
/*.k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
    table-layout: auto;
}*/
@media (max-width: 1680px ) {
    .dbTabGrid {
        width: 1430px;
    }
}
@media (max-width: 1600px ) {
    .dbTabGrid {
        width: 1350px;
    }
}
@media (max-width: 1440px ) {
    .dbTabGrid {
        width: 1192px;
    }
}
@media (max-width: 1400px ) {
    .dbTabGrid {
        width: 1154px;
    }
}
@media (max-width: 1366px ) {
    .dbTabGrid {
        width: 1128px;
        padding: 0px 10px 20px 10px;
    }

    /*#DispatchWorkListDefaultDiv .paddingLeftRight20 {
        padding: 0px 10px;
    }*/
}
@media (max-width: 1280px ) {
    .dbTabGrid {
        width: 1065px;
        padding: 0px 10px 20px 10px;
    }
    .dbTitel {
        font-size: 20px;
    }
        .techWorkListSearch {
        width: 45% !important;
    }

    .dbTabRefreshIcon .fa-refresh {
        font-size: 20px;
    }

    .dbTabPrintIcon .fa-print, .dbTabPrintIcon .fa-upload {
        font-size: 20px;
    }

    .leftShowHideMenuList {
        width: 205px;
    }

    .sideMenuBlockList .navList {
        margin: 0px 0px 0px 10px;
    }

    .sideMenuBlockList .menuListTitel {
        font: normal 15px/17px 'Roboto-Bold';
        margin-bottom: 10px;
    }

    .sideMenuBlockList .navList li a {
        font: normal 13px/15px 'Roboto';
    }

        .sideMenuBlockList .navList li a i {
            font-size: 16px;
        }

    .leftShowHideMenuList {
        padding: 0px 8px 10px 8px;
    }

    .logoHead {
        font-size: 19px;
    }
}
@media (max-width: 1024px ) {
    .dbTabGrid {
        width: 810px;
    }
}