body {
    margin: 0;
    font-family: 'OpenSansRegular', "open_sansregular", sans-serif;
    font-size: 80%;
    line-height: 16px;
    color: #333333;
    height: 100%;
    min-height: 100%;
}
/* Fontface CSS */
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'Comic Sans MS';
    src: url('../fonts/Comic Sans MS.eot');
    src: url('../fonts/Comic Sans MS.eot?#iefix') format('embedded-opentype'), url('../fonts/Comic Sans MS.woff2') format('woff2'), url('../fonts/Comic Sans MS.woff') format('woff'), url('../fonts/Comic Sans MS.svg#Comic Sans MS') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02;
}

@font-face {
    font-family: 'Comic Sans MS';
    src: url('../fonts/Comic Sans MS Bold.eot');
    src: url('../fonts/Comic Sans MS Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Comic Sans MS Bold.woff2') format('woff2'), url('../fonts/Comic Sans MS Bold.woff') format('woff'), url('../fonts/Comic Sans MS Bold.svg#Comic Sans MS Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot') format('embedded-opentype'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype'), url('../fonts/opensans-bold.svg#OpenSansBold') format('svg');
}

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

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

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

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

.calibritxt {
    font-family: 'Calibri';
}

.minionprotxt {
    font-family: 'Minion Pro';
}


/*		Fontface CSS	end		*/
label, input, button, select, textarea {
    font-size: 13px;
}
/*		Global classes			*/
.container-fluid .Mar0 {
    margin: 0;
}

.container-fluid .pad0 {
    padding: 0;
}

.imageGalleryPhotoFrame {
    background: #dadada;
    border: 3px solid #99ce4c;
    width: 1000px;
    position: relative;
    height: 250px;
}

#wrap > .container {
    margin-top: 50px;
}

.purchaseContainer .show {
    display: block;
}
/*.purchaseContainer .hide {display:none}*/
.k-upload-files .k-filename {
    white-space: pre-wrap;
    width: 70%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.noFl {
    float: none !important;
}

.clr {
    clear: both;
}

textarea {
    resize: none;
}

.d-inline {
    display: inline-block !important;
    position: relative;
    top: 4px;
}

table tr td {
    background: none;
}

.p-marginL .span5 {
    margin-left: 0;
}

.marTop10 {
    margin-top: 10px !important;
}

.marBtm10 {
    margin-bottom: 10px !important;
}

.buttonZone.marpadbx {
    margin: 0 0 0 5px !important;
    padding: 0;
    text-align: left;
}

.marRight20 {
    margin-right: 20px;
}

.rednerDada {
    min-height: 150px;
}

.disable {
    opacity: 0.5;
    cursor: inherit;
}

.mkeDisable * {
    cursor: none;
    opacity: 0.92;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;
}

.row-fluid .noBorder {
    border: 0;
}

.row-fluid .k-grid {
    margin-bottom: 10px;
}
/*		Global hover			*/
.row-fluid .viewRow:hover, .row-fluid .editRow:hover, .row-fluid .deleteRow:hover, .row-fluid .approve:hover, .row-fluid .error:hover, .row-fluid .iconupload:hover, .row-fluid .icondownload:hover, .active:hover, .deactive:hover, .icon-reset:hover, .icn-unlock:hover, .icn-lock:hover, .statylw:hover, a.statRed:hover, a.statblue:hover, a.statOran:hover, .up:hover, .down:hover, .first:hover, .last:hover, .iconClear:hover, .searchIcon:hover, .iconSplit:hover {
    opacity: 0.8;
}
/*		Fontface CSS	end		*/
.page-splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _background-color: #1f1f1f;
    opacity: 0.2;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.page-splash-message {
    text-align: center;
    margin: 10% 0 0 0;
    font-size: 400%;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: normal;
    -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
    text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    text-decoration: none;
    font-family: monospace;
    color: #F58A00;
    padding: 0;
}

.pageTitle {
    font-size: 160%;
    color: #fff;
    margin: 7px 0 0 2%;
    font-weight: normal;
}

    .pageTitle a {
        color: #fff;
    }

.pageHeading {
    background: #f5f9fa;
    border: 1px solid #e4e8e9;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 110%;
}

.page-progress-bar {
    margin: 10% 30% 0 30%;
}

.editmodelbar {
    margin-left: 10px;
}

.toast {
    font-weight: normal;
}

.toast-info {
    background-color: #194D7B;
}

.toast-bottom-right {
    bottom: 10px;
}

.toast-bottom-left {
    bottom: 10px;
}

.loader .page-progress-bar {
    margin: 14px 0 0 0;
}

.loader {
    visibility: hidden;
    background: url('../images/loading.gif') no-repeat;
    width: 28px;
    height: 28px;
    position: fixed;
    z-index: 1001;
    top: 6px;
    right: 5px;
}

    .loader.active {
        visibility: visible;
    }
/* Validations and Errors */
.validationMessage {
    color: #E3573A;
    font-size: 12px;
    display: block;
    padding: 0;
}
/* Validations and Errors */
/*body {padding-top:60px; padding-bottom:40px;}*/
footer {
    background: #17577c;
    padding: 6px 5px;
    color: #fff;
    text-align: center;
}

.navbar-fixed-bottom {
    position: static;
    clear: both;
    bottom: -1px;
}

.leftNav li .submenu .thirdLevel, .k-animation-container {
    z-index: 99999 !important;
}

footer p {
    margin: 0;
}

.userName {
    color: #8bacbe;
    font-weight: bold;
}
/*.home{background:url(../images/homeIcon.png) no-repeat; height:20px; width:20px; display:inline-block;vertical-align:middle;}*/
.pageContent {
    background: #ffffff;
    padding: 12px 0 0;
    margin-bottom: 57px;
}

.stripBg {
    background: url(../images/contentBg.png);
}

.subHeader {
    margin-top: 0px;
}

.subHeaderInner {
    overflow: hidden;
    margin: 0 40px;
    background: #E9E9E9;
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
}

    .subHeaderInner h1 {
        color: #1e1e1e;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
    }

.dateSection {
    float: right;
}

.addressSection {
    float: left;
    margin-left: 260px;
}

.marginLeft {
    margin-left: 275px;
}

.searchIcon {
    background: url(../images/searchIcon.png) 98% 50% no-repeat;
    padding: 4px 30px 4px 14px !important;
}

.navigationInner {
    background: #17577c;
}

.pageBreadCrum {
    background: #E9E9E9;
    padding: 5px 10px;
    font-size: 95%;
    text-transform: capitalize;
    margin-bottom: 5px;
}

    .pageBreadCrum a {
        color: #666;
        font-size: 95%;
    }

.tabPanelWrap {
    margin-top: 40px;
}

.contentColumn {
    float: left;
    width: 50%;
}

.tabbertab .labelText {
    font-size: 12px !important;
    display: inline-block;
    width: 150px;
    vertical-align: middle;
}


.floatRight {
    float: right !important;
}

.mleft10 {
    margin-left: 10px;
}

.mright10 {
    margin-right: 10px;
}

.floatleft {
    float: left !important;
}

.verTopAlign {
    vertical-align: top !important;
}

.durandal-wrapper .brand {
    margin: 1px 0 0 10px;
    padding: 0;
    width: 70px !important;
    position: static;
    float: left;
}

.sidebar-nav {
    margin: 0 !important;
    min-height: calc(100% - 2em);
}

.span9 .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.color-black {
    color: #000000 !important;
}

/*         Site buttons                     */
.deactivate {
    background: url(../images/deactivate.png) 0 2px no-repeat;
    padding-left: 23px;
}

.save {
    background: url(../images/save.png) 0 0 no-repeat;
    padding-left: 23px;
}

.cancel {
    background: url(../images/cancel.png) 0 1px no-repeat;
    padding-left: 23px;
    height: 22px;
}

.remove {
    background: url(../images/deactivate.png) 0 1px no-repeat;
    padding-left: 23px;
}

.addNewRecord {
    background: url(../images/addNewRecord.png) 0 2px no-repeat;
    padding: 1px 0 1px 20px;
}

.gpbtn {
    background: url(../images/icn-gpbw.png) 0 2px no-repeat;
    padding: 2px 0 2px 25px;
}

.icnImport {
    background: url(../images/icn-import.png) 0 2px no-repeat;
    padding: 1px 0 1px 27px;
}

.icnwreset {
    background: url(../images/wreset.png) 0 0 no-repeat;
    padding-left: 23px;
}

.icnShuffle {
    background: url(../images/icn-shuffle.png) 0 2px no-repeat;
    padding: 1px 0 1px 20px;
}

.downloadIcon {
    background: url(../images/download.png) 0 1px no-repeat;
    padding-left: 20px;
}

.iconPrint {
    background: url(../images/icn-print.png) 0 1px no-repeat;
    padding-left: 20px;
}

.iconExcel {
    background: url(../images/icn-export-excel.png) 0 1px no-repeat;
    padding-left: 20px;
}

.iconClr {
    background: url(../images/clearW.png) 0 4px no-repeat #5C6164;
    padding-left: 20px;
    display: block;
}

.iconSearch {
    background: url(../images/searchIconW.png) 0 3px no-repeat #5C6164;
    padding-left: 20px;
    display: block;
}

.iconReset {
    background: url(../images/resetW.png) 0 3px no-repeat #5C6164;
    padding-left: 20px;
    display: block;
}

.icnEditW {
    background: url(../images/editW.png) 0 4px no-repeat #5C6164;
    padding-left: 20px;
    display: block;
}

.icnPrntOut {
    background: url(../images/icn-printout.png) 0 4px no-repeat;
    display: inline-block;
    width: 22px;
    height: 30px;
}

.icnCopy {
    background: url(../images/iconCopy.png) 0 4px no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.icnCopy-W {
    background: url(../images/iconCopy-W.png) 0 4px no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

.icnClosed {
    background: url(../images/crossSmallIcon.png) 0 4px no-repeat;
    display: inline-block;
    padding-left: 20px;
}

.icnChildArrow {
    background: url(../images/icon-child-Arrow.png) 3px 0px no-repeat;
    padding: 2px;
}

.marginLeft20 {
    padding-left: 20px
}

button.icnPrntOut, button.icnExlPrnt {
    border: 0;
    margin: 0 5px;
}

.icnExlPrnt {
    background: url(../images/icn-excelprint.png) 0 2px no-repeat;
    display: inline-block;
    width: 22px;
    height: 24px;
}

.icnAllowRt, .icnAllowRt:hover, .icnAllowRt:focus {
    background: url(../images/icn-allowrt-white.png) right center no-repeat;
    display: inline-block;
    height: 15px;
    padding-right: 20px;
    width: 105px !important;
    border: none;
    margin-top: 0 !important;
    margin-left: 10px;
    padding: 0;
    box-shadow: none;
    color: #fff;
}

.btnDisabled {
    opacity: 0.5;
}

.inlineSearchWrap {
    padding: 5px 10px;
    background: #efefef;
    border: 1px solid #cbcbcb;
    border-bottom: none;
}

    .inlineSearchWrap .searchTable td {
        padding-right: 15px;
    }

.checkBox {
    vertical-align: middle;
    display: inline-block;
    float: left;
    margin-right: 10px !important;
}

.checkBoxArea {
    margin-top: 10px;
}

.k-filter-menu .k-textbox {
    margin: 7px 0;
}

.icon-backOne {
    background: url(../images/iconBack.png) 0 1px no-repeat;
    min-height: 13px;
}
/*         Site buttons        end         */
.poppupContentTable input {
    margin-bottom: 0;
    margin-top: 3px;
}

.poppupContentTable td {
    vertical-align: middle;
    padding-right: 10px;
}

.buttonZone {
    bottom: 0;
    border-top: 1px solid #e5e5e5;
    padding: 8px 0;
    text-align: right;
    overflow: hidden;
}

.overlay .buttonZone {
    padding: 8px;
}

.k-window-title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.plusSmallIcon {
    padding-left: 0;
    background: url(../images/plusSmallIcon.png) 0 0 no-repeat;
    display: block;
    width: 14px;
    height: 14px;
}

.iconSplit {
    padding-left: 0;
    background: url(../images/split-icon.png) 0 0 no-repeat;
    display: block;
    width: 16px;
    height: 16px;
}

.crossSmallIcon {
    padding-left: 0;
    background: url(../images/crossSmallIcon.png) 1px 2px no-repeat;
    display: block;
    width: 14px;
    height: 14px;
}

.dragIcon {
    padding-left: 0;
    background: url(../images/dragIcon.png) 1px 2px no-repeat;
    display: block;
    width: 20px;
    height: 21px;
    cursor: pointer;
}

.smallSingleBtn {
    padding: 4px;
    margin-bottom: 10px;
}

.btnIcon {
    padding: 4px 5px;
    margin-bottom: 10px;
}

.plusSmallIcon {
    padding-left: 0;
    background: url(../images/plusSmallIcon.png) 0 0 no-repeat;
    display: block;
    width: 14px;
    height: 14px;
}

.crossSmallIcon {
    padding-left: 0;
    background: url(../images/crossSmallIcon.png) 1px 2px no-repeat;
    display: block;
    width: 14px;
    height: 14px;
}

.buttonSmallArea {
    width: 27px;
    margin-left: 7px;
}

.selectCustom {
    padding: 0;
}

    .selectCustom option {
        padding: 5px 10px;
        color: #000;
    }

.row-fluid .viewRow {
    background: url(../images/viw.png) 0 0 no-repeat !important;
    width: 22px;
    height: 19px;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
}

.row-fluid #recipeSummaryGrid a[title="Publish"] {
    background: url(../images/icnPublish.png) 0 0 no-repeat !important;
    width: 22px;
    height: 25px;
    display: block;
    margin-right: 4px;
    cursor: pointer;
    font-size: 0;
    margin: 0 auto
}

.row-fluid .icnEVersion {
    background: url(../images/eVersion.png) 0 0 no-repeat !important;
    width: 22px;
    height: 20px;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
}

.row-fluid .exportFle {
    background: url(../images/icn-exprt.png) 0 0 no-repeat !important;
    width: 24px;
    height: 19px;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
}

.row-fluid .commentRow {
    background: url(../images/icnComment.png) 0 0 no-repeat !important;
    width: 17px;
    height: 19px;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
}

.row-fluid .replaceRow {
    background: url(../images/replace.png) 0 0 no-repeat !important;
    width: 17px;
    height: 19px;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
    font-size: 0;
}

.row-fluid .editRow {
    background: url(../images/edit.png) 2px 4px no-repeat !important;
    display: inline-block;
    width: 17px;
    height: 21px;
    margin-right: 3px;
    cursor: pointer;
}


.row-fluid .substitute {
    background: url(../images/substitute.png) 2px 4px no-repeat !important;
    display: inline-block;
    width: 30px;
    height: 31px;
    cursor: pointer;
}

.row-fluid .suggestedsubstitute {
    background: url(../images/substitute.png) 2px 4px no-repeat !important;
    display: inline-block;
    width: 30px;
    height: 31px;
    cursor: pointer;
}


.row-fluid .spreadRule {
    background: url(../images/spreadRuleIcon.png) 2px 4px no-repeat !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    cursor: pointer;
}

.row-fluid .expireRow {
    background: url(../images/expire.png) 2px 4px no-repeat !important;
    display: inline-block;
    width: 17px;
    height: 21px;
    margin-right: 3px;
    cursor: pointer;
}


.row-fluid .deleteRow {
    background: url(../images/sprite.png) -36px -943px no-repeat !important;
    display: inline-block;
    width: 17px;
    height: 21px;
    cursor: pointer;
}

.row-fluid .checkList {
    background: url(../images/checklist.png) 0 0 no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 22px;
    cursor: pointer;
}

.row-fluid .deleteW {
    background: url(../images/sprite.png) -58px -943px no-repeat !important;
    display: inline-block;
    width: 17px;
    height: 21px;
    cursor: pointer;
}

.row-fluid .approve {
    background: url(../images/process.png) 0 0 no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.row-fluid .error {
    background: url(../images/icnError.png) 0 0 no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.row-fluid .icnInfo {
    background: url(../images/icn_info.png) 0 3px no-repeat !important;
    display: inline-block;
    width: 16px;
    height: 19px;
    cursor: pointer;
}

.row-fluid .iconupload {
    display: inline-block;
    width: 20px;
    height: 21px;
    cursor: pointer;
}

.row-fluid .icondownload {
    display: inline-block;
    width: 20px;
    height: 21px;
    cursor: pointer;
}
/*.editRow:hover {background:url(../images/editHover.png) 2px 2px no-repeat!important}*/
.deleteRow:hover {
    background: url(../images/sprite.png) -36px -967px no-repeat !important;
}
/*.row-fluid .approve {background:url(../images/icnApprove.png) 0 0 no-repeat!important; display:inline-block; width:16px; height:16px; cursor:pointer}
.row-fluid .error {background:url(../images/icnError.png) 0 0 no-repeat!important; display:inline-block; width:16px; height:16px; cursor:pointer}*/

.row-fluid .k-selectable .k-grid-delete span.k-delete, .row-fluid .k-selectable .k-grid-Delete .k-delete, .row-fluid .k-selectable .k-grid-edit .k-edit, .row-fluid .k-selectable .k-grid-cancel, .row-fluid .k-selectable .k-grid-update .k-update, .row-fluid .k-widget .k-grid-cancel .k-cancel {
    display: none;
}

.row-fluid .k-selectable .k-grid-delete, .row-fluid .k-selectable .k-grid-Delete, .row-fluid .k-selectable .k-grid-edit, .row-fluid .k-selectable .k-grid-cancel, .row-fluid .k-selectable .k-grid-update, #productsToOrderGrid .k-grid-Delete {
    font-size: 0;
    min-width: inherit;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    margin-right: 4px;
    width: 24px;
}

.row-fluid .k-detail-row .k-detail-cell .k-grid-edit, .row-fluid .k-detail-row .k-detail-cell .k-grid-view, .row-fluid .k-detail-row .k-detail-cell .deleteRow, .row-fluid .k-grid-approve, .row-fluid .k-grid-reject {
    padding: 0;
    display: block;
    margin: 0 auto;
    font-size: 0;
}

.row-fluid .k-grid-approve {
    width: 16px;
    height: 16px;
    display: block;
}

.row-fluid .k-grid-reject {
    width: 16px;
    height: 16px;
    display: block;
}

.row-fluid .k-detail-row .k-grid-edit {
    width: 15px;
}

.row-fluid .k-detail-row .k-grid-view {
    width: 23px;
}

.row-fluid .k-detail-row .deleteRow {
    width: 15px;
}

.row-fluid .k-selectable .k-grid-Delete span {
    font-size: 0;
}

.row-fluid .k-selectable .k-grid-k-update {
    background: url(../images/update.png) 0 3px no-repeat !important;
}

.row-fluid .k-selectable .k-grid-cancel {
    background: url(../images/cancel.png) 0 3px no-repeat !important;
}

.row-fluid .k-widget .k-grid-cancel {
    background: url(../images/cancelRed.png) 0 1px no-repeat !important;
}

.row-fluid .k-widget .k-grid-approve {
    background: url(../images/approve.png) 0 1px no-repeat !important;
}

.row-fluid .k-widget .k-grid-reject {
    background: url(../images/remove.png) 0 1px no-repeat !important;
}

.row-fluid .k-selectable .k-grid-delete, .row-fluid .k-selectable .k-grid-Delete, #productsToOrderGrid .k-grid-Delete {
    background: url(../images/sprite.png) -36px -943px no-repeat !important;
    padding: 0;
    width: 15px;
}

.row-fluid .k-selectable .k-grid-edit {
    background: url(../images/edit.png) 0 3px no-repeat !important;
}
/*.row-fluid .k-selectable .k-grid-edit:hover{background:url(../images/editHover.png) 0 3px no-repeat!important}*/
.row-fluid .k-selectable .k-grid-update {
    background: url(../images/update.png) 0 3px no-repeat !important;
}

.row-fluid .k-grid-Save {
    background: url(../images/update.png) 0 3px no-repeat !important;
    padding-left: 93px;
    color: #fff;
}


.icn-lock, .icn-unlock, .icn-Set, .icon-reset, .iconClear, .iconGraph, .icondownload, .iconupload, .iconAprj, .iconWorkflow {
    font-size: 0;
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto;
}

.icn-lock {
    background: url(../images/lock.png) 0 0 no-repeat;
}

.icn-unlock {
    background: url(../images/unlock.png) 0 0 no-repeat;
}

.iconClear {
    background: url(../images/clear.png) 0 0 no-repeat;
}

.iconGraph {
    background: url(../images/graphIcon.png) 0 0 no-repeat;
}

.icondownload {
    background: url(../images/download.png) 0 0 no-repeat;
    width: 20px;
    height: 21px;
}

.iconupload {
    background: url(../images/upload.png) 0 0 no-repeat;
    width: 20px;
    height: 21px;
}

.iconAprj {
    background: url(../images/icn-aprj.png) 0 0 no-repeat;
    width: 21px;
    height: 18px;
    display: inline-block;
}

.iconWorkflow {
    background: url(../images/icn-workflow.png) 0 0 no-repeat;
    width: 22px;
    height: 16px;
}

.icnimg {
    background: url(../images/icon-img.png) 0 0 no-repeat;
    width: 24px;
    height: 18px;
    display: block;
    opacity: 0.7;
    margin-left: 3px;
    float: left;
    cursor: pointer;
}

.icnvideo {
    background: url(../images/icon-video.png) 0 0 no-repeat;
    width: 25px;
    height: 12px;
    display: block;
    opacity: 0.7;
    margin: 3px 5px 0;
    float: left;
}

.icnupdvideo {
    background: url(../images/icon-download.png) 0 0 no-repeat;
    width: 14px;
    height: 15px;
    display: block;
    opacity: 0.7;
    float: left;
}

    .icnimg:hover, .icnvideo:hover, .icnupdvideo:hover {
        opacity: 1;
    }

.buttonSet .icnimg, .buttonSet .icnvideo, .buttonSet .icnupdvideo {
    display: inline-block;
    float: none;
    margin: 0 5px;
}

.tbodyRow .icnimg, .icnvideo, .icnupdvideo {
    margin-right: 5px;
}

.btnGraph {
    background: url(../images/graphIcon.png) 7px 3px no-repeat #5C6263 !important;
    padding-left: 25px !important;
}

.icn-Set {
    background: url(../images/setting.png) 0 0 no-repeat;
    width: 23px;
    height: 18px;
}

.icon-reset {
    background: url(../images/reset.png) 0 0 no-repeat;
}

.errorInField {
    border: 1px solid #f00 !important;
}

.successInField {
    border: 1px solid #9db710 !important;
}

.mar0 {
    margin: 0;
}

.buttonFeatureAccess {
    margin-top: 15px;
    padding: 8px 2px;
    text-align: right;
    width: 50%;
}

.formElementsWrap {
    border: 1px solid #d1d1d1;
    padding: 10px;
}

    .formElementsWrap h4 {
        font-size: 13px;
        padding: 5px 2px;
        border-bottom: 1px solid #e5e5e5;
        ;
        margin-top: 0;
    }
/* Advanced serach
.searchContent {
    padding: 10px !important;
}

.loginPageWrap img {
    width: 100%;
    height: 100%;
}
/* Vendor management screen */ z .formTable {
    border-collapse: collapse;
    margin: 20px 0;
}

.formTable td {
    padding: 8px 12px;
}

    .formTable td table td {
        padding: 8px 0;
    }

    .formTable td input {
        margin: 0;
    }

.formTable .formTitle {
    width: 110px;
    display: inline-block;
}

.enforceText {
    text-align: right;
    font-size: 10px;
    color: #808080;
    padding: 2px 0;
    font-style: italic;
}

.marginDataTable {
    margin: 10px 0 15px 0;
}

.formTable label {
    font-weight: bold;
    font-size: 12px;
}

.k-grid-content .k-selectable tr:nth-child(even), .k-selectable tr:nth-child(even), .customK-table tr:nth-child(even), .k-grid-content tr:nth-child(even) {
    background-color: #e6e1e6;
}

.k-grid-content .k-alt {
    background: #fff;
}

.customK-table input[type="radio"] {
    margin-top: 0;
}
/*.formWrap{padding:10px 10px 10px 0;}*/
.marLeft10 {
    margin-left: 8px !important;
}

.subHeaderSmall {
    font-size: 13px;
}

.viewInfo {
    display: inline-block;
    background: url(../images/view.png) 0 0 no-repeat;
    width: 17px;
    height: 10px;
}

    .viewInfo:hover, .viewSelected {
        background: url(../images/view.png) -19px 0 no-repeat;
    }
/* Accordian panel css overwrite for right content */
.contentAccordian .k-header {
    background: #17577b;
}

    .contentAccordian .k-header:hover, .contentAccordian .k-state-selected {
        background: #1c6892;
    }

.contentAccordian .k-panelbar > li.k-state-default > .k-link {
    color: #fff;
}

.contentAccordian .k-state-selected .k-i-arrow-s {
    background: url(../images/accord-arrow-set.png) 0 0 no-repeat;
}

.k-pager-numbers .k-state-selected {
    border: 1px solid #999;
    width: 2em;
}

.k-pager-numbers li {
    line-height: inherit;
}

.contentAccordian .k-link:not(.k-state-disabled):hover > .k-i-arrow-s, .contentAccordian .k-state-hover .k-i-arrow-s {
    background: url(../images/accord-arrow-set.png) 2px -24px no-repeat;
}

.contentAccordian .k-link .k-i-arrow-s {
    background: url(../images/accord-arrow-set.png) 2px -24px no-repeat;
}

.contentAccordian .k-link:not(.k-state-disabled):hover > .k-i-arrow-n, .contentAccordian .k-state-hover .k-i-arrow-n {
    background: url(../images/accord-arrow-set.png) 0 2px no-repeat;
    left: 15px;
    top: 5px;
}

.contentAccordian .k-state-selected .k-i-arrow-n {
    background: url(../images/accord-arrow-set.png) 0 2px no-repeat;
}

.contentAccordian .k-state-active .k-i-arrow-n {
    background: url(../images/accord-arrow-set.png) 0 2px no-repeat;
    left: 15px;
    top: 5px;
}

.contentAccordian .k-panelbar-expand, .contentAccordian .k-icon:hover, .contentAccordian .k-state-hover .k-icon, .contentAccordian .contentAccordian .k-state-selected .k-icon {
    left: 15px;
    top: 5px;
}

.contentAccordian .k-panelbar > .k-item > .k-link {
    padding: 0 3px 0 40px;
}

.contentAccordian .radioAccordion {
    height: 13px;
    margin-top: -3px;
    margin-left: 8px;
}

.contentAccordian .k-icon {
    opacity: 1;
}

.contentAccordian .headerTitle {
    color: #fff;
}

.contentAccordian ul {
    border: none;
}

.contentAccordian .k-panelbar .k-content {
    background: #f0f0f0;
}
/*nested accordion */
.nestedAccordion .k-header {
    background: #b9c2c9;
}

    .nestedAccordion .k-header:hover {
        background: #c6d0d7;
    }

.nestedAccordion .tabPanelTable td {
    padding: 2px 6px;
    vertical-align: top;
    border-left: 1px solid #c2ccd3;
    color: #333;
}

.nestedAccordion .dataTable {
    border: none;
}

    .nestedAccordion .dataTable td {
        border: none;
        padding: 6px;
    }

    .nestedAccordion .dataTable th {
        border: none;
        padding: 7px;
    }

.tabPanelHeader {
    display: block;
}

.nestedAccordion .k-panelbar .k-content {
    background: #fff;
}

.tabPanelTable {
    border-collapse: collapse;
}

    .tabPanelTable td {
        padding: 1px 4px;
        vertical-align: top;
        border-left: 1px solid #1b658f;
        color: #fff;
    }

.widthAddInput {
    width: 180px;
}

.widthAddInputPhone {
    width: 130px;
}
/* Quick link right column */
.quickLinkWrap {
    background: #b3e2e8;
}

.postionRight {
    position: absolute;
    top: 58px;
    right: 6px;
}

.quickLinkIconDiv {
    background: #02a3b7;
    height: 100px;
    float: left;
}

.quickLinks {
    float: left;
    margin-right: 30px;
    padding: 10px;
}

    .quickLinks ul {
        margin: 0;
        padding: 0;
    }

    .quickLinks li {
        list-style: none;
    }
/* Overwrite kendo css*/
.rightPanel .k-grid td {
    padding: 0.3em 0.5em;
}

.ambassadorAction {
    display: flex;
}

    .ambassadorAction a {
        margin: 1px;
    }

.k-grid td input, .k-grid td select {
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
}

div.k-grid-header .k-header, .customK-table th {
    font-family: 'OpenSansBold', "open_sansregular", sans-serif;
    font-weight: normal;
    color: #fff;
    min-width: 100px;
}



    div.k-grid-header .k-header a {
        color: #fff;
        z-index: 0;
    }

#recipeKitGrid div.k-grid-header .k-header, .customK-table th {
    font-family: 'OpenSansBold', "open_sansregular", sans-serif;
    font-weight: normal;
    color: #fff;
    min-width: 50px;
}
/*div.k-grid-header .k-header {position:relative}
.k-grid-header .k-header {padding-right:1.2em}
div.k-grid-header .k-header .k-grid-filter {position:absolute; right:0; top:0}*/
#productCreditingOptionGrid div.k-grid-header th.k-header a {
    margin-left: 0;
}

.container-fluid .k-block, .container-fluid .k-widget, .container-fluid .k-inline-block, .container-fluid .k-textbox > input, .container-fluid .k-input[type="text"], .container-fluid .k-input[type="number"], .container-fluid .k-textbox, .container-fluid .k-picker-wrap .k-input, .container-fluid .k-button, .container-fluid .k-draghandle {
    font-size: 97%;
}

.divForPDf .k-widget {
    font-size: 95%
}

.container-fluid .k-button-icontext {
    font-size: 100%;
}

.k-dropdown .k-input .k-grid .k-grid-content .k-state-selected, .k-selectable .k-state-selected, .k-state-selected td {
    background: #c3dfe2 !important;
    color: #2E2E2E !important;
}

.k-filter-menu .k-dropdown {
    width: 100%;
}

.k-grid td {
    overflow: visible;
    word-wrap: break-word;
    padding: 2px;
}

.container-fluid .k-pager-wrap, .container-fluid .k-grid-pager, .container-fluid .k-widget {
    background: none;
}

.container-fluid .k-grid-edit-row .k-widget {
    background: none;
    padding: 0;
}

.container-fluid .k-grid-toolbar {
    background: none;
    text-align: right;
}
/*.k-grid-content .k-state-selected a {color:#fff;}*/
.buttonExternalLink {
    font-size: 12px;
    font-weight: normal;
    padding: 1px 10px;
    float: right;
}

.dataTable .padRight5 {
    padding-right: 5px;
}

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .container-fluid .row-fluid .k-state-disabled .k-input {
    _background: #EBEBEB;
    font-family: inherit;
    font-size: inherit;
}

.k-custo-numerictextbox .k-state-default {
    padding: 2px;
}

.k-grid-header .k-header {
    white-space: pre-wrap;
}

.scrollable {
    overflow-y: auto;
}

.dropdown-menu {
    position: absolute;
    z-index: 9999;
    min-width: 100%;
}

.hidden {
    display: none;
}
/* for popup */
.close {
    background: url(../images/closePopup.png) no-repeat;
    height: 14px;
    width: 15px;
    display: block;
    opacity: 1;
}

    .close:hover {
        opacity: 1;
    }

.closecommentbox {
    background: url(../images/close_icon.png) no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    opacity: .8;
    position: absolute;
    right: 0px;
    top: -1px;
}

    .closecommentbox:hover {
        opacity: 1;
    }

.infosign {
    background: url(../images/icon-i.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    text-decoration: none;
}

.marBot0 {
    margin-bottom: 0 !important;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: url(../images/loginFormBg.png);
}

.editmodel {
    position: fixed;
    right: 0%;
    bottom: 5px;
    min-width: 40%;
    min-width: 30% \0/;
    max-height: 85%;
    max-width: 95%;
    overflow: auto;
    background: #F4F4F4;
    z-index: 1031;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

    .editmodel .popupForm .k-combobox {
        font-family: inherit;
        font-weight: normal
    }

.popupForm #tblSelectRecipe .customK-table input[type="text"] {
    width: 100%
}
/*.editmodel {position:fixed;left:14%;border-radius:10px; bottom:5px; min-width:40%; min-width:30% \0/; max-height:85%; max-width:50%; overflow:auto; background:#F4F4F4; z-index:1031; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000}*/
/*@media all and (min-width:0) {.editmodel  {_width:60% \0/;}  /* IE9-IE10pp4 */ /*}*/
.model-W35 {
    width: 35% !important;
    min-width: 35% !important;
}

.model-W40 {
    width: 40%;
}

.model-W50 {
    width: 50%;
}

.model-W60 {
    width: 60%;
}

.model-W70 {
    width: 70% !important;
}

.model-W80 {
    width: 80% !important;
}

.model-W95 {
    width: 95% !important;
}

.bgGrey {
    background: #E3E7E8;
    margin-bottom: 15px;
}

.bgGreen {
    background: #47B667 !important;
}

.editmodelScroll {
    position: fixed;
    right: 0%;
    bottom: 0px;
    max-height: 95%;
    min-width: 40%;
    background: #F4F4F4;
    z-index: 1031;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    overflow-y: auto;
}

    .editmodelScroll .popupForm {
        height: 80%;
        overflow-y: auto;
    }

.overlay .widerEditModel {
    width: 800px !important;
    height: 425px !important;
    top: 10%;
    left: 20%;
    margin: 0;
}

    .overlay .widerEditModel .popupForm {
        height: auto;
    }

.editmodelSmall {
    position: absolute;
    width: 700px;
    overflow: auto;
    background: #f4f4f4;
    z-index: 10001;
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
    left: 50%;
    margin: -80px 0 0 -350px;
    top: 30%;
}

.editmodelSmall2 {
    position: absolute;
    width: 350px;
    overflow: auto;
    background: #f4f4f4;
    z-index: 10001;
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
    left: 50%;
    margin: -80px 0 0 -150px;
    top: 30%;
}

.editmodelSmall .popupHeaderDiv {
    height: 19px;
}

.editmodelSmall2 .popupFormSmall {
    padding-bottom: 10px;
}

.popupHeaderDiv {
    background: #1C6892;
    padding: 8px 15px;
    border-bottom: 1px solid #c5c5c5;
    text-transform: capitalize;
}

#removeWindow.editmodelSmall .popupHeaderDiv {
    border-bottom: none;
}

.popupTitle {
    color: #fff;
    font-size: 14px;
}

.popupForm {
    padding: 10px;
    margin: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #d9d9d9;
    background: #fff;
}

    .popupForm .imgName {
        margin-top: 5px;
        padding: 5px;
        background: #f2f2f2;
    }

        .popupForm .imgName * {
            margin: 0;
            line-height: 18px;
        }

    .popupForm form {
        margin: 0;
    }

.popupFormSmall {
    padding: 10px 10px 0 10px;
}

.boxShadow {
    box-shadow: -22px 0 12px -17px #dcdadb inset;
}

.popupAlertMsg {
    padding: 10px 10px 0 10px;
    margin: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ac0a08;
    background: #f5ebea;
}

.topRightNav {
    padding: 0;
    margin: 2px 0 0 0;
}

    .topRightNav li {
        float: right;
        list-style: none;
        padding: 2px 5px;
        line-height: none;
        display: block;
    }

li.settingDiv .pad10 {
    padding: 0 !important;
}

.borderLeft {
    background: url(../images/verticalLine.png) 0 0 repeat-y;
}

.userImage {
    width: 30px;
    height: 30px;
    border: 1px solid #9ddce5;
}

.userNameLink {
    color: #fff; /*background:url(../images/userLinkArrow.png) 100% 6px no-repeat;*/
    padding-right: 5px;
    line-height: 30px;
    font-size: 14px;
}

    .userNameLink:hover {
        color: #e5e5e5;
    }

.pad10 {
    padding: 6px 10px !important;
}

.vAlignTop {
    vertical-align: top !important;
}

.inlineDisp {
    display: inline-block;
}

.container-fluid {
    padding: 0;
}
/* Form responsive css*/

.formItemRow {
    padding: 5px;
}

    .formItemRow.srcTarget {
        min-height: 60px;
    }

    .formItemRow .marL0 {
        margin-left: 0;
    }

.padd1-N {
    padding-left: 0;
    padding-right: 0;
}

.formLeftColumn {
    width: 50%;
    float: left;
}

.threeCol .formLeftColumn {
    width: 30%;
    margin: 0 1% 0 0;
}

.formItemRow .threeInnerCol input.span5, .formItemRow .threeInnerCol .k-dropdown {
    float: left;
    margin-right: 10px;
}

.threeCol .span4 {
    margin-top: 4px;
}

    .threeCol .span4 input[type="radio"], .threeCol .span3 input[type="radio"] {
        margin-top: 0;
        margin-right: 4px;
    }

.row-fluid .formItemRow .k-input, .row-fluid .formItemRow .k-dropdown, .formItemRow label, .formItemRow .k-numerictextbox, .formItemRow label, .formItemRow .k-combobox {
    vertical-align: middle;
    _display: inline-block;
    margin-bottom: 5px;
    min-height: 20px;
    font-family: inherit;
    font-size: inherit;
    min-height: inherit;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    line-height: 1.6em;
}

.row-fluid .k-widget .k-input {
    margin-bottom: 0;
    min-height: none;
    padding: 0;
    color: #555;
    background: inherit;
    font-size: 95%;
}

.popupForm .k-dropdown {
    _width: 65%;
    margin-left: 0px;
}

.popupForm .btn-group {
    margin: 0;
}

.formItemRow .k-widget {
    margin-left: 0;
    margin-right: 5px;
}

.formItemRow label, .confirmPasswordElements label {
    vertical-align: middle;
    display: block;
    margin-right: 15px;
    margin-bottom: 0;
    padding-left: 0;
}

    .formItemRow label em {
        color: #f00;
        font-style: normal;
    }
/*em {color:#f00;
    font-style:normal;}*/

.formItemRow .k-multiselect {
    display: inline-block;
}
/*		Formstype CSS			*/
.styleOne .k-upload-button {
    margin: 0;
}

.formItemRow .formStyle2 label {
    float: left;
}

.formItemRow .formInnercol1, .formItemRow .formInnercol2 {
    float: left;
}

#primary .formInnercol1 {
    width: 50%;
}

#primary .formInnercol2 {
    margin-left: 15px;
}

.row-fluid .k-autocomplete.k-state-default, .row-fluid .k-picker-wrap.k-state-default, .row-fluid .k-selectbox .k-input, .formItemRow .k-numerictextbox {
    background: #fff;
    background-image: none;
    padding: 0 1px;
    height: 22px;
}
/*.row-fluid .k-numeric-wrap.k-state-default, .row-fluid .k-dropdown-wrap.k-state-default, .row-fluid .k-dropdown .k-input {height:23px}*/

.k-grid-header .k-header .k-link, .k-grid-header .k-header {
    color: #fff;
    font-weight: normal;
    font-family: 'OpenSansBold', "open_sansregular", sans-serif;
}

.durandal-wrapper .customK-table .k-dropdown {
    font-family: inherit;
}

.customK-table .k-header, .customK-table th {
    color: #fff;
    font-weight: normal;
    font-family: 'OpenSansBold', "open_sansregular", sans-serif;
    font-size: 12px;
}

.formItemRow .formInnercol2 .enforceText {
    margin-bottom: 5px;
}
/*		Elements Grouping		*/
.fieldset {
    border: 1px solid #ccc;
    padding: 0 10px 5px;
    margin-top: 25px;
    margin-bottom: 30px;
}

    .fieldset h5 {
        background: #1C6892;
        padding: 2px 5px;
        font-size: 100%;
        display: inline;
        width: auto;
        line-height: inherit;
        margin: 0 0 10px 0;
        color: #fff;
        font-weight: normal;
        position: relative;
        top: -10px;
        text-transform: capitalize;
    }

.tablistbtn {
    position: relative;
}

.rulesetbtn { /*background:#2990c9;*/
    padding: 3px 5px;
    border: none;
    font-size: 100%;
    left: 15px;
    display: inline;
    width: auto;
    line-height: inherit;
    margin: 0 0 10px 0;
    color: #fff;
    font-weight: normal;
    position: relative;
    bottom: -46px;
    text-transform: capitalize;
}

    .rulesetbtn.active, .rulesetbtn:hover {
        background: green !important;
    }

    .rulesetbtn:nth-child(3), .rulesetbtn.disabled, .rulesetbtn.disabled:hover {
        background: #ccc !important;
    }

.container-fluid .fieldset h5.removeStyle {
    background: none;
    border: 0;
}

.formItemRow .btn-group {
    margin-bottom: 7px;
}

.confirmPasswordElements input[type=password] {
    display: inline;
}
/* for top right settings drop down menu*/
.searchBarWrap {
    margin-bottom: 80px;
}

    .searchBarWrap input[type=text] {
        margin-bottom: 0;
    }

.container-fluid .btn-success, .container-fluid .k-button, .container-fluid .k-grid-update, .container-fluid .k-grid-cancel, .container-fluid .btn-cancel, .container-fluid .btn-Cancel, .container-fluid .btn-primary, .container-fluid .btn-back, .btn-push, .btn-search, .container-fluid .icon-Next {
    background: #5c6263;
    color: #fff;
    border: 0;
}

.container-fluid .k-button {
    line-height: 1.55em;
}

.searchBarWrap .btn-success {
    margin-top: 1px;
}

.btn-delete {
    background: url(../images/delete-2.png) 5px 4px no-repeat #F24B3C !important;
    padding-left: 25px !important;
    color: #fff;
}

    .btn-delete:hover {
        color: #fff;
    }

.btn-deleteAll {
    background: url(../images/delete-2.png) 5px 4px no-repeat #5c6263 !important;
    padding-left: 25px !important;
    color: #fff;
}

.btn-delete:hover {
    color: #fff;
}

.btn-delete2 {
    background: url(../images/delete-2.png) 5px 4px no-repeat #5C6263 !important;
    padding-left: 25px !important;
    color: #fff;
}

    .btn-delete2:hover {
        color: #fff;
    }

.btn-edit2 {
    background: url(../images/editW.png) 5px 4px no-repeat #5C6263 !important;
    padding-left: 25px !important;
    color: #fff;
}

    .btn-edit2:hover {
        color: #fff;
    }

html .container-fluid .k-grid-delete {
    background: #d44a46;
    color: #fff;
    border: 0;
    font-size: 100%;
}

    html .container-fluid .k-grid-delete:hover {
        background: #ee5f5b;
        color: #fff;
    }

.oddRow {
    background: #e6e1e6;
}

.textRight {
    text-align: right;
}

.textCenter {
    text-align: center !important;
}

.formDivSetupWrap label {
    font-size: 12px;
    font-weight: normal;
}

.required {
    color: #f00;
    display: inline;
}

.tipMessage {
    color: #ccc;
    font-style: italic;
    font-size: 11px;
}

.styleOne .k-dropzone {
    padding: 0;
}

.styleOne .k-upload-sync .k-upload-button {
    width: auto;
}

.formstyle2 label {
    float: left;
}

.formItemRow .marginLeft {
    margin-left: 5px !important;
}

.formElementsWrap .customK-table, .popupForm .customK-table, .fieldset .customK-table {
    border: 1px solid #ccc;
}

.popupForm #tblShuffle tr {
    background: #fff !important
}

.popupForm #tblShuffle td, .popupForm #tblShuffle {
    border: 0
}

    .popupForm #tblShuffle td {
        padding: 2px
    }

    .popupForm #tblShuffle table td {
        border-right: 1px solid #ccc
    }

.leftNote {
    display: block;
    padding: 3px 5px
}

.popupForm .customK-table, .fieldset #tblShuffle table {
    margin-bottom: 0
}

    .popupForm .customK-table input[type="text"] {
        margin-bottom: 0;
        min-height: 21px;
    }

.customK-table th {
    background: #E3E3E3;
    border: 1px solid #C5C5C5;
    padding: 0.5em 0.6em 0.4em;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    background-image: none, linear-gradient(to bottom, #F6F6F6 0px, #EAEAEA 100%);
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0);
    padding: 5px;
    text-align: left;
}

.customK-table td {
    padding: 5px;
}

.customK-table {
    color: #2E2E2E;
    border: 1px solid #ccc;
}

.colID {
    width: 25%;
}

.colAdd {
    width: 25%;
}

.colCity {
    width: 25%;
}

.colPhone {
    width: 25%;
}

.tabbable .nav-tabs > li > a {
    text-transform: capitalize;
}

.formItemRow .descRow .span9 {
    width: 79%;
}

.container-fluid .formItemRow textarea {
    min-height: 90px;
}

.fieldset .formItemRow .validationMessage {
    clear: both;
}

.k-grid-content .k-state-selected {
    background-image: none;
    background-color: #fff;
    color: #2e2e2e;
}

.k-secondary .k-toolbar {
    text-align: right;
}
/*  WBT css  */
.uploadBudgetSec .k-header {
    background: #f5f9fa; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f9fa 0%, #dde8ea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f9fa), color-stop(100%, #dde8ea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f9fa 0%, #dde8ea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f9fa 0%, #dde8ea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f9fa 0%, #dde8ea 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f9fa 0%, #dde8ea 100%); /* W3C */
    _filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9fa', endColorstr='#dde8ea', GradientType=0 ); /* IE6-9 */
}

.uploadBudgetSec .k-upload.k-header {
    background: none;
}

.uploadBudgetSec .k-upload-button {
    width: 100px;
}

.uploadBudgetSec .errorInField {
    background: #f9f9fa url(../images/icn-error.png) 10px 10px no-repeat;
    border: 1px solid #e77a7a;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    text-align: center;
    margin: 15px auto;
    width: 40%;
    padding: 10px 0;
}

    .uploadBudgetSec .errorInField span {
        color: #a71515;
    }

.uploadBudgetSec .successInField {
    background: #d5ffcd url(../images/icn-success.png) 10px 10px no-repeat;
    border: 1px solid #a7dd9e;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    text-align: center;
    margin: 15px auto;
    width: 40%;
    padding: 10px 0;
}

.pageHead .k-header {
    background: #f5f9fa;
}

.innerLeftCol {
    width: 50%;
}

.successMessage {
    background: #d5ffcd;
    border: 1px solid #a7dd9e;
    text-align: center;
    padding: 3px;
}

.k-grid-header, .k-grid-header .k-header, .container-fluid .k-grid-header .k-state-active, .container-fluid .customK-table th, .container-fluid .k-grid-header th {
    background: #98a7af;
}

.inside {
    background: #dcddcf;
    min-width: 700px
}

.secondAction {
    background: #f5f9fa;
    border: 1px solid #e4e8e9;
    padding: 10px;
    margin: 10px 0;
    overflow: hidden;
}

    .secondAction form {
        margin: 0;
    }

    .secondAction .rowInner {
        margin-bottom: 10px;
    }

    .secondAction form .btn, .secondAction form .btn, .secondAction form .btn, .secondAction form .k-widget, .secondAction form .k-widget, .secondAction form .k-widget {
        float: left !important;
        margin-right: 10px;
    }

.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header-wrap, .k-grid-header, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-editor-button .k-tool-icon, .k-upload-files {
    border-color: #bbc8ce !important;
}

.container-fluid .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link {
    border-bottom: 0;
}

.actionBar {
    margin-bottom: 10px;
}

.k-grid-pager .k-label {
    text-transform: capitalize;
}
/* BreadCrumbs bar */
#crumbs {
    text-align: center;
    background: #fff;
}

    #crumbs ul {
        list-style: none;
        width: 100%;
        display: inline-table;
    }

        #crumbs ul li {
            display: inline;
        }

            #crumbs ul li span.icn {
                float: left;
                padding: 9px 0 10px 0px;
                padding-right: 10px !important;
            }

            #crumbs ul li span.num {
                float: right;
                border-left: 1px solid #efefef;
                padding: 9px 5px 9px 10px;
            }

            #crumbs ul li a {
                display: block;
                float: left;
                height: 38px;
                background: #e3e3e3;
                text-align: center;
                padding: 0 0 0 25px;
                position: relative;
                margin: 0 18px 0 0;
                text-decoration: none;
                color: #7b7a7a;
                z-index: 0;
            }

                #crumbs ul li a:after {
                    content: "";
                    border-top: 19px solid transparent;
                    border-bottom: 19px solid transparent;
                    border-left: 19px solid #e3e3e3;
                    position: absolute;
                    right: -18px;
                    top: 0;
                    z-index: 1;
                }

                #crumbs ul li a:before {
                    content: "";
                    border-top: 19px solid transparent;
                    border-bottom: 19px solid transparent;
                    border-left: 19px solid #fff;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            #crumbs ul li:first-child a {
            }

            #crumbs ul li:last-child a {
                padding-right: 0px;
            }

            #crumbs ul li.hand a {
                cursor: pointer;
            }

            #crumbs ul li a span.icn.icnCalendar {
                background: url(../images/icn-sprite.png) 0 10px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li a span.icn.icnLabor {
                background: url(../images/icn-sprite.png) 0 -97px no-repeat;
                padding-left: 25px;
                padding-top: 5px;
                line-height: 1.1;
                text-align: left;
            }

            #crumbs ul li a span.icn.icnMeal {
                background: url(../images/icn-sprite.png) 0 -205px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li a span.icn.icnAnswer {
                background: url(../images/icn-sprite.png) 5px -313px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
                padding-left: 25px;
            }

            #crumbs ul li a span.icn.icnView {
                background: url(../images/icn-sprite.png) 0 -419px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li a span.icn.icnGenerate {
                background: url(../images/icn-sprite.png) 0 -515px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li a span.icn.icnReview {
                background: url(../images/icn-sprite.png) 0 -738px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 2.5;
            }

            #crumbs ul li a span.icn.icnTransfer {
                background: url(../images/icn-sprite.png) 0 -947px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 2.5;
            }

            #crumbs ul li a span.icn.icnLocation {
                background: url(../images/icn-sprite.png) 0 -625px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
                text-align: left;
            }

            #crumbs ul li a span.icn.icnSubmit {
                background: url(../images/icn-sprite.png) 0 -876px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 2.5;
            }

            #crumbs ul li.click a span.icn.icnCalendar {
                background: url(../images/icn-sprite.png) 0 -62px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li.click a span.icn.icnLabor {
                background: url(../images/icn-sprite.png) 0 -169px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li.click a span.icn.icnMeal {
                background: url(../images/icn-sprite.png) 0 -277px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li.click a span.icn.icnAnswer {
                background: url(../images/icn-sprite.png) 0 -385px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.click a span.icn.icnView {
                background: url(../images/icn-sprite.png) 0 -483px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li.click a span.icn.icnGenerate {
                background: url(../images/icn-sprite.png) 0 -589px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.click a span.icn.icnReview {
                background: url(../images/icn-sprite.png) 0 -738px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 2.2;
            }

            #crumbs ul li.click a span.icn.icnTransfer {
                background: url(../images/icn-sprite.png) 0 -947px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 2.5;
            }

            #crumbs ul li.click a span.icn.icnLocation {
                background: url(../images/icn-sprite.png) 0 -625px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.click a span.icn.icnSubmit {
                background: url(../images/icn-sprite.png) 0 -876px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 2.5;
            }

            #crumbs ul li.active a span.icn.icnCalendar {
                background: url(../images/icn-sprite.png) 0 -26px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li.active a span.icn.icnLabor {
                background: url(../images/icn-sprite.png) 0 -133px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li.active a span.icn.icnMeal {
                background: url(../images/icn-sprite.png) 0 -241px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li.active a span.icn.icnAnswer {
                background: url(../images/icn-sprite.png) 0 -348px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.active a span.icn.icnView {
                background: url(../images/icn-sprite.png) 0 -451px no-repeat;
                padding-left: 25px;
            }

            #crumbs ul li.active a span.icn.icnGenerate {
                background: url(../images/icn-sprite.png) 0 -552px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.active a span.icn.icnReview {
                background: url(../images/icn-sprite.png) 0 -704px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.active a span.icn.icnTransfer {
                background: url(../images/icn-sprite.png) 0 -881px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.active a span.icn.icnLocation {
                background: url(../images/icn-sprite.png) 0 -917px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.active a span.icn.icnSubmit {
                background: url(../images/icn-sprite.png) 0 -1026px no-repeat;
                padding: 3px 0 0 25px;
                line-height: 1.2;
            }

            #crumbs ul li.active a span.num {
                background: #ADAECA;
            }

            #crumbs ul li.click a {
                background: #222872;
                color: #fff;
            }

                #crumbs ul li.click a:after {
                    border-left-color: #313a98;
                }

            #crumbs ul li.click span.num {
                background: #313a98;
                color: #fff;
            }

            #crumbs ul li.active a {
                background: #d2d4e3;
                color: #7c80a5;
            }

                #crumbs ul li.active a:after {
                    border-left-color: #adaeca;
                }

.status span.color {
    display: block;
    float: left;
    width: 3px;
    padding: 9px 1px;
    margin-right: 5px;
}

.status .green, .status .red {
    overflow: hidden;
}

    .status .green span.color {
        background: #018C29;
    }

    .status .red span.color {
        background: #F40403;
    }

.status .orange span.color {
    background: #ff9600;
}

.status .blue span.color {
    background: #030953;
}

.status .gray span.color {
    background: #BDBDBD;
}
/*  WBT css      end        */
.clickableDiv {
    cursor: pointer;
}

    .clickableDiv:hover {
        text-decoration: underline;
    }

.yesLink {
    color: #6FAA16;
}

.noLink {
    color: #890B13;
}

.headbar {
    width: 100%;
    border: 1px solid #ccc;
    margin: 15px 0 10px;
}

    .headbar h5 {
        background: #ccc;
        margin: 0 0 10px;
        padding: 5px 5px 8px 10px;
    }

    .headbar .mar1 {
        margin: 0 10px 5px;
    }

    .headbar input[type="radio"] {
        vertical-align: middle;
        margin-right: 5px;
    }
/* changes added from RD's System */
.container-fluid .editmodel .k-grid-header-wrap .k-header {
    background: #98a7af !important;
    padding: .5em .6em .4em .6em;
}

.customThreeCol .k-numerictextbox .k-numeric-wrap {
    overflow: hidden;
    height: 23px;
}

.k-picker-wrap .k-select {
    box-shadow: none;
}
/*          Form elements style fixings               */
.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button:focus, .k-button.k-state-focused {
    box-shadow: none;
}

.row-fluid [class*="span"] {
    min-height: 23px;
}

.row-fluid .k-grid [class*="span"] {
    min-height: inherit;
    margin-bottom: 0;
}

input[class*="span"], select[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid .uneditable-input[class*="span"] {
    line-height: 1.07em;
    font-size: 95%;
    margin-bottom: 0;
    font-family: inherit;
}

textarea[class*="span"] {
    font-size: 95%;
    outline: 0;
    font-family: inherit;
}

.k-nav-current.k-state-hover .k-link, .k-grid-header .k-header {
    color: #fff;
    min-width: 50px;
}

.k-numerictextbox .k-link {
    height: 0.85em;
}

.container-fluid .row-fluid .iconSave {
    background: url(../images/iconSave.png) 7px 4px no-repeat #5C6263 !important;
    padding-left: 30px;
}

    .container-fluid .row-fluid .iconSave:hover {
        background: url(../images/iconSave.png) 7px 4px no-repeat #737b7c !important;
    }

.container-fluid .row-fluid .btnauto .iconSave {
    background: url(../images/iconSave.png) 7px 1px no-repeat #5C6263 !important;
    padding-left: 30px;
}

.container-fluid .row-fluid .btn-cancel {
    background: url(../images/cancel.png) 7px 4px no-repeat #5C6263 !important;
    padding-left: 30px;
}

.container-fluid .row-fluid .btn-dwnld-W {
    background: url(../images/icon-download_W.png) 7px 4px no-repeat #5C6263 !important;
    padding-left: 30px;
}

.container-fluid .row-fluid .btn-check {
    background: url(../images/check.png) 5px 3px no-repeat #5C6263;
    padding-left: 25px;
    color: #fff;
}

.container-fluid .row-fluid button.btn-check {
    background: url(../images/check.png) 5px 5px no-repeat #5C6263;
    padding-left: 25px;
    color: #fff;
}

.container-fluid .row-fluid input.btn-check {
    background: url(../images/check.png) 5px 5px no-repeat #5C6263;
    padding-left: 25px;
}

.container-fluid .row-fluid input.btn-comment {
    background: url(../images/icnCommentW.png) 5px 5px no-repeat #5C6263;
    padding-left: 25px;
}

.container-fluid .row-fluid input.btn-reject {
    background: url(../images/deactivate.png) 5px 6px no-repeat #5C6263;
    padding-left: 25px;
}

.container-fluid .row-fluid input.btn-update {
    background: url(../images/icn-update.png) 5px 5px no-repeat #5C6263;
    padding-left: 25px;
}

.container-fluid .row-fluid .icon-Next {
    background: url(../images/iconNext.png) 85% 54% no-repeat #5C6263;
    padding: 0px 25px 2px 15px;
    margin: 0;
    min-width: 55px;
}

.container-fluid .row-fluid .icon-Back {
    background: url(../images/iconBack.png) 8px 54% no-repeat #5C6263;
    padding: 0px 15px 2px 25px;
    margin: 0;
    min-width: 55px;
}

.container-fluid .row-fluid .iconback {
    background: url(../images/iconBack.png) 15% 54% no-repeat #5C6263;
    padding: 0px 15px 2px 20px;
    margin: 0;
    min-width: 55px;
}

.container-fluid .row-fluid .iconAttachment {
    background: url(../images/icnattch.png) 5px center no-repeat #5C6263;
    padding-left: 25px !important;
}

.container-fluid .row-fluid .btnUpdate {
    background: url(../images/icn-update.png) 5px center no-repeat #5C6263;
    padding-left: 30px !important;
}

.container-fluid .row-fluid .btnClrFilter {
    background: url(../images/clearW.png) 5px center no-repeat #5C6263;
    padding-left: 30px !important;
}

.container-fluid .row-fluid .btnExprtExcl {
    background: url(../images/icn-export-excel.png) 5px center no-repeat #5C6263;
    padding-left: 30px !important;
}

.container-fluid .row-fluid .btnPrnt {
    background: url(../images/icn-print.png) 5px center no-repeat #5C6263;
    padding-left: 30px !important;
}

.icn-image {
    background: url(../images/icn-image.png) 0 center no-repeat #5C6263;
    padding-left: 25px !important;
}

.iconAttachblck {
    background: url(../images/icn-attch-blck.png) 0 0 no-repeat;
    width: 19px;
    height: 23px;
    position: relative;
    top: 5px;
    display: inline-block;
    font-size: 0;
}

.viewpos {
    display: inline-block;
}

.linkdisabled {
    display: inline-block;
    pointer-events: none;
    cursor: default;
}

.gpupbtn {
    background: url(../images/icn-gpup.png) 0 0 no-repeat;
    width: 22px;
    height: 23px;
    display: inline-block;
    font-size: 0;
    position: relative;
    top: -5px;
}

.gpdwbtn {
    background: url(../images/icn-gpdn.png) 0 0 no-repeat;
    width: 22px;
    height: 23px;
    display: inline-block;
    font-size: 0;
    position: relative;
    top: -5px;
}

.gpupdwbtn {
    background: url(../images/icn-gpupdw-gry.png) 0 0 no-repeat;
    width: 22px;
    height: 23px;
    display: inline-block;
    font-size: 0;
    position: relative;
    top: 5px;
}

.icnunlock {
    background: url(../images/icn-unlock.png) 0 0 no-repeat;
    width: 26px;
    height: 23px;
    display: inline-block;
    font-size: 0;
    position: relative;
    top: 5px;
}

.icnlock {
    background: url(../images/icn-lock.png) 0 0 no-repeat;
    width: 25px;
    height: 23px;
    display: inline-block;
    font-size: 0;
    position: relative;
    top: 5px;
}

.inventorytheme .container-fluid .row-fluid .btn-check {
    background: url(../images/check.png) 2px 4px no-repeat #5C6263;
    padding-left: 20px;
    color: #fff;
}

.purchasetheme .container-fluid .row-fluid .buttonZone span.btn-check {
    background: url(../images/check.png) 0 1px no-repeat #5C6263 !important;
    padding-left: 20px;
}

.k-ff input.k-button {
    padding-top: 0;
    padding-bottom: 0;
}

.inventorytheme .container-fluid .row-fluid .btn-push {
    background: url(../images/Push-icon.png) 7px 4px no-repeat #5C6263 !important;
    padding-left: 30px;
}

.container-fluid .row-fluid .iconCompare {
    background: url(../images/icnCompare.png) 7px 4px no-repeat #5C6263 !important;
    padding-left: 30px;
}

.container-fluid .row-fluid .iconHor {
    background: url(../images/icnHor.png) 7px 6px no-repeat #5C6263 !important;
    padding-left: 30px;
}

.container-fluid .row-fluid .iconVer {
    background: url(../images/icnVer.png) 7px 2px no-repeat #5C6263 !important;
    padding-left: 30px;
}
/*   from bootstrap       */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .k-textbox {
    display: inline-block;
    _height: 20px;
    padding: 0 6px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*   from bootstrap       */
.k-numeric-wrap .k-link.k-state-selected {
    background-color: inherit;
}

.row-fluid .btn {
    padding: 0 10px;
    line-height: 23px;
    text-shadow: none;
    text-align: left;
    outline: none;
    _cursor: pointer;
    min-height: 23px;
    font-size: 95%;
    font-family: 'OpenSansRegular', "open_sansregular", sans-serif;
    _background: #5C6263;
    color: #fff;
    border: 0;
}

    .row-fluid .btn:hover {
        color: #fff;
    }

.row-fluid a.btn span {
    font-size: 95%;
    font-family: 'OpenSansRegular', "open_sansregular", sans-serif;
}

.row-fluid .iconView {
    background: url(../images/viewWht.png) 10px 7px no-repeat #5C6263;
    padding: 3px 10px 3px 35px;
}

.row-fluid .iconPost {
    background: url(../images/icn-post.png) 0 5px no-repeat #5C6263;
    padding: 3px 10px 3px 30px;
}

.row-fluid input.iconPost {
    background: url(../images/icn-post.png) 10px 4px no-repeat #5C6263;
    padding: 3px 10px 3px 40px;
}

.row-fluid .iconPostsmall {
    background: url(../images/icn-postSmall.png) 0 1px no-repeat #5C6263;
    padding: 0 0 0 20px;
}

.row-fluid .icon-back {
    background: url(../images/iconBack.png) 0 50% no-repeat;
    min-height: 13px;
    padding-left: 10px;
    width: auto;
}

.buttonZone .iconView {
    background: url(../images/viewWht.png) 10px 5px no-repeat #5C6263;
    padding: 0 10px 0 35px;
}

.btn-search {
    height: 30px;
}

    .btn-search span {
        font-size: 14px;
    }

.row-fluid .icon-srch {
    background: url(../images/search-icon.png) 0 2px no-repeat;
    min-height: 30px;
    padding-left: 25px;
    width: auto;
    line-height: 20px;
}

.editmodel .buttonZone .btn {
    text-shadow: none;
    margin: 0 0 0 5px;
}

.container-fluid .row-fluid .marTop8 {
    margin-top: 8px;
}

.container-fluid .row-fluid .marTop8 {
    margin-top: 4px\9;
}

.container-fluid .k-button:active {
    background-color: #d44a46;
    border-color: #d44a46;
    color: #FFF;
}

.k-selectable .buttonSet {
    overflow: hidden;
}

.buttonSet {
    overflow: hidden;
    margin: 5px 0;
    padding-bottom: 2px;
}

.k-selectable .pull-right, .k-selectable .pull-left {
    float: none !important;
}

.menuDetailButtons {
    margin: 10px 10px;
}

.k-selectable .buttonSet, table .buttonSet {
    margin: 0 auto;
    text-align: center;
    display: flex;
}
/*.k-selectable .buttonSet2, table .buttonSet2 {margin:0 auto; text-align:left; min-width:70px}
.k-selectable .buttonSet3, table .buttonSet3 {margin:0 auto; text-align:left; min-width:40px}*/
.buttonSet .btn {
    margin: 0 2px;
    border: 0;
    text-shadow: none;
}

.fieldContainer {
    background: #F5F9FA;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

    .fieldContainer .span5 {
        margin-left: 0;
    }

a.deactive, a.active, a.statRed, a.statblue, a.statOran, a.statylw, .up, .down, .first, .last {
    width: 16px !important;
    height: 16px;
    font-size: 0;
    display: block;
    margin: 0 auto;
}

a.deactive {
    background: url(../images/active.png) 0 0 no-repeat;
}

a.active {
    background: url(../images/inactive.png) 0 0 no-repeat;
}

a.statRed {
    background: url(../images/stat-red.png) 0 0 no-repeat;
}

a.statblue {
    background: url(../images/stat-blue.png) 0 0 no-repeat;
}

a.statOran {
    background: url(../images/stat-orange.png) 0 0 no-repeat;
}

a.statylw {
    background: url(../images/stat-yellow.png) 0 0 no-repeat;
}
.nav-tabs
.up, .down, .first, .last {
    margin: 0 auto;
    border: 0;
    font-size: 0;
    width: 25px;
}

.up {
    background: url(../images/up.png) 0 0 no-repeat;
}

.down {
    background: url(../images/down.png) 0 0 no-repeat;
}

.first {
    background: url(../images/first.png) 0 0 no-repeat;
}

.last {
    background: url(../images/last.png) 0 0 no-repeat;
}

.container-fluid .innerTabs .nav {
    margin: 0 0 5px 0;
}

.innerTabs .nav-tabs a {
    padding: 0 10px;
}
/*          Form elements style fixings               end       */

.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
    background-position: 0 -37px;
}

.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
    background-position: 0 -4px;
}
/* WBT CSS */
.liststatus {
    margin-top: 12px;
    margin-right: 15px;
}

    .liststatus span.color {
        display: block;
        float: left;
        width: 11px;
        height: 11px;
        margin: 3px 5px 0;
    }

    .liststatus .green span.color {
        background: #306701;
        margin-left: 0px;
    }

    .liststatus .crystal span.color {
        background: #0098eb;
    }

    .liststatus .cherry span.color {
        background: #e30dc5;
    }

    .liststatus .grape span.color {
        background: #742e91;
    }

    .liststatus .orange span.color {
        background: #fa6103;
    }

    .liststatus .grey span.color {
        background: #686777;
    }

.btn-emp {
    background: #5C6263 url(../images/emp.png) 5px 4px no-repeat !important;
    padding-left: 25px !important;
}

#special-days {
    height: 100%;
    width: 100%;
    margin: 0 0 -8px;
    padding: 0;
    font: normal 14px Arial;
}

#calendar {
    margin: 0 0 0 69px;
    width: 376px;
    text-align: center;
    background: url(../images/bgBrownOpcity.png) 0 0 repeat !important;
    padding: 15px 0;
}

    #calendar .k-content {
        height: 318px;
        border-right: 1px solid #ccc !important;
    }

    #calendar, #calendar .k-content, #calendar .k-header, #calendar th, #calendar .k-link, #calendar .k-state-hover, #calendar .k-state-selected, #calendar .k-state-focused {
        box-shadow: none;
        color: #fff;
        background: none;
        border: none;
        border-radius: none;
        -moz-border-radius: none;
        -webkit-border-radius: none;
    }

        #calendar .k-content .k-state-hover, #calendar .k-content .k-state-focused {
            font-size: 14px;
            font-weight: bold;
        }

        #calendar .k-state-selected, #calendar .k-state-selected.k-state-focused { /*font-size:24px; font-weight:bold;*/
            background: none !Important;
            border-radius: none;
            -moz-border-radius: none;
            -webkit-border-radius: none;
            padding: 0;
        }

            #calendar .k-state-selected a.k-link {
                width: 30px;
                margin: 0 auto;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                background: #CCCCCC;
            }

        #calendar .k-content .k-link {
            padding: 0;
            min-height: 23px;
            line-height: 23px;
        }

            #calendar .k-content .k-link div {
                width: 30px;
                margin: 0 auto;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
            }

        #calendar th {
            padding-top: 20px;
            color: #fff;
        }

        #calendar td.k-other-month .k-link {
            color: #778963;
        }

        #calendar th, #calendar td {
            text-align: center;
        }
/* calenderBox*/
.calenderBackground {
    background: #88cf2d url(../images/calBackgd.png) 0 0 no-repeat;
    width: 100%;
    min-height: 375px;
}

    .calenderBackground .selectBox {
        width: 250px;
        margin: 34px auto 0;
    }

    .calenderBackground .rel {
        position: relative;
    }

    .calenderBackground .selectBox .boxDiv {
        overflow: hidden;
        padding: 5px 10px 5px 30px;
        cursor: pointer;
        margin: 1px 0;
    }

    .calenderBackground .wbtCalendar .boxDiv:hover {
        background: #c0c9d7; /* Old browsers */
        background: -moz-linear-gradient(top, #c0c9d7 0%, #ffffff 50%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0c9d7), color-stop(50%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c0c9d7 0%, #ffffff 50%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c0c9d7 0%, #ffffff 50%, #ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c0c9d7 0%, #ffffff 50%, #ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #c0c9d7 0%, #ffffff 50%, #ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c9d7', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .calenderBackground .wbcCalendar .boxDiv:hover, .wbcCalendar rel:hover {
        background: none;
        cursor: default;
    }

    .calenderBackground .selectBox span.boxColor {
        border: 1px solid #fff;
        display: block;
        width: 15px;
        height: 15px;
        float: right;
    }

span.boxColor {
    display: block;
    width: 11px;
    height: 11px;
    float: right;
    margin-top: 3px;
}

.calenderBackground .daySelection {
    background-image: url(../images/radio-img.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 11px;
    top: 8px;
}

.calenderBackground .selectBox .rel:hover .daySelection, .calenderBackground .daySelectionSelected {
    background-image: url(../images/radio-img.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 11px;
    top: 8px;
}

.calenderBackground .selectBox span.boxColor {
    background: #0098ea;
    border: 1px solid #fff;
    display: block;
    width: 15px;
    height: 15px;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 11px;
    top: 6px;
}

.calenderBackground span.k-i-arrow-e {
    background: none;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 6px solid transparent;
    _margin: 7px 18px 4px !important;
}

.calenderBackground span.k-i-arrow-w {
    background: none;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 6px solid transparent;
    _margin: 7px 18px 4px !important;
}

.copySet .iconCopy {
    position: relative;
    top: -3px;
    left: 25px;
}
/* Template Days */
.color_red, .color_blue, .color_green, .color_orange, .color_turquoise, .color_gold {
    width: 23px;
    height: 23px;
    margin: auto;
    line-height: 23px;
    border: 1px solid #fff;
}

.color_red {
    background-color: red;
}

.color_blue {
    background-color: blue;
}

.color_orange {
    background-color: orange;
}

.color_turquoise {
    background-color: turquoise;
}

.color_gold {
    background-color: gold;
}

.bgBlue {
    background-color: #c3dfe2;
}

.k-upload-files .k-cancel {
    background: url(../images/delete.png) 0 0 no-repeat;
}

.k-secondary .k-button:active {
    background: #666;
}

.photoFrame {
    background: #dadada;
    border: 3px solid #99ce4c;
    width: 95%;
    position: relative;
    height: 250px;
}

    .photoFrame .bgWhite {
        background: url(../images/bgWhite.png) 0 0 repeat;
        min-height: 35px;
        padding: 10px;
    }

.bgWhite .k-dropzone {
    padding: 0;
    height: inherit;
}

.imageUpload .uploadBtn .k-upload-button, .imageUpload .uploadBtn .k-upload-button input.div1 {
    height: 250px;
    font-size: 250%;
    width: 100%;
}

.popupForm .imageUpload .uploadBtn .k-upload-button input.div1 {
    width: auto;
}

.uploadBtn .k-upload-button input.div1 span {
    position: relative;
    top: 50%;
    z-index: 0;
}

.imageUpload .k-header {
    background: none;
    border: 0;
}

.imageUpload .uploadBtn .k-upload-button input.div1 {
    background: url(../images/icnuploadimg.png) center center no-repeat;
    cursor: pointer;
}

.imageUpload ul.k-upload-files, .imageUpload .k-upload-status {
    display: none;
}

.imageUpload .k-dropzone {
    border: 0;
    height: 25px;
}
/*         PriceImport Screen                       */
.gridContainer #unitgrid {
    margin-bottom: 15px;
}

.filterBar .span10 {
    margin-left: 0;
}
/*      Kit Primary page                        */
.iconTime {
    background: url(../images/icnTime.png) 0 0 no-repeat;
    width: 46px;
    height: 46px;
    display: block;
}

.photoFrame {
    background: #dadada;
    border: 3px solid #99ce4c;
    width: 95%;
    position: relative;
    min-height: 245px;
    overflow: hidden;
}

    .photoFrame .bgWhite .k-upload {
        float: none;
    }

    .photoFrame .bgWhite {
        background: url(../images/bgWhite.png) 0 0 repeat;
        min-height: 35px;
        padding: 10px;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 96%;
    }

        .photoFrame .bgWhite .k-upload-button {
            background: url(../images/icnEdit.png) 0 0 no-repeat !important;
            width: 28px;
            height: 28px;
            display: block;
            margin: 0 0 0 10px;
            float: left;
            text-indent: -9999px;
        }

        .photoFrame .bgWhite .k-widget {
            width: 40px !important;
            height: 28px !important;
            float: left;
            overflow: hidden;
        }

        .photoFrame .bgWhite .k-header {
            background: none !important;
            border: 0;
        }

        .photoFrame .bgWhite .k-upload-status {
            display: none;
        }

        .photoFrame .bgWhite .k-progress, .photoFrame .bgWhite .k-file {
            background: none !important;
            border: none !important;
        }

        .photoFrame .bgWhite .k-upload-files.k-reset {
            border: none !important;
        }

    .photoFrame .zoomIcon {
        background: url(../images/icnZoom.png) 0 0 no-repeat;
        width: 28px;
        height: 28px;
        display: block;
    }

    .photoFrame .editIcon {
        background: url(../images/icnEdit.png) 0 0 no-repeat !important;
        width: 28px;
        height: 28px;
        display: block;
        margin: 0 0 0 10px;
        cursor: pointer;
    }

    .photoFrame .closeIcon {
        background: url(../images/icnClose.png) 0 0 no-repeat;
        width: 28px;
        height: 28px;
        display: block;
        margin: 5px 0 0 10px;
    }
/*        Create Chef screen                              */
.itemStatus .statusOn {
    background: url(../images/active.png) 0 0 no-repeat;
    padding-left: 20px;
}

.photoFrame .closeIcon, .popupForm .closeIcon {
    background: url(../images/icnClose.png) 0 0 no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    margin: 3px 0 0 10px;
}
/*        Create Chef screen                              */
.imageCol {
    width: 13%;
    height: 80px;
    overflow: hidden;
}

.imageInfoCol {
    width: 85%;
}

    .imageInfoCol table, .imageInfoCol table tr td {
        background: none;
    }

.formLeftColumn .imageCol {
    width: 25%;
    height: 80px;
    overflow: hidden;
    _background: url(../images/noImage.png) center center no-repeat;
}

.formLeftColumn .imageInfoCol {
    width: 70%;
}

.ratingDisabled .starRating span {
    cursor: default;
}

.itemName {
    font-size: 18px;
    margin: 0 0 5px;
    color: #646665;
    font-weight: normal;
}

.itemStatus {
    font-size: 11px;
}

    .itemStatus .statusOn {
        background: url(../images/active.png) 0 0 no-repeat;
        padding-left: 20px;
    }

.imageInfoCol a.deactive, .imageInfoCol a.active, .imageInfoCol a.statRed, .imageInfoCol a.statblue, .imageInfoCol a.statOran, .imageInfoCol a.statylw {
    float: left;
    margin-right: 5px;
}

.icon-add, .icon-remove, .icon-clone {
    padding: 8px;
    width: 15px;
    height: 15px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.icon-add {
    background: url(../images/addNewRecord.png) 50% 50% no-repeat #5C6164;
}

.icon-remove {
    background: url(../images/deactivate.png) 50% 50% no-repeat #E84C3D;
}

.icon-clone {
    background: url(../images/clone.png) 50% 50% no-repeat #5C6164;
}

.loopDiv .formLeftColumn {
    height: 80px;
}

.k-multiselect .k-button {
    background: #8A8B8C;
    color: #fff;
}

.calContainer .grayLightBg {
    background: #f1f4f5;
    padding: 10px;
}

.calContainer .calTop {
    border-top: 4px solid #daddde;
}

.calContainer .k-scheduler-toolbar {
    text-align: center;
    background: #47b667;
    color: #fff;
    font: bold 14px arial;
}

.calContainer .k-scheduler-monthview {
    background: #fff;
}

.calContainer .bluetxt {
    color: #120879;
    font-size: 17px;
    margin-bottom: 10px;
}

.bluetxt {
    color: #120879;
    font-size: 17px;
    margin-bottom: 10px;
}

.calContainer .imgLogo {
    background: url(../images/iconlogo.jpg) 0 0 no-repeat;
    min-height: 63px;
    width: 28%;
    float: left;
}

.calContainer .logoTxt {
    width: 70%;
    float: right;
}

    .calContainer .logoTxt span {
        margin-right: 5px;
    }

.calContainer .k-scheduler-table td {
    padding: 15px;
}

.calContainer .k-event {
    background: none !important;
    margin-top: -28px;
    border: none !important;
    color: #424242;
    height: 100px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 135px;
}

h3.heading {
    font-weight: normal;
    font-size: 16px;
    border-bottom: 1px solid #000;
    margin: 0 0 10px;
}

.calContainer .threeCol {
    width: 3%;
    float: left;
    margin-top: 56px;
}

    .calContainer .threeCol .highcol {
        background: url(../images/icnbox.png) 0 center no-repeat;
        height: 110px;
        width: 14px;
        position: relative;
    }

        .calContainer .threeCol .highcol span.nspan {
            position: absolute;
            left: 8px;
            top: 20px;
        }

        .calContainer .threeCol .highcol span.hspan {
            position: absolute;
            left: 39px;
            top: 20px;
        }

    .calContainer .threeCol .icncor {
        background: url(../images/icncorrect.png) 0 0 no-repeat;
        opacity: 0.5;
        width: 30px !important;
        height: 30px;
        display: block;
        position: absolute;
        top: 35%;
        left: 1%;
    }

        .calContainer .threeCol .icncor:hover, .calContainer .threeCol .icncor.active {
            opacity: 1;
        }

    .calContainer .threeCol .icncor2 {
        background: url(../images/icncorrect.png) 0 0 no-repeat;
        opacity: 0.5;
        width: 30px !important;
        height: 30px;
        display: block;
        position: absolute;
        top: 35%;
        left: 31px;
    }

    .calContainer .threeCol .icnclose {
        background: url(../images/icncloseone.png) 0 0 no-repeat;
        opacity: 0.5;
        width: 30px !important;
        height: 30px;
        display: block;
        position: absolute;
        top: 35%;
    }

        .calContainer .threeCol .icnclose:hover, .calContainer .threeCol .icnclose.active {
            opacity: 1;
        }

.notesec {
    margin: 10px 0;
}

    .notesec .red {
        color: #f00;
    }

.recipeContainer {
    margin: 20px 0 0;
}

    .recipeContainer .recipeSec {
        background: #fff;
        border: 3px solid #48b667;
        margin-left: 0;
        min-height: 500px;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
    }

        .recipeContainer .recipeSec #leftPanel.k-scrollable {
            overflow: hidden;
        }

    .recipeContainer .tabs {
        width: 130px;
        float: right;
        text-align: right;
        margin-top: 15px;
        position: relative;
        right: 4px;
        z-index: 0;
    }

#recipeKitGrid, #favoriteGrid, #gridMenuDetails {
    overflow: initial !important
}

#menusplitter {
    border-bottom: 0
}

body .recipeContainer .recipeSec #leftPanel.k-scrollable {
    position: relative !important;
    overflow: initial !important;
    min-height: 100% !important;
    height: 100% !important;
    float: left
}

#gridMenuDetails.gridmenudet .k-grid-content, body #recipeKitGrid .k-grid-content, #gridMenuDetails .k-grid-content, #conceptGrid .k-grid-content {
    max-height: none !important;
    overflow: initial !important;
    overflow-y: auto !important;
    min-height: 300px
}

.recipeContainer .tabs li {
    list-style: none;
    display: inline;
    margin-bottom: 15px;
    float: right;
}

.recipeContainer .tabs a {
    background: url(../images/leftTab.png) 0 0 no-repeat;
    float: right;
    width: 93px;
    padding: 5px 12% 15px 14%;
    color: #333;
    min-height: 40px;
    text-decoration: none;
    border: none;
}

.recipeContainer .tabs li.active a {
    background: url(../images/leftTab.png) 0 -81px no-repeat;
    color: #fff;
}

.recipeContainer .advSearch {
    background: url(../images/icnSearch.png) 15px 6px no-repeat;
    padding: 5px 0 5px 35px;
    float: left;
    margin: 5px 0 0 10px;
}

.recipeContainer .recipeSec .arwBrd {
    border-right: 3px solid #48b667;
    _min-height: 520px;
    position: relative;
    overflow: hidden;
}

.recipeContainer .recipeSec .arwLine {
    background: url(../images/click-left.png) 0 0 no-repeat;
    width: 31px;
    height: 92px;
    display: block;
    position: absolute;
    right: 0;
    top: 40%;
    min-height: 455px;
}

.recipeContainer .ratings {
    background: none;
}

.recipeContainer .expandRightPanel {
    left: 0 !important;
    width: 100% !important;
    background: #fff;
    z-index: 2;
}

.recipeContainer .k-splitbar {
    background: #48b667;
    border: none;
    height: 100% !important;
    min-height: 100%
}

    .recipeContainer .k-splitbar .k-splitter .k-scrollable, #menusplitter, .recipeSec .formHeight {
        height: 100% !important;
        min-height: 100% !important;
        border: 0
    }

.recipeContainer .k-icon.k-collapse-prev {
    background: url(../images/click-left.png) 0 0 no-repeat !important;
    width: 31px;
    height: 92px;
    margin-left: -26px;
    z-index: 3;
}

.recipeSec .formHeight {
    float: left !important;
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0
}

.recipeSec .k-splitter .k-scrollable {
    height: auto
}

.recipeContainer #rightPanel {
    height: 100% !important;
    position: static !important;
    float: right;
    min-height: 100%
}

    .recipeContainer #rightPanel .durandal-wrapper {
        position: relative
    }

.recipeContainer .k-icon.k-collapse-prev, .recipeContainer .k-icon.k-expand-prev {
    opacity: 1;
    z-index: 1;
}

.recipeContainer .k-icon.k-expand-prev {
    background: url(../images/click-right.png) 0 0 no-repeat !important;
    width: 31px;
    height: 92px;
    margin-right: -26px;
    z-index: 3;
}

.recipeContainer .k-splitbar.k-splitbar-static-horizontal {
    display: none;
}

.uploadBtn .k-button.k-button {
    z-index: 0;
}

.k-treeview-lines .k-plus {
    margin-left: 0;
}

.recipeContainer #rightPanel #rightPanel {
    position: relative;
}

.recipeContainer #rightPanel .lastsingle .singlebx {
    background: url(../images/single.gif) 0 0 no-repeat;
    position: absolute;
    left: 30px;
    bottom: 1px;
    width: 91px;
    height: 43px;
    display: block;
    padding: 9px 0 7px;
}

.recipeContainer #rightPanel .lastsingle a.red {
    background: url(../images/red-dot-icon.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    margin-left: 10px;
    opacity: 0.3;
}

    .recipeContainer #rightPanel .lastsingle a.red.active {
        opacity: 1;
    }

.recipeContainer #rightPanel .lastsingle a.gren {
    background: url(../images/green-dot-icon.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    margin: 0 10px;
    opacity: 0.3;
}

    .recipeContainer #rightPanel .lastsingle a.gren.active {
        opacity: 1;
    }

.recipeContainer #rightPanel .lastsingle a.brwn {
    background: url(../images/orange-dot-icon.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    opacity: 0.3;
}

    .recipeContainer #rightPanel .lastsingle a.brwn.active {
        opacity: 1;
    }

.recipeContainer .clsFooterTemplate {
    margin-left: -65px;
}

.calView .k-scheduler-table tr td {
    background: url(../images/calBoxGb.png) center center no-repeat;
    cursor: pointer;
}

.calContainer .calView .k-other-month .k-nav-day {
    background: #DADFD9;
    border: 1px solid #48B866 inset;
}

.calView .k-other-month .k-nav-day, .calView .k-nav-day {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background: #48B866;
    color: #fff;
    font-size: 13px;
    padding: 4px 6px;
}

.calView .day-Disable {
    opacity: 0.4;
}

.k-scheduler-content .k-event-template {
    padding: .3em;
    white-space: pre-line;
    overflow: hidden;
    margin-top: 30px;
}

.lastCol tr td {
    min-height: 200%;
}

.togglebutton {
    border: 0;
}

.posRelative {
    position: relative;
}

    .posRelative .calculateBtn {
        position: absolute;
        top: 0;
        right: 125px;
    }

#applicationHost, .container-fluid {
    height: 100%;
    min-height: 100%;
    padding: 0;
}

.durandal-wrapper .k-upload-status, .durandal-wrapper .k-upload-status-total {
    top: -3px;
}
/*         Error Page                 */
.errorPageContainer {
    color: #C1C1C1;
    float: left;
    width: 96%;
}

    .errorPageContainer table {
        margin: 5% 0 7%;
        background: #f2f2f2;
    }

        .errorPageContainer table tr td {
            vertical-align: middle;
            padding: 20px 0;
        }

    .errorPageContainer .errorNumber {
        font-size: 450%;
        color: #666;
    }

    .errorPageContainer .devider {
        width: 2px;
        background: #E0E0E0;
        display: block;
        padding: 1px;
        margin: 0 auto;
        min-height: 150px;
    }

.errorContent .errorTitle {
    color: #BA0731;
    font-size: 400%;
    margin-bottom: 40px;
}

.errorContent .errortag {
    color: #666;
    font-size: 250%;
}
/*         Error Page          end        */
.navilinks {
    border: 1px solid #BBCE1A;
    padding: 15px 0;
    text-align: center;
}

    .navilinks a {
        color: #000;
        display: inline-block;
        padding: 0 25px;
    }

.verificationDetail label.shownValue span {
    border: 1px solid #f2f2f2;
    color: #666;
    padding: 2px 5px;
    font-size: 13px;
}

.k-upload-status {
    line-height: 2.7em;
}

.loaderBar {
    background: url(../images/loading-image.gif) center center no-repeat;
    padding: 25px;
    display: block;
    height: 80px;
    width: 80px;
}

.ajaxloader {
    background: url(../images/ajax-loader.gif) 0 center no-repeat;
    display: inline-block;
    height: 20px;
    width: 200px;
    top: 40%;
    left: 50%;
    position: absolute;
}

.ajaxloaderText {
    background-color: lightgray;
    border: 1px solid black;
    display: inline-block;
    height: 20px;
    width: 430px;
    top: 45%;
    left: 35%;
    position: absolute;
}

.notetext {
    color: red;
    font-size: smaller;
}

.manualeditbox {
    background-color: yellow;
}

.nonClickableCrumbs a {
    cursor: default;
}

.starRating a {
    width: 24px;
    height: 24px;
    background-image: url("/content/images/stars.png");
    display: inline-block;
    cursor: pointer;
    background-position: -24px 0;
}

    .starRating a.chosen {
        background-position: 0 0;
    }

.starRating span {
    width: 24px;
    height: 24px;
    background-image: url("/content/images/stars.png");
    display: inline-block;
    cursor: pointer;
    background-position: -24px 0;
}

.toggleLeft .starRating {
    width: 24px;
    height: 24px;
    background-image: url("/content/images/stars.png");
    display: inline-block;
    cursor: pointer;
    background-position: -24px 0;
}

.list1 {
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
}

    .list1 li {
        float: left;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .list1 li a {
            margin: 3px 5px 0;
            cursor: default;
        }

        .list1 li a, .list1 li span {
            float: left;
        }

.list2 {
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

    .list2 li {
        float: left;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

.addNotesDiv {
    background: url(../images/icn-edit.png) 0 3px no-repeat;
    padding: 0 0 0 15px;
    font-size: 0;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
}

.helpicn {
    background: url(../images/icn-help.png) 0 0 no-repeat;
    padding: 0;
    font-size: 0;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
}

.helpicn-lg {
    background: url(../images/icn-help-lg.png) 0 0 no-repeat;
    padding: 0;
    font-size: 0;
    width: 22px;
    height: 22px;
    display: block;
    cursor: pointer;
}

.nav-tabs > li {
    margin-top: 2px;
}

.threeCol .buttonSet button {
    margin-left: 0;
}

.fieldset .tFooter {
    background: #84959E;
    text-align: right;
    font-weight: normal;
    padding: 5px;
    color: #fff;
}

.popupForm .photoFrame {
    height: auto;
    border: 0;
    min-height: inherit;
    text-align: center;
    width: 100%;
}

    .popupForm .photoFrame .bgWhite {
        width: 97%;
    }

    .popupForm .photoFrame .addedImg {
        border: 1px solid #ccc;
    }

.variancemandatory {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #99ccff;
    text-align: right;
}

.midCol label {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 166%;
}

.cellEditable {
    display: block;
    border: solid 1px #ccc;
    padding: 2px !important;
    text-align: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 20px;
}

#nutrientgrid .cellEditable {
    text-align: left;
}

.cellNotesEditable {
    display: block;
    border: solid 1px lightgrey;
    padding-left: 3px;
    text-align: left;
}

.container-fluid .accordanceBox .editRow, .container-fluid .accordanceBox .viewRow, .container-fluid .accordanceBox .deleteRow {
    display: inline-block;
    float: none;
    margin: 0;
}
/*.k-state-disabled *, .k-state-disabled {background-color:#EBEBEB}*/
.k-i-arrow-e {
    background-position: 0px -17px;
}

.k-i-seek-e {
    background-position: 1px -81px;
}

.k-filter {
    background: url("/content/images/sprite-kendo.png") -35px -80px no-repeat;
}
/*.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite {background-image:url('../images/sprite-kendo.png')!important;	border-color:transparent}*/
.purchasetheme .k-minus, .purchasetheme .k-plus, .purchasetheme .k-i-expand, .purchasetheme .k-i-collapse {
    background-image: url('../images/sprite-kendo.png') !important;
}

.purchasetheme .k-minus, .purchasetheme .k-i-collapse {
    background-position: -114px -224px;
}

.purchasetheme .k-plus, .purchasetheme .k-i-expand {
    background-position: -114px -192px;
}

.k-menu .k-item > .k-link {
    padding: 0 !important;
}
/*         Menu toggle effect             */
.recipeContainer .tabPanel {
    width: 10%;
    float: left;
    position: relative;
    right: -10px
}

.recipeContainer .recipeSec {
    width: 89%;
    float: right;
    position: relative;
}

.toggleLeft #recipeKitGrid label {
    margin: 0;
    line-height: 15px;
}

.toggleLeft #recipeKitGrid table tr td {
    background: url("/content/images/dragIcon.png") #CFD8DD 0 3px no-repeat;
    padding-left: 25px !important;
    border-bottom: 2px solid #fff !important;
    height: 20px;
    overflow: hidden;
}

    .toggleLeft #recipeKitGrid table tr td.backimgnone {
        background-image: inherit;
    }

    .toggleLeft #recipeKitGrid table tr td:nth-child(12) {
        background-image: inherit;
        padding-left: 10px !important;
    }

.toggleLeft #conceptGrid table tr td {
    background: url("/content/images/dragIcon.png") #CFD8DD 0 3px no-repeat;
    padding-left: 25px !important;
    border-bottom: 2px solid #fff !important;
    height: 20px;
    overflow: hidden;
}

#masterProductRecipesGrid .k-grid-content {
    background: none;
}

.cfbtn {
    margin-top: 5px !important;
}

#recipeKitGrid .k-grid-content {
    max-height: 225px !important;
    overflow: auto;
}

.topContent td:first-child {
    background: #fff;
    border: 0;
}

.topContent td {
    background: #f2f2f2;
    border: 0;
}

.toggleLeft span.chosen {
    background: url(../images/icnStar.png) 0 0 no-repeat;
    display: block;
    padding-left: 45px;
}

.starG {
    background: url(../images/starG.png) 0 0 no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.starR {
    background: url(../images/icn-info.png) 0 0 no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.infoError {
    background: url(../images/icn-icn-errorInfo.png) 0 0 no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.starY {
    background: url(../images/starY.png) 0 0 no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.compoType {
    width: 20px;
    display: inline-block;
    float: left;
    margin-left: 25px;
}

.toggleRight .k-grid td input, .toggleRight .k-grid td select {
    width: 85%;
    margin: 0;
}

.toggleRight .editRow, .toggleRight .viewRow {
    margin: 0 auto;
}

.searchPanel input[type="radio"] {
    margin: 0 5px 0 0;
}

.container-fluid .toggleLeft .k-grid-content {
    min-height: 345px;
    background: url(../images/noData.png) 45% 50% no-repeat;
}

#recipeKitGrid .k-grid-content {
    min-height: 245px !important;
}

#spreadSummeryEditGrid .k-grid-content {
    min-height: 10px !important;
}

#dietSpreadSummeryGrid .k-grid-content {
    min-height: 10px !important;
    overflow-y: scroll;
}

#recipeKitGrid.productionRecordRecipePopup .k-grid-content {
    min-height: 30px !important;
}

.container-fluid .toggleRight .k-grid-content {
    min-height: 550px !important;
    overflow: initial
}

.container-fluid .searchPanel .k-grid-content {
    min-height: inherit !important;
}

#recipeKitGrid .container-fluid .searchPanel .k-grid-content, #recipeKitGrid .container-fluid .toggleLeft .k-grid-content {
    background: url("/content/images/noData.png") 45% 30% no-repeat;
}

.imageInfoCol .ratingDisabled span.chosen {
    background: url(../images/icnStar.png) 0 0 no-repeat;
    display: inline-block;
}

.noBgImage {
    background-image: none !important;
}

.container-fluid .toggleContainer .k-splitbar-horizontal .k-icon {
    top: 45%;
}

.container-fluid .toggleRight .k-grid-content tr td {
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.container-fluid .toggleRight .k-grid-content .k-selectable tr:nth-child(even), .container-fluid .toggleLeft .k-grid-content .k-selectable tr:nth-child(even) {
    background: #e6e1e6;
}

.searchPanel form {
    margin: 0;
}

.toggleLeft .buttonZone {
    padding: 5px;
}

.tabPanel {
    width: 25px;
}

.buttonZone .inventbx {
    margin: 5px 5px 0 0;
}
/*                  */
.tagcontainer .tags {
    color: #666;
}

.attributeTable .k-widget {
    width: auto !important;
}

    .attributeTable .k-widget.k-dropdown {
        width: 100% !important;
    }

.attributeTable th {
    white-space: pre-wrap;
}

#vendorProductPricingDetailsGrid .cellEditable {
    text-align: left;
}
/*         Menu toggle effect      end   */

.purchaseContainer .colMaker {
    padding: 0;
}

    .purchaseContainer .colMaker .formLeftColumn {
        border: 1px solid #ccc;
        padding: 10px;
    }

.field h4.fieldHead {
    background: #17577B;
    padding: 5px 10px;
    font-size: 100%;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 5px;
}

    .field h4.fieldHead span {
        display: block;
    }

        .field h4.fieldHead span.fl {
            width: 5%;
        }

        .field h4.fieldHead span.fr {
            width: 93%;
        }

    .field h4.fieldHead input[type="checkbox"] {
        margin: 0;
    }

.contentHere {
    background: #f2f2f2;
    min-height: 150px;
    font-size: 20px;
    text-align: center;
    width: 100%;
    line-height: 180%;
}

.purchaseContainer .k-header {
    padding: 5px 5px 5px 10px;
}

.purchaseContainer .k-pager-wrap .k-header {
    padding: inherit;
}

.purchaseContainer .k-widget.k-listview {
    margin-right: 0;
}

.purchaseContainer .item.click:nth-child(odd) {
    background: #f0f5f8;
    padding: 6px 15px;
}

.purchaseContainer .item.click:nth-child(even) {
    background: #fff;
    padding: 6px 15px;
}

.purchaseContainer .item-click .checkbox {
    margin-left: 5px;
}

.purchaseContainer .scrollable.k-widget.k-listview {
    height: 153px !important;
}

.reminsec {
    border-top: 1px solid #bdc8ce;
    padding: 2px 0;
    font-size: 14px;
}

    .reminsec .caldate {
        background: url(../images/calIcon.png) 0 2px no-repeat;
        padding: 1px 0 1px 20px;
        margin-top: 4px;
    }

    .reminsec .forctxtinn {
        padding: 5px 10px;
        margin-bottom: -3px;
        text-align: left;
    }

    .reminsec .floatLeft.caldate {
        width: 70%;
        float: left;
    }

.productingredientIdentifier {
    background: url(../images/yellow.png) 0 5px no-repeat;
    padding: 0 0 0 20px;
    margin-right: 5px;
}

.dragTree .k-treeview-lines .k-item {
    background: #98A6AF;
    color: #fff;
    border-bottom: 1px solid #fff;
}

    .dragTree .k-treeview-lines .k-item .k-in {
        background: url(../images/dragIcon.png) 0 3px no-repeat;
        margin-left: 15px;
        padding-left: 25px;
        display: block;
    }

.dragTree .rightPan {
    width: 79%;
    float: right;
}

.dragTree .k-treeview .k-item {
    padding: 0;
}

    .dragTree .k-treeview .k-item .k-group {
        border: 1px solid #ccc;
        background: #F0F4F5;
    }

        .dragTree .k-treeview .k-item .k-group .k-item {
            background: none;
            border: 0;
            padding-left: 14px;
            color: #323232;
        }

            .dragTree .k-treeview .k-item .k-group .k-item .k-in {
                margin-left: 0;
            }

.dragTree .k-treeview .k-minus {
    position: relative;
    left: 15px;
    float: left;
}

.dragTree .k-treeview .k-plus {
    position: relative;
    left: 0;
    float: left;
}

.dragTree .leftPan {
    width: 20%;
    float: left;
}

.dragTree #componentTbl thead tr td {
    background: url(../images/dragIcon.png) 0 5px no-repeat #CFD8DD;
    color: #323232;
    padding-left: 25px;
}

.dragTree .note, .note {
    background: #f2f2f2;
    border: 2px dashed #666;
    width: 100%;
}

.dropDiv .note {
    background: #f2f2f2;
    border: 2px dashed #666;
    color: #666;
    background: url(../images/dragArea.png) 45% 50% no-repeat;
}

.display {
    display: block !important;
}

.displayinlinestrip {
    display: inline-block !important;
}

.remove_display {
    display: none;
}

.remove .editmodel .dropDiv .tab {
    display: block;
    width: 100%;
}

#mappedtag_listview div {
    display: block !important;
}

#mappedtag_listview .tagitemcls {
    padding: 0;
}

    #mappedtag_listview .tagitemcls .k-i-close {
        margin-top: -4px;
    }

#mappedtag_listview, #unmappedtag_listview {
    min-height: 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px;
}

    #mappedtag_listview .k-block {
        padding: 4px;
    }

    #unmappedtag_listview .move {
        background: url(../images/dragIcon.png) 5px 4px no-repeat #CFD8DD;
        padding: 4px 4px 4px 30px;
        color: #323232;
    }

.dragTree .note {
    background-color: #4AA4E0;
}

.dragableBox tr th {
    background: #99ce4d;
}

.rightPan .tableRow td, .rightPan .customK-table tr td {
    padding: 0;
    border: 0;
}

#componentTbl tbody {
    border: 1px solid #ccc;
}

    #componentTbl tbody tr td {
        border-right: 1px solid #ccc;
        padding: 1px 3px;
    }

#componentTbl thead th {
    background: #E9EEF1;
    color: #323232;
}

#componentTbl thead tr:first-child th:nth-child(2) {
    background: url(../images/dragIcon.png) 10px 9px no-repeat #CFD8DD;
    color: #323232;
    padding-left: 40px;
}

#componentTbl thead tr:first-child th:nth-child(3) {
    background: #CFD8DD;
}

#vendorProductPricingDetailsGrid .k-grid-content .k-textbox, #nutrientgrid .k-grid-content .k-textbox {
    width: 80%;
}

th.analysisColumnHeader {
    background-color: lightblue !important;
}
/*WBT*/
.dashboardsec {
    background: #fbfdfc;
    border: 1px solid #c8d3d7;
    padding: 20px;
}

    .dashboardsec h4 {
        background: url(../images/rightArrow.png) 0 2px no-repeat;
        padding-left: 12px;
        font: normal 16px arial;
        color: #222872;
    }

.dashboardsmll {
    background: #fbfdfc;
    border: 1px solid #c8d3d7;
    padding: 10px 20px 20px;
}

    .dashboardsmll h4 {
        background: url(../images/rightArrow.png) 0 2px no-repeat;
        padding-left: 12px;
        font: normal 16px arial;
        color: #222872;
    }

    .dashboardsmll.marRt {
        margin-right: 10px;
    }

.dashbarback {
    background: #ecf6f7;
    padding: 5px 20px;
    margin: 0 -20px 10px -20px;
}

.frfixed {
    float: right;
}
/*WBT end */

.container-fluid .k-grid-content {
    min-height: 30px;
}

.container-fluid .dashBoardContainer .fieldset .k-grid-content {
    min-height: 45px;
}

.topPanel {
    background: #F4F5F6;
}

    .topPanel tr td:first-child {
        background: #fff;
    }

.fieldSec .fieldHead, .inventorysec .fieldHead {
    margin: 0 0 1px;
}

.containerTitle {
    color: #437EA0;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: normal;
}

.note {
    background: url(../images/dragArea.png) 45% 50% no-repeat;
    border: 2px dashed #666;
}

.redbx {
    background: #b20000;
    width: 22px;
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;
}

.orangebx {
    background: #EAA352;
    width: 22px;
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;
}

.bluebx {
    background: #00DAC9;
    width: 22px;
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;
}


.postedOrderFlag {
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;
}

.yelbx {
    background: #d8a202;
    width: 22px;
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;
}

.grenbx {
    background: #006600;
    width: 22px;
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;
}

.startxt {
    background: url(../images/icn-info.png) 0 2px no-repeat;
    padding: 0 0 0 25px;
    line-height: 20px;
    display: inline-block;
}

.formItemRow .startxt {
    padding-top: 2px;
    margin: 0;
}

.brdline {
    border-left: 1px solid #666;
    margin-left: 10px;
    padding-left: 10px;
}

#tblShuffle thead tr th {
    background: url(../images/dragIcon.png) 5px 5px no-repeat #CFD8DD;
    color: #323232;
    padding-left: 45px;
    color: rgb(50, 50, 50);
}

.drag-active th {
    border: 2px dashed #666;
}

.dragableBox tr.dropClass th {
    border: 0 !important;
}

.contListing {
    margin-bottom: 10px;
}

    .contListing .product {
        display: block;
        padding: 3px 7px;
        margin: 0;
        background: #e6e1e6;
    }

    .contListing .k-listview {
        border: 0;
    }

    .contListing .product h3 {
        font-size: 12px;
        margin: 0;
        padding: 0;
        text-align: left;
    }

.k-secondary table td .k-secondary {
    margin-bottom: 10px;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
    min-width: inherit;
}

#vendorProductPricingDetailsGrid th, #vendorProductPricingDetailsGrid td {
    width: inherit;
}

.greeBullet {
    background: url(../images/greenBullet.png) 0 7px no-repeat;
    padding-left: 15px;
}

.elGroup .el-left {
    float: left;
    width: 10%;
    display: block;
}

    .elGroup .el-left input.data_id {
        margin: 0;
    }

.elGroup .el-right {
    float: right;
    width: 90%;
    white-space: normal;
    display: block;
    white-space: normal;
}

.dragTree .k-group .k-state-selected, .dragTree .k-group .k-state-focused {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #CFD8DD !important;
    color: #323232;
}

#unmappedtag_listview .dragIcon {
    width: auto;
    padding-left: 30px;
}

.dragTree .k-group ul .k-in {
    background: none !important;
}

.buttonSet .iconView {
    background: url("../images/viewWht.png") no-repeat scroll 5px 7px #5C6263;
    padding: 5px 10px 5px 30px;
    margin-bottom: 5px;
    line-height: inherit;
}

.dragTree #componentTbl input[type="text"] {
    margin-bottom: 0;
}

.servingCont .k-dropzone {
    padding: 0;
}

.editmodel .photoFrame {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    overflow: hidden;
}

    .editmodel .photoFrame .imgName {
        font-size: 15px;
        padding: 5px;
    }

.editmodel .imgName .closeIcon {
    height: 21px;
}

.move {
    display: block;
    width: auto;
}

.k-dropzone, .k-file {
    z-index: 0;
    overflow: hidden;
}

    .k-file .k-filename, .attachment .k-upload-button {
        float: left;
    }

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    z-index: 0;
}

.editmodel .imageUpload .uploadBtn .k-upload-button {
    width: auto;
    height: auto;
    font-size: inherit;
}

.purchaseContainer .formItemRow span.k-header {
    padding: 0;
}
/*WORK FLOW*/
.mainContainer {
    float: none;
    padding-top: 15px;
    text-align: center;
}

.flowBox .looper {
    width: 22%;
    float: left;
    margin: 10px 10px 10px 10px;
}

.flowContainer {
    margin-bottom: 10px;
    background: #f2f2f2;
    border: 1px solid #ccc;
}

.flowBox h4 {
    color: #fff;
    font-size: 15px;
    padding-bottom: 8px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666;
    overflow: hidden;
    background: #007ec7;
    line-height: 1.7;
}

.flowContainer h4, .flowContainer .flowInner {
    padding: 0 5px;
}

.flowContainer .flowInner {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.flowBox .operator {
    font-weight: bold;
    color: #000;
    display: block;
    text-align: center;
    width: 20%;
    margin: 0 auto 10px;
}

.flowBox h4 .settings {
    height: 25px;
    margin-top: 2px;
    padding-bottom: 2px;
}

.popupForm .flowBox .looper {
    width: 100%;
    float: none;
    margin: 10px 10px 10px 10px;
}

.popupForm .flowContainer {
    margin-bottom: 10px;
    background: #f2f2f2;
    border: 1px solid #007ec7;
}

.popupForm .flowBox h4 {
    color: #fff;
    font-size: 15px;
    padding-bottom: 8px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666;
    overflow: hidden;
    background: #007ec7;
    line-height: 1.7;
}

.popupForm .flowContainer h4, .flowContainer .flowInner {
    padding: 0 5px;
    overflow: hidden;
}

.popupForm.flowContainer .flowInner {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.popupForm .flowBox .operator {
    font-weight: bold;
    color: #000;
    display: block;
    text-align: center;
    width: 20%;
    margin: 0 auto 10px;
}

.popupForm .flowBox h4 .settings {
    height: 25px;
    margin-top: 2px;
    padding-bottom: 2px;
}
/*WORK FLOW          end       */
.kendo-tablerow {
    min-height: 26px;
}
/*   Work flow        */
.looper .colorG h4 {
    background: #99CA3D;
}
/*Green*/
.looper .colorO h4 {
    background: #FCBA2E;
}
/*orange*/
.looper .colorR h4 {
    background: #CB2028;
}
/*red*/
.looper .colorB h4 {
    background: #9B6AAC;
}
/*blue*/

.status a.colorG, .status a.colorO, .status a.colorR, .status a.colorB {
    width: 16px !important;
    height: 16px;
    font-size: 0;
    display: block;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.status a.colorG {
    background: #99CA3D;
}
/*Green*/
.status a.colorO {
    background: #FCBA2E;
}
/*orange*/
.status a.colorR {
    background: #CB2028;
}
/*red*/
.status a.colorB {
    background: #9B6AAC;
}
/*blue*/

.colorG {
    background: #99CA3D;
}
/*Green*/
.colorO {
    background: #FCBA2E;
}
/*orange*/
.colorR {
    background: #CB2028;
}
/*red*/
.colorB {
    background: #9B6AAC;
}
/*blue*/

.status .list1 li {
    display: block;
    float: left;
    margin: 0 6px;
}

    .status .list1 li a {
        margin-right: 5px;
    }

    .status .list1 li span {
        line-height: 16px;
    }

.tblefeedback {
    border: 1px solid #dad8d9;
}

    .tblefeedback tr.headback th {
        background: #17577b;
        color: #fff;
        font: normal 16px Arial;
        text-indent: 15px;
        padding: 6px 0;
        text-align: left;
    }

    .tblefeedback tr.bggrad td {
        background: #f7f8fa;
        padding: 8px 0;
        color: #17577b;
    }

    .tblefeedback tr:nth-child(odd) td {
        background-color: #fff;
        padding: 5px 0 5px 15px;
    }
    /*odd*/
    .tblefeedback tr:nth-child(even) td {
        background-color: #f0f5f8;
        padding: 5px 0 5px 15px;
    }
/* even*/

#componentEditGrid tr td:last-child, #locationProductsGrid tr td:last-child, #orderGuideProducts tr td:last-child, #ogTemplateProductGrid tr td:last-child, #storageitemsgrid tr td:last-child, #categoryAddGrid tr td:last-child, #categoryEditGrid tr td:last-child, #orderGuideOrderGuideTemplates tr td:last-child, #gridOGAddProduct tr td:last-child, #gridOGRemoveProduct tr td:last-child, #masterProductGrid tr td:first-child, #orderGuideTemplates tr td:first-child .mkeGridCentr tr td:last-child, .mkeGridCentr tr td:first-child, #accountProductsGrid tr td:first-child, #itemsToConsiderGrid tr td:last-child, #invoiceElementGrid tr td:last-child, #vendorProductPricingDetailsGrid tr td:last-child, #inventoryCheckgrid tr first-child, #poProducts tr td:last-child {
    text-align: center;
}

#itemsToConsiderGrid tr:first-child td {
    text-align: left;
}

#orderGuideProducts tr td:last-child a, #ogTemplateProductGrid tr td:last-child a {
    min-width: inherit;
}

#locationProductsGrid tr.k-grouping-row td:last-child {
    text-align: left;
}
/*   Css for make grid icons responsive       */ /*
.k-grid-content .buttonSet {position:relative; min-height:20px}
.k-grid-content .buttonSet .viewRow, .k-grid-content .buttonSet .editRow, .k-grid-content .buttonSet .deleteRow, .k-grid-content .buttonSet .replaceRow {position:absolute}

.k-grid-content .buttonSet .viewRow, .k-grid-content .buttonSet .replaceRow {left:0}
.k-grid-content .buttonSet .editRow {left:35%}
.k-grid-content .buttonSet .deleteRow {right:0}
*/
.bluelbl {
    color: #00a2b9;
}

.resetPass .loginFormWrap {
    margin-top: 80px;
}

.resetPass .loginInner {
    background: #fff;
    padding: 40px;
    min-height: 237px;
    position: relative;
    z-index: 5;
}

    .resetPass .loginInner .input-prepend {
        width: 97%;
        margin-bottom: 20px;
    }

        .resetPass .loginInner .input-prepend .inputText {
            color: #fff;
            font-size: 12px;
        }

    .resetPass .loginInner .input-append .add-on, .loginInner .input-prepend .add-on {
        background-color: #585858;
        width: 20px;
        height: 25px;
        line-height: 25px;
        border-right: 1px solid #d3d3d3;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .resetPass .loginInner .validationMessage {
        color: #f00;
        font-size: 11px;
        margin: 0 0 0 30px;
        line-height: inherit;
        height: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

.resetPass .brand-on-login {
    background: #fff;
    display: block;
    width: 463px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.alignCenter {
    text-align: center;
}

    .alignCenter p {
        overflow: hidden;
    }

.fildContainer {
    border: 1px solid #ccc;
    padding: 10px;
}

.result span, .result label {
    display: block;
    float: left;
    padding: 5px 10px;
}

.result .output {
    background: #E9EDF0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.result .on {
    border: 1px solid #E9EDF0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.inventorytheme .dataFill label {
    float: right;
    margin-right: 0;
}

.inventorytheme .field h4.fieldHead {
    background: #00DAC9;
    padding: 5px 10px;
    font-size: 100%;
    color: #fff;
    font-weight: normal;
    overflow: hidden;
    margin-bottom: 5px;
}

.noBorder tr td {
    border: 0 !important;
}

.inventorytheme .custoAlign label {
    text-align: right;
    margin: 0;
}

.inventorytheme .custoAlign span {
    text-align: left;
    line-height: 20px;
}

.listNotification {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .listNotification li {
        background-image: url(../images/rightArrow.png);
        background-position: 0 3px;
        background-repeat: no-repeat;
        padding: 2px 0 2px 15px;
    }

        .listNotification li span {
            font-size: 12px;
            font-family: inherit;
        }

        .listNotification li:nth-child(odd) {
            background-color: #fff;
        }

        .listNotification li:nth-child(even) {
            background-color: #E6EAED;
        }

.menutheme #schoolFromGrid .k-grid-content-expander, .menutheme #schoolToGrid .k-grid-content-expander {
    width: auto !important;
}

.squareR, .squareY, .squareG, .squareO, .squareB {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 10px 0 0;
}

.squareR {
    background: #F40403;
}

.squareY {
    background: #FF9600;
}

.squareG {
    background: #018C25;
}

.squareO {
    background: #FF6600;
}

.squareB {
    background: #0066FF;
}

.invoiceAmount .k-grid-content .k-icon.k-i-expand {
    float: left;
    margin-top: 3px;
}

.invoiceAmount p.k-reset {
    width: 100%;
}

.inventbx {
    background: #9f0b0b;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.inventsentbx {
    background: #BE59D3;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.vendrsentbx {
    background: #FF0000;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.inventrecbx {
    background: #87C6F9;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.icn-transports {
    background: url(../images/icn-transport.png) 0 0 no-repeat;
    width: 24px;
    height: 13px;
    display: block;
}

.icn-up {
    background: url(../images/icn-up.png) 0 0 no-repeat;
    width: 10px;
    height: 8px;
    margin-top: 2px;
    display: block;
    margin-left: 5px;
    cursor: pointer;
}

.icn-up2 {
    background: url(../images/icn-up.png) 0 0 no-repeat;
    width: 10px;
    height: 8px;
    margin-top: 5px;
    display: block;
    margin-left: 5px;
    cursor: pointer;
}

.icn-down {
    background: url(../images/icn-dwn.png) 0 0 no-repeat;
    width: 10px;
    height: 8px;
    margin-top: 2px;
    display: block;
    margin-left: 5px;
    cursor: pointer;
}

.icn-down2 {
    background: url(../images/icn-dwn.png) 0 0 no-repeat;
    width: 10px;
    height: 8px;
    margin-top: 5px;
    display: block;
    margin-left: 5px;
    cursor: pointer;
}

.brdnone {
    border: none !important;
}

.inventorytble .k-grouping-row td {
    color: #fff;
    font-weight: normal;
    border-bottom: 1px solid #fff !important;
}

.k-panelbar .k-panelbar-expand, .k-panelbar .k-panelbar-collapse {
    left: 2px;
}

.k-panelbar .k-header span:first-child {
    margin-left: 15px;
}

.k-panelbar .k-pager-sizes span:first-child {
    margin-left: 0;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    box-shadow: none;
}

.purchasetheme .k-grouping-row td {
    background-color: #256689;
}

.purchaseDrop .k-upload-empty {
    padding-left: 0;
}

.purchaseDrop .k-upload, .purchaseDrop .k-dropzone {
    padding: 0;
    margin: 5px 0;
}

.noRecords {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    width: 95%;
    margin: 10px auto;
    background: #f3f3f3;
}

.purchasetheme .invRecords {
    text-decoration: underline;
}

#lineTotalGrid {
    border-top: 0;
}

    #lineTotalGrid tr td {
        border: 0;
        font-weight: bold;
    }

#crGrid .cellEditable .k-widget {
    background: none;
    padding: 0;
}

#crGrid .k-grid-content, #lineTotalGrid .k-grid-content {
    overflow-y: auto;
}

#crGrid .k-grid-header, #lineTotalGrid .k-grid-header {
    padding-right: 0 !important;
}

.purchaseDrop .k-upload {
    padding: 0;
}

#inventoryValidateGrid td:last-child .k-grid-Confirm {
    width: 60px;
}

#inventoryValidateGrid td:last-child .disable {
    background: #ccc;
}
/*.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-marquee-color {background-color:#C3DFE2; border-color:#2A6166; color:#fff}*/

.customModel .formItemRow {
    padding: 0;
}

    .customModel .formItemRow input[type="radio"] {
        margin-right: 5px;
    }

.tblefeedback .headback td {
    color: #fff;
}

.netChange, .fsdCount {
    position: relative;
}

.dashBoardContainer .ltransfer, .dashBoardContainer .iContG, .dashBoardContainer .fsdCount, .dashBoardContainer .iCount, .dashBoardContainer .netChange,, .dashBoardContainer .pUpdate, .dashBoardContainer .bProduct, .dashBoardContainer .aView, .dashBoardContainer .vReceipt, .dashBoardContainer .crNote, .dashBoardContainer .currentTarget {
    max-height: 400px;
    overflow-y: auto;
    min-height: 400px;
}

.dashBoardContainer .dashScroll {
    max-height: 400px;
    overflow: auto;
}
/*.dashBoardContainer .ltransfer .dashScroll {max-height:310px; min-height:310px}
.dashBoardContainer .fsdCount .dashScroll {max-height:400px; min-height:400px}
.dashBoardContainer .aView .dashScroll {max-height:397px; min-height:397px}
.dashBoardContainer .vReceipt .dashScroll {max-height:365px; min-height:365px}
.dashBoardContainer .iCount .dashScroll {max-height:400px; min-height:400px}
.dashBoardContainer .crNote .dashScroll {max-height:365px; min-height:365px}
.dashBoardContainer .currentTarget .dashScroll {max-height:395px; min-height:395px}
.dashBoardContainer .pUpdate .dashScroll {max-height:365px; min-height:365px}
.dashBoardContainer chart-wrapper .dashScroll {max-height:417px; min-height:417px}*/

.dashBoardContainer .leftNav {
    border: 0;
    outline: none;
}

.container-fluid .dashBoardContainer .leftNav li {
    display: block;
    float: left !important;
    margin: 10px 5px 0;
    border: 0;
}

    .container-fluid .dashBoardContainer .leftNav li .subMenuContainer li {
        height: auto;
    }

.container-fluid .dashBoardContainer .leftNav a span.icon {
    margin: 0;
    background: none;
    padding: 0 10px;
    height: 40px;
}

.dashBoardContainer .leftNav span.icon em {
    top: 0;
}

#prefmenu .custoMenu span.icon {
    top: 9px;
}

.dashBoardContainer .leftNav .userManagement span.icon {
    border-bottom: 5px solid #B2B132;
    background-position: 0 0;
}

.dashBoardContainer .leftNav .vendorManagement span.icon {
    border-bottom: 5px solid #00A2B9;
}

.dashBoardContainer .leftNav .budgeting span.icon {
    border-bottom: 5px solid #222872;
}

.dashBoardContainer .leftNav .recipe span.icon {
    border-bottom: 5px solid #99CE4D;
}

.dashBoardContainer .leftNav .menu span.icon {
    border-bottom: 5px solid #47B667;
}

.dashBoardContainer .leftNav .purchase span.icon {
    border-bottom: 5px solid #437EA0;
}

.dashBoardContainer .leftNav .inventory span.icon {
    border-bottom: 5px solid #00DAC9;
}

.dashBoardContainer .leftNav .workFlow span.icon {
    border-bottom: 5px solid #614490;
}

.dashBoardContainer .leftNav .revenue span.icon {
    border-bottom: 5px solid #EDEA4D;
}

.dashBoardContainer .leftNav .notifications span.icon {
    border-bottom: 5px solid #EAA352;
}

.dashBoardContainer .leftNav .extLinks span.icon {
    border-bottom: 5px solid #c8bfe7;
}

    .dashBoardContainer .leftNav .userManagement span.icon em, .dashBoardContainer .leftNav .vendorManagement span.icon em, .dashBoardContainer .leftNav .budgeting span.icon em, .dashBoardContainer .leftNav .recipe span.icon em, .dashBoardContainer .leftNav .menu span.icon em, .dashBoardContainer .leftNav .purchase span.icon em, .dashBoardContainer .leftNav .inventory span.icon em, .dashBoardContainer .leftNav .custoMenu .icon em, .dashBoardContainer .leftNav .workFlow .icon em, .dashBoardContainer .leftNav .revenue .icon em, .dashBoardContainer .leftNav .notifications .icon em, .dashBoardContainer .leftNav .extLinks span.icon em {
        background-image: url(../images/sprite_DashboardIcons.png);
        background-repeat: no-repeat;
    }

    .dashBoardContainer .leftNav .extLinks span.icon em {
        background-image: url(../images/icnLink2.png);
        height: 30px;
        width: 25px;
        position: relative;
        top: 8px;
        left: 9px;
    }

.dashBoardContainer .leftNav .userManagement span.icon em {
    background-position: -345px 0;
}

.dashBoardContainer .leftNav .vendorManagement span.icon em {
    background-position: -55px 0;
}

.dashBoardContainer .leftNav .budgeting span.icon em {
    background-position: -114px 0;
}

.dashBoardContainer .leftNav .recipe span.icon em {
    background-position: -208px 0;
}

.dashBoardContainer .leftNav .menu span.icon em {
    background-position: -164px 0;
}

.dashBoardContainer .leftNav .purchase span.icon em {
    background-position: -2px 0;
}

.dashBoardContainer .leftNav .inventory span.icon em {
    background-position: -111px 0;
}

.dashBoardContainer .leftNav .custoMenu span.icon em {
    background-position: -444px 0;
}

.dashBoardContainer .leftNav .workFlow span.icon em {
    background-position: -391px 0;
}

.dashBoardContainer .leftNav .revenue span.icon em {
    background-position: -301px 0;
}

.dashBoardContainer .leftNav .notifications span.icon em {
    background-position: -532px 0;
}

.dashBoardContainer .selectD {
    width: 70px;
    border-bottom: 5px solid #666;
    margin: 0 !important;
}

    .dashBoardContainer .selectD .icon {
        background: url(../images/rightArrow.png) 95% 4px no-repeat;
        padding-right: 15px;
        color: #666;
        font-size: 13px;
        display: block;
        line-height: 18px;
        padding-bottom: 4px;
        margin-top: 10px;
        border-bottom: 5px solid #666;
    }

.dashBoardContainer .innermenu li input {
    margin: 0 5px 0 0;
}
/*        Custom menu                          */
.dashBoardContainer .dashboarMenu .menuContent {
    display: none;
}

.container-fluid .dashBoardContainer .custoMenu {
    margin-top: -9px !important;
    z-index: 5;
    width: auto;
}

    .container-fluid .dashBoardContainer .custoMenu .icon {
        display: block;
        padding-bottom: 4px;
        margin-top: 10px;
        padding: 0;
        width: 100%;
        display: block;
    }

        .container-fluid .dashBoardContainer .custoMenu .icon em {
            padding-left: 45px;
            left: 0;
            width: auto;
            color: #666;
        }

    .container-fluid .dashBoardContainer .custoMenu span {
        float: left;
    }

    .container-fluid .dashBoardContainer .custoMenu a {
        border-bottom: 5px solid #666666;
    }

    .container-fluid .dashBoardContainer .custoMenu span.icon {
        width: 20px;
        margin-right: 10px;
    }

    .container-fluid .dashBoardContainer .custoMenu a:hover span.icon em {
        background-position: -488px 0;
        background-color: #535756;
    }

    .container-fluid .dashBoardContainer .custoMenu a span.menuContent {
        margin-top: 9px;
        padding: 0 10px 1px !important;
        font-size: 13px;
    }

    .container-fluid .dashBoardContainer .custoMenu a:hover span.menuContent {
        background: #807F84;
        color: #fff;
    }

.custoMenu .subMenuContainer {
    display: block;
    position: absolute;
    right: 5px;
    top: 55px;
    min-width: 500px;
    background: #EFEFEF;
    border: 1px solid #666;
    padding: 10px 15px;
    z-index: 99;
    max-width: 90%;
}

.container-fluid .dashBoardContainer .custoMenu .menuTitle .icon {
    border: 0 !important;
    margin: 0;
}

.container-fluid .dashBoardContainer .subMenuContainer ul {
    width: 25%;
    float: left;
}

.container-fluid .dashBoardContainer .subMenuContainer li {
    display: block;
    width: 100%;
    float: none;
}

.custoMenu a {
    cursor: pointer;
}
/*        Custom menu           End               */
.purchaseContainer .redVariance {
    border-left: 3px solid #B20000 !important;
}

.purchaseContainer .yellowVariance {
    border-left: 3px solid #D8A202 !important;
}

.purchaseContainer .orangeVariance {
    border-left: 3px solid #dda56c !important;
}

.purchaseContainer .greenVariance {
    border-left: 3px solid #006600 !important;
}

.purchaseContainer .backEnable {
    background: #FFF4C9;
}

.container-fluid .k-multiselect-wrap {
    min-height: 1.7em;
}

.purchaseContainer .k-master-row, .purchaseContainer .k-alt .k-master-row .k-state-selected, .purchaseContainer .k-master-row .k-state-selected td {
    background-color: #17577C;
    color: #FFFFFF;
}

.purchaseContainer #indInvChkProductGrid .k-master-row {
    background-color: inherit;
    color: #2e2e2e !important;
    border: 0;
}

.k-master-row td {
    font-weight: normal;
}

.k-tooltip-content {
    white-space: normal;
    max-width: 500px
}
/*#changeDeliveryGrid .k-grid-content, .k-grid-header {overflow-y:auto}*/

.showRed td:nth-child(2), .showRed td:nth-child(3), .qtyNotMeeting td:nth-child(1) {
    border-left: 3px solid #B20000 !important;
    color: #B20000;
}

#consolidatedPoGrid tr.qtyNotMeeting td:nth-child(2) {
    color: #B20000;
}

.msgRed, .msgYlow, .msgGren, .msgOrange, .msgBlue .redVariance, .yellowVariance, .greenVariance, .orangeVariance, .blueVariance {
    display: block;
    padding-left: 5px;
    width: 95%;
}

.msgRed, .redVariance {
    border-left: 3px solid #B20000;
    color: #B20000;
}

.msgOrange, .orangeVariance {
    border-left: 3px solid #dda56c;
    color: #dda56c;
}

.msgBlue, .blueVariance {
    border-left: 3px solid #00DAC9;
    color: #00DAC9;
}

.msgYlow, .yellowVariance {
    border-left: 3px solid #D8A202;
    color: #D8A202;
}

.msgGren, .greenVariance {
    border-left: 3px solid #006600;
    color: #006600;
}


.icnChildArrow span {
    display: none;
}

    .icnChildArrow span:last-child {
        display: inline-block !important;
    }

.stripred {
    width: 3px;
    background-color: #B20000;
    display: none
}

.stripblue {
    width: 3px;
    background-color: #00DAC9;
    display: none
}

.striporange {
    width: 3px;
    background-color: #dda56c;
    display: none
}

#qrGrid td:nth-child(7) {
    text-align: center;
}

.k-grid-content input[type="radio"], .k-grid-content input[type="checkbox"] {
    margin-top: 0;
}

#feedbackQuestionTable tr td label {
    margin-bottom: 0;
}

.noteBox {
    border: 1px solid #ccc;
    padding: 2px 5px;
    background: #f2f2f2;
}

.fromLocation, .toLocation {
    padding: 2px 5px;
}

.fromLocation {
    border-bottom: 1px solid #f2f2f2;
}
/*            steps Breadcrumb                          */
.purchasetheme #crumbs ul li.click a {
    background: #17577C;
    color: #fff;
}

    .purchasetheme #crumbs ul li.click a:after {
        border-left-color: #267099;
    }

.purchasetheme #crumbs ul li.click span.num {
    background: #267099;
    color: #fff;
}

.purchasetheme #crumbs ul li.active a {
    background: #D9F0FE;
    color: #7c80a5;
}

    .purchasetheme #crumbs ul li.active a:after {
        border-left-color: #D9F0FE;
    }

    .purchasetheme #crumbs ul li.active a span.num {
        background: #D9F0FE;
    }
/*   LEFT NAVIGATION STYLE    */

/* ==  Layout
================================================= */
/*
.content-frame {padding:0;
  background-color:#fff;
  -ms-transform:translate(166px, 0);
  -moz-transform:translate(166px, 0);
  -webkit-transform:translate3d(166px, 0, 0);
  transform:translate(166px, 0);
  -ms-transition:-ms-transform 0.28s ease-in-out;
  -moz-transition:-moz-transform 0.28s ease-in-out;
  -webkit-transition:-webkit-transform 0.28s ease-in-out;
  transition:transform 0.28s ease-in-out;}

.nav-collapsed .content-frame {-ms-transform:translate(0px, 0);
  -moz-transform:translate(0px, 0);
  -webkit-transform:translate3d(0px, 0, 0);
  transform:translate(0px, 0);}
*/
/* ==  Header
================================================= */
.rightPanel {
    float: right;
    width: 95%;
    margin-left: 5px;
}

.menu-toggle {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 11px;
    color: #222;
    z-index: 99999999;
    background: url(../images/responsvie_menu.png) 0 0 no-repeat;
    padding: 0;
    width: 30px;
    height: 30px;
}

    .menu-toggle .icon-reorder:before {
        content: none;
    }

    .menu-toggle:hover {
        color: #555;
    }

.toggle-me {
    font-size: 2em;
}

.scroll {
    position: absolute;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
}

.offcanvas li {
    display: block;
}

.offcanvas a {
    display: block;
    height: 100%;
    width: 100%;
    color: #aaa;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid #353434;
    padding: 13px 10px;
    transition: 0.3s ease all;
}

    .offcanvas a i {
        font-size: 23px;
        float: left;
        padding: 0 15px 0 4px;
    }

    .offcanvas a.moveleft {
        padding-left: 53px;
    }

.navbar-inner {
    margin: 0;
    padding: 0;
}

.datePickerCtrl {
    position: relative;
    top: -5px;
    right: 2px;
}

.printTrayDivpatient {
    width: 180px !important;
    float: right !important;
    margin-top: 30px;
}

.patientSumBtn, .patientSumAddBtn {
    float: left !important;
}

.patientSumAddBtn {
    float: right !important;
    width: auto !important;
}

.patientSumBtn {
    left: 30px;
    top: 4px;
}

.span6.r-float.patient-first-section {
    width: 56% !important;
}

.patientSummaryDetails {
    width: 58% !important;
}

.span6.r-float.printTrayDiv {
    margin-left: 0;
    float: right;
    width: 44%;
    margin-top: 10px;
}

.printTrayDiv .datePickerCtrl {
    float: left;
    width: 30%;
}

.span6.r-float.printTrayDiv.printTrayDivpatient .btn {
    width: 103px;
    text-align: center;
    position: initial !important;
    margin-top: 0 !important;
}

.span6.itemIndicatorsdiv.r-float.indicatorIconsOuter .span4 {
    width: 25%;
}

.indicaterHeading {
    font-size: 12px;
}

.span6.itemIndicatorsdiv.r-float.indicatorIconsOuter .span8 {
    width: 62%;
    margin-left: 0;
    font-size: 12px;
    float: right;
}

.indicatorIconsOuter #indicators .fa-glass.shpGlass {
    line-height: normal !important;
    color: #000;
}

.hhsModule .pageCont table tr td .dashBoardButtonset {
    max-width: 50px;
}

    .hhsModule .pageCont table tr td .dashBoardButtonset .viewRow, .hhsModule .pageCont table tr td .dashBoardButtonset .deleteRow {
        float: left;
        margin: 0 !important;
        margin-right: 7px !important;
    }

    .hhsModule .pageCont table tr td .dashBoardButtonset .deleteRow {
        margin-right: 0 !important;
    }
/*****************************************/
/*        Resposive CSS                 */
/*****************************************/
@media only screen and (min-width:1024px) and (max-width:1280px) {
    #applicationHost .rhsContainer {
        margin-top: 40px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .pageBreadCrum {
        margin-top: 10px;
    }

    #selectItemsGrid .k-grid-content, .hhsModule .seletectedMenuPopList .k-grid-content {
        overflow-x: auto !important;
        overflow-y: auto !important;
        float: left;
        width: 100%;
        -webkit-overflow-scrolling: touch !important;
    }

        #selectItemsGrid .k-grid-content table {
            height: 0px;
        }

            #selectItemsGrid .k-grid-content table tbody {
                height: 0px;
            }

        #selectItemsGrid .k-grid-content .k-virtual-scrollable-wrap {
            overflow: initial !important;
        }

    #patientDetailsGrid #patientAmbassadorDashboardGrid {
        width: 100%;
        overflow-y: auto;
    }

        #patientDetailsGrid #patientAmbassadorDashboardGrid table {
            border-bottom: 1px solid #bbc8ce;
        }

        #patientDetailsGrid #patientAmbassadorDashboardGrid .k-pager-wrap.k-grid-pager.k-widget {
            border-top: 0;
        }

    .hhsModule .pageCont table tr td .buttonSet {
        display: flex !important;
        min-width: 80px;
    }

    .patientSummaryBtn .viewRow {
        background: url(../images/viw.png) !important;
        width: 100%;
        height: 25px;
        cursor: pointer;
        background-size: 25px !important;
        background-position: left center;
        background-repeat: no-repeat !important;
    }

    .patientSummaryBtn .editRow {
        background: url(../images/edit.png) !important;
        display: inline-block;
        width: 100%;
        margin: 0 auto !important;
        cursor: pointer;
        background-size: 15px !important;
        background-repeat: no-repeat !important;
        text-align: center;
        background-position: center !important;
        left: -1px;
        position: relative;
    }

    .row-fluid .viewRow {
        margin-right: 0;
    }

    #patientDetailsGrid #patientAmbassadorDashboardGrid .takeOrderRow {
        background: url(../images/takeOrderIcon.png) !important;
        width: 100% !important;
        background-size: 20px !important;
        background-position: left center !important;
        background-repeat: no-repeat !important;
        margin-right: 0;
    }
}

@media only screen and (max-width:1023px) {
    #applicationHost .notifPopUp {
        right: 15%;
    }

    #applicationHost .offcanvas {
        width: 100%;
    }

    #applicationHost .rhsContainer {
        margin: 0 !important;
    }

    #applicationHost .leftNav .k-item {
        float: left !important;
    }

    #applicationHost .leftPanel .leftNav > li:hover {
        width: 55px;
    }

    #applicationHost .leftNav li .k-animation-container {
        left: 0 !important;
    }

        #applicationHost .leftNav li .k-animation-container .submenu .k-animation-container {
            left: 120px !important;
        }

    #applicationHost #floatMenu {
        position: static;
        padding: 0;
    }

    #applicationHost .durandal-wrapper .leftNav a span.icon em {
        left: 10%;
    }

    #applicationHost .leftNav li ul.submenu li {
        width: 195px;
    }

    #applicationHost .rhsContainer {
        margin: 0;
    }
}

/*===============   iPad    =======================*/

@media only screen and (min-width:768px) and (max-width:1023px) {

    #applicationHost .rhsContainer {
        margin: 0 !important;
    }

    .k-scheduler-content .k-event-template {
        width: 60% !important;
    }

    .navbar-inverse .brand {
        padding: 0 5px !important;
    }

    .userNameLink {
        color: #fff;
        padding-right: 5px;
        line-height: 25px;
    }

    li.settingDiv:hover ul {
        right: 0 !important;
        top: 32px;
    }

    .container-fluid .rightPanel {
        margin: 0 0 35px 0 !important;
        width: 100%;
        padding: 0;
    }

    .pageBreadCrum {
        position: static;
        margin-bottom: 10px;
        width: auto;
    }

    .sidebar-nav {
        background: #f2f2f2;
        border-bottom: 1px solid #ccc;
    }

        .sidebar-nav .boxShadow {
            box-shadow: none;
        }

    .fieldset {
        margin: 10px 0;
    }

    .container-fluid {
        padding: 0;
    }

    .durandal-wrapper .leftNav li ul.submenu a.k-state-selected {
        background: #f2f2f2;
    }

    .durandal-wrapper .leftNav a span.icon {
        margin: 0;
        padding: 0 10.50px;
    }

        .durandal-wrapper .leftNav a span.icon em {
            left: 25%;
        }

    .durandal-wrapper .topRightNav li .userImage img, .durandal-wrapper .topRightNav li .userImage {
        width: 25px;
        height: 25px;
    }

    .durandal-wrapper .settings {
        margin-bottom: 0;
    }

    .durandal-wrapper .leftPanel {
        padding-top: 49px;
    }

    html .durandal-wrapper .leftNav li ul.submenu li .thirdLevel {
        background: #fff !important;
    }

    .container-fluid .editmodel {
        width: 95% !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .durandal-wrapper .leftNav a {
        line-height: inherit;
    }

    .k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite {
        background-image: url('../images/sprite-kendo.png') !important;
        border-color: transparent;
    }

    .r-float {
        width: 100% !important;
        padding-top: 5px;
        margin-left: 0 !important;
    }

        .r-float span {
            margin-left: 0;
        }

        .r-float .formItemRow {
            padding: 0;
        }

    .pageTitle {
        font-size: 150%;
        width: 40%;
        color: #fff;
    }

    #vendorProductPricingDetailsGrid th, #vendorProductPricingDetailsGrid td, #storageitemsgrid td, #logReqtoAddGrid td, #logReqtoRemoveGrid td, #logReqtoAddGrid th, #logReqtoRemoveGrid td {
        width: 100px;
        padding: 0.3em 0.7em;
    }

    .secondAction .rMargin {
        margin-left: 0;
    }

    .r-float .pad0 {
        padding: 0;
    }

    .rightPanel {
        margin-left: 170px;
    }

    .rightPanel {
        margin-left: 0;
    }
}

/*===============   Android Tab 7" Hr + iPad Hr  1023  =======================*/
@media only screen and (max-width:1023px) {
    .r-float {
        width: 100% !important;
        padding-top: 5px;
        margin-left: 0 !important;
    }

        .r-float span {
            margin-left: 0;
        }

        .r-float .formItemRow {
            padding: 0;
        }

        .r-float .pad0 {
            padding: 0;
        }
}


/*===============   Android Tab 7" Hr + iPad Hr  1023  =======================*/
@media only screen and (max-width:1023px) {
    #applicationHost .rhsContainer {
        margin: 0;
    }

    .rhsContainer {
        margin: 0;
    }

    .k-scheduler-content .k-event-template {
        width: 80%;
    }

    .navbar-inverse .brand {
        padding: 0 5px !important;
    }

    .userNameLink {
        color: #fff;
        padding-right: 5px;
        line-height: 25px;
    }

    .pageTitle {
        font-size: 150%;
        width: 40%;
        color: #fff;
    }

    .userImage {
        height: 30px;
        width: 30px;
    }

    .leftPanel {
        z-index: 0;
    }

    .durandal-wrapper .leftNav li .menuContent {
        font-size: 0;
    }

    .navbar-inverse .brand {
        width: 80px;
        margin: 0;
    }

    .durandal-wrapper .leftNav .k-animation-container {
        width: 200px !important;
    }

    .container-fluid .editmodel {
        width: 70%;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .durandal-wrapper .leftNav a {
        line-height: inherit;
    }

    .k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite {
        background-image: url('../images/sprite-kendo.png') !important;
        border-color: transparent;
    }

    .pageBreadCrum {
        left: -19px;
        top: -14px;
    }

    .secondAction .rMargin {
        margin-left: 0;
    }

    .r-float {
        width: 100% !important;
        padding-top: 5px;
        margin-left: 0 !important;
    }

        .r-float span {
            margin-left: 0;
        }

        .r-float .formItemRow {
            padding: 0;
        }

        .r-float .pad0 {
            padding: 0;
        }

    .rightPanel {
        margin-left: 170px;
    }

    .rightPanel {
        margin-left: 0;
    }
}

/*===============   Android Tab Vr 10" 800   =======================*/
@media only screen and (max-width:800px) {
    #applicationHost .rhsContainer {
        margin: 0;
    }

    .navbar-inverse .brand {
        padding: 0 5px !important;
    }

    li.settingDiv:hover ul {
        top: 37px !important;
    }

    .userNameLink {
        color: #fff;
        padding-right: 5px;
        line-height: 25px;
    }

    .container-fluid .rightPanel {
        margin: 0 0 35px 0 !important;
        width: 100%;
        padding: 0;
    }

    .pageBreadCrum {
        position: static;
        margin-bottom: 10px;
        width: auto;
    }

    .sidebar-nav {
        background: #f2f2f2;
        border-bottom: 1px solid #ccc;
    }

        .sidebar-nav .boxShadow {
            box-shadow: none;
        }

    .fieldset {
        margin: 10px 0 20px;
    }

    .container-fluid {
        padding: 0;
    }

    .pageTitle {
        font-size: 150%;
        width: 40%;
        color: #fff;
    }

    .userImage {
        height: 30px;
        width: 30px;
    }

    .leftPanel {
        z-index: 0;
    }

    .durandal-wrapper .leftNav li ul.submenu a.k-state-selected {
        background: #f2f2f2;
    }

    .durandal-wrapper .leftNav a span.icon {
        margin: 0;
        padding: 0 10.50px;
    }

        .durandal-wrapper .leftNav a span.icon em {
            left: 25%;
        }

    .durandal-wrapper .topRightNav li {
        padding: 2px 10px 0;
        height: auto;
        line-height: inherit;
    }

        .durandal-wrapper .topRightNav li .userImage img, .durandal-wrapper .topRightNav li .userImage {
            width: 25px;
            height: 25px;
        }

    z .durandal-wrapper .settings {
        margin-bottom: 0;
    }

    .durandal-wrapper .leftPanel {
        padding-top: 49px;
    }

    html .durandal-wrapper .leftNav .k-animation-container {
        position: absolute !important;
        left: inherit;
    }

    html .durandal-wrapper .leftNav .submenu .k-animation-container {
        position: static !important;
        margin-left: 0 !important;
        width: 170px !important;
    }

    html .durandal-wrapper .leftNav li ul.submenu li .thirdLevel {
        background: #fff !important;
    }

    html .container-fluid .editmodel {
        width: 95%;
    }

    .durandal-wrapper .leftNav a {
        line-height: inherit;
    }

    .k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite {
        background-image: url('../images/sprite-kendo.png') !important;
        border-color: transparent;
    }

    .r-float {
        width: 100% !important;
        padding-top: 5px;
    }

    .copySet .iconCopy {
        position: relative;
        top: -3px;
        left: 22px;
    }

    .popupForm .srcTarget .formLeftColumn {
        width: 41%;
    }

    .recipeContainer .tabPanel {
        width: 14%;
    }

    .recipeContainer .recipeSec {
        width: 85%;
    }

    .fieldset {
        margin: 15px 0 20px;
    }

    .menuCreation .threeCol .formLeftColumn {
        width: 28.5% !important;
    }

    #vendorProductPricingDetailsGrid th, #vendorProductPricingDetailsGrid td, #storageitemsgrid td, #logReqtoAddGrid td, #logReqtoRemoveGrid td, #logReqtoAddGrid th, #logReqtoRemoveGrid th {
        width: 100px;
        padding: 0.3em 0.7em;
    }

    #vendorProductPricingDetailsGrid .k-grid-header {
        padding-right: 0;
    }

    .span6.r-float {
        margin-left: 0 !important;
    }

    .r-float .formItemRow {
        padding: 10px 0 0;
    }

    .r-float .pad0 {
        padding: 0;
    }

    .secondAction .rMargin {
        margin-left: 0;
    }

    .rightPanel {
        margin-left: 170px;
    }

    .rightPanel {
        margin-left: 0;
    }
}

/*===============   Android Tab 10" Hr  1280   =======================*/

@media only screen and (max-width:1280px) {
    .navbar-inverse .brand {
        padding: 0 5px !important;
    }

    .pageTitle {
        font-size: 110%;
        width: 50%;
        color: #fff;
        margin-left: 10px;
        margin: 0;
    }

    .durandal-wrapper .leftNav li .menuContent {
        font-size: 0;
    }

    .durandal-wrapper .brand {
        width: 70px !important;
        margin: 3px 0 0 0;
        padding: 0;
    }

    .r-float .pad0 {
        padding: 0;
    }

    .durandal-wrapper .leftNav .k-animation-container {
        width: 200px !important;
    }

    .container-fluid .editmodel {
        _width: 70%;
        min-width: 50%;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .durandal-wrapper .leftNav a {
        line-height: inherit;
        outline: 0 none;
    }

        .durandal-wrapper .leftNav a:link, .durandal-wrapper .leftNav a:visited, .durandal-wrapper .leftNav a:hover, .durandal-wrapper .leftNav a:active {
            outline: 0 none;
        }
}

@media all and (min-width:640px) {
    body {
        _padding-left: 55px;
    }

    .menu-toggle {
        display: none;
    }
}

@media all and (max-width:320px) {
    body {
        padding: 0;
    }

    .topRightNav li {
        display: none;
    }

        .topRightNav li.settingDiv {
            display: block;
        }

    .brand {
        width: 45px;
        margin-left: 35px;
        margin: 10px 0 0 35px;
        padding: 0 !important;
    }

    .pageTitle {
        font-size: 100%;
        width: 50%;
    }

    .nav-collapse {
        float: right;
        width: 40px;
    }

    .menu-toggle {
        top: 5px;
        left: 2px;
    }

    .row-fluid, .rightPanel, .container-fluid {
        min-height: 100%;
        height: 100%;
    }

        .container-fluid .rightPanel {
            margin-bottom: 0 !important;
        }

    .content-frame {
        padding: 0;
        background-color: #fff;
        -ms-transform: translate(166px, 0);
        -moz-transform: translate(166px, 0);
        -webkit-transform: translate3d(166px, 0, 0);
        transform: translate(166px, 0);
        -ms-transition: -ms-transform 0.28s ease-in-out;
        -moz-transition: -moz-transform 0.28s ease-in-out;
        -webkit-transition: -webkit-transform 0.28s ease-in-out;
        transition: transform 0.28s ease-in-out;
    }

    .nav-collapsed .content-frame {
        -ms-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate(0px, 0);
    }

    .leftNav li .k-animation-container ul.submenu li .k-animation-container {
        position: static !important;
        margin-left: 5px !important;
    }
}

@media all and (max-width:360px) {
    body {
        padding: 0;
    }

    .topRightNav li {
        display: none;
    }

        .topRightNav li.settingDiv {
            display: block;
        }

    .brand {
        width: 45px;
        margin-left: 35px;
        margin: 10px 0 0 35px;
        padding: 0 !important;
    }

    .pageTitle {
        font-size: 100%;
        width: 50%;
    }

    .nav-collapse {
        float: right;
        width: 40px;
    }

    .menu-toggle {
        top: 5px;
        left: 2px;
    }

    .row-fluid, .rightPanel, .container-fluid {
        min-height: 100%;
        height: 100%;
    }

        .container-fluid .rightPanel {
            margin-bottom: 0 !important;
        }

    .content-frame {
        padding: 0;
        background-color: #fff;
        -ms-transform: translate(166px, 0);
        -moz-transform: translate(166px, 0);
        -webkit-transform: translate3d(166px, 0, 0);
        transform: translate(166px, 0);
        -ms-transition: -ms-transform 0.28s ease-in-out;
        -moz-transition: -moz-transform 0.28s ease-in-out;
        -webkit-transition: -webkit-transform 0.28s ease-in-out;
        transition: transform 0.28s ease-in-out;
    }

    .nav-collapsed .content-frame {
        -ms-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate(0px, 0);
    }

    .leftNav li .k-animation-container ul.submenu li .k-animation-container {
        position: static !important;
        margin-left: 5px !important;
    }
}
/*****************************************/
/*    Responsive CSS        End          */
/*****************************************/

.custUpload .k-widget {
    width: 100%;
}

.purchaseContainer .k-master-row td {
    border-bottom: 1px solid #fff;
}
/*      Work flow UI           */
.stepsFlow {
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .stepsFlow .initiator, .stepsFlow .bridge, .stepsFlow .performer, .stepsFlow .approver {
        position: absolute;
    }

    .stepsFlow .bullet {
        background-color: #BEADD9;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        padding: 10px;
        width: 70px;
        height: 70px;
    }

    .stepsFlow .inner {
        position: relative;
        padding: 15px;
        min-height: 250px;
        padding-top: 10%;
        text-align: center;
        vertical-align: top;
    }

        .stepsFlow .inner .bullet {
            top: 0;
            left: 30%;
            position: absolute;
            z-index: 1;
        }

    .stepsFlow .looper .inner {
        min-width: 20%;
        display: inline-block;
        max-width: 30%;
    }

    .stepsFlow .Initiator .bridge, .stepsFlow .initiator .bridge, .stepsFlow .INITIATOR .bridge {
        left: 55%;
    }

    .stepsFlow .Approver .bridge, .stepsFlow .approver .bridge, .stepsFlow .APPROVER .bridge, .stepsFlow .PERFORMER .bridge {
        left: 0;
    }

    .stepsFlow .inner:first-child .bridge {
        width: 100%;
        left: 55%;
    }

    .stepsFlow .inner:last-child .bridge {
        width: 100%;
        left: -55%;
    }
    /*.stepsFlow .Initiator {background-image:url(../images/bridge.png); background-repeat:no-repeat; background-position:185px 10%} 
.stepsFlow .Performer {background-image:url(../images/bridge.png); background-repeat:no-repeat; background-position:-280px 10%} 
.stepsFlow .Approver {background-image:url(../images/bridge.png); background-repeat:no-repeat; background-position:-280px 10%}*/

    /*.stepsFlow .initiator .bullet, .stepsFlow .Initiator .bullet, .stepsFlow .INITIATOR .bullet, */ .stepsFlow .inner:first-child .bullet {
        background-image: url(../images/icn-inti.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    /*.stepsFlow .performer .bullet, .stepsFlow .Performer .bullet, .stepsFlow .PERFORMER .bullet, */ .stepsFlow .inner:nth-child(2) .bullet, .stepsFlow .inner:nth-child(3) .bullet {
        background-image: url(../images/icn-per.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    /*.stepsFlow .approver .bullet, .stepsFlow .Approver .bullet, .stepsFlow .APPROVER .bullet, */ .stepsFlow .inner:last-child .bullet {
        background-image: url(../images/icn-aprv.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .stepsFlow .initiator .bullet:hover, .stepsFlow .initiator .bullet.active, .stepsFlow .performer .bullet:hover, .stepsFlow .performer .bullet.active, .stepsFlow .approver .bullet:hover, .stepsFlow .approver .bullet.active, .stepsFlow .Initiator .bullet:hover, .stepsFlow .Initiator .bullet.active, .stepsFlow .Performer .bullet:hover, .stepsFlow .Performer .bullet.active, .stepsFlow .Approver .bullet:hover, .stepsFlow .Approver .bullet.active {
        background-color: #FD6C03;
        transition: background-color 0.4s ease;
    }

    .stepsFlow .bridge {
        background: #BEADD9;
        width: 80%;
        height: 10px;
        top: 40px;
        left: -40%;
        z-index: 0;
    }

    .stepsFlow label {
        text-align: center;
        color: #020001;
        margin: 0;
        cursor: pointer;
        text-transform: capitalize;
        display: inline-block;
    }

    .stepsFlow a.setting {
        background: url(../images/edit.png) 100% 4px no-repeat;
        display: inline-block;
        height: 20px;
        width: 20px;
        position: relative;
        top: 5px;
    }

    .stepsFlow .role {
        text-align: center;
        padding: 5px 10px;
        color: #020001;
        width: 60%;
        display: block;
        margin: 0 auto;
        border: 1px solid #ccc;
    }

.boxMessage span {
    margin-top: 4px;
}

.boxMessage {
    line-height: 18px;
}

.arrowBk, .arrowNxt {
    display: inline-block;
    width: 25px;
    height: 30px;
    background-color: none;
    border: 0;
}

.arrowBk {
    background: url(../images/arrowBack.png) 5px 5px no-repeat;
}

.arrowNxt {
    background: url(../images/arrowNext.png) 5px 5px no-repeat;
}
/*#supersized-loader {position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}*/
#supersized {
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 100%;
    width: 100%;
}

    #supersized img {
        width: auto;
        height: auto;
        position: relative;
        display: none;
        outline: none;
        border: none;
    }

    #supersized.speed img {
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -moz-crisp-edges;
    }
    /*Speed*/
    #supersized.quality img {
        -ms-interpolation-mode: bicubic;
        image-rendering: optimizeQuality;
    }
    /*Quality*/

    #supersized a {
        /*z-index: -30;*/
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: #111;*/ background: rgba(0, 0, 0, 0.5)
    }

        #supersized a.prevslide {
            z-index: -20;
        }

        #supersized a.activeslide {
            z-index: -10;
        }

            #supersized a.prevslide img, #supersized a.activeslide img {
                display: inline;
            }
/*Controls Section*/
#controls-wrapper {
    margin: 0 auto;
    height: 62px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 4;
    position: fixed;
}

#controls {
    overflow: hidden;
    height: 100%;
    text-align: left;
    z-index: 5;
    padding: 0 114px; /* Increase padding to give thumbnails room */
}

#slidecounter {
    float: left;
    color: #888;
    font: 23px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-shadow: #000 0 -1px 0;
    margin: 19px 10px 18px 20px;
}

#slidecaption {
    overflow: hidden;
    float: left;
    color: #FFF;
    font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-shadow: #000 0 2px 0;
    margin: 23px 20px 23px 0;
}

#navigation {
    float: right;
    margin: 10px 20px 0 0;
}
/*Thumbnail Navigation*/
#nextthumb, #prevthumb {
    z-index: 6;
    display: none;
    position: fixed;
    bottom: 12px;
    height: 75px;
    width: 100px;
    overflow: hidden;
    background: #ddd;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 5px #000;
}

#nextthumb {
    right: 12px;
}

#prevthumb {
    left: 12px;
}

    #nextthumb img, #prevthumb img {
        width: 150px;
        height: auto;
    }

    #nextthumb:active, #prevthumb:active {
        bottom: 10px;
    }

    #navigation > :hover, #nextthumb:hover, #prevthumb:hover {
        cursor: pointer;
    }

#content {
    position: absolute;
    top: 0;
    left: 10%;
    background: #fff;
    background: rgba(255,255,255,0.85);
    width: 320px;
    text-align: left;
    border: 1px solid #ccc;
    border-top: 0;
    padding-top: 180px;
    min-height: 400px;
    padding-bottom: 15px;
    max-height: 65%;
    min-height: 440px;
}

.stamp {
    float: right;
    margin: 15px 30px 0 0;
}

.k-state-hidden {
    display: none;
}

.commentRole {
    background: #f4f4f4;
    margin-bottom: 10px;
    padding: 5px;
}

    .commentRole li {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .commentRole span {
        display: block;
        float: left;
        margin: 0 10px 0 0;
    }

        .commentRole span.date {
            color: #666;
        }

        .commentRole span.uName {
            color: #1c6892;
        }

    .commentRole .cNote {
        padding: 2px 4px;
    }

.rNote {
    color: #91190B;
}

.gNote {
    color: #0B912F;
}

.dineProgress {
    display: block;
    width: 425px;
    height: 129px;
    margin: 7% auto;
    padding-top: 180px;
}

    .dineProgress .bar {
        background: url(../images/dineLoading.gif) 45% 0 no-repeat;
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto;
        height: 140px;
    }

.rhsContainer {
    padding: 0 10px;
    background: #fff;
    margin: 41px 0;
}

.leftPanel {
    margin-top: 41px;
}

.offcanvas {
    width: 55px;
    float: left;
}
/*.rightPanel {margin-left:170px}
.nav-collapsed .rightPanel {margin-left:0}
.offcanvas {width:220px}
    */
.k-widget tr.k-grouping-row td {
    text-align: left;
}

.welcomeBox .notifyItem {
    background: #FA6101;
    -webkit-border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    padding: 2px 5px;
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    top: -8px;
    right: -10px;
    display: inline-block;
    color: #fff;
}

.notIcon {
    background: url(../images/icon-notif.png) 0 0 no-repeat;
    display: block;
    width: 21px;
    height: 22px;
    position: absolute;
    top: 10px;
    left: -50px;
    color: #fff;
    cursor: pointer;
}

.faqIcon {
    background: url(../images/icon-faq.png) 0 0 no-repeat;
    display: block;
    width: 35px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: -100px;
    color: #fff;
    cursor: pointer;
}

.welcomeBox {
    float: right;
    position: relative;
}

#itemsToConsiderGrid .k-grouping-row td {
    text-align: left;
}

#dashbordNotificationgrid .k-grid-content table.k-selectable {
    border-bottom: 1px solid #bbc8ce;
}

.inventactualbx {
    background: #077DF2;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.inventtheoreticalbx {
    background: #60F50A;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.inventtargetbx {
    background: #F27272;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.notifPopUp {
    -webkit-border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    top: 40px;
    z-index: 9999;
    position: absolute;
    display: block;
    right: 5%;
    width: 30%;
    background: #EAEAEA;
    padding: 3px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}

.notificationRead {
    font-weight: bold;
}

.ux-menu-child-ul {
    float: left;
    padding: 6px;
    text-align: left;
    filter: progid:DXImageTransform.Microsoft.DropShadow(color = '#cccccc', offX = '2', offY = '2');
    list-style-type: none;
}

    .ux-menu-child-ul li {
        border-bottom: 2px solid#AEAEAE;
        padding: 5px 0;
    }

.viewback {
    background: #EAEAEA;
    padding: 10px 5px;
    text-align: center;
    color: #333;
}

.ux-menu-child-ul a {
    color: #666;
    /*padding: 4px 4px;*/
    margin: 0;
    border-top-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notificationHead {
    background: #EAEAEA;
    padding: 8px 4px;
    text-align: left;
    font-size: 1.2em;
    border-bottom: 2px solid #dbdbdb;
}

.viewback a {
    color: #333;
}

.popArrow {
    background: url(../images/popArrow.png) 0 0 no-repeat;
    display: block;
    width: 19px;
    height: 12px;
    position: absolute;
    top: 30px;
    left: -21%;
}

#catGrpPanelBar li {
    margin: 5px;
}

    #catGrpPanelBar li .k-header {
        background: url(../images/dragIcon.png) 10px 5px no-repeat #D2D200;
        padding-left: 50px;
    }

#dailyDataEntryPanel li .k-header {
    background-image: none;
    padding-left: 30px;
}

#dailyDataEntryPanel .k-panelbar-expand, #dailyDataEntryPanel .k-panelbar-collapse {
    left: 10px !important;
}

#catGrpPanelBar .k-panel li .k-header {
    background: none;
}

#catGrpPanelBar .k-panel li .fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

#catGrpPanelBar .k-panelbar-expand, #catGrpPanelBar .k-panelbar-collapse {
    left: 30px;
}

#catGrpPanelBar .k-header, #catGrpPanelBar .k-link {
    padding-left: 50px;
    /* overflow: hidden; */
}

#divPanel #catGrpPanelBar .k-link {
    overflow: hidden;
}

#catGrpPanelBar .k-header .clsCatGrpName, #catGrpPanelBar .k-header .clsHiddenCatGrp {
    float: left;
    width: 50%;
}

.k-panel span.k-link .clsMealCatName, .k-panel span.k-link .clsHiddenMealCat {
    width: 44%;
    float: left;
}

.actionBox {
    overflow: hidden;
    padding: 5px;
    width: 60px;
    float: right;
    text-align: center;
}

    .actionBox input {
        width: 45%;
        display: inline-block;
    }

.k-grid-content .actionBox {
    width: 60px;
    margin: 0 auto;
}

#catGrpPanelBar .k-grid-content table tr:first-child td:last-child .actionBox .moveUp {
    display: none;
}

#catGrpPanelBar .k-grid-content table tr:last-child td:last-child .actionBox .moveDown {
    display: none;
}

#catGrpPanelBar .k-panel span.k-link {
    background: #98A6AF;
}
/*.dashBoardContainer {overflow:hidden}*/

.dashBoardContainer .popupForm {
    position: relative;
}

.iCount {
    position: relative;
}

.innerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: url(../images/loginFormBg.png);
    text-align: center;
}

    .innerOverlay .ajaxloader {
        top: 40%;
        position: absolute;
        left: 30%;
        padding-left: 65px;
        background: url(../images/loading-image.gif) 0 center no-repeat;
        display: inline-block;
        height: 55px;
        width: 200px;
        line-height: 50px;
    }

.indicatorBox .eventGr, .indicatorBox .eventGy, .indicatorBox .eventLg, .indicatorBox .eventLr, .indicatorBox .eventRd, .indicatorBox .eventBlue {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
}

.indicatorBox td {
    padding: 5px;
}

.indicatorBox em {
    color: #666;
}

.indicatorBox .borderBox {
    border: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
}

.indicatorBox .eventGr {
    background: #99ce4d;
}

.indicatorBox .eventGy {
    background: #DEDEDE;
}

.indicatorBox .eventLg {
    background: #CEFCE2;
}

.indicatorBox .eventLr {
    background: #FEA98C;
}

.indicatorBox .eventRd {
    background: #E40001;
}

#revenueMonthScheduler {
    margin: 0 0 35px 0;
}

    #revenueMonthScheduler .eventGr {
        background: #99ce4d;
    }
    /*green*/
    #revenueMonthScheduler .eventGy {
        background: #DEDEDE;
    }
    /*Gray*/
    #revenueMonthScheduler .eventLg {
        background: #CEFCE2;
    }
    /*Light Green*/
    #revenueMonthScheduler .eventLr {
        background: #FEA98C;
    }
    /*Light Red*/
    #revenueMonthScheduler .eventRd {
        background: #E40001;
    }
    /*Red*/
    #revenueMonthScheduler .k-event {
        background: none;
        border: none;
        height: 53px !important;
        margin-top: -30px;
    }

    #revenueMonthScheduler#revenueMonthScheduler .k-scheduler-toolbar {
        text-align: center;
        background: #EDEA4D;
        font-weight: bold;
        color: #666;
    }

    #revenueMonthScheduler .calView .k-other-month .k-nav-day, #revenueMonthScheduler .k-nav-day {
        background: #EDEA4D;
        font-weight: bold;
        position: relative;
        top: 75%;
        right: 85%;
        bottom: -58px;
        color: #000;
    }

    #revenueMonthScheduler .k-today .k-nav-day {
        background: #5C6263;
    }

    #revenueMonthScheduler #prevMonthIndicator {
        background: url(../images/icn-singleleft.png) 0 0 no-repeat;
        width: 16px;
        height: 16px;
        font-size: 1px;
        display: inline-block;
        margin: 0 10px;
        cursor: pointer;
    }

    #revenueMonthScheduler #nextMonthIndicator {
        background: url(../images/icn-singleright.png) 0 0 no-repeat;
        width: 16px;
        height: 16px;
        font-size: 1px;
        display: inline-block;
        margin: 0 10px;
        cursor: pointer;
    }

    #revenueMonthScheduler #prevLastMonthIndicator {
        background: url(../images/icn-rewind.png) 0 0 no-repeat;
        width: 26px;
        height: 16px;
        font-size: 0;
        display: inline-block;
        margin: 8px 5px;
        cursor: pointer;
        float: left;
    }

    #revenueMonthScheduler #nextLastMonthIndicator {
        background: url(../images/icn-preview.png) 0 0 no-repeat;
        width: 26px;
        height: 16px;
        font-size: 0;
        display: inline-block;
        margin: 8px 5px;
        cursor: pointer;
        float: right;
    }

    #revenueMonthScheduler #monthText {
        font-size: 16px;
        color: #333;
    }

#dataEntrySummaryDiv #datePanelbar {
    border: none;
}

    #dataEntrySummaryDiv #datePanelbar li span.k-header {
        background: #d2d200;
        color: #fff;
        padding-left: 35px;
    }

    #dataEntrySummaryDiv #datePanelbar li {
        border-bottom: 1px solid #fff !important;
    }

        #dataEntrySummaryDiv #datePanelbar li .k-content {
            margin: 3px 0 0 15px;
        }

        #dataEntrySummaryDiv #datePanelbar li table td span:first-child {
            margin-left: 0 !important;
        }

        #dataEntrySummaryDiv #datePanelbar li .k-panelbar .k-state-default input[type="text"]:focus {
            margin-left: 0 !important;
        }

        #dataEntrySummaryDiv #datePanelbar li.depositCompleted span.k-header {
            background: #91FE71 !important;
        }

#cateringInvoiceDetailGrid {
    margin-bottom: 0 !important;
}

.totalTable tr td {
    padding: 3px 5px;
}

.totalTable {
    width: 100%;
    font-weight: bold;
    border: 1px solid #ccc;
}

    .totalTable label {
        padding-left: 15px;
    }

    .totalTable .grandTotal td {
        background: #F1F5F8;
    }

.row-fluid .viewDollar {
    background: url(../images/icndollar.png) 0 0 no-repeat !important;
    width: 24px;
    height: 22px;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
}

.row-fluid .viewRow1 {
    background: url(../images/viw.png) 0 0 no-repeat !important;
    width: 24px;
    height: 19px;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
}

.row-fluid .editRow1 {
    background: url(../images/edit.png) 2px 4px no-repeat !important;
    display: inline-block;
    width: 17px;
    height: 21px;
    margin-right: 3px;
    cursor: pointer;
}

#itemsToConsiderGrid tr td {
    text-align: left !important;
}

.row-fluid .editRow1 {
    background: url(../images/edit.png) 2px 4px no-repeat !important;
    display: inline-block;
    width: 17px;
    height: 21px;
    margin-right: 3px;
    cursor: pointer;
}
/*.monthReconTab #panelbar .k-panelbar>li.k-item, .k-panel>li.k-item, .k-tiles {background:#d2d200 !important}*/
#crumbs.claimBreadcrumb ul li.click a {
    background: #c5c32a;
}

#crumbs.claimBreadcrumb ul li a {
    background: #e3e3c9;
    color: #fff;
}

    #crumbs.claimBreadcrumb ul li a:after {
        border-left-color: #e3e3c9;
    }

#crumbs.claimBreadcrumb ul li.click a:after {
    border-left-color: #c5c32a;
}

#crumbs.claimBreadcrumb ul li span.num {
    background: #e3e3c9;
}

#crumbs.claimBreadcrumb ul li.click span.num {
    background: #c5c32a;
}

#crumbs.claimBreadcrumb ul li.active a {
    background: #c5c32a;
    color: #fff;
}

#crumbs.claimBreadcrumb ul li.click a span.icn {
    color: #fff;
}

#crumbs.claimBreadcrumb ul li.active a:after {
    border-left-color: #c5c32a;
}

.monthReconTab #panelbar {
    border: none;
}

    .monthReconTab #panelbar li span.k-header {
        background: #d2d200;
        color: #fff;
    }

    .monthReconTab #panelbar li {
        border-bottom: 1px solid #fff !important;
    }

.revenueSpan {
    color: #fff;
}

.k-button.k-button-icontext.k-grid-ReconAlertButton {
    background-color: none;
    background: url(../images/icnwarning.png) 0 0 no-repeat;
    margin: 0;
    padding: 0 0 0 20px;
    color: #000;
}

.k-button.k-button-icontext.k-grid-ReconCheckButton {
    background-color: none;
    background: url(../images/icncheck.png) 0 0 no-repeat;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    width: 20px;
    height: 20px;
}

.reconRtAlert {
    background-color: none;
    background: url(../images/icnwarning.png) 100% 0 no-repeat;
    margin: 0;
    padding: 0 20px 0 0;
    color: #fff;
}

.k-widget.k-upload.k-header .k-upload-files .k-icon {
    float: left;
}

.k-widget.k-upload.k-header .k-upload-files .k-filename {
    width: 84%;
    text-align: left;
}

.commentpopup {
    position: absolute;
    background: #fff;
    width: 200px;
    overflow-y: auto;
    max-height: 200px;
    padding: 10px;
    left: 5px;
    min-height: 100px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    z-index: 999;
}
/*.k-scheduler-layout.k-scheduler-monthview #closeCommentBox {border:1px solid red;}*/

/*.commentpopup:after {
        content: "";
        position: absolute;
        left: 50px;
        top: -12px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }*/

#floatMenu {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 11px;
    padding-top: 41px;
    z-index: 1050 !important;
}

.scrollToTop {
    line-height: 100px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: none;
    background: url(../images/upArrow.png) 50% 0 no-repeat;
    height: 40px;
    width: 40px;
}

    .scrollToTop:hover {
        text-decoration: none;
    }

.scrollToBottom {
    line-height: 100px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: none;
    background: url(../images/downArrow.png) 50% 0 no-repeat;
    height: 40px;
    width: 40px;
}



    .scrollToBottom:hover {
        text-decoration: none;
    }

.monthReconTab #locationPanelbar li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #fff !important;
}

    .monthReconTab #locationPanelbar li input[type="number"] {
        padding: 0;
        line-height: normal;
        margin: 0;
    }

    .monthReconTab #locationPanelbar li .k-grid.k-widget.k-secondary {
        margin-left: 15px;
    }

    .monthReconTab #locationPanelbar li input[type="radio"] {
        vertical-align: middle;
        margin-top: 0 !important;
    }

    .monthReconTab #locationPanelbar li .k-widget.k-numerictextbox, .monthReconTab #locationPanelbar li .k-widget.k-numerictextbox .k-numeric-wrap.k-state-default {
        margin-left: 0 !important;
    }

    .monthReconTab #locationPanelbar li span.k-select span {
        margin-left: 0;
    }

.nodatatext {
    text-align: center;
    margin: 5px 0;
}

.monthReconTab #locationPanelbar {
    border: none;
}

    .monthReconTab #locationPanelbar li span.k-header {
        background: #d2d200;
        color: #fff;
    }

    .monthReconTab #locationPanelbar li .k-content {
        margin: 1px 0;
    }

.rhsContainer .loginInner {
    background: #f2f2f2;
    width: 35%;
    border: 1px solid #ccc;
    padding: 10px 15px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

    .rhsContainer .loginInner h1 {
        color: #333;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .rhsContainer .loginInner .inputText {
        color: #333 !important;
    }

.rhsContainer .calendarPanel {
    margin-bottom: 0 !important;
}

    .rhsContainer .calendarPanel #calendar .k-state-selected a.k-link, .rhsContainer .calendarPanel .calendar_cell_selected {
        background-color: #E1F7E5;
    }

    .rhsContainer .calendarPanel .eventBox {
        text-align: center;
    }

.calendarPanel #calendar {
    background: none !important;
    border: 1px solid #ccc;
    padding: 0;
    border-bottom: 0;
    min-width: 500px;
    border-width: 1px 0 0 1px;
    width: 100%;
    margin: 0;
}

    .calendarPanel #calendar .k-content tr td {
        border: 1px solid #ccc;
        padding: 0;
        height: 80px;
    }

        .calendarPanel #calendar .k-content tr td .eventBox {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
        }

        .calendarPanel #calendar .k-content tr td span.dMark {
            background: #3D3D3D;
            text-transform: uppercase;
            color: #fff;
        }

    .calendarPanel #calendar .k-header {
        background: #FBF9FA;
        border-right: 1px solid #ccc;
    }

        .calendarPanel #calendar .k-header a, .calendarPanel #calendar .k-link {
            color: #252525;
            border-radius: 0;
        }

    .calendarPanel #calendar tr th {
        background: #907CB1;
        padding: 7px;
    }

    .calendarPanel #calendar .dayCell {
        min-height: 80px;
        width: 100% !important;
        position: relative;
    }

    .calendarPanel #calendar .calDate {
        padding: 2px 5px;
        display: inline-block;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        min-width: 15px;
        position: absolute;
        top: 35%;
        left: 30%;
        color: #fff;
        border: 2px solid #fff;
    }

    .calendarPanel #calendar .k-state-selected a.k-link {
        width: 100% !important;
    }

.indiNotes p {
    margin-bottom: 10px;
    color: #909090;
    font-size: 12px;
}

.calendarsingleevent {
    background: #60F50A;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.calendarmultipleevent {
    background: #FABB30;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.calendarweekstart {
    background: #5858FA;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.calendarweekend {
    background: #B43104;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 2px;
}

.popupHeadG {
    background: #A5E549;
}

.popupHeadB {
    background: #5858FA;
}

.popupHeadR {
    background: #B43104;
}

#wbcLockRuleGrid .k-grid-content .k-i-collapse {
    display: none;
}

#wbcLockRuleGrid .k-grid-content .k-group-cell {
    padding: 0;
    background: inherit;
    border-top: 1px solid #ccc;
}

.treeViewGrid ul li {
    margin: 5px 0 !important;
}

.clsUlPannel .clsHiddenAccountGrp, .clsUlPannel .clsHiddenMealCat, .clsUlPannel .clsHiddenChargeTyp {
    font-size: 0;
    height: 0;
}

.treeTbl th {
    white-space: pre-wrap;
    word-break: break-all;
}

.treetbleInner td {
    padding: 5px;
}

.treetbleInner li .k-header {
    padding-left: 25px;
}

.treeViewGrid .k-header {
    padding-right: 0 !important;
}

.treeViewGrid li .k-header {
    background-color: #D2D200;
    padding-left: 50px;
}

.dRecap .clsUlPannel {
    margin-right: 0;
}

.treeViewGrid .clsUlPannel .k-header {
    padding-left: 0 !important;
}

.durandal-wrapper .dRecap #dailyDataEntryPanel .k-panelbar-expand, .durandal-wrapper .dRecap #dailyDataEntryPanel .k-panelbar-collapse {
    left: 0 !important;
    top: 0 !important;
}

.treeViewGrid .treetbleInner tr td:first-child {
    padding-left: 20px;
    float: none;
}

.durandal-wrapper .treeViewGrid tr td {
    color: #fff !important;
}

.treeViewGrid .catGrpPanelBar li .k-header {
    background: #B9B61D !important;
}

.treeViewGrid .k-group > .k-item > span.k-link {
    background: #908F11 !important;
    padding-left: 0 !important;
    padding-right: 0;
}

.treeViewGrid .k-group > .k-item > .k-group > .k-item > span.k-link {
    background: #727009 !important;
    padding-left: 0 !important;
    padding-right: 0;
}

.treeViewGrid .k-link table tr td:first-child {
    /* padding-left: 20px!important; */ /*DCF-306 Changes*/
    padding: 3px 5px !important;
}

.treeViewGrid .k-link table tr td {
    padding: 5px;
}

.treeViewGrid .k-grid-content tr td {
    color: #2e2e2e !important;
}

.treeViewGrid .k-content .fieldset .k-selectable tr td {
    width: 13% !important;
}

    .treeViewGrid .k-content .fieldset .k-selectable tr td:first-child {
        width: 22% !important;
    }

body #divDistrictPannel #dailyDataEntryPanel tr th {
    width: 162px !important;
}

body #divDistrictPannel #dailyDataEntryPanel .clsMealCatName, body #divDistrictPannel #dailyDataEntryPanel tr td {
    width: 140px !important;
}




/*.dRecap .treeViewGrid .k-selectable tr td:first-child {
        width:auto !important; min-width:150px!important
    }*/
.dRecap .treeViewGrid .clsMealCatName {
    width: inherit !important;
    float: none !important;
}

.whitsRecap .k-header {
    background-image: inherit;
}

.configurator h5 {
    margin-right: 5px;
}

.configurator .k-multiselect {
    padding: 5px;
}

.repeatBox {
    margin-right: 10px;
}

    .repeatBox input[type="radio"] {
        margin-right: 10px;
    }

.screenContainer .showScreen {
    max-width: 200px !important;
}

.imageUpload .uploadBtn .k-dropzone {
    height: auto;
}

#locationMealProgramGrid table tr td, #locationMealProgramGrid table tr th {
    width: 120px;
}

.fullWidthTable tr th {
    min-width: 150px !important;
}

.fullWidthTable tr td:first-child {
    text-indent: 20px;
}

.fullWidthTable tr td {
    background: #E2DC22;
    min-width: 150px !important;
    border-right: 1px solid #fff;
}

.fullWidthTable li, .fullWidthTable table {
    width: 100%;
}

.fullWidthTable .k-selectable tr td {
    min-width: 150px !important;
}

.revenueFullWidth .treeViewGrid .k-content .fieldset .k-selectable tr td {
    width: 150px !important;
}

#applicationHost .customPannelView .clsUlPannel table tr td, #applicationHost .customPannelView .fullWidthTable tr th {
    padding: 3px 5px !important;
}

.customPannelView .clsUlPannel {
    width: 100% !important;
    float: left !important;
    display: block !important;
}

    .customPannelView .clsUlPannel li, .customPannelView .clsUlPannel li > li {
        width: 100% !important;
        float: left !important;
        display: block !important;
    }

    .customPannelView .clsUlPannel, .customPannelView .clsUlPannel .fieldset, .customPannelView .clsUlPannel .clsWhitsonsRecapDetails {
        border: 0;
    }

        .customPannelView .clsUlPannel .k-grid-content {
            overflow: inherit !important;
        }

        .customPannelView .clsUlPannel .fieldset {
            margin: 0;
            padding: 0;
        }

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 1005;
}

.centerBox {
    width: 60%;
    margin: 0 auto;
}

.imgSlideControl .brdpage {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    overflow-x: scroll;
    /*display: -webkit-box -moz-box;*/
    display: -moz-box; /*Mozila*/
    display: -webkit-box; /*Chrome*/
    display: inline-block; /*IE*/
}

    .imgSlideControl .brdpage .slider1 {
        /*width: 100%;*/
        display: -moz-box; /*Mozila*/
        display: -webkit-box; /*Chrome*/
        display: inline-block; /*IE*/
    }

.imgSlideControl .photoFrame {
    width: 150px;
    height: 115px;
    float: left;
    margin: 5px 8px;
    margin-left: 0;
    min-height: 115px;
    border: none;
}

    .imgSlideControl .photoFrame:first-child {
        margin-left: 8px;
    }

.imgSlideControl .slideImg {
    width: 150px;
    height: 115px;
}

.imgSlideControl .photoFrame .bgWhite {
    height: 115px;
    width: 150px;
    margin: 0;
    left: 0;
    top: 0;
    background: url(../images/loginFormBg.png) 0 0 no-repeat;
    text-align: center;
    padding: 65px 0 0;
    display: none;
}

.imgSlideControl .photoFrame:hover .bgWhite {
    display: block;
}

.imgSlideControl .photoFrame .bgWhite a {
    display: inline-block;
    float: none;
    margin: 0 5px;
}

.imgSlideControl .photoFrame .zoomIcon {
    background: url(../images/icnZoom2.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
}

.imgSlideControl .photoFrame .closeIcon {
    background: url(../images/icnClose2.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
}

.imgSlideControl .photoFrame .promoFileName {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

.uploadpickbtn {
    text-align: right;
    width: 245px;
    float: right;
}

    .uploadpickbtn .k-upload-button, .uploadpickbtn .k-upload-button:hover {
        background: #5c6263 url(../images/icn-upload.png) 10px center no-repeat;
        min-height: 23px;
        color: #fff;
    }

        .uploadpickbtn .k-upload-button span {
            padding-left: 25px;
        }

    .uploadpickbtn .imageUpload {
        width: 100px;
    }

        .uploadpickbtn .imageUpload .k-dropzone {
            padding-top: 0;
        }
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by:Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }
    /** THEME
===================================*/
    .bx-wrapper .bx-viewport {
        -moz-box-shadow: 0 0 5px #ccc;
        -webkit-box-shadow: 0 0 5px #ccc;
        box-shadow: 0 0 5px #ccc;
        border: 5px solid #fff;
        left: -5px;
        background: #fff; /*fix other elements on the page moving (on Chrome)*/
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }
    /* LOADER */
    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    /* PAGER */
    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #000;
            }
    /* DIRECTION CONTROLS (NEXT / PREV) */
    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls.png) no-repeat 0 -32px;
    }

    .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls.png) no-repeat -43px -32px;
    }

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }
    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(images/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(images/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }
    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }
    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }
/* newly added-start  */
/*.prt2 .buttonSet .btn {height:60px; width:57px; margin-bottom:10px; background:url(../images/iconsSprite.png) -296px -5px no-repeat; background-color:#5c6263; padding-top:33px; padding-left:1px; font-size:11px; Text-align:center;}*/

.prt2 .buttonSet .btn {
    border-radius: 0px;
    height: 60px;
    width: 60px;
    margin-bottom: 10px;
}

.prt2 .buttonSet .Clipart {
    background: url(../images/WBC-Icons/Clipart.jpg);
}

    .prt2 .buttonSet .Clipart:hover {
        background: url(../images/WBC-Icons/Clipart-hover.jpg);
    }

.prt2 .buttonSet .Image {
    background: url(../images/WBC-Icons/Image.jpg);
}

    .prt2 .buttonSet .Image:hover {
        background: url(../images/WBC-Icons/Image-hover.jpg);
    }

.prt2 .buttonSet .Text {
    background: url(../images/WBC-Icons/Text.jpg);
}

    .prt2 .buttonSet .Text:hover {
        background: url(../images/WBC-Icons/Text-hover.jpg);
    }

.prt2 .buttonSet .ConnectorText {
    background: url(../images/WBC-Icons/ConnectorText.jpg);
}

    .prt2 .buttonSet .ConnectorText:hover {
        background: url(../images/WBC-Icons/ConnectorText-hover.jpg);
    }

.prt2 .buttonSet .MarketingPromotion {
    background: url(../images/WBC-Icons/MarketingPromotion.jpg);
}

    .prt2 .buttonSet .MarketingPromotion:hover {
        background: url(../images/WBC-Icons/MarketingPromotion-hover.jpg);
    }

.prt2 .buttonSet .CloseDays {
    background: url(../images/WBC-Icons/CloseDays.jpg);
}

.prt2 .buttonSet .close {
    position: absolute;
    height: 0px;
    width: 80px;
    text-align: center;
    border-radius: 0px;
    left: 68px;
    top: 4px;
}

.prt2 .buttonSet .food-barmenu {
    background: url(../images/WBC-Icons/foodbar.png) 0 0 no-repeat;
}

    .prt2 .buttonSet .food-barmenu:hover {
        background: url(../images/WBC-Icons/foodbar-on.png) 0 0 no-repeat;
    }

.prt2 .buttonSet .print-signage {
    background: url(../images/WBC-Icons/icn-signage.png) 0 0 no-repeat;
}

    .prt2 .buttonSet .print-signage:hover {
        background: url(../images/WBC-Icons/icn-signage-on.png) 0 0 no-repeat;
    }



.buttonSet.btnSetSubBtn {
    overflow: visible;
}

.btnSetSubBtn .SubBtnSet {
    position: relative;
    z-index: 1;
}

.prt2 .buttonSet .CloseDays:hover {
    background: url(../images/WBC-Icons/CloseDays-hover.jpg);
}

.prt2 .buttonSet .TextSize {
    background: url(../images/WBC-Icons/TextSize.jpg);
}

    .prt2 .buttonSet .TextSize:hover {
        background: url(../images/WBC-Icons/TextSize-hover.jpg);
    }

.prt2 .buttonSet .CreatePDF {
    background: url(../images/WBC-Icons/CreatePDF.jpg);
}

.prt2 .buttonSet .printSpec {
    background: url(../images/WBC-Icons/printspecs.png);
}

    .prt2 .buttonSet .printSpec:hover {
        background: url(../images/WBC-Icons/printspecs-on.png);
    }

.prt2 .buttonSet .replace-delete {
    background: url(../images/WBC-Icons/replace-delete-item.png);
}

    .prt2 .buttonSet .replace-delete:hover {
        background: url(../images/WBC-Icons/replace-delete-item-on.png);
    }

.prt2 .buttonSet .CreatePDF:hover {
    background: url(../images/WBC-Icons/CreatePDF-hover.jpg);
}

.prt2 .buttonSet .Post-to-web {
    background: url(../images/WBC-Icons/Post-to-web.jpg);
}

    .prt2 .buttonSet .Post-to-web:hover {
        background: url(../images/WBC-Icons/Post-to-web-hover.jpg);
    }

.prt2 .buttonSet .Copy {
    background: url(../images/WBC-Icons/Copy.jpg);
}

    .prt2 .buttonSet .Copy:hover {
        background: url(../images/WBC-Icons/Copy-hover.jpg);
    }

.prt1, .prt2 {
    width: 50%;
    float: left;
    margin-top: 20px;
}

.prt1 {
    height: 726px;
    overflow: hidden;
    word-wrap: break-word;
}

.dragTree table {
    border-color: transparent;
}

.buttonZone .divAlign {
    width: 80%;
    float: left;
}

.menuPromoPopUp {
    left: 13.4%;
    max-width: 43%;
    border-radius: 10px;
}

.menuConnectorPopUp {
    left: 13.4%;
    max-width: 60%;
    border-radius: 10px;
}

/*.menuPlanner .tinyTextContainer {
    opacity: 0.6;
}*/

.menuPlanner .k-widget.k-widget.k-editor.k-editor-inline {
    background: none;
}

    .menuPlanner .k-widget.k-widget.k-editor.k-editor-inline:hover {
        background: none;
    }

.editmodelSmall.dltCncptPopUp {
    overflow: hidden;
    top: 38%;
}

/* .dltCncptPopUp {top:50%; border-radius:10px; width:40%; left:60%;}
.overlay .dltCncptPopUp .popupHeaderDiv{background-color:#f4f4f4; border:none;}
.dltCncptPopUp .popupTitle{text-align:center; color:#2e2e2e;} 
 .dltCncptPopUp .buttonZone{text-align:center;}*/

.dltCncptPopUp .btn-delete { /*   background-color:#5C6263!important;*/
    padding-left: 33px !important;
    padding-right: 22px;
}

.k-grid-content .deleteRow {
    height: 17px;
}

.clipArtPrt1 {
    bottom: initial;
    top: 42%;
    left: 14%;
    right: 14%;
    border-radius: 10px 10px 0px 0px;
    background-color: #5c6263 !important;
    overflow: visible;
    position: absolute;
}

.imgGalleryPopup {
    top: 53%;
}

.text {
    top: 64%;
}

.imgDraggable {
    overflow: visible;
    bottom: initial;
    top: 51%;
    left: 14%;
    right: 14%;
    border-radius: 10px 10px 0px 0px;
    position: absolute;
}

.divSet {
    float: left;
    margin: 5px 5px;
}

    .divSet select {
        width: 100px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        height: 23px;
        margin-right: 10px;
    }

    .divSet input {
        width: 90px;
        height: 21px;
        margin-left: 10px;
    }

.imgDraggable .popupForm {
    overflow: visible;
}

.clipArtPrt1 .popupHeaderDiv {
    background-color: #5c6263 !important;
    border: none;
    border-radius: 10px 10px 0px 0px;
}

.imgDraggable .popupHeaderDiv {
    background-color: #5c6263 !important;
    border-radius: 10px 10px 0px 0px;
}

.clipArtPrt1 .popupFormSmall {
    padding: 10px;
    background-color: #5c6263 !important;
    width: 100%s;
}

.clipArtPrt2 {
    bottom: initial;
    top: 80%;
    left: 14%;
    right: 14%;
    border-radius: 10px 10px 0px 0px;
    background-color: #5c6263 !important;
    overflow: visible;
    position: absolute;
}

.slctConcptTbl {
    float: none !important;
}
/*For Monthly*/
.monthSchoolName {
    margin-left: 447px;
    margin-top: 81px;
    color: #000;
    width: 365px;
    height: 60px;
    float: left;
    line-height: 40px;
    text-align: left;
}

.monthDate {
    text-align: right;
    float: left;
    width: 134px;
    overflow-wrap: break-word;
    margin: 104px 0 0 4px !important;
}
/*.monthDate > div  {
 background:white;
}*/


.monthSchoolName > div {
    width: 100%;
}

.monthSchoolNamePdf {
    margin-left: 452px;
    padding-top: 82px !important;
    color: #000;
    width: 365px;
    height: 60px;
    float: left;
    line-height: 40px;
    text-align: left;
}

    .monthSchoolNamePdf > div {
        width: 100%;
    }

.bottomPanel1 {
    margin-left: 200px;
    margin-bottom: 20px;
}

.bottomPanel2 {
    margin-left: 290px;
    margin-bottom: 20px;
}
/*For Concept*/
.logoConcept {
    float: left;
    padding: 1px;
}

    .logoConcept > img {
        /*border-radius: 10px;*/
    }

.conceptSchoolName {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 57px;
    margin-right: 170px;
    height: 60px;
    width: 760px;
    line-height: 60px
}

    .conceptSchoolName > div {
        width: 100% !important;
    }

.conceptSchoolNamePdf {
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 57px;
    margin-right: 170px;
    height: 60px;
    width: 760px;
    line-height: 60px
}

    .conceptSchoolNamePdf > div {
        width: 95% !important;
    }

.conceptWeekDate > div {
    /*background:white;*/
    margin-left: 15px;
    width: 50%;
    /*text-align:center;*/
}

.conceptWeekDate {
    margin-left: 44px;
}

.topDiv {
    height: 150px;
}

.topDivConcept {
    height: 113px;
    padding-top: 40px;
}

@media only screen and (max-width:1023px) {
    .calContainer .calTop .span2 {
        width: 100%;
    }

    .prt1, .prt2 {
        width: 100%;
    }

        .prt2 .buttonSet .btn {
            float: left;
        }

    .btnSetSubBtn .SubBtnSet {
        position: relative;
        float: left;
    }

    .prt1 {
        height: auto;
    }

    .calContainer .calTop .span10 {
        width: 100%;
        margin-left: 0px;
    }
}

@media only screen and (max-width:1023px) and (min-width:320px) {
    .rightPanel .container-fluid .imgDraggable {
        width: initial !important;
    }

    .rightPanel .container-fluid .clipArtPrt1 {
        width: initial !important;
    }
}

@media only screen and (max-width:768px) {
    .welcomeBox .k-widget.k-combobox.k-header {
        width: 45% !important;
    }

    .k-selectable .buttonSet, table .buttonSet {
        display: flex;
        max-width: 62px;
    }

    .buttonSet .viewRow {
        margin-right: 1px;
        position: relative;
        right: 2px;
    }

    #dietarygrid > div.k-grid-content.km-widget.km-scroll-wrapper > div.km-scroll-container > div > div.km-scroll-container > table > tbody > tr > td {
        padding: 0px 3px;
    }
}

/* @media only screen and (min-width:768px) and (max-width:1200px) {.dltCncptPopUp {left:70%;}}
@media only screen and (min-width:600px) and (max-width:767px) {.dltCncptPopUp {left:80%;}}
@media only screen and (min-width:522px) and (max-width:599px) {.dltCncptPopUp {left:93%;}}
@media only screen and (min-width:450px) and (max-width:521px) {.dltCncptPopUp {left:100%;}}
@media only screen and (min-width:361px) and (max-width:449px) {.dltCncptPopUp {left:123%;}}*/

.cyGrid1D-1 .cell {
    width: 465px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-2 .cell {
    width: 465px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-3 .cell {
    width: 465px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-4 .cell {
    width: 465px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-5 .cell {
    width: 465px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-6 .cell {
    width: 465px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-7 .cell {
    width: 465px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-8 .cell {
    width: 465px;
    height: 352px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-9 .cell {
    width: 465px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid1D-10 .cell {
    width: 465px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-1 .cell {
    width: 309px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-2 .cell {
    width: 309px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-3 .cell {
    width: 309px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-4 .cell {
    width: 309px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-5 .cell {
    width: 309px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-6 .cell {
    width: 309px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-7 .cell {
    width: 309px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-8 .cell {
    width: 309px;
    height: 352px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-9 .cell {
    width: 309px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid2D-10 .cell {
    width: 309px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-1 .cell {
    width: 232px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-2 .cell {
    width: 232px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-3 .cell {
    width: 232px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-4 .cell {
    width: 232px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-5 .cell {
    width: 232px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-6 .cell {
    width: 232px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-7 .cell {
    width: 232px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-8 .cell {
    width: 232px;
    height: 352px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-9 .cell {
    width: 232px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid3D-10 .cell {
    width: 232px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-1 .cell {
    width: 185px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-2 .cell {
    width: 185px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-3 .cell {
    width: 185px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-4 .cell {
    width: 185px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-5 .cell {
    width: 185px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-6 .cell {
    width: 185px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-7 .cell {
    width: 185px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-8 .cell {
    width: 185px;
    height: 352px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-9 .cell {
    width: 185px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid4D-10 .cell {
    width: 185px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-1 .cell {
    width: 154px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-2 .cell {
    width: 154px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-3 .cell {
    width: 154px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-4 .cell {
    width: 154px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-5 .cell {
    width: 154px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-6 .cell {
    width: 154px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-7 .cell {
    width: 154px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-8 .cell {
    width: 154px;
    height: 352px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-9 .cell {
    width: 154px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid5D-10 .cell {
    width: 154px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-1 .cell {
    width: 132px;
    height: 60px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-2 .cell {
    width: 132px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-3 .cell {
    width: 132px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-4 .cell {
    width: 132px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-5 .cell {
    width: 132px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-6 .cell {
    width: 132px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-7 .cell {
    width: 132px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-8 .cell {
    width: 132px;
    height: 352px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-9 .cell {
    width: 132px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid6D-10 .cell {
    width: 132px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-1 .cell {
    width: 115px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-2 .cell {
    width: 115px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-3 .cell {
    width: 115px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-4 .cell {
    width: 115px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-5 .cell {
    width: 115px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-6 .cell {
    width: 115px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-7 .cell {
    width: 115px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-8 .cell {
    width: 115px;
    height: 352px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-9 .cell {
    width: 115px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyGrid7D-10 .cell {
    width: 115px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W1 .cell {
    width: 465px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W2 .cell {
    width: 465px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W3 .cell {
    width: 465px;
    height: 351px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W4 .cell {
    width: 465px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W5 .cell {
    width: 465px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W6 .cell {
    width: 465px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W7 .cell {
    width: 465px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W8 .cell {
    width: 465px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W9 .cell {
    width: 465px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD1W10 .cell {
    width: 465px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W1 .cell {
    width: 309px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W2 .cell {
    width: 309px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W3 .cell {
    width: 309px;
    height: 351px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W4 .cell {
    width: 309px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W5 .cell {
    width: 309px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W6 .cell {
    width: 309px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W7 .cell {
    width: 309px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W8 .cell {
    width: 309px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W9 .cell {
    width: 309px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD2W10 .cell {
    width: 309px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W1 .cell {
    width: 232px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W2 .cell {
    width: 232px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W3 .cell {
    width: 232px;
    height: 351px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W4 .cell {
    width: 232px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W5 .cell {
    width: 232px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W6 .cell {
    width: 232px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W7 .cell {
    width: 232px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W8 .cell {
    width: 232px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W9 .cell {
    width: 232px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD3W10 .cell {
    width: 232px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W1 .cell {
    width: 185px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W2 .cell {
    width: 185px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W3 .cell {
    width: 185px;
    height: 351px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W4 .cell {
    width: 185px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W5 .cell {
    width: 185px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W6 .cell {
    width: 185px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W7 .cell {
    width: 185px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W8 .cell {
    width: 185px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W9 .cell {
    width: 185px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD4W10 .cell {
    width: 185px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W1 .cell {
    width: 154px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W2 .cell {
    width: 154px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W3 .cell {
    width: 154px;
    height: 351px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W4 .cell {
    width: 154px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W5 .cell {
    width: 154px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W6 .cell {
    width: 154px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W7 .cell {
    width: 154px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W8 .cell {
    width: 154px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W9 .cell {
    width: 154px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD5W10 .cell {
    width: 154px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W1 .cell {
    width: 132px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W2 .cell {
    width: 132px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W3 .cell {
    width: 132px;
    height: 351px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W4 .cell {
    width: 132px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W5 .cell {
    width: 132px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W6 .cell {
    width: 132px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W7 .cell {
    width: 132px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W8 .cell {
    width: 132px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W9 .cell {
    width: 132px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD6W10 .cell {
    width: 132px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W1 .cell {
    width: 115px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W2 .cell {
    width: 115px;
    height: 528px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W3 .cell {
    width: 115px;
    height: 351px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W4 .cell {
    width: 115px;
    height: 263px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W5 .cell {
    width: 115px;
    height: 210px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W6 .cell {
    width: 115px;
    height: 175px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W7 .cell {
    width: 115px;
    height: 150px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W8 .cell {
    width: 115px;
    height: 130px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W9 .cell {
    width: 115px;
    height: 115px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W10 .cell {
    width: 115px;
    height: 104px;
    border: 2px solid #000;
    background-color: #fff;
}

.cyD7W11 .cell {
    width: 800px;
    height: 1058px;
    border: 2px solid #000;
    background-color: #fff;
}

.mmD7W1 .cell {
    width: 927px;
    height: 182px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD7W2 .cell {
    width: 461px;
    height: 182px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD7W3 .cell {
    width: 305px;
    height: 182px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD7W4 .cell {
    width: 227px;
    height: 182px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD7W5 .cell {
    width: 180px;
    /*height: 165px;*/
    height: 182px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD7W6 .cell {
    width: 150px;
    height: 182px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD7W7 .cell {
    width: 127px;
    height: 182px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}
/*For 6 row*/
.mmD1W8 .cell {
    width: 927px;
    height: 151px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD2W8 .cell {
    width: 461px;
    height: 151px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD3W8 .cell {
    width: 305px;
    height: 151px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD4W8 .cell {
    width: 227px;
    height: 151px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD5W8 .cell {
    width: 180px;
    height: 151px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD6W8 .cell {
    width: 150px;
    height: 151px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

.mmD7W8 .cell {
    width: 127px;
    height: 151px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 2px;
}

/* newly added-end  */
.buttonSet.btnSetSubBtn.movetoBack {
    position: relative;
    z-index: 12;
}

.k-other-month.movetoBack {
    position: relative;
    z-index: 12;
}
/*.calView .k-scheduler-table tr td.movetoBack {position:relative; z-index:12;}*/
/*.calView .k-scheduler-table tr td*/
/*movetoFront*/

/* newly added-part2 */
#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}

.imgDraggable .buttonSet {
    overflow: visible;
    margin: 5px 0;
}

#addText_tbl {
    position: absolute !important;
    left: 45%;
    top: 400px;
}

.cellEditable {
    text-align: left;
}

.editBtnSet {
    z-index: 1;
    position: absolute;
    width: 190px;
    top: 14px;
    left: 104px;
}

    .editBtnSet .btn {
        border-radius: initial;
        margin-left: -3px;
        width: 90px;
    }

.square {
    width: 70px;
    height: 70px;
    background: transparent;
    border: 1px solid gray;
    cursor: move;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 70px solid #99ce4d;
}

.star-five {
    margin: 50px 0;
    position: relative;
    display: block;
    color: #99ce4d;
    width: 0px;
    height: 0px;
    border-right: 50px solid transparent;
    border-bottom: 31px solid #99ce4d;
    border-left: 50px solid transparent;
    -moz-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}

    .star-five:before {
        border-bottom: 40px solid #99ce4d;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        position: absolute;
        height: 0;
        width: 0;
        top: -29px;
        left: -35px;
        display: block;
        content: '';
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        -o-transform: rotate(-35deg);
    }

#star-five:after {
    position: absolute;
    display: block;
    color: #99ce4d;
    top: 3px;
    left: -56px;
    width: 0px;
    height: 0px;
    border-right: 50px solid transparent;
    border-bottom: 30px solid #99ce4d;
    border-left: 50px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    content: '';
}

.circle {
    width: 70px;
    height: 70px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background: transparent;
    border: 1px solid gray;
    cursor: move;
}

.rectangle {
    width: 120px;
    height: 70px;
    background: #000;
    background: transparent;
    border: 1px solid gray;
    cursor: move;
}

.draggable {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    margin-left: 10px;
}

/*.resizable
{width:100px; border:1px solid #bb0000; float:left;}*/
/*.resizable img {width:100%;}*/
/*.ui-resizable-handle {background:#f5dc58; border:1px solid #FFF; width:9px; height:9px; z-index:2;}
.ui-resizable-se {right:-5px; bottom:-5px;}*/

.ui-rotatable-handle {
    background: #f5dc58;
    border: 1px solid #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    height: 10px;
    left: 50%;
    margin: 0 0 0 -5px;
    position: absolute;
    top: -50px;
    width: 10px;
    cursor: -webkit-grabbing;
}

    .ui-rotatable-handle.ui-draggable-dragging {
        visibility: hidden;
    }

.selectedShapeClass {
    border: 3px solid gray;
}

/*.menuItem {opacity:0.6; z-index:99; position:relative;}*/
.shapeResize {
    resize: both; /* Options:horizontal, vertical, both */
    overflow: auto; /* fix for Safari */
}
/* End */
.imgDraggable .editBtnSet .btn {
    margin-left: -6px;
}

.buttonSet .moveBack, .buttonSet .moveFront, .buttonSet .undo, .buttonSet .shadow, .buttonSet .left, .buttonSet .addText, .buttonSet .bold, .buttonSet .underline, .buttonSet .italic, .buttonSet .right, .buttonSet .center, .buttonSet .copyToAllWeeks, .buttonSet .color, .buttonSet .border, .buttonSet .shape, .buttonSet .image, .buttonSet .save, .buttonSet .rightText {
    height: 46px;
    padding-top: 21px;
    font-size: 95%;
    font-family: 'OpenSansRegular', "open_sansregular", sans-serif;
    border-right: 1px solid #fff;
}

.buttonSet .moveBack {
    background: url(../images/WBC-Icons/Icon1.png);
    background-repeat: no-repeat;
    background-position: 27px 5px;
}

.buttonSet .moveFront {
    background: url(../images/WBC-Icons/Icon2.png);
    background-repeat: no-repeat;
    background-position: 27px 5px;
}

.buttonSet .undo {
    background: url(../images/WBC-Icons/Icon3.png);
    background-repeat: no-repeat;
    background-position: 15px 5px;
}

.buttonSet .shadow {
    background: url(../images/WBC-Icons/Icon-Text.png);
    background-repeat: no-repeat;
    background-position: 19px 5px;
}

.buttonSet .border {
    background: url(../images/WBC-Icons/border.png);
    background-repeat: no-repeat;
    background-position: 16px 5px;
}

.buttonSet .color {
    background: url(../images/WBC-Icons/Icon-color.png);
    background-repeat: no-repeat;
    background-position: 13px 2px;
}

.buttonSet .shape {
    background: url(../images/WBC-Icons/Icon-AddText.png);
    background-repeat: no-repeat;
    background-position: 27px 5px;
}

.buttonSet .copyToAllWeeks {
    background: url(../images/WBC-Icons/Icon-Arrow.png);
    background-repeat: no-repeat;
    background-position: 53px 5px;
}

.buttonSet .left {
    background: url(../images/WBC-Icons/Icon4.png);
    background-repeat: no-repeat;
    background-position: 9px 5px;
}

.buttonSet .center {
    background: url(../images/WBC-Icons/Icon5.png);
    background-repeat: no-repeat;
    background-position: 16px 5px;
}

.buttonSet .right {
    background: url(../images/WBC-Icons/Icon6.png);
    background-repeat: no-repeat;
    background-position: 11px 5px;
}

.buttonSet .rightText {
    background: url(../images/WBC-Icons/Icon6.png);
    background-repeat: no-repeat;
    background-position: 16px 5px;
}


.buttonSet .italic {
    background: url(../images/WBC-Icons/Icon-italic.png);
    background-repeat: no-repeat;
    background-position: 16px 5px;
}

.buttonSet .bold {
    background: url(../images/WBC-Icons/Icon-Bold.png);
    background-repeat: no-repeat;
    background-position: 14px 5px;
}

.buttonSet .underline {
    background: url(../images/WBC-Icons/Icon-underline.png);
    background-repeat: no-repeat;
    background-position: 28px 5px;
}

.buttonSet .addText {
    background: url(../images/WBC-Icons/Icon-AddText.png);
    background-repeat: no-repeat;
    background-position: 22px 5px;
}

.deleteShapeClass {
    visibility: hidden;
}

.testdraggableimage {
    position: relative;
}

.closeDaysClass {
    background: #d9b5b5 url(../images/WBC-Icons/Icon-Close1.png)no-repeat center center !important;
}

.closeDaysClassTemp {
    background: #d9b5b5 url(../images/WBC-Icons/Icon-Close1.png)no-repeat center center !important;
}

.ccpCopyClass {
    background: #9cd9f7 url(../images/WBC-Icons/WBC-Copy/icon1.png)no-repeat center center !important;
}

.ccpCopyClass {
    background: #9cd9f7 url(../images/WBC-Icons/WBC-Copy/icon1.png)no-repeat center center !important;
}

.ccpPasteClass {
    background: #d7efa3 url(../images/WBC-Icons/WBC-Copy/Icon2.png)no-repeat center center !important;
}

.closeDaysConceptClass {
    background: #d9b5b5 url(../images/WBC-Icons/Icon-Close1.png)no-repeat 50% 50% !important;
}

.closeDaysConceptClassTemp {
    background: #d9b5b5 url(../images/WBC-Icons/Icon-Close1.png)no-repeat 50% 50% !important;
}

.setBorder {
    border: 3px solid red;
}

body .moveToBackTextClass {
    opacity: 1 !important;
    pointer-events: fill !important;
    /*opacity: 0.5;
    pointer-events: none;*/
}

.MoveToBack {
    opacity: 1 !important;
    pointer-events: fill !important;
}

.oval {
    width: 70px;
    height: 70px;
    background: transparent;
    border: 1px solid gray;
    -moz-border-radius: 50px / 25px;
    -webkit-border-radius: 50px / 25px;
    border-radius: 50px / 25px;
    cursor: move;
}

.nwgrip, .negrip, .swgrip, .segrip, .ngrip, .egrip, .sgrip, .wgrip {
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border: 1px solid #000000;
}

.nwgrip {
    left: -5px;
    top: -5px;
    cursor: nw-resize;
}

.negrip {
    top: -5px;
    right: -5px;
    cursor: ne-resize;
}

.swgrip {
    bottom: -5px;
    left: -5px;
    cursor: sw-resize;
}

.segrip {
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}

.ngrip {
    top: -5px;
    left: 50%;
    cursor: n-resize;
}

.sgrip {
    bottom: -5px;
    left: 50%;
    cursor: s-resize;
}

.wgrip {
    left: -5px;
    top: 50%;
    cursor: w-resize;
}

.egrip {
    right: -5px;
    top: 50%;
    cursor: e-resize;
}

.calContainer .floatRight .langbtn {
    background: #5C6263 !important;
    padding-left: 15px !important;
    border-radius: initial;
}

.clicklangbtn {
    background: #fff !important;
    border: 1px solid #5C6263;
    color: #5C6263;
}

.shadowClass {
    opacity: 0.9;
    /*border-radius: 50px !important;*/
}

.shadowForCircle {
    opacity: 0.9;
    border-radius: 50px !important;
}

.cutCopyPaste {
    position: absolute;
    left: 70px;
    top: 0%;
    z-index: 2;
}

    .cutCopyPaste .cutDays, .cutCopyPaste .copyDays, .cutCopyPaste .pasteDays {
        height: 27px;
        padding-left: 27px;
        width: 80px;
        margin-bottom: 1px;
    }

    .cutCopyPaste .cutDays {
        background: url(../images/WBC-Icons/WBC-Copy/Icon-Cut.png);
        background-repeat: no-repeat;
        background-position: 5px 3px;
        background-color: #5C6263;
    }

    .cutCopyPaste .copyDays {
        background: url(../images/WBC-Icons/WBC-Copy/Icon-copy.png);
        background-repeat: no-repeat;
        background-position: 5px 1px;
        background-color: #5C6263;
    }

    .cutCopyPaste .pasteDays {
        background: url(../images/WBC-Icons/WBC-Copy/Paste.png);
        background-repeat: no-repeat;
        background-position: 5px 3px;
        background-color: #5C6263;
    }

.promotionTextBgClass {
    background-color: gray;
}

.conceptTextBgClass {
    background-color: gray;
}

.displayinline {
    text-align: center;
    display: table-cell !important;
}

.resultempty:empty:before {
    content: "\00a0";
}

div.tabs {
    list-style-type: none;
    /*margin: 30px 0 0 0;*/
    padding: 0 0 0.3em 0;
}

    div.tabs div {
        display: inline;
    }

        div.tabs div input {
            color: #42454a;
            background-color: #dedbde;
            border: 1px solid #c9c3ba;
            border-bottom: none;
            padding: 0.3em;
            text-decoration: none;
        }

            div.tabs div input:hover {
                background-color: #f1f0ee;
            }



            div.tabs div input.selectedWeekFont {
                background-color: #f1f0ee;
                /*color: #000;
                font-weight: bold;
                padding: 0.7em 0.3em 0.38em 0.3em;*/
            }



div.tabContent {
    border: 1px solid #c9c3ba;
    padding: 0.5em;
    background-color: #f1f0ee;
}

.minitoolbar {
    position: absolute;
    width: 190px;
    top: 14px;
    left: 104px;
}

    .minitoolbar .btn {
        border-radius: initial;
        margin-left: -3px;
        width: 90px;
    }

.imgDraggable .minitoolbar .btn {
    margin-left: -6px;
}

.buttonSet .shapes {
    width: 137px;
    height: 90px;
    background: #fff;
    margin-left: 2px;
    margin-top: 3px;
}

span.promotionText {
    position: relative;
    z-index: 99;
}
/*.ui-resizable {position:relative;
    visibility:hidden;}*/
.imgDraggable .prev, .clipArtPrt1 .prev {
    position: absolute;
    left: 15px;
    height: 40px;
    width: 25px;
    margin-top: 20px;
    border: none;
    background: #8A8B8C url(../images/WBC-Icons/icon-next.png);
    background-repeat: no-repeat;
    background-position: 9px 12px;
}

.clipArtPrt1 .prev {
    margin-top: 0px;
}

.imgDraggable .next, .clipArtPrt1 .next {
    position: absolute;
    right: 15px;
    height: 40px;
    width: 25px;
    margin-top: 20px;
    border: none;
    background: #8A8B8C url(../images/WBC-Icons/icon-pre.png);
    background-repeat: no-repeat;
    background-position: 9px 12px;
}

.clipArtPrt1 .next {
    margin-top: 0px;
}
/* popUp */
.popUp {
    width: 900px;
    padding: 10px;
}

.SubBtnSet .popUp {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

    .SubBtnSet .popUp .clipArtPrt1 {
        top: 0px;
        left: 1%;
        right: 15%;
        z-index: 2;
    }

        .SubBtnSet .popUp .clipArtPrt1 .close {
            background: url(../images/closePopup.png) no-repeat;
            height: 14px;
            width: 15px;
            display: block;
            opacity: 1;
            position: initial;
        }

.SubBtnSet .popUp {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 10px 0;
}

    .SubBtnSet .popUp .clipArtPrtPanel {
        /*top: 200px;*/
        left: 1%;
        right: 15%;
        z-index: 2;
    }

.clipArtPrtPanel .k-header {
    margin: 0 5px 0 0 !important;
}

.clipArtPrtPanel .popupHeaderDiv {
    padding: 5px 10px;
    border-radius: 10px 10px 0 0;
    border: none;
    background-color: #5c6263 !important;
}

.clipArtPrtPanel .btn {
    background: #888 !important;
    width: auto !important;
    height: auto !important;
    margin-left: 10px;
}

.clipArtPrtPanel .close {
    margin: 5px 0 0;
}

.clipArtPrtPanel .divSet {
    width: 90%;
}

.clipArtPrtPanel .popupFormSmall {
    height: 120px;
    background-color: #5c6263 !important;
}

.SubBtnSet .popUp .clipArtPrtPanel .close {
    background: url(../images/closePopup.png) no-repeat;
    height: 14px;
    width: 15px;
    display: block;
    opacity: 1;
    position: initial;
}

.SubBtnSet .popUp.boximg .clipArtPrtPanel {
    top: -212px;
}

.SubBtnSet .popUp.boxtxt {
    top: -105px;
}

.SubBtnSet .popUp.boxclipart {
}

.greypanel {
    background: #E0DDDD;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.mmarketingbimg .photframe {
    display: block;
    border: 1px solid #ccc;
    border-radius: 3px;
}

    .mmarketingbimg .photframe .photoFrame {
        margin: 5px !important;
    }

.mmarketingfonts .k-toolbar.k-grid-toolbar {
    display: none;
}

.mmarketingfonts {
    margin: 10px 0 0;
}

.SubBtnSet .popUp .pdf {
    bottom: initial;
    top: 0;
    left: 1%;
    right: 14%;
    border-radius: 10px;
    background: #f6f6f6;
    border: 1px solid #e5e5e5;
    overflow: visible;
    position: absolute;
    text-align: left;
    max-height: initial;
    width: 30%;
    min-width: auto;
    max-width: initial;
    padding: 10px;
    line-height: 1.5;
    color: #888;
    z-index: 999999;
}

    .SubBtnSet .popUp .pdf.pritbox {
        min-height: 145px;
    }

    .SubBtnSet .popUp .pdf.postwebbox {
        min-height: 120px;
    }

    .SubBtnSet .popUp .pdf.pritsignbox {
        min-height: 235px;
        z-index: 999 !important;
    }

    .SubBtnSet .popUp .pdf.pdfcreationbox {
        min-height: 175px;
    }

    .SubBtnSet .popUp .pdf .close {
        background: url(../images/closePopup.png) no-repeat;
        height: 14px;
        width: 15px;
        display: block;
        opacity: 1;
        position: initial;
    }

    .SubBtnSet .popUp .pdf h5 {
        color: #888;
        margin: 0 0 10px;
    }

    .SubBtnSet .popUp .pdf h6 {
        color: #888;
        margin: 0 0 10px;
    }

    .SubBtnSet .popUp .pdf .btn {
        width: auto;
        height: auto;
        border-radius: 5px;
    }

    .SubBtnSet .popUp .pdf .btnauto {
        text-align: center;
        margin: 10px 0 0;
    }

    .SubBtnSet .popUp .pdf input[type="checkbox"] {
        margin: 0;
    }

    .SubBtnSet .popUp .pdf.printspecediv .span12.r-float {
        margin-left: 0;
    }

        .SubBtnSet .popUp .pdf.printspecediv .span12.r-float label {
            width: 75px;
        }

    .SubBtnSet .popUp .pdf.printspecediv span.k-picker-wrap {
        height: auto;
    }

    .SubBtnSet .popUp .pdf.printspecediv .span8 {
        margin-left: 0;
    }

#menuTemplate .k-animation-container {
    z-index: 99 !important;
}

.copyMenuItems input[type="radio"] {
    float: left;
    position: relative;
    top: 5px;
}

.copyMenuItems label {
    float: left;
    margin-left: 5px;
}
/*@media only screen and (min-width:1200px) {.popUp {width:900px;}
.SubBtnSet .popUp .clipArtPrt1,.SubBtnSet .popUp .imgDraggable  {top:0px; left:15%!important; right:0%!important;}}*/
#selectMenu label {
    width: 78%;
    float: right;
    font-size: 12px;
    margin-top: 1px;
}

@media only screen and (min-width:1024px) {
    .SubBtnSet .popUp {
        left: 60px;
    }
}

@media only screen and (max-width:1024px) {
    /*.pageTitle {     
        width: 18%;     
    }*/
}

@media only screen and (max-width:1023px) {
    .btnSetSubBtn .SubBtnSet {
        position: initial;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .SubBtnSet .popUp {
        top: 258px;
    }

    .popUp {
        width: 799px;
    }
}

@media only screen and (min-width:640px) and (max-width:768px) {
    .SubBtnSet .popUp {
        top: 258px;
    }

    .popUp {
        width: 640px;
    }
}

@media only screen and (min-width:480px) and (max-width:640px) {
    .SubBtnSet .popUp {
        top: 258px;
    }

    .popUp {
        width: 480px;
    }
}

@media only screen and (min-width:320px) and (max-width:560px) {
    .SubBtnSet .popUp {
        top: 308px;
    }
}

@media only screen and (min-width:320px) and (max-width:480px) {
    .popUp {
        width: 320px;
    }
}

.SubBtnSet .popUp .imgDraggable .close {
    background: url(../images/closePopup.png) no-repeat;
    height: 14px;
    width: 15px;
    display: block;
    opacity: 1;
    position: initial;
}

.srchboximgGallery {
    border: 1px solid #acacac;
    border-radius: 5px;
    display: inline-block;
    *display: inline;
    width: 300px;
    padding: 1px 5px;
}

    .srchboximgGallery .serchinput {
        border: none;
        width: 275px;
        min-height: 24px !important;
        float: left;
        padding: 0;
        margin: 0;
        box-shadow: none;
        font-size: 13px !important;
        color: #000;
    }

        .srchboximgGallery .serchinput:focus {
            box-shadow: none;
        }

    .srchboximgGallery .btn {
        background: url(../images/searchIcon.png) 0 0 no-repeat;
        width: 18px;
        height: 18px;
        text-decoration: none;
        padding: 0;
        margin: 2px 0 0;
        box-shadow: none;
        font-size: 0;
    }

.uploadgallery {
    background: #5c6263 url(../images/icn-uploadgallery.png) 15px center no-repeat !important;
    height: 30px;
    padding: 0 25px;
}

    .uploadgallery span {
        padding-left: 30px;
    }

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

    .imgGallerydiv .customK-table {
        border-radius: 4px;
    }

    .imgGallerydiv .categorydiv {
        border-radius: 4px;
        border: 1px solid #bbc8ce !important;
        margin-bottom: 10px;
    }

        .imgGallerydiv .categorydiv h3 {
            background: #47B667;
            font: normal 16px 'OpenSansRegular';
            color: #fff;
            padding: 10px 10px;
            margin: 0;
            border-radius: 4px 4px 0 0;
        }

    .imgGallerydiv .span3 .customK-table {
        border: none !important;
    }

        .imgGallerydiv .span3 .customK-table input[type="checkbox"] {
            margin-top: 4px;
            display: inline-block;
            float: left;
        }

    .imgGallerydiv .span3 .categorydiv .cateclick {
        background: #d2f0db url(../images/click-plus-neg.png) 95% -31px no-repeat;
        font: normal 15px 'OpenSansRegular';
        display: block;
        padding: 8px 10px;
        color: #000;
        margin: 1px 0;
        text-decoration: none;
    }

        .imgGallerydiv .span3 .categorydiv .cateclick.open {
            background: #d2f0db url(../images/click-plus-neg.png) 95% 7px no-repeat;
            display: block;
        }

    .imgGallerydiv .customK-table tr:nth-child(even) {
        background: none;
    }

    .imgGallerydiv .span9 .customK-table {
        padding-bottom: 8px;
    }

    .imgGallerydiv .photoFrame {
        background: none;
        border: none;
        height: 110px;
        min-height: auto;
        width: 17.5%;
        display: inline-block;
        border: 1px solid #acacac;
        margin: 10px 0 0 10px;
        position: relative;
    }

        .imgGallerydiv .photoFrame img {
            width: 100%;
            height: 83px;
        }

        .imgGallerydiv .photoFrame .bgWhite {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            padding: 0;
            height: 100%;
            padding: 25% 0 0;
            text-align: center;
        }

            .imgGallerydiv .photoFrame .bgWhite:hover {
                background: rgba(0,0,0,0.5);
                overflow: hidden;
            }

        .imgGallerydiv .photoFrame.k-state-selected .framselected {
            background: rgba(0,0,0,0.5) url(../images/icn-selected.png) 95% 95% no-repeat;
            overflow: hidden;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .imgGallerydiv .photoFrame.k-state-selected .bgWhite:hover {
            background: none;
        }

        .imgGallerydiv .photoFrame a {
            text-decoration: none;
        }

        .imgGallerydiv .photoFrame:hover .bgWhite {
            display: block;
        }

        .imgGallerydiv .photoFrame .imagetxt {
            font: normal 13px 'OpenSansRegular';
            color: #414141;
            text-align: center;
            border-top: 1px solid #ccc;
            padding: 3px 0 5px;
        }

        .imgGallerydiv .photoFrame .zoomIcon {
            background: url(../images/icnZoom2.png) 0 0 no-repeat;
            float: none !important;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;
        }

        .imgGallerydiv .photoFrame .closeIcon {
            background: url(../images/icnClose2.png) 0 0 no-repeat;
            float: none !important;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;
        }

        .imgGallerydiv .photoFrame .editIcon {
            background: url(../images/icnEdit2.png) 0 0 no-repeat !important;
            float: none !important;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;
        }

    .imgGallerydiv .categorydiv ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .imgGallerydiv .categorydiv li {
        margin: 0;
        padding: 8px 10px;
        list-style-type: none;
        overflow: hidden;
        font: normal 13px 'OpenSansRegular';
    }

        .imgGallerydiv .categorydiv li:nth-child(even) {
            background: #f2f2f2;
        }

        .imgGallerydiv .categorydiv li .deleteRow {
            float: right;
            opacity: 0;
        }


        .imgGallerydiv .categorydiv li span {
            margin-left: 5px;
            display: inline-block;
            word-wrap: break-word;
            width: 76%;
        }

        .imgGallerydiv .categorydiv li .deleteRow:hover {
            background: url(../images/sprite.png) -36px -943px no-repeat !important;
        }

        .imgGallerydiv .categorydiv li:hover .deleteRow {
            opacity: 1;
        }

.framtxtlist {
    margin: 10px 0 0;
    padding: 0;
    list-style-type: none;
}

    .framtxtlist tr td {
        vertical-align: top;
        padding: 5px 10px 0 0;
    }

    .framtxtlist label {
        font-family: 'OpenSansBold';
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .framtxtlist span {
        display: inline-block;
        word-break: break-all;
    }

.photoframePopup img {
    width: 535px;
    height: 345px;
}

.menutheme .popupFormSmall {
    border: none;
}

.durandal-wrapper #addWindow.editmodel {
    max-width: 100%;
}

    .durandal-wrapper #addWindow.editmodel .popupFormSmall {
        position: relative;
    }

    .durandal-wrapper #addWindow.editmodel #dvSource {
        width: 93%;
    }

    .durandal-wrapper #addWindow.editmodel .prev {
        position: absolute;
        left: 15px;
        height: 40px;
        width: 25px;
        border: none;
        background: #8A8B8C url(../images/WBC-Icons/icon-next.png);
        background-repeat: no-repeat;
        background-position: 9px 12px;
    }

    .durandal-wrapper #addWindow.editmodel .next {
        position: absolute;
        right: 15px;
        height: 40px;
        width: 25px;
        border: none;
        background: #8A8B8C url(../images/WBC-Icons/icon-pre.png);
        background-repeat: no-repeat;
        background-position: 9px 12px;
    }

#locationProductionRecordDetailGrid {
    margin-bottom: 0;
}

    #locationProductionRecordDetailGrid thead.k-grid-header {
    }

    #locationProductionRecordDetailGrid tbody {
        padding: 0 5px 5px;
    }

        #locationProductionRecordDetailGrid tbody tbody {
            padding: 0;
            border: 1px solid blue;
        }

#divDataEntryCategoryGroupData form {
    margin-bottom: 0;
}

#locationProductionRecordDetailGrid .k-grouping-row {
    _display: block;
}

    #locationProductionRecordDetailGrid .k-grouping-row td {
        display: block;
    }

#locationProductionRecordDetailGrid td.k-group-cell {
    background: red;
    display: none;
}

#locationProductionRecordDetailGrid [role=gridcell] {
    background: #fff;
    width: 100%;
}

    #locationProductionRecordDetailGrid [role=gridcell] [role=gridcell] {
        width: auto;
    }
/*#locationProductionRecordDetailGrid tr:nth-child(2), #locationProductionRecordDetailGrid tr:nth-child(5), #locationProductionRecordDetailGrid tr:nth-child(8) {border:1px solid red; margin:5px}*/
#locationProductionRecordDetailGrid .childRow {
    background: #98A6AF;
    margin: 5px;
}

#locationProductionRecordDetailGrid input:focus {
    border-color: #ccc;
    box-shadow: none;
}

#locationProductionRecordDetailGrid input:focus {
    color: #2E2E2E;
}

.monthWrapper {
    min-width: 591px !important;
    max-width: 625px !important;
}

.conceptWrapper {
    /*width: 591px !important;*/
    min-width: 615px !important;
    max-height: 850px !important;
}

.cycleWrapper {
    /*width: 704px !important;*/
    min-width: 714px !important;
    /*max-height: 970px !important;*/
}

.rCycleWrapper {
    min-width: 720px !important;
}


.icnaddblack {
    background-image: url(../images/icn-addblack.png);
    background-position: 96% 5px;
    background-repeat: no-repeat;
}

.icnaddgrey {
    background-image: url(../images/icn-addgrey.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#divCateringInvoiceEntry .btn.btn-success[title="Add"] {
    margin: 10px auto 0;
    display: block;
}

#productCreditingOptionGrid .k-selectable .k-grid-Edit {
    width: 15px;
    height: 19px;
    background-color: transparent;
    background: url(../images/edit.png) 0 3px no-repeat !important;
    font-size: 0;
    margin: 0 5px;
}

#productCreditingOptionGrid .k-selectable .k-grid-Save {
    width: 15px;
    height: 19px;
    background-color: transparent;
    background: url(../images/update.png) 0 3px no-repeat !important;
    font-size: 0;
    margin: 0 5px;
}

#productCreditingOptionGrid .k-selectable .k-grid-Cancel {
    width: 15px;
    height: 19px;
    background-color: transparent;
    background: url(../images/cancelRed.png) 0 3px no-repeat !important;
    font-size: 0;
    margin: 0 5px;
}

#productCreditingOptionGrid .k-multiselect-wrap.k-floatwrap .k-button {
    word-break: break-all;
}

#productCreditingOptionGrid .k-button.k-button-icontext .k-icon.k-add {
    margin-top: -4px;
}

#divCateringInvoiceEntry .btn.btn-success[title="Add"] {
    margin: 10px auto 0;
    display: block;
}

#divCateringInvoiceEntry .btn.btn-success[title="Add"] {
    margin: 10px auto 0;
    display: block;
}


.slick-prev {
    background: #8A8B8C url(../images/WBC-Icons/icon-next.png) 9px center no-repeat !important;
    height: 120px !important;
    width: 25px !important;
}

.slick-next {
    background: #8A8B8C url(../images/WBC-Icons/icon-pre.png) 9px center no-repeat !important;
    height: 120px !important;
    width: 25px !important;
}



.tringle-rounded {
    width: 120px;
    height: 70px;
    background: #000;
    background: transparent;
    border: 1px solid gray;
    cursor: move;
    border-radius: 20px !important;
}

.sp-replacer {
    float: left !important;
}

.promotionDiv {
    resize: both; /* Options: horizontal, vertical, both */
    overflow: auto; /* fix for Safari */
    padding: 20px;
    background-color: hsl(0,0%,90%);
    width: 150px;
}

.slick-prev, .slick-next {
    top: 7% !important;
}

#masterProductRecipesGrid table.k-selectable tr td, #searchResultsGrid table.k-selectable tr td, #searchResultsGrid .k-grid-content {
    background-image: none;
}

#searchResultsGrid .k-grid-content {
    min-height: auto;
}

#masterProductRecipesGrid .k-grid-content {
    min-height: auto;
}

#searchResultsGrid .k-grid-content .k-selectable td {
    padding-left: 5px !important;
}

#searchAccountTemplateGrid table tr td {
    background-image: none;
}

#searchAccountTemplateGrid .k-grid-content {
    min-height: auto;
    background-image: none;
}

#tblSelectProductRecipe table tr td {
    background-image: none;
}

.smlicnClose {
    background: url(../images/close_icon.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -10px;
    right: -13px;
    text-decoration: none;
    cursor: pointer;
}

#prepProcessGrid .searchBtn {
    background: url(../images/searchIcon.png) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: -8px 0 0;
    padding: 0;
    box-shadow: none;
    cursor: pointer;
}

#prepProcessGrid .viewRow {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#prepProcessGrid table.col-editor span.k-widget {
    width: 9.4em !important;
}

#divDataEntryCategoryGroupData table tr td input.clsAmt {
    margin: 0 !important;
}

#divDataEntryCategoryGroupData .k-secondary table td .k-secondary {
    margin-bottom: 0;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.costDetaList {
    padding: 10px;
    border: 1px solid #f2f2f2;
}

    .costDetaList:nth-child(even) {
        background: #f2f2f2;
    }


.shapePopUpZIndex {
    z-index: 100;
}

.promotionPopUpZIndex {
    z-index: 1;
}

.btn-radiodiv {
    display: inline-block;
    vertical-align: middle;
}

    .btn-radiodiv .btn-primary {
        background: none;
        color: #5c6263 !important;
        transition: none;
        -webkit-transition: none;
        box-shadow: none;
        border-color: none;
        text-decoration: underline;
    }

        .btn-radiodiv .btn-primary.active {
            background: none;
            color: #007ec7 !important;
        }

    .btn-radiodiv .btn-primary {
        width: auto;
        font-size: 12px;
    }

.upldropzone .k-dropzone {
    padding: 0;
}

.k-state-active .k-icon.k-filter {
    background: transparent url("/content/images/filterImageActive.png") no-repeat scroll 0px 0px;
}

.toolTipDailyPanel + .popover .popover-content {
    word-wrap: normal;
    max-height: 350px;
    overflow: auto;
    line-height: normal;
}

.vendorPriceAsso {
    color: red;
}

#divDataEntryCategoryGroupData input[type=number].clsAmt::-webkit-inner-spin-button,
#divDataEntryCategoryGroupData input[type=number].clsAmt::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#divDataEntryCategoryGroupData input[type=number].clsAmt::-ms-clear {
    display: none;
}

#divDataEntryCategoryGroupData input[type=number] {
    -moz-appearance: textfield;
}


.SubBtnSet #btnCreateFoodBar {
    background-color: #fff !important;
    color: #5C6263;
    background-image: none;
    border: 1px solid #5C6263;
    width: 120px;
}

.SubBtnSet #btnEditFoodBar {
    width: 120px;
    background-image: none;
}

/*FoodBar popup Style*/

.foodbarMenu {
    bottom: initial;
    top: 0;
    left: 30%;
    right: 14%;
    border-radius: 10px;
    background: #f6f6f6;
    border: 1px solid #e5e5e5;
    overflow: visible;
    position: absolute;
    text-align: left;
    max-height: initial;
    width: 50%;
    min-width: auto;
    max-width: initial;
    padding: 10px;
    line-height: 1.5;
    color: #888;
    top: 50%;
    z-index: 10;
}

    .foodbarMenu .close {
        background: url(../images/closePopup.png) no-repeat;
        height: 14px;
        width: 15px;
        display: block;
        opacity: 1;
        position: initial;
    }

    .foodbarMenu .btn {
        width: auto;
        height: auto;
        border-radius: 5px;
    }

    .foodbarMenu h5 {
        color: #888;
        margin: 0 0 10px;
    }

    .foodbarMenu .btnauto {
        text-align: center;
        margin: 10px 0 0;
    }

.FoodBarCalenderSelect {
    background-color: #B457EF;
    margin: 0 10px;
    text-align: center;
}

#calendarFoodBar th {
    text-align: center;
}

#calendarFoodBar .notSelected, #calendarFoodBar .closedDayFoodbar {
    text-align: center;
}

#revenueMonthScheduler table td {
    position: relative;
}

#calendarFoodBar .k-state-selected {
    color: #333 !important;
    background-color: #f2f2f2 !important;
    border-color: #f35800;
}

    #calendarFoodBar .k-state-selected > .k-link, .k-panelbar > li > .k-state-selected {
        color: #333 !important;
    }


.uploaddiv {
    position: relative;
}

    .uploaddiv:hover img {
    }

    .uploaddiv .closeIcon {
        background: url(../images/icnClose2.png) 0 0 no-repeat;
        float: none !important;
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 45%;
        top: 45%;
        display: none;
        z-index: 2;
        text-decoration: none;
    }

    .uploaddiv:hover .closeIcon {
        display: block;
    }

.printsigndiv label {
    width: 80px;
}

.printsigndiv .span12, .printsigndiv .span8, .printsigndiv .span4 {
    margin-left: 0;
}

.cng {
    color: #666 !important;
    border-color: #e5e5e5 !important;
}
/*DCF-306 Changes*/
.outer-container {
}

.inner-container {
    height: 100%;
    overflow: hidden;
}

.whitsonsRecap-table-header {
    position: relative;
}

.whitsonsRecap-table-body {
    height: calc(100% - 40px);
    overflow: auto;
}

.dailyDataEntry-table-header {
    position: relative;
}

.dailyDataEntry-table-body {
    height: calc(100% - 40px);
    overflow: auto;
}

.genrecipelist {
    font-size: 14px;
}

    .genrecipelist .span3 {
        margin-left: 0;
    }

    .genrecipelist ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .genrecipelist ul li {
            margin-left: 5px;
            padding: 0;
            float: left;
            line-height: 2;
            font-size: 12px;
        }

            .genrecipelist ul li:first-child {
                margin-left: 0;
            }

            .genrecipelist ul li .icnAllowRt {
                margin-top: 5px;
                padding: 0;
            }

            .genrecipelist ul li .k-input {
                width: 100% !important;
            }

            .genrecipelist ul li:nth-child(3) {
                width: 73%;
            }

            .genrecipelist ul li #txtMenuDetails, .genrecipelist ul li #txtMenuDetails .k-multiselect {
                width: 100%;
            }

    .genrecipelist .k-multiselect-wrap {
        width: 100%;
        height: 50px;
        overflow: auto;
    }

    .genrecipelist.btnleveldiv .gobtn {
        margin-top: 49px
    }

.copyforwbtn {
    margin-top: -30px
}

.k-multiselect-wrap.k-floatwrap > ul > li {
    max-width: 99%;
    word-wrap: break-word;
}

.k-selectable .red {
    background: url(../images/icn-dwn.png) 95% 5px no-repeat;
    padding: 0 20px 0 0;
    float: left;
}

.k-selectable .wrptxt {
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
}

.k-selectable .non {
    padding: 0 0 0 20px;
    float: left;
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
}

.k-upload-status.k-upload-status-total {
    margin-top: 10px;
}

input[type=file]::-webkit-file-upload-button {
    cursor: pointer !important;
}

.editmodel.pdf.pdfcreationbox input[type="radio"], .editmodel.pdf.pdfcreationbox input[type="checkbox"] {
    margin: 0;
}

.k-scheduler-navigation {
    display: none !important;
}

.k-scheduler-views {
    display: none !important;
}

body {
    -webkit-print-color-adjust: exact;
}

.centerImg, .leftImg, .rightImg {
    width: 98% !important;
}

    /*.centerImg > img {
            width: 30px;
        }*/

    .leftImg > img {
        /*width: 90% !important;*/
        float: left;
    }

    .rightImg > img {
        /*width: 90% !important;*/
        float: right;
    }

#qrCode {
    float: left;
    background: none !important;
    margin-top: 20px !important;
    margin-left: 15px;
}

.qrCode {
    background-color: white;
    position: relative;
    height: 75px;
    width: 75px;
    display: inline-block;
    margin-top: 80px;
}

.menuCalendarWrapperMonthly {
    margin: 0 auto 0 auto;
    min-height: 780px;
    /*margin-left: 5px;*/
    /*position:absolute;*/
}

.menuCalendarWrapperConcept {
    margin-top: 42px;
    margin: 0 auto;
    /*margin-left: 10px;*/
    /*min-height: 680px;*/
    /*position: absolute;*/
}

.menuCalendarWrapperCycle {
    margin: 0 auto 0 auto;
    /*margin-top: 42px;
        margin: 0 auto;
        /*margin-left: 10px;*/
    min-height: 1076px;
    /*position: absolute;*/
}

.menuCalendarWrapperRepeatCycle {
    margin: 0 auto 0 auto;
    /*margin-top: 42px;
        margin: 0 auto;
        margin-left: 5px;*/
    /*min-height: 786px;*/
    /*position: absolute;*/
}

/*#divBackground {
    /*overflow: auto;*/
/*border: 1px solid black;*/
/*text-align: -webkit-center;*/
/*width: 915px;
    position: relative;
    background-repeat: round;
    background-size: cover;*/
/*max-height: 850px !important;
}*/

#dailyDataEntryPanel .clsCatGrpName, #dailyDataEntryPanel .clsMealCatName, #dailyDataEntryPanel .clsHiddenCatGrp {
    float: none !important;
}

.break {
    height: 150px;
}

.ui-resizable {
    z-index: 0;
}

.breakConcept {
    height: 175px;
}

#dailyDataEntryPanel .clsCatGrpName, #dailyDataEntryPanel .clsMealCatName, #dailyDataEntryPanel .clsHiddenCatGrp {
    float: none !important;
}

.dailyDataEntry-table-body .clsUlPannel {
    display: block;
    float: left;
}

.upldzonediv {
    height: 40px;
}

.disabledField {
    pointer-events: none;
    opacity: 0.4;
}

.upldzonediv .k-dropzone {
    padding-left: 0;
}

.uploaddiv.nonnutritivediv {
    margin: 35px 10px 0;
}

.buttonSet.nonnutribtn, .buttonSet.dietbtn {
    margin-top: 35px;
}

.prodrecEntrydiv .span2 {
    margin-left: 0;
    width: 13%;
}

.gridmenudet .k-grid-content {
    max-height: 200px;
}

.gridmenudet .k-footer-template td {
    border: 0 !important;
}

.correctImage {
    background: url(../images/icncorrect.png) 0 50% no-repeat;
    display: inline-block;
    padding: 7px 0 7px 35px;
    min-height: 20px;
}

.newIconImage {
    background: url(../images/newIcon.png) 0 1em no-repeat;
    display: inline-block;
    padding: 7px 0 7px 35px;
    min-height: 20px;
}

.errorImage {
    background: url(../images/icncloseone.png) 0 50% no-repeat;
    display: inline-block;
    padding: 7px 0 7px 35px;
}
/*Panel 1 data for Concept*/
#panel1DataConcept_tbl td {
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    height: 130px;
}

    #panel1DataConcept_tbl td #panel1DataConcept_ifr {
        width: 100% !important;
        overflow: hidden;
        height: 113px !important;
        display: block;
        background: none;
        color: black;
        margin: 0;
        padding: 8px 0 0 233px;
    }

        #panel1DataConcept_tbl td #panel1DataConcept_ifr body {
            margin: 0;
            padding: 5px;
        }
/*Panel 1 data for Monthly*/
#panel1Data_tbl td {
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    height: 100%;
}

    #panel1Data_tbl td #panel1Data_ifr {
        width: 100% !important;
        overflow: hidden;
        height: 100% !important;
        display: block;
        background: none;
        color: black;
        margin: 0;
        padding: 0 0 0 0;
    }

        #panel1Data_tbl td #panel1Data_ifr body {
            margin: 0;
            padding: 5px;
        }


#panel2Data_tbl td {
    background: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    height: 100%;
}

    #panel2Data_tbl td #panel2Data_ifr {
        width: 100%;
        overflow: hidden;
        height: 100% !important;
        display: block;
        background: none;
        color: black;
        margin: 0;
        padding: 0;
    }

        #panel2Data_tbl td #panel2Data_ifr body {
            margin: 0;
            padding: 5px;
        }

.productionTextboxDisable {
    background: #ccc !important;
}

.setdisble {
    cursor: no-drop;
}

.addbtn {
    background: #5c6263 url(../images/addNewRecord.png) center center no-repeat;
    width: 17px;
    height: 17px;
    border-radius: 3px;
    display: inline-block;
    padding: 1px 3px;
}

.buttonSet .image {
    background: url(../images/WBC-Icons/icon-image.png);
    background-repeat: no-repeat;
    background-position: 14px 1px;
    height: 45px !important
}

.buttonSet .save {
    background: url(../images/iconSave.png);
    background-repeat: no-repeat;
    background-position: 14px 1px;
    height: 45px !important;
    padding-left: 13px;
    padding-right: 10px;
}

.k-dirtymultiselect .k-multiselect {
    background: red;
}

    .k-dirtymultiselect .k-multiselect .k-multiselect-wrap {
        border-top-right-radius: 13px;
    }

.conAvadailPanel {
    bottom: 20%;
    top: 16%;
    position: fixed;
    width: 50%;
    height: 500px !important;
    left: 30%;
    right: 30%;
    border-radius: 15px;
    overflow-x: hidden;
}

    .conAvadailPanel .SubBtnSet .popUp .clipArtPrtPanel {
        top: 20px;
        left: 3%;
    }

    .conAvadailPanel h5 {
        margin: 70px 0 -40px;
        font-size: 2.6em;
    }

    .conAvadailPanel .greypanel {
        margin: 20% 10px 0;
    }

    .conAvadailPanel h5, .conAvadailPanel .daily-text {
        text-align: center;
    }

#conceptRightGrid td {
    position: relative;
}

    #conceptRightGrid td .conceptEditBtn {
        position: absolute;
        top: 5px;
        right: 5px;
        width: auto;
        display: none;
    }

    #conceptRightGrid td.conceptEditavilable:hover .conceptEditBtn {
        display: block;
    }

/*.panel2Monthly {
    margin-right: 6px;
    display: inline-block;
    width: 354px;
    height: 200px;
    margin-left: 2px;
    background: #fff;
    border: 1px solid;
    text-align: center;
    float: left;
}*/
.panel2Monthly {
    margin-top: 0px;
    display: inline-block;
    width: 340px;
    height: 218px;
    margin-left: 0px;
    /*background: #fff;*/
    text-align: center;
    overflow: auto;
    float: left;
}

.panel2MonthlyPDF {
    margin-top: 0px;
    display: inline-block;
    width: 351px;
    height: 226px;
    margin-left: 0px;
    /*background: #fff;*/
    text-align: center;
    overflow: hidden;
    float: left;
}


.chkAllLocationClosed {
    pointer-events: all !important;
}

.allLocationClosed {
    pointer-events: none;
}

.menuCalendarDiv {
    margin: 12px 28px 8px;
    width: 945px !important;
    /*max-height:1025px;*/
}


/*.panel1Monthly {
    background: #fff;
    display: inline-block;
    float: left;
    width: 187px;
    height: 202px;
    margin-left: 28px;
    text-align: center;
    margin-right: 2px;
}*/
.panel1Monthly {
    /*background: #fff;*/
    display: inline-block;
    float: left;
    width: 180px;
    height: 218px !important;
    margin-left: 47px;
    text-align: center;
    margin-right: 5px;
    margin-top: 0px;
    overflow: auto;
}

.panel1Monthly, .panel2Monthly, .panel1DataConcept {
    overflow: hidden !important
}

.panel1MonthlyPDF {
    /*background: #fff;*/
    display: inline-block;
    float: left;
    width: 180px;
    height: 226px;
    margin-left: 47px;
    text-align: center;
    margin-right: 5px;
    margin-top: 0px;
    overflow: hidden;
}

.menuBottomDiv {
    text-align: left !important;
    padding-left: 289px;
    width: auto;
    padding-top: 2px;
    width: auto !important;
    margin: 0 auto;
}

.bgImage {
    width: 990px;
    height: 1400px;
    /*width: 500px;    
    height: 500px;*/
    background-size: 100% 100%;
    background-repeat: round;
}


.panel1DataConcept {
    pointer-events: auto;
    height: 108px;
    overflow: hidden;
    width: 723px !important;
    display: block;
    margin: 14px 0 0 234px;
}

.panel1DataConceptPDF {
    pointer-events: auto;
    height: 120px !important;
    overflow: hidden;
    width: 723px !important;
    display: block;
    margin: 14px 0 0 234px;
    padding: .3em .5em !important;
    border-color: white !important;
}

body .menuCalendarDiv .cell {
    border: 1px solid #000;
    display: block;
    float: left
}

body .menuCalendarDiv .daysRow {
    overflow: hidden;
    min-height: 18pt;
}

body .menuCalendarDiv .menuRow {
    display: block !important;
    position: relative;
    width: 100%;
    clear: both
}
    /*body .menuCalendarDiv {width:1035px!important}*/
    body .menuCalendarDiv .menuRow .monthlyTrafficLight {
        display: inline-table;
        position: absolute;
        right: -120px
    }

    body .menuCalendarDiv .menuRow .conceptTrafficLight {
        display: inline-table;
        position: absolute;
        right: -145px
    }

    body .menuCalendarDiv .menuRow .displayinline {
        display: block !important
    }

.weekDays {
    float: left;
    text-align: center;
}

.staticWeekDays {
    float: left;
    text-align: center;
    font-size: 12pt;
    width: 950px !important;
    font-family: Calibri;
    font-weight: bold;
}

.errorImageTraffic {
    background: url(../images/remove.png) 0 50% no-repeat;
    display: inline-block;
    padding: 1px 0 1px 35px;
    min-height: 20px
}

.errorwarning {
    background: url(../images/icncornt.png) 0 50% no-repeat;
    display: inline-block;
    padding: 1px 0 1px 35px;
    min-height: 20px
}

.approveImage {
    background: url(../images/approve.png)0 50% no-repeat;
    display: inline-block;
    padding: 1px 0 1px 35px;
    min-height: 20px
}

.warningImage {
    background: url(../images/warningimg.png)0 50% no-repeat;
    display: inline-block;
    padding: 7px 0 7px 35px;
    min-height: 10px
}

.lastsingle .singlebx {
    background: url(../images/single.gif) 0 0 no-repeat;
    left: 30px;
    bottom: 1px;
    width: 91px;
    height: 43px;
    display: block;
    padding: 9px 0 7px;
}

.lastsingle a.red {
    background: url(../images/red-dot-icon.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    margin-left: 10px;
    opacity: 0.3;
}

.lastsingle a.gren {
    background: url(../images/green-dot-icon.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    margin: 0 10px;
    opacity: 0.3;
}

    .lastsingle a.gren.active {
        opacity: 1;
    }

.lastsingle a.brwn {
    background: url(../images/orange-dot-icon.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    opacity: 0.3;
}

    .lastsingle a.brwn.active {
        opacity: 1;
    }

.lastAData {
    padding: 15px 0 0 15px;
    text-align: center
}

    .lastAData p {
        margin-bottom: 5px
    }

.resultTable {
    width: 100%
}

.resultTable {
    border-top: 1px solid #47B667;
    padding-top: 15px
}

    .resultTable tr td {
        padding: 5px;
        width: 30%
    }

    .resultTable * {
        list-style: none
    }

.pass {
    color: #47B667
}

.fail {
    padding: 10px 15px;
    display: block;
    font-size: 16px;
    color: #fff
}

.warning {
    color: #FA6101
}

.failBox {
    border-radius: 0 0 7px 7px;
    text-align: center
}

.displayFoodbarCellInline {
    display: table-cell !important
}

#foodbarCalendarDiv {
    width: 550px;
    border: 1px solid #bbc8ce !important
}

.suggestedMenufoodbar .days {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-weight: bold
}

.suggestedMenufoodbar .day1 {
    width: 530px;
    height: 20px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 5px;
}

.suggestedMenufoodbar .day2 {
    width: 260px;
    height: 20px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 5px;
}

.suggestedMenufoodbar .day3 {
    width: 168px;
    height: 20px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 5px;
}

.suggestedMenufoodbar .day4 {
    width: 123px;
    height: 20px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 5px;
}

.suggestedMenufoodbar .day5 {
    width: 96px;
    height: 20px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 5px;
}

.suggestedMenufoodbar .day6 {
    width: 78px;
    height: 20px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 5px;
}

.suggestedMenufoodbar .day7 {
    width: 64px;
    height: 20px;
    border: 2px solid #000;
    background-color: #fff;
    margin: 5px;
}

.suggestedFoodBarCalenderSelect {
    background-color: #B457EF !important;
}

.gridtable tr td {
    padding: 5px
}

.customAction .chkBox.fl {
    margin-left: 10px
}

.customAction .chkBox.fl {
    margin-left: 10px
}

.customAction .chkBox.fl {
    margin-left: 10px
}

.customAction .k-multiselect-wrap {
    min-width: auto;
    max-width: auto;
    max-height: 200px;
    overflow-y: auto
}

.customActionSmall .k-multiselect-wrap {
    min-width: auto;
    max-width: auto;
    max-height: 60px;
    overflow-y: auto
}

.newStateMulti {
    min-width: 180px;
    max-width: 190px;
    max-height: 250px;
    overflow-y: auto
}

.btnSize {
    height: 33px;
    width: 155px;
    text-align: center;
}

.suggestedMenuFoodbarGrid .k-grid-content {
    min-height: 260px !important
}

.resultBox {
    background: #f3faa1;
    border: 1px solid #ccc;
    overflow: hidden
}

    .resultBox h3 {
        font-size: 18px;
        padding-left: 15px;
        margin-bottom: 0;
    }

.srchResultble {
    padding: 10px;
    background: #f3faa1 !important;
    border-color: #f3faa1 !important;
    margin-right: 0 !important
}

.genrecipelist.suggestedbtnleveldiv .gobtn {
    margin-top: 48px !important
}

.editmodel.serachResultBox {
    max-width: 100%;
    height: 99.5%;
    max-height: none
}

    .editmodel.serachResultBox .popupForm {
        height: 91%;
        max-height: none
    }

.menuPallete {
    position: relative;
    right: -145px
}

.topPallete {
    margin-bottom: 20px
}

.topPallete, .lastPallete {
    border: 1px solid #369B53;
    border-radius: 4px;
    padding: 10px;
}

    .topPallete p.palleteHead, .lastPallete .heading {
        position: relative;
        top: -20px;
        background: #369B53;
        padding: 2px 5px;
        color: #fff
    }

    .topPallete .days, .lastPallete .days {
        text-align: center;
        font-size: 14px;
        color: #666
    }

.menuPallete .lastAData {
    padding: 0
}

.dailyAdpTrafficLight .k-grid-header tr {
    display: table-row !important
}

.menuPallete .lastsingle .singlebx {
    background: url(../images/single_3.gif) 0 0 no-repeat
}

.recipeSec #divLoad {
    position: relative;
    background: #fff
}

#substitutesGrid table td:nth-child(5) {
    text-align: center;
}

.selectedimage {
    /*z-index: 1;*/
}

editorToolbarWindow k-header k-window-content k-content {
    display: none;
}

.weeklyAdpTrafficLight .k-grid-header {
    display: none;
}

#inventoryCountGrid input[type="text"] {
    padding: 3px;
    min-width: 50px;
    text-align: right
}

#inventoryCountGrid tr td {
    padding: 1px
}

.ui-draggable > .ui-draggable {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px
}

.radioSet label {
    line-height: 12px
}

.tinyTextAreaPdf {
    padding: 10px !important;
}

.k-window {
    display: none !important
}

/*#panel2Data, #panel1Data, #panel1ConceptData {line-height:inherit!important}
#panel2Data p, #panel1Data p, #panel1ConceptData p {margin-bottom:0!important}
#panel2Data *, #panel1Data *, #panel1ConceptData * {margin:0!important; padding:0!important}*/
.calContainer {
    font-size: 12px
}

.customTabs.nav-tabs > li > a {
    padding-left: 5px;
    padding-right: 5px
}

.breakConcept {
    height: 0px;
    width: 0px;
    page-break-before: always;
}

.width100 {
    width: 100% !important;
}

.recipeSec #menusplitter div.k-grid-header, .recipeSec #menusplitter div.k-grid-footer {
    padding-right: 0 !important;
}

.linkPara {
    margin: 0;
}

    .linkPara a {
        padding: 5px;
        border-bottom: 1px dotted #ccc;
        display: block;
        margin: 0 -10px;
        text-decoration: underline;
        color: #666
    }

        .linkPara a:hover {
            background: #f2f2f2;
            text-decoration: none;
            text-decoration: none
        }

.centerImgPDF {
    width: 95% !important;
    height: 98% !important;
}

.centerImgPDF7 {
    width: 95% !important;
    height: 93% !important;
}

body .resultBox #searchResultsGrid div.k-grid-header {
    padding-right: 16px !important
}

/*.calendarDate, #tempMenuItem {margin-top: -14px; float:none!important;text-align:center!important; word-wrap:break-word}
#tempMenuItem {text-indent:10px;}
#tempMenuItem span {word-wrap:break-word}

.calendarDate, #tempMenuItemSuggested {margin-top: 0px; float:none!important;text-align:center!important; word-wrap:break-word}
#tempMenuItemSuggested {text-indent:10px;}
#tempMenuItemSuggested span {word-wrap:break-word}*/


.calendarDate {
    margin-top: -14px;
    margin-left: 2px;
    float: none !important;
    text-align: center !important
}

#tempMenuItemMonthly {
    margin-top: -14px;
    margin-left: 14px !important;
    margin-right: 0 !important
}

body .popover #tempMenuItemMonthly, body #addWindow #tempMenuItemMonthly {
    margin-top: 0px !important
}

#tempMenuItemCycle, #tempMenuItemConcept, #tempMenuItemCycle, #tempMenuItemRepeateCycle {
    margin-top: 0px
}

body .popover #tempMenuItemCycle, #tempMenuItemConcept, #tempMenuItemCycle, #tempMenuItemRepeateCycle, body #addWindow #tempMenuItemCycle, #tempMenuItemConcept, #tempMenuItemCycle, #tempMenuItemRepeateCycle {
    margin-top: 0px !important
}

#tempMenuItemMonthly .toolTipDailyPanel + .popover .popover-content {
    padding-top: 15px
}

#previewConText {
    margin-top: -14px;
    margin-left: 13px !important;
}

#copyCalendarGrid .k-grid-content {
    max-height: 150px
}

#addproduct .fieldset {
    margin-top: 10px;
    margin-bottom: 10px;
}

#addproduct.editmodel.model-W70 {
    max-height: 95%
}

.cnslFstBox .buttonSet button {
    padding: 0 20px
}

/*      HHS CSS        */
.hhsModule .pageCont .leftPanel {
    border: 1px solid #ccc;
    padding: 10px /*; width:74%; float:left*/;
    margin: 20px 0 0 0;
}

    .hhsModule .pageCont .leftPanel label {
        margin-right: 0;
        padding-top: 5px;
    }

.poestheme .hhsModule .pageCont .leftPanel label.pdnone {
    padding-top: 0;
}

.hhsModule .pageCont .rightpanel {
    border: 1px solid #ccc; /*width:20%; float:right;*/
    margin: 10px 0 0 11px;
    margin-top: 20px;
}

    .hhsModule .pageCont .rightpanel .k-grid-header {
        background: none;
        margin-bottom: 20px;
    }

        .hhsModule .pageCont .rightpanel .k-grid-header th.k-header {
            background: #fff;
            border: none !important;
            font-size: 20px;
            color: #03629c;
            height: 28px;
            padding-top: 18px;
        }

            .hhsModule .pageCont .rightpanel .k-grid-header th.k-header a {
                color: #03629c;
                text-decoration: none;
            }

    .hhsModule .pageCont .rightpanel #otherPatientsgrid {
        border: none;
    }

    .hhsModule .pageCont .rightpanel .k-grid-header-wrap {
        border: none !important;
    }

    .hhsModule .pageCont .rightpanel .k-grid-content .k-selectable tr:nth-child(even), .hhsModule .pageCont .rightpanel .k-selectable tr:nth-child(even),
    pageCont .hhsModule .rightpanel .customK-table tr:nth-child(even), .hhsModule .pageCont .rightpanel .k-grid-content tr:nth-child(even) {
        background: none;
    }

    .hhsModule .pageCont .rightpanel .k-grid-content .k-selectable td:first-child {
        padding-top: 5px;
    }

    .hhsModule .pageCont .rightpanel .k-grid-content .k-selectable td div:last-child {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .hhsModule .pageCont .rightpanel .k-grid-content .k-selectable tr:last-child td div:last-child {
        border-bottom: none;
    }

.hhsModule .pageCont table tr td .buttonSet {
    border: 0;
    margin: 0;
    text-align: center;
    display: table
}

    .hhsModule .pageCont table tr td .buttonSet.patientSummaryBtn .viewRow, .hhsModule .pageCont table tr td .buttonSet.patientSummaryBtn .deleteRow {
        display: inline-block;
        margin: 0 auto;
        float: left
    }

.hhsModule .pageCont .buttonSet {
    overflow: hidden;
    clear: both;
    width: 102%;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    text-align: center;
}

    .hhsModule .pageCont .buttonSet .btn {
        background-color: #03629c;
    }

.hhsModule .amallbtn.buttonSet {
    width: 100%;
    margin: -5px 0 20px !important;
    border: none;
    text-align: left;
    padding: 0;
}

.hhsModule .pageCont .pageTitle {
    margin: 0;
    width: 100%;
}

.hhsModule .pageCont .formItemRow {
    text-align: left;
    min-height: 35px;
}

.hhsModule .pageCont #gridTitle .fa-glass {
    display: block;
    float: left;
    min-height: 0px;
    line-height: 27px;
    margin-right: 5px;
}
/*.hhsModule .pageCont #indicators li:first-child label { min-height: 50px}*/
.hhsModule .pageCont .formItemRow .span4 .forItemRow.statusSet {
    margin-right: 50px;
}

.hhsModule .pageCont .pageTitle, .hhsModule .pageCont h3 {
    text-align: center;
    font-size: 24px;
    color: #03629c;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    font-weight: normal;
    padding-top: 0;
}

.hhsModule .pageCont h3 {
    text-align: left;
    font-family: 'OpenSansBold';
    font-size: 18px;
}

.hhsModule .pageCont .pageTitle {
    padding-top: 15px;
    font-family: 'OpenSansRegular';
}

.hhsModule .pageCont input[type="text"], .hhsModule .pageCont .k-widget .k-input, pageCont .hhsModule .k-widget {
    min-height: 30px;
}

.hhsModule .pageCont .k-picker-wrap.k-state-default {
    height: auto;
}

    .hhsModule .pageCont .k-picker-wrap.k-state-default .k-i-calendar {
        position: relative;
        top: 5px;
    }

.hhsModule .pageCont .srchinp {
    display: inline-block;
}

.hhsModule .pageCont .srchbx {
    display: inline-block;
    background: #03629c;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
}

    .hhsModule .pageCont .srchbx .fa-search {
        color: #fff;
        font-size: 16px;
    }

.hhsModule .pageCont .ambAll {
    border: none;
    padding-bottom: 0;
}

.hhsModule .clfilter {
    /*color: #888;*/
    border: 1px solid;
    text-decoration: none;
    padding: 4px 5px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    font-family: 'OpenSansRegular';
    background: #fff;
    margin-top: -4px !important;
    margin-left: 5px;
}

.filtr-btn {
    float: right;
    position: relative !important;
    margin-top: -3px !important;
}

.hhsModule .pageCont .ambAll .clfilter {
    margin: 0 0 5px;
}

.hhsModule .timeBox .k-widget {
    border: 0;
    margin-bottom: 0;
}

.hhsModule .pageCont .timeBox .k-widget .k-dropdown-wrap {
    background: none;
}

.hhsModule .pageCont .k-widget .k-dropdown-wrap, .hhsModule .k-widget .k-dropdown-wrap .k-input, .hhsModule .pageCont .k-widget .k-dropdown-wrap .k-select,
.hhsModule .pageCont .k-widget .k-picker-wrap .k-input, .hhsModule .pageCont .k-widget .k-picker-wrap {
    background: none;
}

    .hhsModule .pageCont .k-widget .k-dropdown-wrap .k-input, .hhsModule .pageCont .k-widget .k-dropdown-wrap .k-select {
        line-height: 30px;
    }

.hhsModule .pageCont .k-pager-wrap .k-dropdown-wrap {
    height: 22px;
}

    .hhsModule .pageCont .k-pager-wrap .k-dropdown-wrap .k-input, .hhsModule .pageCont .k-pager-wrap .k-dropdown-wrap .k-select {
        line-height: 22px;
    }

.hhsModule .pageCont .timediv .span4 {
    position: relative;
    margin-left: 0;
}

    .hhsModule .pageCont .timediv .span4 .icn-dots {
        position: absolute;
        right: 0;
        top: 15%;
    }



.hhsModule .timeBox span.k-widget, .hhsModule .checkBtnBox input {
    width: auto
}

.hhsModule .timeBox span.k-widget {
    min-width: 53px;
}

.hhsModule .checkBtnBox {
    padding-top: 0;
}

.hhsModule .pageCont .servediv {
    border: 1px solid #ccc;
    margin: 15px 0 10px;
}

    .hhsModule .pageCont .servediv div.span4 {
        border-left: 1px solid #ccc;
        padding-top: 4px;
        min-height: 50px;
    }

        .hhsModule .pageCont .servediv div.span4:first-child {
            border-left: none;
        }

    .hhsModule .pageCont .servediv .brdline {
        border-left: 1px solid #ccc;
        padding: 10px 0 5px 10px;
        margin: -10px 0 0;
    }

.hhsModule .pageCont .patientDSelectMdiv {
    margin-bottom: 10px;
}

    .hhsModule .pageCont .patientDSelectMdiv .span7, .hhsModule .pageCont .patientDSelectMdiv .span5 {
        border: 1px solid #ccc;
        min-height: 488px;
    }

    .hhsModule .pageCont .patientDSelectMdiv .formItemRow {
        padding: 0 15px 5px;
    }

        .hhsModule .pageCont .patientDSelectMdiv .formItemRow .marbtm15 {
            margin-bottom: 10px;
        }

.hhsModule .pageCont .patientDetailsSection {
    position: relative;
    font-size: 11px;
}

    .hhsModule .pageCont .patientDetailsSection span.smlTxt {
        font-size: 11px;
        display: inline-block;
        margin-top: 2px;
    }

    .hhsModule .pageCont .patientDetailsSection:after {
        content: '';
        position: absolute;
        left: -10px;
        top: 4px;
        height: 15px;
        border-left: 2px solid #ccc;
    }

    .hhsModule .pageCont .patientDetailsSection:first-child:after {
        border: none;
    }

    .hhsModule .pageCont .patientDetailsSection label {
        float: left;
        margin-right: 5px;
    }

.hhsModule .pageCont .patientDSelectMdiv label {
    font-weight: bold;
}

.hhsModule .pageCont .patientDSelectMdiv #selectMenu div {
    /*margin: 5px 5px 5px 10px;*/
    padding-left: 5px;
}

.hhsModule .pageCont .levelSatSpecialInstDiv .formItemRow {
    padding: 0 15px 15px;
}

.hhsModule .pageCont .levelSatSpecialInstDiv .span5, .hhsModule .pageCont .levelSatSpecialInstDiv .span7 {
    border: 1px solid #ccc;
}

.hhsModule .pageCont .levelSatSpecialInstDiv h6 {
    text-transform: uppercase;
    font-weight: bold;
}

.hhsModule .pageCont .levelSatSpecialInstDiv label {
    margin: 6px 0 0;
    display: block;
    float: left;
    width: 100%;
    line-height: 25px !important;
    min-height: initial;
}

.hhsModule .pageCont .levelSatSpecialInstDiv textarea {
    border-radius: 2px;
}

.hhsModule .pageCont #selectItems #gridTitle {
    border-bottom: 1px solid #ccc
}

    .hhsModule .pageCont #selectItems #gridTitle h3 {
        border-bottom: 0
    }

.hhsModule .pageCont .itemIndicatorsdiv {
    border: 1px solid #ccc;
    margin-left: 14px;
    /*width: 58.33333333333333%;
        *width: 58.263888888888886%;*/
}

    .hhsModule .pageCont .itemIndicatorsdiv h3, .hhsModule .pageCont .itemIndicatorsdiv #selectItemsGrid {
        margin-bottom: 0;
    }

    .hhsModule .pageCont .itemIndicatorsdiv #selectItemsGrid {
        border: none;
        overflow: auto;
        max-height: 416px;
        height: 416px !important
    }

        .hhsModule .pageCont .itemIndicatorsdiv #selectItemsGrid .selectButton {
            background: #03629c;
            color: #fff;
            border: none;
            border-radius: 3px;
            padding: 5px 10px;
            font-size: 12px;
            text-transform: uppercase;
        }

        .hhsModule .pageCont .itemIndicatorsdiv #selectItemsGrid .selectButton2 {
            background: #47B667;
            color: #fff;
            border: none;
            border-radius: 3px;
            padding: 5px 10px;
            font-size: 12px;
            text-transform: uppercase;
        }

.hhsModule .pageCont .sumtotalordUnits {
    margin-left: 14px;
    /* width: 58.33333333333333%;
        *width: 58.263888888888886%;*/
}

    .hhsModule .pageCont .sumtotalordUnits h6 {
        text-transform: uppercase;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    .hhsModule .pageCont .sumtotalordUnits .span8, .hhsModule .pageCont .sumtotalordUnits .span4 {
        border: 1px solid #ccc;
        min-height: 194px;
    }

    .hhsModule .pageCont .sumtotalordUnits .span8 {
        overflow: auto;
    }

    .hhsModule .pageCont .sumtotalordUnits .sumUnits {
        padding: 0 10px 10px 0;
    }

        .hhsModule .pageCont .sumtotalordUnits .sumUnits .coldiv {
            min-height: auto;
            border: none;
            float: left;
            margin-left: 10px;
        }

            .hhsModule .pageCont .sumtotalordUnits .sumUnits .coldiv b {
                text-transform: uppercase;
                font-weight: bold;
                padding-bottom: 5px;
                font-size: 11.9px;
                display: inline-block;
            }

    .hhsModule .pageCont .sumtotalordUnits .numblarge {
        font-size: 45px;
        margin: 23% 0 0;
        color: #727272;
    }

.hhsModule .buttonSet2 {
    border: 1px solid #ccc;
    width: 99.6% !important;
    margin: 15px 0 0 0 !important;
    padding-bottom: 10px;
}

.hhsModule .quickSumPg {
    position: fixed;
    right: 0;
    bottom: 0;
    top: auto;
    left: auto;
    background: #fff
}
    /* class added by munir 
    .hhsModule.rptButton
    {
        border-top: 1px solid #ccc; 
        width:98.6%; 
        margin-left:1% !Important;
        padding-bottom: 10px !Important;
    }*/
    .hhsModule .quickSumPg .brdbx {
        border: 1px solid #ccc;
        margin: 0 0 8px;
        padding: 0 10px;
    }

        .hhsModule .quickSumPg .brdbx.tlutdiv {
            max-height: 170px;
            padding: 0;
        }

            .hhsModule .quickSumPg .brdbx.tlutdiv .row-fluid {
                overflow-x: auto;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch !important;
            }

    .hhsModule .quickSumPg h6 {
        text-transform: uppercase;
        font-weight: bold;
        margin: 5px 0 0;
    }

    .hhsModule .quickSumPg h5 {
        text-transform: uppercase;
        font-weight: bold;
        margin: 0;
    }

    .hhsModule .quickSumPg .brdbx.tlutdiv h6.title {
        border-bottom: 1px solid #ccc;
        padding-left: 10px;
        padding-bottom: 5px;
    }

    .hhsModule .quickSumPg .brdbx.tlutdiv .row-fluid {
        padding: 5px 0;
    }

    .hhsModule .quickSumPg .numblarge {
        font-size: 60px;
        color: #727272;
    }

        .hhsModule .quickSumPg .numblarge span {
            border: 1px solid #ccc;
            font-weight: bold;
            text-align: center;
            width: 100%;
            display: block;
            margin: 10px 0;
            min-height: 60px;
            padding-top: 25%;
        }

    .hhsModule .quickSumPg .list3 {
        margin: 0;
        padding: 0;
        position: relative;
        list-style-type: none;
        font-size: 12px;
        display: inline-block;
        padding-left: 5px;
        margin-left: 5px;
    }

        .hhsModule .quickSumPg .list3::after {
            content: "";
            position: absolute;
            border-right: 1px solid #ccc;
            top: 3px;
            right: -7px;
            height: 15px;
        }

        .hhsModule .quickSumPg .list3 li {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .hhsModule .quickSumPg .list3 li label {
                font-weight: bold;
                display: inline-block;
                margin-right: 5px;
            }

        .hhsModule .quickSumPg .list3:nth-child(1) {
            border: none;
            margin-left: 0;
            padding-left: 0;
        }

        .hhsModule .quickSumPg .list3:nth-child(3)::after {
            border: none;
        }

body .hhsModule .buttonSet .btn, .gridBtnBlu {
    background: #03629c !important;
    padding: 5px 20px !important;
    font-size: 14px;
    background-image: none;
}


.hhsModule .gridBtnGrn {
    background: #6fba55 !important;
    padding: 5px 20px !important;
    font-size: 14px;
    background-image: none;
}

.hhsModule .stripBg .pageTitle {
    display: none;
}

.hhsModule .k-grid table .fa {
    font-size: 16px;
    margin: 0 2px;
    color: #333333;
}

    .hhsModule .k-grid table .fa.fa-edit {
        font-size: 14px;
    }

.k-grid table {
    word-break: break-word;
}

@media screen and (min-width: 980px) {
    .hhsModule .pageCont .rightpanel {
        margin-left: 8px;
    }
}

.hhsModule .k-calendar .k-state-focused {
    background: #03629c;
}

.hhsModule #otherPatientsgrid .k-grid-header-wrap a.k-link {
    background: url('../images/userIcon.png') 5px 7px no-repeat;
    padding-left: 35px;
}

.hhsModule .patientName {
    color: #03629c;
    cursor: pointer;
    text-transform: capitalize;
}

    .hhsModule .patientName:hover {
        text-decoration: underline;
    }


.hhsModule .editable .editmodel {
    position: static !important;
    box-shadow: none;
    border: 1px solid #ccc;
    max-width: 100%;
}

.hhsModule .leftSection {
    padding-left: 25px;
}

.hhsModule .inlblcktxt {
    display: inline-block;
}

.hhsModule .adpopbknone .popupHeaderDiv {
    background: none;
}

    .hhsModule .adpopbknone .popupHeaderDiv .popupTitle {
        color: #03629c;
        font-weight: bold;
    }

.hhsModule .menuName {
    text-transform: capitalize;
}

.hhsModule .shpCircle, .hhsModule .shpSquare, .hhsModule .shpDiamond, .hhsModule .shpStar, .hhsModule .shpGlass {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    margin: 5px 5px 0;
}

.hhsModule .shpCircle {
    background: #f66a81;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.hhsModule .shpSquare {
    background: #00bff4;
}

.hhsModule .shpDiamond {
    background: #cb9972;
    margin: 8px 2px 0 10px; /* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.hhsModule .fa-glass.shpGlass {
    font-size: 12px;
    color: red;
    display: inline-block;
    width: 20px
}

body .hhsModule #selectItemsGrid .fa-glass.shpGlass {
    font-size: 12px;
    color: #333;
    margin: 0 auto !important;
    float: none !important
}


.hhsModule .shpStar {
    margin: -24px -85px -25px -90px;
    position: relative;
    display: block;
    color: red;
    width: 0px;
    height: 0px;
    border-right: 100px solid transparent;
    border-bottom: 70px solid #ff8e25;
    border-left: 100px solid transparent;
    -moz-transform: rotate(35deg) scale(.08);
    -webkit-transform: rotate(35deg) scale(.08);
    -ms-transform: rotate(35deg) scale(.08);
    -o-transform: rotate(35deg) scale(.08);
}

    .hhsModule .shpStar:before {
        border-bottom: 80px solid #ff8e25;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        position: absolute;
        height: 0;
        width: 0;
        top: -45px;
        left: -65px;
        display: block;
        content: '';
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        -o-transform: rotate(-35deg);
    }

    .hhsModule .shpStar:after {
        position: absolute;
        display: block;
        color: red;
        top: 3px;
        left: -105px;
        width: 0px;
        height: 0px;
        border-right: 100px solid transparent;
        border-bottom: 70px solid #ff8e25;
        border-left: 100px solid transparent;
        -webkit-transform: rotate(-70deg);
        -moz-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
        -o-transform: rotate(-70deg);
        content: '';
    }

.hhsModule .indicate li {
    display: block;
    float: left;
    margin-right: 10px;
}

    .hhsModule .indicate li label {
        display: block;
        float: left;
        margin-right: 0;
    }

.hhsModule #patientDetails h3 .buttonSimple {
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #666;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
    top: -5px;
    margin: 0 2px;
}

.hhsModule .buttonSimple {
    border: 1px solid #ccc;
    padding: 7px 10px;
    color: #666;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
    top: -5px;
    margin: 0 2px;
}

    .hhsModule .buttonSimple span {
        cursor: pointer;
        font-family: 'OpenSansRegular';
    }

    .hhsModule .buttonSimple:hover, .hhsModule .buttonSimple:hover span {
        color: #005580;
    }

.hhsModule .takeOrderLeftPanel {
    word-wrap: break-word;
    max-height: 488px;
    overflow: auto;
}
/*===============   iPad    =======================*/
@media only screen and (min-width:768px) and (max-width:1023px) {
    .hhsModule .formItemRow .span6.vertical {
        float: none;
        margin: 0;
        width: 100%;
    }

    .hhsModule .statusSet .fr {
        float: left;
    }

    .hhsModule .statusSet .span8 {
        width: auto;
    }

    .hhsModule #patientDetailsDashBoardGrid {
        overflow: scroll;
    }

    body .hhsModule .headingBox .span6.r-float {
        float: left !important;
    }

    .hhsModule .searchSet .gridBtnBlu {
        float: right;
    }
}

.hhsModule .indicatorBox {
    text-align: center;
    max-width: 70%;
    margin: 0 auto 20px;
    border: 1px solid #03629c;
    padding: 7px 5px;
}

    .hhsModule .indicatorBox label {
        display: inline-block;
        margin: 0 10px;
        font-size: 12px;
    }

.hhsModule .border0 {
    border: 0 !important;
}

.hhsModule .indicatorBox .fa-circle, .hhsModule .k-grid table .fa-circle {
    color: #ffb0b7;
}

.hhsModule .indicatorBox .fa-square, .hhsModule .k-grid table .fa-square {
    color: #7e19c1;
}

.hhsModule .indicatorBox .fa-heart, .hhsModule .k-grid table .fa-heart {
    color: #39bd1a;
}

.hhsModule .indicatorBox .fa-certificate, .hhsModule .k-grid table .fa-certificate {
    color: #d97a04;
}

.hhsModule .indicatorBox .fa-star, .hhsModule .k-grid table .fa-star {
    color: #fe9400;
}

.hhsModule .indicatorBox .fa-check, .hhsModule .k-grid table .fa-check {
    background: url(../images/icon-ordered.png) 0 0 no-repeat;
    width: 20px;
    height: 16px;
    margin-top: 2px;
}

    .hhsModule .indicatorBox .fa-check:before, .hhsModule .k-grid table .fa-check:before {
        content: close-quote;
    }

.hhsModule .indicatorBox .icon-remove-sign, .hhsModule .k-grid table .icon-remove-sign {
    background: url(../images/icon-not-ordered.png) 0 0 no-repeat;
    width: 20px;
    height: 19px;
    margin-top: -2px;
    margin-right: 3px;
}

.hhsModule .indicatorBox .icon-delivered, .hhsModule .k-grid table .icon-delivered {
    background: url(../images/icon-delivered.png) 0 0 no-repeat;
    width: 26px;
    height: 19px;
    margin-top: -2px;
    margin-right: 3px;
}

.hhsModule .indicatorBox .icon-declined, .hhsModule .k-grid table .icon-declined {
    background: url(../images/icon-declined.png) 0 0 no-repeat;
    width: 26px;
    height: 19px;
    margin-top: -2px;
    margin-right: 3px;
}

.hhsModule .indicatorBox .icon-pending, .hhsModule .k-grid table .icon-pending {
    background: url(../images/icon-pending.png) 0 0 no-repeat;
    width: 26px;
    height: 19px;
    margin-top: 2px;
    margin-right: -10px;
}

.hhsModule .indicatorBox .ordTxt, .hhsModule .k-grid table .ordTxt {
    color: #075ea3;
}

.hhsModule .indicatorBox .notOrdTxt, .hhsModule .k-grid table .notOrdTxt {
    color: #d7000b;
}

.hhsModule .indicatorBox .ordDeclinedTxt, .hhsModule .k-grid table .ordDeclinedTxt {
    color: #860db2;
}

.hhsModule .indicatorBox .ordDeliveredTxt, .hhsModule .k-grid table .ordDeliveredTxt {
    color: #6e9a29;
}

.hhsModule .indicatorBox .ordPendingTxt, .hhsModule .k-grid table .ordPendingTxt {
    color: #d5e131;
}

.hhsModule .indicatorBox .remove-sign:before {
    content: close-quote;
}

.hhsModule .statusBox {
    border: 1px solid #ccc;
    padding: 5px 10px;
    width: 215px;
    margin: 0 0 0 10px;
    border-radius: 4px;
}

.checkFilter {
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 20px;
}

    .checkFilter span {
        position: relative;
        top: 4px;
        font-size: 13px;
        text-transform: uppercase;
        left: 5px;
    }

.addbtnOuter .btn.btn-success {
    margin-right: 5px;
    margin-top: 14px;
}


.checkFilter #ClrincludeInactiveChk {
    border: 1px solid #000;
    /*-webkit-appearance: none;*/
    width: 14px;
    height: 14px;
}

.hhsModule .statusBox label {
    float: left;
    margin: 0 20px 0 0;
}

.hhsModule .statusBox a {
    line-height: 30px;
    margin: 0 2px;
}

.hhsModule .statusBox .active, .hhsModule .statusBox a {
    color: green;
}

.hhsModule .statusBox .inActive {
    color: red;
}

.hhsModule .patnameGreen {
    color: #006600;
}

.hhsModule .patnameRed {
    color: #f00;
}

.hhsModule #patientDetailsDashBoardGrid td, .hhsModule #patientDetailsDashBoardGrid th {
    text-align: center;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word
}

.hhsModule #patientDetailsGrid td, .hhsModule #patientDetailsGrid th {
    text-align: left;
    white-space: inherit;
    word-break: break-all;
    word-wrap: break-word;
}

.hhsModule .clfilter.patientSumBtn {
    background: #5c6263;
    padding: 0 10px;
    border-radius: 8px;
    float: left !important;
}

    .hhsModule .clfilter.patientSumBtn span {
        padding: 3px 15px;
    }

#patientDetailsGrid tr th, #patientDetailsGrid tr td {
    max-width: 150px
}

hhsModule #patientDetailsGrid {
    overflow: scroll;
}

.hhsModule .overlay .buttonZone {
    padding: 8px;
    text-align: center;
}

    .hhsModule .overlay .buttonZone .btn {
        padding: 3px 15px;
    }

    .hhsModule .overlay .buttonZone .btn-cancel, .hhsModule .overlay .buttonZone .btn-delete {
        padding-left: 30px !important;
        background-position-y: 7px !important
    }

.hhsModule .seletectedMenuPopList {
    width: 700px;
    overflow-x: scroll;
    height: 114px;
    overflow-y: scroll;
    display: inline-block;
}

    .hhsModule .seletectedMenuPopList .span6 {
        border: none;
        width: 160px;
        padding: 0;
        margin: 0;
        /*overflow-y: auto;
            overflow-x: hidden;*/
        border-left: 1px solid #737373;
        height: 200px;
    }

/*.hhsModule .seletectedMenuPopList .span6:first-child
            {
                border: none;
                overflow: auto;
                height: 100px;
            }*/
.hhsModule .selectedMenuSummary {
    /*margin: -20px 0 0;
        width: 900px;
        overflow: auto;
        max-height:130px;*/
    margin: -20px 0 0;
    width: 900px;
    overflow-x: auto;
    overflow-y: scroll;
    min-height: 130px;
    overflow: hidden;
    height: 100%;
}

    .hhsModule .selectedMenuSummary .span6 {
        border: none;
        width: 175px;
        padding: 0;
        margin: 0;
        border-left: 1px solid #737373;
        min-height: 130px
    }

        .hhsModule .selectedMenuSummary .span6 .removeBtn {
            padding: 0;
            margin: -4px 0 0;
            border: 1px solid #5C6263;
            background: #ccc;
            line-height: 1px;
            width: 11px;
            height: 11px;
        }

        .hhsModule .selectedMenuSummary .span6:first-child {
            border-left: none;
        }

    .hhsModule .selectedMenuSummary h6, .hhsModule .seletectedMenuPopList h6 {
        border-bottom: none !important;
        font-family: 'OpenSansBold';
        margin: 0;
        padding: 10px 0 0 10px !important;
        color: #737373;
    }

    .hhsModule .selectedMenuSummary table .k-grid-header, .hhsModule .seletectedMenuPopList table .k-grid-header {
        display: none;
    }

    .hhsModule .selectedMenuSummary table tr, .hhsModule .seletectedMenuPopList table tr {
        background: none;
    }

.hhsModule .patientDetailsSection {
    display: inline-flex !important;
}

.hhsModule .takeOrderLeftPanel .patientDetailsSection {
    display: block !important;
}

.hhsModule #guestTrays input[type="radio"] {
    margin: 0;
    background-color: #000000;
}

.hhsModule .pageCont .itemIndicatorsdiv #selectItemsGrid table .shpCircle, .hhsModule .pageCont .itemIndicatorsdiv #selectItemsGrid table .shpSquare, .hhsModule .pageCont .itemIndicatorsdiv #selectItemsGrid
table .shpDiamond, .hhsModule .pageCont .itemIndicatorsdiv #selectItemsGrid table .shpStar {
    display: inline-block;
    float: none;
}

.hhsModule span.k-link span.poes .icon em {
    background: url(../images/icon-poes-blue.png) 0 0 no-repeat !important;
    margin-top: 10px;
    margin-left: 6px;
}


#otherPatientsgrid .k-grid-content {
    max-height: 772px
}

.idField .validationMessage {
    float: left;
    clear: both
}

.idField .srchinp {
    float: left !important
}

#ambassadorAllocationGrid {
    overflow: auto
}

.myInput .k-select {
    border-left: 1px solid #555 !important
}

#levelOfSatisfaction {
    min-height: 35px
}

.borderRight {
    background: url(../images/verticalLine.png) 100% 0 repeat-y
}



.acntSelection {
    position: relative;
    top: 5px
}

.welcomeBox {
    min-width: 230px
}

body .notIcon {
    float: right;
    margin: 7px 10px 0 15px;
    position: static
}

#patientDetailsDashBoardGrid tr th, #patientDetailsDashBoardGrid tr td {
    max-width: 150px
}

.hhsModule #selectedMenuSummary .k-grid table .fa {
    font-size: 12px !important;
    line-height: 19px
}

.prt2 .buttonSet .icnDailyMenu {
    background: url(../images/WBC-Icons/dailyChefMenu.png);
}

    .prt2 .buttonSet .icnDailyMenu:hover {
        background: url(../images/WBC-Icons/dailyChefMenu-on.png);
    }

.ambassador .rightPanel.r-float .formItemRow, .ambassador .leftPanel.r-float .formItemRow {
    padding: 5px;
}

.arrowMenuBk, .arrowMenuNxt {
    display: inline-block;
    width: 12px;
    height: 30px;
    background-color: none;
    border: 0;
}

.arrowMenuBk {
    background: url(../images/arrowBack.png) 5px 5px no-repeat;
}

.arrowMenuNxt {
    background: url(../images/arrowNext.png) 5px 5px no-repeat;
}

.container-fluid .toggleRight .k-grid-content {
    min-height: 550px !important
}

div#weekTabs {
    max-width: 568px;
}

/*Menu planner new product*/

.rgt {
    float: right !important;
    margin-right: 232px;
}

.maincalContainer {
    margin: 0 auto;
    width: 994px;
    overflow: hidden;
}

.mrgleft0 {
    margin-left: 0 !important;
}

.clr {
    clear: both !important;
}
/*****************Added by Suhas K******/
.span7.span7_second {
    margin-top: 20px;
    margin-left: 0;
}

.menu_report .formItemRow {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    float: none;
}

.menu_report .span7 {
    margin-left: 0;
    width: 50%;
}

.menu_report .span5 {
    width: 50%;
}

.menu_report .formItemRow .span6 {
    margin-right: 0;
}

    .menu_report .formItemRow .span6 label {
        margin-right: 0;
    }

    .menu_report .formItemRow .span6 span.k-widget.k-combobox.k-header.span11 {
        width: 90%;
    }

.menu_report .span7 .k-widget.k-multiselect.k-header.span11.k-state-hover {
    width: 84%;
}

.menu_report .span7 .k-widget.k-multiselect.k-header.span11 {
    width: 84%;
}

.menu_report .btn.fr.btn-success.btn-check {
    margin-right: 22px;
}

.menu_report .rdoBtn {
    text-align: center;
}


/****HHS ******/
.row-fluid .takeOrderRow {
    background: url(../images/takeOrderIcon.png) 0 0 no-repeat !important;
    width: 22px;
    height: 19px;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
}


.hhsModule .triangle {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 13px solid #ff0000;
    float: none;
    opacity: 0.5;
    margin-right: 5px;
    margin-left: 4px;
    margin-top: 3px;
    display: inline-block;
}

.k-virtual-scrollable-wrap .triangle {
    margin: 0;
    float: none;
    vertical-align: super;
    position: relative;
    top: -13px;
}

.borderBottomNone {
    border-bottom: none !important;
}

.loginPageCaptchaDiv {
    background-color: #c3c3c3 !important;
    padding: 5px !important;
}

.loginPageCaptchaDivAddOn {
    border-bottom: 0px !important;
    cursor: pointer !important;
}

.input-prepend .add-on.loginPageCaptchaDivAddOn {
    position: relative;
    top: 10px;
}

.marTop2 {
    margin-top: 2px !important;
}

.menuPlanner .creationmenubuilder_section2 {
    float: left;
    width: 23%;
    margin-left: 2%;
    min-height: 380px;
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.menuPlanner .nutrientSummary .dietaryNames {
    font-size: 14px;
}

.nutrientSummary p {
    color: #000 !important;
    margin-top: 10px;
}

.nutrientSummary .nutridetailsname, .nutrientSummary .nutridetailsvalue {
    color: #fff;
    float: right;
    background: #1A2139;
    padding: 0 10px;
    min-width: 60px;
    text-align: left
}

.nutrientsDetails .nutridetailsname {
    float: left;
    width: 62%;
    text-align: right;
    margin-bottom: 15px;
    font-size: 14px;
    color: #39527B;
    font-weight: bold
}

.nutrientsDetails .nutridetailsvalue, .nutridetailsvalue1 {
    margin-left: 0;
    width: auto;
    font-size: 14px;
    color: #39527B;
    text-align: right;
    font-weight: bold
}

.nutrientsDetails .nutridetailsname {
    float: none !important;
    padding-left: 5% !important;
}

.cutomGrid01 {
    overflow: auto
}

    .cutomGrid01 thead {
        background: #98a7af;
        font-weight: bold;
        color: #fff
    }

    .cutomGrid01 tr:nth-child(even) td {
        background: #e6e1e6
    }

    .cutomGrid01 table {
        border: 1px solid #ccc;
        border-width: 1px 0 0 1px
    }

    .cutomGrid01 tr th, .cutomGrid01 tr td {
        padding: 5px;
        text-align: left;
        border: 1px solid #ccc;
        border-width: 0 1px 1px 0
    }

#dietaryRuleErrorLink {
    color: red;
    cursor: pointer;
}

#dietaryRuleLink {
    color: green;
    cursor: pointer;
}

.dietaryRuleErrorDiv {
    text-align: left;
    min-height: 15px;
    padding: 5px;
}

.pull-left {
    cursor: pointer;
}

.usda-productName {
    font-weight: bold;
    font-size: larger;
}

.usda-labels {
    font-weight: bolder;
    font-size: larger;
}

.usda-values {
    font-size: larger;
    margin-right: 25px;
    background-color: ghostwhite;
    padding-left: 10px;
}

.Usdadisabled {
    opacity: 0.8;
    pointer-events: none;
}

textarea.span12.textAreaUsda {
    min-height: 30px;
}

.patient-suppFrequency {
    color: #03629c;
    padding-bottom: 20px;
    font-weight: bolder;
    padding: 5px 5px 5px 5px;
}

#seniorLivingsGrid .k-selectable .k-grid-Edit {
    width: 15px;
    height: 19px;
    background-color: transparent;
    background: url(../images/edit.png) 0 3px no-repeat !important;
    font-size: 0;
    margin: 0 5px;
}

#seniorLivingsGrid .k-selectable .k-grid-Save {
    width: 15px;
    height: 19px;
    background-color: transparent;
    background: url(../images/update.png) 0 3px no-repeat !important;
    font-size: 0;
    margin: 0 5px;
}

#seniorLivingsGrid .k-selectable .k-grid-Cancel {
    width: 15px;
    height: 19px;
    background-color: transparent;
    background: url(../images/cancelRed.png) 0 3px no-repeat !important;
    font-size: 0;
    margin: 0 5px;
}

#seniorLivingsGrid .k-multiselect-wrap.k-floatwrap .k-button {
    word-break: break-all;
}

#productCreditingOptionGrid .k-button.k-button-icontext .k-icon.k-add {
    margin-top: -4px;
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    text-align: center;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    text-align: center;
}

.closeBox {
    background: url(../images/close_icon.png) no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    opacity: .8;
}

.rightArrowBox {
    background: url(../images/arrowNext.png) no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    opacity: .8;
}


.button-container {
    padding-top: 1em;
    text-align: right;
}

.k-tabstrip .k-tabstrip-items li .k-link {
    padding-right: 0.46em;
}

    .k-tabstrip .k-tabstrip-items li .k-link[data-type='remove'] {
        padding-left: 0.46em;
    }

    .k-tabstrip .k-tabstrip-items li .k-link .k-icon {
        margin: 0;
    }

        .k-tabstrip .k-tabstrip-items li .k-link .k-icon:hover {
            color: red;
        }

.k-tabstrip .k-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

#hint {
    border: none;
}

    #hint .k-tabstrip-items {
        padding: 0;
    }

.indicatorCls {
    width: 150px;
    max-width: 50%;
    margin-right: 0px !important;
}

    .indicatorCls .triangle {
        margin-left: 4px !important;
        margin-right: 10px;
        float: left;
    }

    .indicatorCls .shpDiamond {
        margin: 8px 5px 0 9px;
    }

    .indicatorCls .shpSquare {
        margin-right: 10px;
    }

    .indicatorCls .shpCircle {
        margin-right: 10px;
    }

    .indicatorCls .shpStar {
        margin: -24px -85px -40px -90px;
    }

    .indicatorCls .fa-glass.shpGlass {
        width: 15px;
        margin-left: 4px;
    }
.hhsModule .indicatorBox .fa-tube, .hhsModule .k-grid table .fa-tube {
    background-image: url('../images/tubefeeding.png');
    background-size: 100% 100%;
    height: 12px;
    width: 13px;
    margin-bottom: -2px;
}

.hhsModule .k-grid table .fa-tube {
    height: 16px;
    width: 17px;
    margin-left: 0px;
}
.hhsModule .indicatorBox .fa-diet, .hhsModule .k-grid table .fa-diet {
    background-image: url('../images/dietchange.png');
    background-size: 100% 100%;
    height: 12px;
    width: 13px;
    margin-bottom: -2px;
}

.hhsModule .k-grid table .fa-diet {
    height: 16px;
    width: 17px;
    margin-left: 0px;
}

    .programTypeScrollbar {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .programTypeScrollbar::-webkit-scrollbar {
        width: 20px;
    }

    .programTypeScrollbar::-webkit-scrollbar-track {
        background-color: transparent;
    }
    .programTypeScrollbar::-webkit-scrollbar-thumb {
        background-color: #d6dee1;
        border-radius: 20px;
        border: 4px solid transparent;
        background-clip: content-box;
    }
    .removeTabButton {
        background-color: transparent;
        float: right;
        border: none;
        height: 16px;
        width: 19px;
        border-style: none;
        border-radius: 0px 0px 0px 8px;
        padding-top: 0px;
        padding-bottom: 24px;
        padding-right: 10px;
        margin-top:0px;
        margin-right: 2px;
        color: #f2f2f2;
    }
    .removeTabButton:hover {
        background-color: #e7e7e7;
        color:#383d3d;
    }
    .active .removeTabButton{
        color:#2e3131;
    }
    .removeTabX{
        font-size:small;
        font-weight:bold;
    }
    .nav-tabs > li > a {
        padding-right: 25px;
    }

    .disableLeftAndRightPanel{
        pointer-events:none;
        opacity:0.5;
    }
    /*****HHS******/