@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Montserrat');


.maincalContainer *,
footer * {
    font-family: arial !important;
}

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.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: #ad0000;
    font-size: 12px;
    display: inline-block;
    padding: 0;
}

/* Validations and Errors */
/*body {padding-top:60px; padding-bottom:40px;}*/
footer {
    background: #1a2139;
    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;
}

/*         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;
}

#ambassadorAllocationGrid .viewRow {
    background: url(../images/viw.png) 0 0 no-repeat !important;
    width: 36%;
    height: 19px;
    display: inline-block;
    margin-right: 2px;
    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 .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.7em;
}

.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;
}

/*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;*/
    /*Changes made for IE issue*/
    height: 16px;
    width: 15px;
    display: block;
    opacity: 1;
    border: 0px !important;
}

.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: 30%;
    min-height: 25%;
    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;
}

.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: 100%;
    max-width: 480px;
    overflow: auto;
    background: #f4f4f4;
    z-index: 10001;
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
    margin: 0 auto;
    top: 30%;
    left: 0;
    right: 0;
}

.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: #fff;
    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: #ff8a8a;
    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: 16px;
}

.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: 4px;
    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;
}

.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;
}

/*.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;
}

.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_green {
    background-color: green;
}

.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: 210px;
    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/StarNew.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/StarNew.png");
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    border: none !important;
    /*background-position: -24px 0;*/
}

.toggleLeft .starRating {
    width: 24px;
    height: 24px;
    background-image: url("/content/images/StarNew.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;
}

#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;
}

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

.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: #913108;
    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-position: -569px 0;
}

.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: nowrap;
}

/*#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;
}

/***********added on 5th Nov 2018 by Suhas K*******/
.allergenPopup .formItemRow {
    width: 40%;
    overflow: hidden;
    display: inline-block;
}

.allergenPopup .formItemRow .span6 {
    width: 90%;
}

.allergen_upload .span3 {
    width: 46%;
}

.allergenPopup .buttonZone {
    margin-top: 10px;
}

.allergen_upload .span3 .buttonSet.dietbtn {
    overflow: visible;
    width: 40px;
}

/*****************************************/
/*        Resposive CSS                 */
/*****************************************/
@media only screen and (min-width:1024px) and (max-width:1280px) {
    #applicationHost .rhsContainer {
        margin-top: 40px;
    }
}

@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: 18%;
        color: #fff;
        margin: 5px 0 0 3%;
    }

    .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-color: transparent !important;
    background: #000;
    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;*/
    /*background: url(../images/culinary_new_logo.png) 45% 0 no-repeat;*/
    background: url(../images/CS.gif) 45% 0 no-repeat;
    background-size: 100px 100px;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}

.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;
}

.forceRight {
    float: right !important
}

.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;
}

.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;
    margin-bottom: -117px;
}

.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: #2b333b !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: #2b333b !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 (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;
}

.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 {
    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 .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;
}

.cell.icnaddgrey.closeDaysConceptClassTemp {
    /*content:"Closed";*/
    font-size: 25px;
    text-align: center;
    /*width: 100%;
    height: 100%;*/
    /*position: absolute;
    line-height: 80px;*/
    /*opacity: 0.5;*/
    color: red;
    /*left: 0;*/
    /*opacity: 0.033;*/
    /*opacity: 0.166;*/
}

.printHeaderDiv .closeDaysConceptClassDate::before {
    content: "Closed";
}

.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;
}

#pollSlider-button,
.buttonBoxMobilDevice {
    display: none !important;
}

.loginLinkArea {
    display: inline-block;
}

button.btnPrint.tabbableItem.btnPrintForMobile {
    display: none;
}

.rightHandSideHumberger {
    display: none;
}

/*.modelNutritionSummaryDetails{display:none}
#modelNutritionSummaryDetails, #modelNutritionSummaryDetails .creationmenubuilder_section2{
    display:none;
}*/
/*@media only screen and (min-width:1200px) {.popUp {width:900px;}
.SubBtnSet .popUp .clipArtPrt1,.SubBtnSet .popUp .imgDraggable  {top:0px; left:15%!important; right:0%!important;}}*/
/*.divRtTpLink.tpDivHead.rightSidelogcontent {
    position: absolute !important;
    margin-top: 0;
    right: 0;
    top: 44%;
    margin-right: 10px;
}*/
@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 (max-width:767px) {
    .creationmenubuilder_section .bottom-content {
        padding-bottom: 35% !important;
    }

    .wellback-content {
        margin-bottom: 25px !important;
    }

    .bottom-content ul li {
        line-height: 1.8
    }

    .pastOrderViewPage span.k-widget.k-dropdown.k-header.inputstyle.search {
        /*position: relative;
        right: 111px;
        width: 333px;*/
        width: auto;
        display: block;
        margin: 0 auto;
    }

    .inputDetails {
        width: 100% !important;
    }

    .pastOrderViewPage button.close_popup.tabbableItem.cross {
        position: relative;
        left: auto !important;
        top: 10px !important;
    }

    .orderNumber {
        position: relative;
        font-size: 9pt !important;
    }

    .paymentNotPaid {
        position: relative;
        font-size: 9pt !important;
    }




    .pastOrderViewPage .orderSearch {
        width: 100% !important;
        padding: 10px !important;
        padding-right: 30px !important;
        box-shadow: inset 0 1px 8px 0 rgba(175, 175, 175, 0.50) !important;
        max-width: -webkit-fill-available;
        margin: 0 auto !important;
    }

    span.k-widget.k-dropdown.k-header.span12.inputstyle.checkout {
        position: relative !important;
        right: 6px !important;
        width: 306px !important;
    }

    .badgeCount {
        position: absolute !important;
        right: 240px !important;
        top: -18px !important;
        background-color: #1a2139 !important;
        padding: 4px 8px 0px !important;
        height: 20px !important;
    }

    .span3.orderSelectionSec {
        margin-left: 8px !important;
    }

    .span2.date {
        position: relative !important;
        top: 99px !important;
        left: 9px;
    }

    .span2.to {
        position: relative !important;
        top: 99px !important;
        left: 125px !important;
    }

    .span6.totals {
        position: relative;
        top: 53px;
    }

    .row.select {
        position: relative;
        top: 17px;
    }

    .pastOrderViewPage button.btn.btn-primary.orderSearchBtn {
        position: relative;
        top: 46px;
        /* right: 106px; */
        /* padding-left: 123px; */
        /* padding-right: 149px; */
        width: 100%;
        text-align: center;
    }

    .inputDate {
        position: relative;
        top: 154px;
        display: block !important;
        width: 100% !important;
        margin: 0 auto;
        left: 8px;
        text-align: center;
    }

    span.k-widget.k-dropdown.k-header.inputstyle {
        position: relative;
        /*width: 297px;*/
    }

    .inputDate span.k-widget.k-datepicker.k-header {
        display: inline-block;
        width: 130px;
    }

    h3.orderManage {
        text-align: right;
        margin: 0;
        padding: 0;
        margin-bottom: 0 !important;
    }

    .pastOrderViewPage div#addWindowStd {
        width: auto !important;
        left: 18px !important;
        margin: 35px;
        top: 20px !important;
    }

    .stepFourbtns input.btn.k-button.btn-check {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .menuPlanner .formItemRow.formStepDiv.step4 {
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto;
    }

    .bg-blk2 {
        display: none
    }

    .bg-blk3 {
        background-color: transparent !important
    }

    body .plainPop .modal-header .btn {
        background: #08824F !important;
    }

    .findLocInner {
        margin: 7px 0;
    }

    .searchBox {
        width: 100%;
        max-width: 400px;
    }

    .selectLocationPage.studRegistrationStep3 {
        max-width: 100%;
        width: 85%;
        margin: 0 auto;
    }

    .studRegistrationStep3 .buttonZone {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .alegandDiatTabSection #alergenTab,
    .alegandDiatTabSection #diataryTab {
        width: 45%;
        padding: 10px;
        font-size: 16px;
        border-radius: 3px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .buttonZone.stepFourbtns {
        max-width: 380px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 89px;
    }

    .alegandDiatTabSection {
        max-width: 380px;
        margin: 0 auto;
    }

    .alegandDiatTabSection #alergenTab:hover,
    .alegandDiatTabSection #diataryTab:hover {
        background-color: #000;
        color: #788EAA;
    }

    .trstyle,
    .trstyle2 {
        background-color: transparent;
        border: 0;
    }

    .algname {
        font-size: 16px
    }

    .alegandDiatTabSection #diataryTab {
        margin-left: 5%
    }

    .menuLocation {
        background-color: transparent !important;
    }

    .mealLocation_details .holder {
        background-color: #ffffff !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .locationPanel {
        margin: 0 auto;
        width: 93% !important;
        max-width: 400px;
        text-align: center !important;
    }

    .locationPanel::-webkit-scrollbar {
        width: 0.5em;
    }

    .locationPanel::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    .locationPanel::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }

    .span12.searchContent {
        line-height: 27px;
    }

    .locationHeader .rel.span6 {
        width: 100%;
        text-align: center;
        margin-top: 10px !important;
    }

    .searchBox .inputBox input[type="text"] {
        font-size: 12px;
    }

    .hDprofile.HdTpDiv1 a.btn span {
        font-size: 0;
    }

    .divHelpLink .Helptextstyle,
    #aria-table .table,
    [role="rowgroup"],
    .divRtTpLink .logintextstyle,
    .divRtTpLink .registertextstyle {
        font-size: 10px !important;
    }

    .mealPerioderrormsg {
        font-size: 21px !important;
        position: relative;
        vertical-align: bottom !important;
        min-height: 30px !important;
        padding: 20px !important;
    }

    .selectMealPeriod .mealPeriod_details .holder {
        border: 0;
        height: 100px;
    }

    .mealPeriodPage .mealPeriod_details.span4 {
        border: 0;
        width: 40% !important;
        background-color: #fff;
        text-align: center;
        height: 100px;
        margin-right: 4% !important;
        margin-top: 2% !important;
    }

    .mealPeriod_details .mealimage {
        display: block !important;
        background-size: 100%;
        background-position: center;
        margin: 0 auto;
        padding-top: 12px;
        position: inherit;
        left: 0;
        background-repeat: no-repeat !important;
    }

    .meal-headd {
        color: #ffffff !important
    }

    .mealname {
        position: initial !important
    }

    .menuPlanDetail .btnPrint,
    .menuPlanDetail .btnCart,
    {
    display: none;
}

button.btnPrint.tabbableItem.btnPrintForMobile {
    margin-top: 10px;
    right: 0px;
    padding: 10px 64px;
    font-size: 0;
    position: relative;
    background-position: center;
    border-top: 2px solid #ccc !important;
    z-index: 121;
    display: block;
    background-color: #f75b18;
    border-radius: 10px;
}

.menuPlanDetail .backGroundContainer {
    width: 100%;
}

.span3.rgt.mrgleft0.leftsidepanel,
.row-fluid .non_nutritive {
    display: none;
}

.row-fluid .non_nutritive.mobile-device-popup {
    display: block;
    padding: 15px;
    width: 100%;
    margin-left: 0;
}

.menuPlanner #content.loginInner {
    width: 90% !important;
}

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

.menuPlanner .buttonZone {
    margin-bottom: 89px;
}

.menuPlanner .formItemRow.formStepDiv .span6 {
    padding-top: 10px;
    margin-bottom: 0;
}

.formStepDiv label {
    margin-right: 0;
}

.menuPlanner .editmodel.editmodelScroll {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 5%;
}

.algBtn,
.icnBuild,
.showonPrint {
    margin: 0;
    /*position: fixed;*/
    top: 29%;
    background-color: #fff;
    z-index: 1;
    font-size: 0 !important;
    background-position: center !important;
    padding: 10px !important;
}

.algBtn {
    top: 20%;
}

.icnBuild {
    top: 35%;
}

.showonPrint {
    top: 35%;
    right: 0;
    background-color: transparent;
    padding: 0 !important;
}

#nonNutritiveDiataryinformationPopup {
    margin: 0 auto;
    left: 0;
    top: 40px;
}

#nonNutritiveDiataryinformationPopup button {
    position: relative;
    top: 10px;
    right: 10px;
}

.non_nutritive.span8 .nutritiveInner {
    width: 45% !important;
    position: relative;
    margin-left: 0;
}

/*.buttonBox{display:none !important}*/
#pollSlider-button,
.buttonBoxMobilDevice {
    display: none !important;
}

.buttonBoxMobilDevice {
    position: fixed !important;
    width: 150px !important;
    left: -170px;
    background-color: #ffffff;
    top: 70px;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
    z-index: 121;
    padding: 10px;
}

.nutriSummaryDetailsPop {
    display: block;
    position: fixed;
    /*left: 0px;
        top: 130px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #94c11f;*/
    cursor: pointer;
    z-index: 1;
    bottom: 0;
    background-color: #1a2139;
    padding: 10px 30px;
    color: #fff;
    font-size: 15px;
    left: 30%;
}

#pollSlider-button {
    display: block;
}

.checkbox-label {
    width: 95% !important;
}

#modelReciepeLeftSidePanelPopup {
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
    max-width: 400px;
}

.mobile-show {
    display: block;
    margin-right: 0 !important;
    padding: 10px;
}

.nutritionInformationBtn {
    position: fixed;
    bottom: 110px;
    left: 0;
    background-color: #1a2139;
    color: #fff;
    z-index: 1212;
    cursor: pointer;
    background-image: url(../images/mobIcon.png);
    font-size: 0;
    width: 30px;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}

.mobile-device-class {
    text-align: center;
    width: 100% !important;
}

.menuPlanner .creationmenubuilder #weekday-selector-container {
    width: 100%;
    margin-left: 0;
}

.menuPlanner .sevencolumns.date-menuweek .span4,
.menuPlanner .sevencolumns.date-menuweek .span6,
.menuPlanner .sevencolumns.date-menuweek .span2 {
    width: 100%;
    text-align: center;
    margin-left: 0;
}

.menuPlanner .sevencolumns.date-menuweek .span6 {
    max-width: 240px;
    margin: 0 auto;
    float: none;
    overflow: hidden;
    margin-bottom: 20px;
}

.menuPlanner .mealDiv .span2 .clearbtn {
    float: none;
    max-width: 220px;
}

.chosedte,
.menuPlanner .month-pre-nxt {
    float: none
}

.menuPlanner .mealDiv .k-datepicker.span8 {
    width: 65%;
    margin-right: 7px;
}

.creationmenubuilder_section2 {
    display: none;
}

#modelNutritionSummaryDetails,
#modelNutritionSummaryDetails .creationmenubuilder_section2 {
    width: 90%;
    /*margin: 0 auto;*/
    position: relative;
}

#modelNutritionSummaryDetails .missing-foods-container .nutrientSummary {
    width: auto;
    float: none;
}

#modelNutritionSummaryDetails button.close_popup {
    position: absolute;
    right: 15px;
    top: 40px;
    z-index: 1;
}

.nutridetailsname,
.nutrientsDetails .nutridetailsvalue {
    font-size: 0.9em !important;
}

.mealLocation_details.span4 {
    width: 97% !important;
}

.menuLocation .mealLocation_details.span4 {
    margin-left: 0px !important
}

.menuPlanner .durandal-wrapper #viewMenuConfirmationModal.editmodel {
    width: 100% !important;
    border-radius: 0;
    max-width: 390px;
}

.profileSelectorDiv {
    text-align: right;
    font-size: 0;
}

.hDprofile.HdTpDiv1 {
    position: relative;
    top: 40px;
}

.hDprofile.HdTpDiv2 {
    position: absolute;
    top: 20px;
}

.translatorsection {
    margin-top: 20px;
}

.bg-header {
    min-height: 70px;
}

.dialog-backdrop {
    background: #000000bf !important;
}

.formStepDiv.makeWidth100 .locationPanel {
    width: 90%;
    max-width: 100%;
}

.studregisterStep3 .locationPanel {
    max-height: 240px !important;
}

.mealPeriodPage .children,
.meal-headd {
    font-size: 18px !important;
}

.mealperiodPageContent {
    width: 100% !important;
}

.menuPlanner .menuPlanDetail .navMenuDate,
.menuPlanner #Span1 {
    font-size: 0.8rem;
}

.menuPlanner .formItemRow.topSectionDiv {
    padding: 10px 0px 0 0;
}
}


@media only screen and (min-width:480px) and (max-width:640px) {
    .SubBtnSet .popUp {
        top: 258px;
    }

    .popUp {
        width: 480px;
    }
}

@media only screen and (max-width:640px) {
    .headerlogo2 {
        text-align: left;
    }

    .plannerLoginDiv .loginButtonWrap .btn-login {
        width: 100% !important;
        text-align: center;
    }

    .regiSection .headerlogo2 {
        text-align: left;
        margin-left: 2%;
    }

    .findTitle {
        padding-bottom: 30px;
        font-size: 23px;
    }

    .searchInput {
        height: 25px;
    }

    .mobileShow {
        display: inline-block !important;
        margin: 0 auto;
        float: none;
        margin-right: 0 !important;
        margin-top: 20px;
    }

    .regiSection.mealViewerScreen #txtSearchLocation {
        height: 35px !important;
    }

    .searchBox .searchReset {
        top: -45px !important;
    }

    .menuPlanner .formStepDiv.step2 .span8 {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 5px !important;
    }

    .leftSidecontentOuter,
    .mobileHide {
        display: none;
    }

    /*.locationHeader {
        min-height: 180px;
    }*/
    .logoCS.fl.span2 {
        width: 7% !important;
        float: none;
        margin: 0 auto;
    }

    .locationBlock {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .mobile-hide-show {
        margin-left: 0 !important;
    }

    .divRtTpLink .logintextstyle,
    .divRtTpLink .registertextstyle {
        font-size: 14px;
        text-indent: 30px;
        white-space: nowrap;
        padding: 0 !important;
    }

    .rightSidelogcontentOuter {
        width: 30% !important;
        display: none;
    }

    .findTitle span.left,
    .findTitle span.right {
        display: none;
    }

    /*.divRtTpLink.tpDivHead.rightSidelogcontent {
        position: initial !important;
    }*/
    /*.rightSidelogcontentOuter {
        top: 64% !important;
        right: 4% !important;
    }*/
    /*.searchBox {.formStepDiv .locationPanel        max-width: 350px !important;.formStepDiv .locationPanel        width: 90% !important;
    }*/
    .searchBox .inputBox input[type="text"] {
        padding: 4% !important;
        width: 91% !important;
    }

    .headerlogo2 .logoNew {
        max-width: 140px !important;
        margin-left: 0%;
        margin-top: -10px;
    }

    .rightHandSideHumberger {
        display: inline-block;
        width: 50%;
        position: relative;
    }

    .Helptextstyle1 {
        color: #000000
    }

    .rightHandSideHumberger .divHelpLink {
        margin: 50px 0px 0 0;
        left: auto;
        text-align: right;
        float: right;
        position: initial
    }

    .rightHandSideHumberger hr {
        margin: 2px;
        border: 1.5px solid #345275;
        border-radius: 25%;
        height: 0px;
        background-color: #345275;
    }

    .secondHr hr {
        width: 15px;
        float: right;
        position: relative;
        right: -7px;
    }

    .rightHandSideHumberger .divHelpLink .dropdown-menu {
        min-width: 100px;
        right: -90px;
        margin: 0 auto;
        top: 85%;
        border-radius: 0;
    }

    .loginSectionOnly li,
    #submenuNav {
        border-bottom: 1px solid #6D839C;
    }

    #submenuNav li {
        padding: 0px 11px;
    }

    .dot {
        font-size: 16px !important;
        height: 20px !important;
        width: 20px !important;
        line-height: 11px !important;
        margin-top: 10px !important;
    }

    .menuPlanner .head1 {
        font-size: 18px;
        padding: 10px 0;
        margin-bottom: 0;
    }

    input#chkterms {
        margin-left: 0px !important;
    }

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

    .menuPlanner .buttonZone {
        margin-top: 0px !important;
        width: 85%;
        margin: 0 auto;
        margin-bottom: 89px;
    }

    .formStepDiv .shwpass {
        top: 62px !important
    }

    .plainPop .modal-header .btn,
    .menuplanner .buttonZone .btn,
    .regiSection .buttonZone .btn,
    .plannerLoginDiv .loginButtonWrap .btn-login {
        font-size: 16px !important;
        padding: 8px 60px !important;
    }

    .menuPlanner .formStepDiv.step2 .photoFrame {
        max-height: 150px;
        margin-bottom: 10px !important;
    }

    .username {
        margin-top: 10px;
    }

    .regiSection .btn.k-button.nextbtn {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    .menuPlanner .durandal-wrapper #studentImageGalleryModal.editmodel {
        top: 30%;
        width: 100%;
        max-width: 380px !important;
    }
}

@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,
.durandal-wrapper #recipeRatingPopupModel.editmodel {
    max-width: 100%;
}

.durandal-wrapper #addWindow.editmodel .popupFormSmall,
.durandal-wrapper #recipeRatingPopupModel.editmodel .popupFormSmall {
    position: relative;
}

.durandal-wrapper #addWindow.editmodel #dvSource,
.durandal-wrapper #recipeRatingPopupModel.editmodel #dvSource {
    width: 93%;
}

.durandal-wrapper #addWindow.editmodel .prev,
.durandal-wrapper #recipeRatingPopupModel.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,
.durandal-wrapper #recipeRatingPopupModel.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;
    min-height: 150px;
}

#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: #C7C2C2 url(../images/WBC-Icons/icon-next.png) 9px center no-repeat !important;
    height: 120px !important;
    width: 25px !important;
    color: #000000 !important;
}

.slick-next {
    background: #C7C2C2 url(../images/WBC-Icons/icon-pre.png) 9px center no-repeat !important;
    height: 120px !important;
    width: 25px !important;
    color: #000000 !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: 999;
}

.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: #913108;
}

#calendarFoodBar .k-state-selected>.k-link,
.k-panelbar>li>.k-state-selected {
    color: #333 !important;
}


.uploaddiv {
    position: relative;
}

.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*/

.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;
}

/*.leftImg > img {
    float: left;
}

.rightImg > img {
    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: 940px !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;
    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 #E6E6E6;
    display: block;
    float: left
}

/*body .menuCalendarDiv .daysRow {
    overflow: hidden
}*/

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;
}

.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
}

.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-widget.k-window {
    display: block !important
}

.k-window,
.k-widget.k-window.k-window-titleless {
    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
}

body .popover .tempMenuItemMonthly,
body #addWindow .tempMenuItemMonthly,
body #recipeRatingPopupModel .tempMenuItemMonthly {
    margin-top: 0px !important
}

#tempMenuItemCycle,
#tempMenuItemConcept,
#tempMenuItemCycle,
#tempMenuItemRepeateCycle {
    margin-top: 0px
}

body .popover #tempMenuItemCycle,
#tempMenuItemConcept,
#tempMenuItemCycle,
#tempMenuItemRepeateCycle,
body #addWindow #tempMenuItemCycle,
body #recipeRatingPopupModel #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: #005b94;
    height: 28px;
    padding-top: 18px;
}

.hhsModule .pageCont .rightpanel .k-grid-header th.k-header a {
    color: #005b94;
    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 .viewRow,
.hhsModule .pageCont table tr td .buttonSet .deleteRow {
    display: table-cell;
    margin: 0 7px
}

.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: #005b94;
}

.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: 40px;
    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: #005b94;
    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: #005b94;
    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: 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;
}

.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: #005b94;
    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: 72px;
    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: hidden;
}

.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: #005b94 !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;
}


@media screen and (min-width: 980px) {
    .hhsModule .pageCont .rightpanel {
        margin-left: 8px;
    }
}

.hhsModule .k-calendar .k-state-focused {
    background: #005b94;
}

.hhsModule #otherPatientsgrid .k-grid-header-wrap a.k-link {
    background: url('../images/userIcon.png') 5px 7px no-repeat;
    padding-left: 35px;
}

.hhsModule .patientName {
    color: #005b94;
    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: #005b94;
    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;
}

.translatorsection {
    text-align: right
}

.profileSelectorDiv {
    text-align: right;
    margin-top: 10px;
    padding-right: 15px;
}

.diataryIconCustomeButton,
.mobileShow {
    display: none
}

/*===============   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 #005b94;
    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 .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 .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;
}

.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 .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: auto;
    height: 114px;
    overflow-y: auto;
    display: flex;
}

.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;
}

.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 #guestTrays input[type="radio"] {
    margin: 0;
}

.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: 25px;
    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
}

/*Menu planner new product*/

.rgt {
    float: right !important;
    margin-right: 232px;
}

.menuPlanDetail .rgt {
    float: right !important;
    margin-right: 0px;
}

.span3.rgt.mrgleft0.leftsidepanel {
    width: 20.5%;
}

.maincalContainer {
    margin: 0 auto;
    width: 994px;
    overflow: hidden;
}

.lPanel {
    background: #1A2139;
    min-height: 652px;
    margin-right: 10px;
    height: 100%;
}

.lft {
    float: left !important;
}

.mrgleft0 {
    margin-left: 0 !important;
}

.clr {
    clear: both !important;
}

/*Reports */

.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;
}

.printTrayDiv .filtr-btn {
    margin-right: 0;
    margin-top: 0 !important;
    padding: 4px 5px
}

.printTrayDiv .buttonSimple {
    top: 0;
    padding: 7px 10px
}

.printTrayDiv .span4.Mar0.pull-right {
    margin-right: 5px;
    margin-top: 5px;
}

/*#allegenDropdown {
    width:58%;
}

#allergenImageUpload {
    width:100%;
}

.allergenPopup {
    width:50%!important;
    height:50%!important;
}*/

/****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;
}

.k-virtual-scrollable-wrap .triangle {
    margin: 0;
    float: none;
    vertical-align: super;
    position: relative;
    top: -13px;
}

.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;
}

.hhsModule .pageCont table tr td .buttonSet.patientSummaryBtn .viewRow,
.hhsModule .pageCont table tr td .buttonSet.patientSummaryBtn .deleteRow {
    display: inline-block;
    margin: 0 auto;
    float: left
}

.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 #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;
}

.patientOrd .printTrayDiv .filtr-btn {
    padding: 0 10px !important;
}

/*****HHS******/

/*****Menu planner******/
/*  ======= New menu planner CSS Starts ======= */

body .menuPlanDetail .mmD7W5 .cell {
    height: 400px
}

body .menuPlanDetail .calendarDate {
    float: right !important;
    margin: 0 !important;
    right: 0;
    top: 5px;
    font-size: 16px;
    /*color: #F75B18;*/
    position: relative;
    background: transparent !important;
}

body .menuPlanDetail .calendarDate span {
    font-size: 16px;
    color: #913108;
}

/*body .menuPlanDetail .menupl-weekdays {top:15px}*/
body .menuPlanDetail .menuDetails span {
    display: inline;
    text-align: left;
    color: #1a2139;
    font-size: 12px !important;
    margin-right: 3px;
}

body .menuPlanDetail .subMenuDetails span {
    display: inline;
    text-align: left;
    color: #1a2139;
    font-size: 11px !important;
    font-style: italic;
    margin-right: 3px;
}




body .menuPlanDetail .menuItem a {
    display: block;
    text-align: left
}

body .menuPlanDetail .fontDataHide span {
    text-transform: uppercase;
    font-size: 13px !important;
}

body .menuPlanDetail .fontDataHide span.navMenuDate {
    margin-left: 0px;
}

body .menuPlanDetail .fontDataHide span#Span1 {
    margin-right: 10px
}

body .menuPlanDetail .algBtn,
.icnBuild {
    border-radius: 10px;
    color: #913108;
    background: url(../images/icon_allergen_diet_bt.png) 95% 3px no-repeat #fff;
    border: 1px solid #ccc;
    font-weight: bold;
    width: 100%;
    display: block;
    flex-wrap: wrap;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

body .menuPlanDetail .algBtn:hover {
    background: url(../images/icon_allergen_diet_bt_hover.png) 95% 3px no-repeat #fff;
    color: #fff;
}

.algBtn,
body .menuPlanDetail .algBtn:active,
body .menuPlanDetail .algBtn:hover,
.icnBuild {
    background-color: #913108;
    padding: 8px 49px 8px 15px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    color: #fff;
}

body .menuPlanDetail .topDiv {
    display: none
}

body .menuPlanDetail .weekDays {
    font-size: 15px !important;
    color: #000000;
    margin-bottom: 15px;
    text-transform: uppercase
}

.banner {
    background: #ccc;
    height: 100px;
    width: 100%;
    margin: 15px 0
}

.btn02 {
    background: #fff;
    border-radius: 5px;
    color: #F75B18;
    padding: 5px 20px;
    border: 0
}

.menuPlanDetail .btnPrint {
    background: url(../images/icon_print_bt.png) 90% 10px no-repeat #fff;
    top: 0;
    right: 15%;
    color: darkgray;
    border: 2px solid #ccc;
    border-top: 0;
    padding: 10px 45px 10px 30px;
    color: #4D6388;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
    margin-right: 10px;
    float: right;
}

.menuPlanDetail .menuPDf {
    right: 24% !important;
    height: 20px;
    min-width: auto !important;
}

.menuPlanDetail .menuPDfInactive {
    right: 15% !important;
    height: 20px;
    width: auto !important;
}

.menuPlanDetail .btnCart {
    background: url(../images/Cart.png) 75% 8px no-repeat #fff;
    right: 1%;
    border: 2px solid #ccc;
    border-top: 0;
    padding: 10px 45px 10px 30px;
    color: #4D6388;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
    float: right;
}


.btnCartBadge {
    padding: 2px;
    position: absolute;
    right: 2px;
    top: 1px;
    min-width: 13px;
    background-color: #913108;
    text-align: center
}

.buildMealBtnToolBar .btnPrint {
    background: url(../images/icon_print_bt.png) 80% 8px no-repeat #FDFCFC;
    /*position: absolute;
        top: 0;
        right: 8.1%;*/
    /* color: darkgray; */
    border: 2px solid #ccc;
    border-top: 0;
    padding: 10px 45px 10px 20px;
    color: #4D6388;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
    margin-right: 10px;
    float: left;
}

.buildMealBtnToolBar .btnCart {
    background: url(../images/Cart.png) 80% 8px no-repeat #fff;
    /*position: absolute;
        top: 0;
        right: 4.1%;*/
    /* color: darkgray; */
    border: 2px solid #E6E6E6;
    ;
    border-top: 0;
    padding: 12px 45px 10px 20px;
    color: #4D6388;
    border-radius: 0;
    text-transform: uppercase;
    min-width: 121px;
    background-color: #FDFCFC;
    float: right;
}


button.addToCartBtn {
    border: 0;
    padding: 10px;
    border-radius: 0px;
    background-color: #913108;
    color: #fff;
    min-height: 35px;
    font-weight: bold;
}

.icnBuild {
    background: url(../images/icon_title_buil_meal_hov.png) 92% 8px no-repeat #fff;
    color: #F75B18
}

body .menuPlanner .arrowMenuBk {
    background-position-y: 3px !important
}

.addImage {
    margin-bottom: 15px
}

.menuPlanDetail .icnaddgrey {
    background: none
}

.banner.Top,
.banner.bottom {
    clear: both;
    background: url(../images/bn03.jpg) 0 0 no-repeat;
}

.banner.bottom {
    margin-bottom: 30px
}

.sectionMeal .buttonBox {
    width: auto;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
}

.menuPlanner .menuItem span.mealcatogory:nth-child(1) {
    margin-top: 10px
}

.menuPlanner .menuItem span.mealcatogory {
    text-transform: uppercase;
    margin: 10px 0 3px 0;
    display: block;
    text-align: left;
    font-weight: bold;
    color: #913108;
    /*font-family: 'Montserrat', sans-serif;*/
}

/**Anirudha**/

/**Anirudha**/


/*****Google Translate******/

.goog-te-gadget {
    float: right !important;
}

.goog-te-banner-frame.skiptranslate {
    visibility: hidden !important;
}

body .menuPlanDetail .fontDataHide .translatorSpan span {
    text-transform: none !important;
    font-size: 12px !important;
}

.goog-te-gadget {
    float: none !important;
}

/*****Google Translate******/

.non_nutritive img {
    width: 20px;
    height: 20px
}

.non_nutritive .forItemRow {
    margin-bottom: 5px;
    overflow: hidden
}

.non_nutritive .forItemRow span {
    font-size: 10px;
}

.badgeCount {
    position: absolute;
    top: -13px;
    right: -13px;
    background-color: #1a2139;
    padding: 4px 8px 0px;
    height: 20px;
}



body .menuPlanDetail .menuCalendarDiv .cell {
    margin: 0 !important;
    width: 100%
}

.mbuildpage .rel {
    position: relative;
}


#tempMenuItemConcept {
    margin-left: 14px !important
}

.menuPlanner .toolTip.cell .calendarDate {
    top: -5px
}

.menuItem .lineItem {
    margin-bottom: 3px;
}

.menuPlanner .menuItem .lineItem:last-child {
    margin-bottom: 10px
}

.builder_left_details img {
    width: auto;
    max-width: 100%
}

.builder_left_details .mealPlannermenuimage {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.wholeParent .builder_right_details {
    float: right;
}

#modelRecipeDetails .builder_right_details {
    float: right;
    width: 100%;
}



.wholeParent .menuCalendarDiv {
    display: table !important
}

.wholeParent .menuCalendarDiv .menuRow,
.wholeParent .menuCalendarDiv .daysRow {
    display: table-row !important
}

.wholeParent .menuCalendarDiv .menuRow .day,
.wholeParent .menuCalendarDiv .daysRow .weekDays {
    display: table-cell;
    position: relative;
    vertical-align: top;
    border: 1px solid #ccc;
    border-width: 1px 1px 0 0
}

.wholeParent .conceptWrapper .menuRow .day {
    border-width: 1px 1px 1px 0
}

.wholeParent .monthlyWrapper .menuRow {
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    z-index: 1;
}

.wholeParent .monthlyWrapper .menuRow:last-child .day {
    border-bottom: 1px solid #ccc
}

.wholeParent .monthlyWrapper .menuRow .day {
    border: 1px solid #ccc;
    border-width: 1px 1px 1px 0;
    padding: 0 5px;
}

.wholeParent .monthlyWrapper .menuRow .day:first-child {
    border-left: 1px solid #ccc
}

.wholeParent .menuCalendarDiv .daysRow .weekDays {
    border: 0;
    float: none;
    margin-bottom: 15px;
    height: 35px
}

.wholeParent .menuCalendarDiv .conceptWrapper .menuRow .day .cell,
body .menuCalendarDiv .menuRow .displayinline {
    display: table-cell !important;
    /*height: 100%;*/
    min-height: 150px;
    position: relative;
}

body .menuCalendarDiv .menuRow .displayinline.noInfo {
    _background-color: darkgray;
    border: 1px solid #ccc
}



body .wholeParent .menuCalendarDiv .cell {
    border: 0
}

/*body .wholeParent .menuPlanDetail .conceptWrapper .cell, body .wholeParent .bgImage {
    height: auto
}*/
body .wholeParent .bgImage {
    height: auto
}

body .wholeParent .conceptWrapper {
    max-height: none !important
}

.wholeParent .menuCalendarDiv .menuRow .cell {
    /*min-height: 150px;
    min-width: 120px;*/
}

.wholeParent .conceptWrapper .menuRow .cell,
.wholeParent .monthlyWrapper .menuRow .cell {
    /*height: 100%;*/
    height: auto;
}

.pbreak {
    height: 0
}

.menuCalendarDiv.visible-print {
    display: none
}

/*****Print PDF******/
.pbreak {
    page-break-after: always !important;
    page-break-inside: avoid !important;
}

.menupl-weekdays {
    page-break-inside: avoid !important;
}

.printHeaderDiv {
    /*visibility: hidden;*/
    display: none;
}

.printInstruction {
    /*visibility: hidden;*/
    display: none;
    margin: 0px;
    font-size: 7px;
    overflow: hidden;
    width: 100%;
}

.closeDaysClassTemp .calendarDate {
    top: 5px !important;
}

#printConceptMenu,
#printMonthlyRepeatCycleMenu {
    display: none;
}

@media print {
    * {
        webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    #txtItemCount,
    .btnDietry,
    .buildMeal,
    .diataryIconCustomeButton,
    .showonPrint,
    .btnPrint,
    .btnPrintInactive,
    #btnCart {
        display: none !important;
    }

    #divAddConcept {
        display: block !important;
    }

    .wholeParent .menuCalendarDiv .daysRow .weekDays {
        border: none !important;
    }

    .diataryIconCustomeButton {
        border: none !important
    }

    .wholeParent.conceptPrintData,
    .wholeParent.monthlyPrintData {
        display: none !important;
    }

    #printConceptMenu.conceptPrintData,
    #printMonthlyRepeatCycleMenu.monthlyPrintData {
        display: block;
        position: absolute;
        top: 20px;
        width: 100vw;
    }

    .nutritionInformationBtn {
        display: none !important;
    }

    .icnaddgrey {
        border: 1px solid #ccc !important;
    }

    .menuPlanDetail .icnBuild.btnPrintable {
        display: none;
    }

    .confirmContainer {
        width: 600px !important;
        padding: 35px;
        margin: 10% 18% !important;
        border: 0px solid #345275;
        box-shadow: 0 0 33px 0 rgba(182, 182, 182, 0.50);
        display: table !important;
    }

    .loginFooter {
        display: none !important
    }

    #divAddConcept {
        display: block !important;
        position: unset !important;
        padding: 0 !important;
        height: 200px !important;
    }

    .spanPrintHeaderDiv {
        height: 0 !important;
        min-height: 0 !important;
    }

    .weekDays:nth-child(1) {
        width: unset;
    }

    .btnPrint {
        display: none
    }


    @page {
        size: letter;
        /*margin: 0mm;
        margin: 0;*/
        margin: 5mm 0 5mm 0;
        resize: both;
        object-fit: scale-down;
        /*size: portrait;*/
        filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
    }

    html {
        margin: 0pt;
    }

    .menuPlanner .toolTip.cell .calendarDate {
        position: absolute;
        top: 0pt
    }

    .showonPrint {
        display: none;
    }

    .wholeParent .monthlyWrapper .menuRow {
        /*border: 1px solid #ccc !important;*/
        border-bottom: 1pt solid #ccc !important;
        _border-width: 1pt 0 0 2pt !important
    }

    .wholeParent .monthlyWrapper .menuRow .day {
        border-top: 1pt solid #ccc !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 1pt solid #ccc !important;
    }

    .wholeParent .menuCalendarDiv .menuRow .day {
        border-top: 1pt solid #ccc !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 1pt solid #ccc !important;
    }

    .mbuildpage .printHidden,
    .hDprofile {
        display: none !important
    }

    .calContainer.maincalContainer.span9,
    #divBackgroundParent,
    body .menuPlanner .bgImage,
    .menuPlanner .bgImage .menuCalendarDiv {
        width: 100% !important;
        font-size: 6pt !important;
    }

    .span12.spanPrintHeaderDiv {
        padding-right: 6%
    }

    .menuCalendarDiv.visible-print {
        display: block
    }

    .wholeParent .conceptWrapper .menuRow .day {
        border-width: 1pt 1pt 1pt 0
    }

    .wholeParent {
        position: relative;
        top: 0pt
    }

    body {
        margin: 0;
        padding: 0;
        position: relative;
        line-height: 8pt;
    }

    body {
        display: table;
        table-layout: fixed;
        /*padding-top: -20.5cm !important;
        padding-bottom: -2.5cm !important;*/
        height: auto;
        zoom: 99%;
        border: none;
        /*width: 200%;
        height: 200%;*/
        margin: -1.5% 2% 0% 0%;
        /*margin :5mm 5mm;*/
    }

    .chromeHack {
        margin: 0% 2% !important;
        line-height: 10pt !important;
    }

    .chromeHackprintInstruction {
        margin: 10px;
    }

    .chromeConceptMenuHack {
        margin: -1.5% 2% 0% 0% !important;
        line-height: 10pt !important;
    }

    .wholeParent .conceptWrapper .menuRow .day {
        height: auto !important;
    }

    .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: auto !important;
        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 !important;
        height: 182px;
        border: 2px solid #000;
        background-color: #fff;
        margin: 2px;
        overflow: hidden !important;
    }

    .monthlyWrapper .weekDays {
        width: 127px !important;
    }

    .menuCalendarDiv .weekDays {
        width: 100px !important;
    }

    /*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 !important;
        height: 151px;
        border: 2px solid #000;
        background-color: #fff;
        margin: 2px;
    }

    #divAddConcept .cell {
        width: 140px !important
    }

    .menuPlanDetail .formItemRow.sectionMeal.menuPlanHD {
        margin-top: -15px !important;
    }

    .cyGrid7D-1 .cell {
        width: 115px;
        height: 104px;
        border: 2px solid #000;
        background-color: #fff;
    }

    .cyGrid7D-2 .cell {
        width: 100px;
        height: 115px;
        border: 2px solid #000;
        background-color: #fff;
    }

    .cyGrid7D-3 .cell {
        width: 127px !important;
        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;
    }

    .cyD7W1 .cell {
        width: 125px !important;
        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;
    }

    /*.ieHack {
        margin:0 !important;
        padding:0 !important;
    }

    .ieHackprintInstruction {
        margin:0 !important;
    }
    .ieHackwholeParent {
        margin:0 !important;
    }*/
    .pbreak {
        page-break-after: always !important;
        page-break-inside: avoid !important;
    }

    .printable * {
        visibility: visible;
    }

    #calendarDiv * {
        visibility: visible;
        page-break-inside: avoid;
    }

    .icnaddgrey {
        display: table
    }

    .wrapperMain {
        margin: 0 0 0 0 !important;
        padding: 0 0 0 0 !important;
    }

    .banner.Top .fontDataHide .buttonBox.fl .non_nutritive.fr {
        visibility: hidden !important;
    }

    .banner.Top,
    .buttonBox.span3,
    .span3.lft.mrgleft0 {
        display: none;
    }

    .locationHeader.rel.plannerDetails {
        display: none;
    }

    .buttonBox.fl {
        display: none;
    }

    .badge.badgeCount {
        display: none;
    }

    .non_nutritive {
        display: none !important;
    }

    #calendarDiv {
        margin: 0;
    }

    .topSectionDiv {
        display: none;
    }

    .lft {
        display: none;
    }

    .span3.rgt.mrgleft0.leftsidepanel {
        display: none !important;
    }

    .menuPlanner {
        margin: 0;
    }

    .icnaddgrey {
        page-break-inside: avoid;
    }

    .menuBuilderCalendarDiv * {
        visibility: visible;
        page-break-inside: avoid;
    }


    .menuBuilderCalendarDiv h1 {
        margin: 0 auto !important;
        float: none !important;
        display: block !important;
        text-align: center !important;
        font-family: 'Roboto', 'sans-serif' !important;
    }

    .menuBuilderCalendarDiv h2 {
        margin: 0 auto !important;
        float: none !important;
        display: block !important;
        text-align: center !important;
        font-family: 'Times New Roman', 'san serif' !important;
    }

    .menuBuilderCalendarDiv table {
        border-collapse: collapse !important;
        font-family: 'Times New Roman', 'san serif' !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 12pt !important;
    }

    .menuPlanner .span12.mrgleft0 {
        box-shadow: none;
    }

    .menuPlanner {
        overflow: visible;
    }

    .banner.bottom,
    .footernew {
        display: none;
    }

    .printHeaderDiv {
        visibility: visible !important;
        display: block !important;
    }

    .printInstruction {
        visibility: visible !important;
        display: block !important;
    }

    .spanPrintHeaderDiv {
        height: 80pt !important;
        padding: 20pt;
    }

    #applicationHost>div>div>div.page-host>div>div:nth-child(1)>div>div.wholeParent>div.printHeaderDiv>table>tbody>tr:nth-child(2)>td:nth-child(2)>div>h5 {
        font-size: 16pt;
        line-height: 25pt;
    }

    .logoPrintHeaderDiv {
        height: 60pt !important;
        float: left;
        display: block !important;
        margin-top: 25px;
    }

    body .menuPlanDetail .menuCalendarDiv {
        margin: 0 0 !important;
    }

    .logoConcept>img {
        /* border-radius: 10px; */
        width: 100px !important;
        height: 70px !important;
        /* vertical-align: middle; */
        /* text-align: center; */
        padding-top: 10pt !important;
    }

    .logo {
        visibility: hidden !important;
        display: none !important;
    }

    .wholeParent .menuCalendarDiv .menuRow .cell {
        /*min-height: 150px !important;*/
        margin: 0 !important;
        height: auto !important;
    }

    /*.wholeParent .menuCalendarDiv .menuRow .day {
        min-height: 250px !important;
        margin: 0 !important;
        height: auto !important
    }*/

    .wholeParent .menuCalendarDiv .conceptWrapper .menuRow .day .cell,
    body .menuCalendarDiv .menuRow .displayinline {
        /*min-height: 150px !important;*/
        height: auto !important
    }

    /*Changes made for PDF data breaking*/
    .innerCell {
        /*min-height: 150px !important;*/
        height: auto !important;
        width: 76% !important;
        padding: 6px 6px 6px 0 !important;
        overflow: hidden !important;
        word-wrap: break-word;
        margin-left: 0 !important;
    }


    /*Changes made for PDF data breaking*/

    .menuPlanner .menuItem span.mealcatogory {
        display: none;
        height: 0pt;
        line-height: 0pt !important;
        margin: 0 !important;
    }

    .wholeParent .monthlyWrapper .menuRow .day {
        padding: 0pt
    }

    .wholeParent .menuCalendarDiv .daysRow .weekDays {
        height: 14pt;
        /*margin-bottom: 10px*/
    }

    .wholeParent .menuCalendarDiv .menuRow .cell {
        height: auto !important;
        /* min-height: initial !important;*/
    }

    /*.wholeParent .conceptWrapper .menuRow .cell, .wholeParent .monthlyWrapper .menuRow .cell {
        height: auto !important;*/
    /*min-height: 400px !important;*/
    /*overflow: hidden !important;
    }*/
    .wholeParent .menuCalendarDiv .menuRow .cell,
    .wholeParent .conceptWrapper .menuRow .cell,
    .wholeParent .monthlyWrapper .menuRow .cell {
        min-height: 145pt;
        max-height: 145pt;
        margin: 0 !important;
    }

    .wholeParent .menuCalendarDiv .menuRow .cyGrid7D-9 .cell,
    .wholeParent .conceptWrapper .menuRow .cyGrid7D-9 .cell,
    .wholeParent .monthlyWrapper .menuRow .cyGrid7D-9 .cell {
        width: 105px !important;
    }

    .allavailablemenu {
        min-height: 450px !important;
        max-height: 450px !important;
        width: 130px !important;
    }


    body .menuPlanDetail .weekDays {
        font-size: 7pt !important;
        color: #666;
    }

    #draggableHelper>div.formItemRow.sectionMeal.menuPlanHD>div.span12 {
        height: 0pt !important;
        min-height: 0 !important;
    }

    .noshowonmenu {
        display: none !important;
    }

    .nodatatext {
        display: block !important;
        opacity: 0.5;
        margin: auto;
        line-height: normal;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        font-size: 8pt !important;
        font-weight: unset !important;
    }

    body .menuPlanDetail .calendarDate {
        /*width: 100%;*/
        text-align: right !important;
        margin-top: 5pt !important;
    }

    body .menuPlanDetail .calendarDate.todaysDate span {
        color: #F75B18 !important;
        background: none;
        padding: 0;
        border-radius: unset;
    }

    /*.wholeParent .conceptWrapper .menuRow .cell, .wholeParent .monthlyWrapper .menuRow .cell {
        height: 100px !important
    }*/


    .popupAlertMobile {
        display: none !important;
    }

    .closetext {
        font-size: 8pt !important;
        font-weight: unset !important;
    }

    .pbreakTable {
        margin-top: 40px;
    }

    body .menuPlanDetail .menuDetails span {
        font-size: 10px !important;
    }

    body .menuPlanDetail .subMenuDetails span {
        font-size: 9px !important;
    }


    .menuPlanDetail .menuDetails span.itemDescription {
        font-size: 9px !important;
    }

    .menuPlanDetail .subMenuDetails span.itemDescription {
        font-size: 8px !important;
    }

    /*

    .wholeParent .menuCalendarDiv .menuRow .cell {
        min-height: 170px !important;
        overflow: hidden !important;
        height: auto !important;
    }*/

    ::-webkit-scrollbar {
        display: none;
    }

    .menuPlanner .bgImage,
    .menuPlanner .bgImage .menuCalendarDiv {
        width: 900px !important;
    }

    .menuPlanner .toolTip.cell .calendarDate {
        right: 10px !important;
    }



    .sliderbtn {
        display: none !important;
    }
}

/*****Print PDF******/

.list-inline .btn {
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    box-shadow: none
}

.list-inline a.btn {
    text-shadow: 0 0px 1px rgba(255, 255, 255, 0.75);
}


/**Anirudha**/
/*stage1*/
.dot {
    height: 30px;
    width: 30px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    font-size: 25px;
    color: black;
    background-color: white;
    margin-left: 2%;
    font-weight: 900;
    min-width: 14px;
    padding: 7px 5px 0px 5px;
    text-align: center;
    cursor: pointer;
}

/* .k-dropdown-wrap .k-select {
    line-height: 3.6em !important;
} */

.head1 {
    color: white;
    font-size: 25px;
    font-weight: 900;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 25px;
}

.labelname {
    color: white;
    font-size: 20px;
    font-weight: 900;
}

.inputstyle {
    height: 45px !important;
    border-radius: 0px !important;
}

.menuPlanner .buttonZone {
    bottom: 0;
    border-top: none !important;
    padding: 8px 0 !important;
    text-align: center !important;
    overflow: hidden;
    margin-top: 15px;
}

.regiSection .buttonZone .nextbtn {
    background-color: #913108 !important;
    padding: 3px 80px !important;
    border: 1px solid !important;
    font-size: 23px !important;
    font-weight: 600 !important;
    color: #fff;
    text-transform: uppercase;
    background-image: none
}

.firstlastblock {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.firstblk input.span12,
.lastblk input.span12 {
    width: 100%
}

.emailpassblock {
    display: inline-flex;
    width: 70%;
    margin-left: 20%;
}

.langblock {
    display: inline-flex;
    width: 70%;
    margin-left: 20%;
}

.langblk {
    width: 40%;
}

.bg-new {
    background-image: url("../../../../../content/images/bg_selector.png");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 650px;
    background-color: #000000;
}

.bg-header {
    background-image: url("../../../../../content/images/bg_header.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000000;
    color: #ffffff;
}

/*stage1*/

/*stage2*/
.dot {
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 25px;
    color: black;
    margin-left: 2%;
    font-weight: 900;
    min-width: 14px;
    padding: 8px 5px 0px 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}

.dot.active {
    border: 1px solid #fff;
    background: #913108;
    color: #fff;
}

.dot.notallowed {
    cursor: not-allowed !important;
    background: #d1d1d1;
    opacity: 0.9
}

.bg-new .dot:first-child {
    margin-left: 0
}

.backbtnnn {
    background: transparent !important;
    text-decoration: underline !important;
    font-size: 16px !important;
    position: relative;
    left: -30px;
}

.menuplanner .buttonZone {
    bottom: 0;
    border-top: none !important;
    padding: 8px 0 !important;
    text-align: center !important;
    overflow: hidden;
}

.regiSection .buttonZone .btnBack {
    border: none;
    background: url(../images/actArrow.png) 0 center no-repeat;
    color: #fff;
    padding: 0 0 0 20px;
    margin-right: 30px;
    font-size: 16px
}


.userimage {
    display: inline-flex;
}

.username {
    width: 100%
}

.photoFrame {}

.labelname {
    color: white;
    font-size: 20px;
    font-weight: 900;
}

.inputstyle {
    height: 45px !important;
    border-radius: 0px !important;
}

.backbtnnn {
    background: transparent !important;
    text-decoration: underline !important;
    font-size: 16px !important;
    position: relative;
    left: -30px;
}

.menuplanner .buttonZone {
    bottom: 0;
    border-top: none !important;
    padding: 8px 0 !important;
    text-align: center !important;
    overflow: hidden;
    margin-top: 15px;
}

.menuplanner .buttonZone .btnBack {
    border: none;
    background: url(../images/actArrow.png) 0 center no-repeat;
    color: #fff;
    padding: 0 0 0 20px;
    margin-right: 30px;
    font-size: 16px
}

.locationerrormsg {
    text-align: center;
    color: #f54d27;
    font-size: 30px;
    font-weight: 600;
    min-height: 60px;
    padding: 30px;
    background: #fff;
    opacity: 0.8;
    margin-bottom: 30px
}


.changelocation {
    color: gray;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 900;
}

.mealpad li {
    list-style-type: none;
}

.inputpad {
    padding-top: 2%;
    padding-left: 3%;
}

.sname {
    font-size: 15px;
    padding-top: 3%;
    padding-left: 3%;
    width: 170px;
}

.searchInput {
    width: 90%;
    height: 35px;
}

.bg-blk2 {
    text-align: center;
    padding-top: 1%;
}

.find {
    font-weight: 600;
}

.youslect {
    color: white;
    font-weight: 600;
    font-size: 14px;
}

.locationPanel {
    margin-top: 15px;
}

.meal-headd {
    color: #1a2139;
    font-size: 27px;
    font-weight: 900;
    padding-top: 4%;
}

.children {
    color: white;
    font-size: 27px;
    font-weight: 600;
}


.searchBox2 {
    text-align: center;
}



.searchname {
    color: #1a2139;
    font-size: 13px;
    font-weight: 900;
}

.searchname:hover {
    color: #f75b18;
}

.mealname {
    color: #1a2139;
    font-size: 13px;
    font-weight: 900;
}

.menuLocation_id {
    font-size: 0px
}

.mealPeriod_id {
    font-size: 0px !important;
}

.menuLocation {
    overflow-y: auto;
    background-color: white;
    opacity: .9;
}

.menuLocation_details {
    display: inline-block;
    width: 30%;
    border: 0;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 0 0 20px
}

.menuLocation_details.Selected .searchname {
    color: #f75b18
}

.bg-new {
    background-image: url("../../../../../content/images/bg_selector.png");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 650px;
    background-color: #000000;
}


.headerlogo {
    text-align: center;
    background-color: #1a2139;
    padding: 15px;
}

.headerlogo1 {
    text-align: center;
    padding-top: 1%;
}

.b1 {
    color: #1a2139;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
}

.b1:hover {
    color: #f09566;
}

.bg-new {
    padding-top: 3%;
}

.bg-blk3 {
    background-color: white;
    width: 72%;
    margin-left: 13%;
    padding: 5px 5px;
    margin-top: 1%;
    opacity: 1;
    height: 295px;
    max-height: 295px;
}

.bg-blk1 a {
    color: #9d9683;
    font-size: 14px;
}

.links ul li {
    line-height: 20px;
    padding: 20px 35px;
    color: white;
    padding-top: inherit;
}

.links2 ul li {
    padding: 0px 0px;
}

.links {
    text-align: center;
}

.links2 {
    text-align: center;
}

.links3 {
    text-align: center;
}

.links4 {
    text-align: center;
}

.footernew {
    background-color: #1a2139;
}

ul li {
    list-style: none;
    text-align: left;
}

.links ul li a {
    color: white !important;
}

.links2 ul li a {
    color: white !important;
}

.links3 ul li a {
    color: white !important;
}

.links4 ul li a {
    color: white !important;
}

.menuLocation_id {
    font-size: 0px !important;
}

.mealPeriod_details span {
    display: inline-block
}

.mealPeriod_details .mealPeriod_id {
    display: none;
}

.checkstyle {
    height: 20px !important;
    width: 20px !important;
}

.tdstyle {
    padding: 5px;
}

.itemheading {
    color: white;
    font-weight: 500;
    font-size: 17px;
    padding-bottom: 3%;
}

.tablestyle1 {
    width: 255px;
}

.tablestyle2 {
    width: 255px;
}

.trstyle {
    background-color: #545454;
    color: white;
    border: 0.1px solid white;
    height: 35px;
    font-weight: 600;
}

.trstyle2 {
    background-color: #245700;
    color: white;
    border: 0.1px solid white;
    height: 35px;
    font-weight: 600;
}

.itemstyle {
    width: 60%;
    margin-left: 28%;
    display: inline-flex;
}

.dietblk {
    margin-left: 5%;
}

.preLogin .logo {
    margin: 0;
    padding: 0
}

.formStepDiv {
    width: 60%;
    margin: 0 auto;
    color: #fff;
}

.formStepDiv.step2 {
    width: 45%;
}

.formStepDiv.step4 {
    width: 40%
}

.formStepDiv label {
    margin-bottom: 10px;
}

.formStepDiv .span6 {
    margin-bottom: 20px
}

.formStepDiv input.span12 {
    width: 100%;
    background: #fff;
    padding: 0;
    text-indent: 5px;
    margin-bottom: 0;
    border: none;
    -moz-box-shadow: 3px 3px 5px 2px #ccc inset;
    -webkit-box-shadow: 3px 3px 5px 2px #ccc inset;
    box-shadow: 3px 3px 5px 2px #ccc inset;
}

.formStepDiv .passDiv {
    position: relative
}

.formStepDiv .shwpass {
    position: absolute;
    right: 0;
    top: 45px;
    background: url(../images/icon_pw_hidden.png) 0 0 no-repeat;
    width: 43px;
    height: 27px;
    font-size: 0;
    background-size: 80%;
    background-position: center;
}

.formStepDiv .shwpass:hover {
    background: url(../images/icon_pw_visible.png) 0 0 no-repeat;
    background-size: 80%;
    background-position: center;
}

.formStepDiv .k-widget {
    width: 100%
}

.plainPop .modal-header {
    border: 0
}

body .plainPop .modal-header .btn {
    background: #913108 !important;
    padding: 8px 30px !important
}

#viewmpMenu:focus {
    border: 2px solid #4c9aff !important;
    box-shadow: 0 0 0px #913108 !important;
    margin-left: 0px;
}

body .plainPop .close {
    position: relative;
    top: -10px;
    right: -13px
}

.plainPop .modal-header .btn,
.menuplanner .buttonZone .btn,
.regiSection .buttonZone .btn,
.plannerLoginDiv .loginButtonWrap .btn-login {
    background: #913108;
    border: 1px solid #fff !important;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 80px !important;
    border: 1px solid !important;
    font-size: 20px !important;
    /*font-family: 'Montserrat';*/
}

.editmodel.viewmenuPopup {
    max-height: 270px;
    max-width: 620px;
}

.editmodel.viewmenuPopup,
.editmodel.termaAndConditions,
.editmodel.privacyPolicyPopupDiv {
    text-align: center;
    top: 50%;
    bottom: 50%;
    left: 0 !important;
    border-radius: 5px;
    max-height: 300px !important;
    min-width: 10px;
}

.editmodel.termaAndConditions,
.editmodel.privacyPolicyPopupDiv {
    max-height: initial !important;
}

#addWindow .plainPop,
#recipeRatingPopupModel .plainPop {
    padding: 65px;
}


#addWindow .addwindowtext,
#recipeRatingPopupModel .addwindowtext,
#viewMenuConfirmationModal .addwindowtext {
    max-width: 310px;
    margin: 0 auto;
    padding-top: 20px;
    line-height: 28px;
}

.recipeDetailpopup .popupname {
    padding: 20px;
}

.dietaryallergen .formItemRow {
    /*padding:10px;*/
    padding: 5px 10px;
}

.dietaryallergen .span6 .left {
    width: 95% !important;
}

.editmodel.recipeInfoPop {
    top: 50%;
    left: 50%;
    right: 0;
    margin-left: -370px;
    padding: 25px !important;
    width: 700px !important;
    // 1/2 width margin-top: -40px;
    // 1/2 height
}

.searchBox2 .imgbx {
    width: 31px;
    position: relative;
    left: 65%;
    top: -4px;
}

.searchBox2 .inbx {
    min-width: 66%;
    min-height: 50px;
    border-radius: 0px;
}

.logoNew {
    width: 125px;
    padding-top: 1%;
    padding-bottom: 2%;
}

.logoCS .logoNew {
    border: 1px solid transparent;
}

#stickThisNew.stick {
    margin-top: 0;
    position: fixed;
    top: 0;
    z-index: 99;
    max-height: 95%;
    width: 23%;
    overflow-y: scroll;
}

.nobtn {
    background: black !important;
    margin-left: 4% !important;
}

.algname {
    padding-left: 10px;
    text-transform: uppercase;
}

.dtname {
    padding-left: 10px;
    text-transform: uppercase;
}

.formStepDiv.step2 .photoFrame {
    border: none;
    max-height: 250px;
    background: none !important;
}

.formStepDiv.step2 .userimage {
    text-align: center
}

.formStepDiv.step2 .k-upload-button {
    text-indent: inherit;
    width: auto;
    height: auto;
    background: none;
}

.formStepDiv.step2 .avatarLink {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
}

.formStepDiv.step2 .avatarLink:hover {
    text-decoration: none;
}

.head1 {
    margin: 10px 0 20px;
}

/*.head1 span {font-family: 'Montserrat';}*/
.formStepDiv .validationMessage {
    color: #fff
}

.formStepDiv .searchBox2 input[type="text"] {
    font-size: 18px;
    font-weight: 500
}

.formStepDiv .searchBox2 input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.formStepDiv .searchBox2 input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.formStepDiv .searchBox2 input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.formStepDiv .searchBox2 input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.formStepDiv .itemheading {
    text-transform: uppercase
}

.formStepDiv .tablestyle1,
.formStepDiv .tablestyle2 {
    width: 97%
}

.formStepDiv .tablestyle1 .trstyle,
.formStepDiv .tablestyle2 .trstyle {
    height: 40px
}

.preLoginc.csLogin .buttonZone {
    border: 0;
    text-align: center
}

.preLoginc.csLogin .logo {
    padding: 0
}

.preLoginc.csLogin .formStepDiv .k-dropdown-wrap .k-select {
    line-height: 3.4 !important
}

.rightSidelogcontentOuter {
    position: absolute !important;
    top: 50%;
    right: 0;
    text-align: right;
    width: 100%;
    max-width: 270px;
    margin: auto;
}

.divRtTpLink .logintextstyle {
    background: url(../images/icon-login.png) 0% 0% no-repeat;
    font-weight: 600;
    color: #1a2139;
    margin-right: 20px;
    padding: 4px 10px 5px 40px;
    background-size: 22%;
    background-position: 20%;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    float: left;
    max-width: 70px;
    line-height: 33px;
    background-color: #ffffff;
}

.divRtTpLink .registertextstyle {
    background: url(../images/icon-register.png) 0% 0% no-repeat;
    font-weight: 600;
    color: #1a2139;
    padding: 4px 10px 5px 40px;
    background-size: 22%;
    font-size: 16px;
    background-position: 7%;
    cursor: pointer;
    width: 100%;
    float: left;
    max-width: 74px;
    line-height: 33px;
    background-color: #ffffff
}

.userAccountDiv {
    background-image: url(../images/bg_selector.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 0 !important;
    text-align: center;
    min-height: 600px;
    background-color: #000000;
}

.userAccountDiv .userAccountInner {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0;
}

.userAccountDiv h2.title {
    text-align: center;
    color: #fff;
    margin: 0 0 30px;
    font-size: 24px;
}

.userAccountDiv h1.title {
    text-align: center;
    color: #fff;
    margin: 0 0 30px;
    font-size: 24px;
}

.userAccountDiv .addImage {
    display: initial;
}

.userAccountDiv .addUser {
    display: inline-block;
    width: 175px
}

.userAccountDiv .addUser .addbx {
    background: #1a2139 url(../images/icon-addUser.png) center 30px no-repeat;
    width: 100%;
    display: inherit;
    height: 60px;
    float: left;
    margin: 0 0 24px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: normal;
    padding: 140px 0 0;
    background-size: 50%
}

.userAccountDiv .listImage {
    display: inline-block;
    max-width: 175px;
    margin: 0 20px 25px 0;
    text-align: center
}

.userAccountDiv .listImage img {
    cursor: pointer
}

.userAccountDiv .linkText {
    color: #fff;
    margin: 10px 0 0;
    display: inline-block;
    font-size: 16px;
    cursor: pointer
}

.userAccountDiv .editIcon {
    float: right;
    margin: 10px 0 0;
    background: url(../images/icon-edit.png) 0 0 no-repeat;
    background-size: 100%;
    font-size: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 0px;
}

.userAccountDiv .removeIcon {
    float: right;
    margin: 10px 15px 0;
    background: url(../images/icon-remove.png) 0 0 no-repeat;
    background-size: 100%;
    font-size: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 0px;
}

.regiSection .headerlogo2 {
    text-align: center;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .badgeCount {
        top: 0px;
    }
}

@media only screen and (max-width:800px) {
    .menuPlanner .formItemRow.formStepDiv {
        width: 85%
    }

    .menuPlanner .formItemRow.formStepDiv .span6 {
        width: 100%;
        margin-left: 0
    }

    .menuPlanner .formStepDiv.step2 {
        width: 85%
    }

    .menuPlanner .formStepDiv.step2 .span4,
    .menuPlanner .formStepDiv.step2 .span8 {
        width: 100%;
        margin-bottom: 15px
    }

    .menuPlanner .formStepDiv.step2 .photoFrame {
        margin: 0 auto 15px
    }

    .menuPlanner .formStepDiv.step2 .photoFrame img {
        width: 40%;
        display: block;
        margin-bottom: 12px;
        height: 121px;
    }

    .menuPlanner .head1 {
        line-height: normal
    }

    .menuPlanner .formItemRow.formStepDiv.step4 {
        width: 60%
    }

    .menuPlanner .formStepDiv .tablestyle1,
    .formStepDiv .tablestyle2 {
        width: 100%
    }
}

.headerlogo2 {
    text-align: center;
    position: relative;
}

.mealPeriodPage .bg-blk3 .formItemRow {
    margin: 25px 0 0 0;
    height: 180px;
    overflow: auto;
}

.mealPeriodPage .mealPeriod_details.span4 {
    width: 33%;
    margin: 0;
}

.menuPlannerPopup.imagePanelPopup {
    left: 0 !important;
    max-width: 60% !important;
    border-radius: 10px;
    height: 170px !important
}

.menuPlannerPopup.imagePanelPopup .popupHeaderDiv {
    border-radius: 10px !important
}

.menuPlannerPopup.imagePanelPopup #dvSource {
    width: 95% !important
}

.menuPlannerPopup.imagePanelPopup .viewer-thumbnails {
    margin: 35px 0 30px 40px
}

.menuPlannerPopup.imagePanelPopup .editmodelbar {
    margin: 10px 15px 0 0
}

.menuPlannerPopup.imagePanelPopup .slick-prev::before,
.menuPlannerPopup.imagePanelPopup .slick-next::before {
    font-size: 0;
}

.menuPlannerPopup.imagePanelPopup .slick-list {
    top: 10px;
    left: 0px;
    border: 0px;
}

.makeWidth100 {
    width: 100% !important
}

.formStepDiv.makeWidth100 .locationPanel {
    height: auto
}

.formStepDiv.makeWidth100 .locationPanel .menuLocation_details {
    margin: 5px;
    border: 3px solid #fff;
    border-radius: 5px;
    padding: 5px
}

.formStepDiv.makeWidth100 .locationPanel .menuLocation_details:hover,
.formStepDiv.makeWidth100 .locationPanel .menuLocation_details.Selected {
    border: 3px solid #f75b18
}

.menuPlanner #content.loginInner {
    width: 390px
}

.menuPlanner #content.loginInner .btn-login {
    width: auto
}

.formStepDiv .languMarTp {
    margin-top: -30px;
    display: inline-block
}

.mealBuilderDetails {
    width: 100%;
    max-width: 100%;
    /*padding: 20px;*/
    padding-top: 10px;
}

.mealBuilderDetails .builder_left_details {
    width: 100%;
    max-width: 100% !important;
    display: flex;
}

.mealBuilderDetails .builder_left_details .image_outer {
    width: 40%;
    min-width: 40%;
    float: left;
    height: 180px;
    object-fit: fill;
}

.mealBuilderDetails .builder_left_details .prd_submenu.top_details {
    float: left;
    text-align: left;
    margin-left: 15px;
    margin-top: 0px;
    width: 60%;
}

.mealBuilderDetails .builder_left_details .prd_submenu.top_details label {
    width: auto !important;
    max-width: auto;
    text-align: left;
    float: left;
    color: #000
}

.mealBuilderDetails .builder_left_details .prd_submenu.top_details span {
    float: left;
    width: 98%;
    color: #39527b
}

.mealBuilderDetails .builder_left_details .prd_submenu.top_details .colon_span {
    width: auto;
    float: left;
}

.hDprofile {
    font-size: 95%;
    margin: 0;
    width: auto;
}

.hDprofile.open .btn.dropdown-toggle {
    background: none;
}

.hDprofile .btn.dropdown-toggle,
.hDprofile .btn.dropdown-toggle.open {
    padding: 0;
    margin: 0;
    background: none;
    color: #000;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    color: #014874;
}

.hDprofile .btn.dropdown-toggle:hover {
    background: none;
}

.hDprofile .imgbx {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50px;
    margin: -3px 10px 0 0
}

.hDprofile .dropdown-menu {
    width: 100%;
    left: auto;
    min-width: 190px;
    right: -10px;
    top: 35px;
    padding: 10px 10px 0;
    border: none;
    text-align: center;
}

.hDprofile .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 7px;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.hDprofile .imglist {
    min-width: 96px;
    text-align: center;
    display: inline-block;
    min-height: 120px
}

.hDprofile .imglist .imgDiv {
    padding: 3px;
    color: #39527b;
    height: 86px;
}

.hDprofile .imglist .imgDiv:hover,
.hDprofile .imglist .imgDiv.active {
    background: #1a2139;
}

.hDprofile .imglist.active a {
    background: #1a2139;
}

.hDprofile .imglist span {
    display: block;
    width: 77px;
    font-size: 11px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #39527b
}

.hDprofile .manAccountLink,
.hDprofile .logLink,
.hDprofile .changePasswordLink,
.hDprofile .logLink,
.hDprofile .myOrders,
.hDprofile .accountDeleteLink,
.hDprofile .clearPaymentTokenLink {
    margin: 0px 0 0px 12px;
    font-size: 11px;
}


.hDprofile .manAccountLink a,
.hDprofile .manAccountLink a:hover {
    background: url(../images/icon-manageAccount.png) 0 5px no-repeat;
    background-size: 11%;
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    padding: 3px 20px 3px 25px;
}

.hDprofile .changePasswordLink a,
.hDprofile .changePasswordLink a:hover {
    background: url(../images/Change_password.png) 0 5px no-repeat;
    background-size: 11%;
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    padding: 3px 20px 3px 25px;
}

.hDprofile .myOrders a,
.hDprofile .myOrders a:hover {
    background: url(../images/myOrders.png) 0 5px no-repeat;
    background-size: 14%;
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    padding: 3px 20px 3px 25px;
}

.hDprofile .splashScreen a,
.hDprofile .splashScreen a:hover {
    background: url(../images/announcements.png) 0 5px no-repeat;
    background-size: 12%;
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    padding: 0px 10px 3px 22px;
}



.hDprofile .manAccountLink a:hover,
.hDprofile .changePasswordLink a:hover {
    text-decoration: none
}

.hDprofile .logLink a,
.hDprofile .logLink a:hover {
    background: url(../images/icon-logOut.png) 2px 6px no-repeat;
    background-size: 16%;
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    padding: 3px 20px 3px 25px
}

.hDprofile .logLink a:hover {
    text-decoration: none;
}

.hDprofile .caret {
    border-top: 6px solid #808080;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.hDprofile .dropdown-menu ul {
    float: left;
    width: 100%;
    /*max-height: 400px;
        overflow-y: auto;*/
    /*Changes Made By:Harshali Patil
          Date:04/07/2019
          Reason:add scrollbar to manage profile*/
    max-height: 216px;
    overflow-y: auto;
    overflow-x: hidden;
}

.hDprofile .dropdown-menu ul:first-child {
    margin-bottom: 0;
}

.regiSection .hDprofile {
    position: absolute;
    top: 40px;
    right: 0;
}

.notallowedCursor {
    cursor: not-allowed !important;
}

.hDprofile.HdTpDiv1 {
    position: absolute;
    top: 59px;
    /*right: 7%;*/
    right: 0%;
    float: none;
    z-index: 9999;
    margin: 0;
    padding: 0;
}

.hDprofile.HdTpDiv2 {
    /*position: absolute;
    /*top: 10px;
    top: 25px;
    /*right: 10%
    right: 11%;*/
    float: none;
    z-index: 1030;
    margin: 0;
    padding: 0;
}


/*{
    float: none;
    right: 10%;
    position: absolute;
    top: 40px;
    margin: 0;
    padding: 0;
}*/

.hDprofile.HdTpDiv2 .dropdown-menu,
.hDprofile.HdTpDiv1 .dropdown-menu {
    right: 31px
}

.menuPlanDetail .icnBuild {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    background-color: #913108;
    color: #fff;
}

.menuPlanDetail .icnBuild:hover {
    color: #fff;
    text-decoration: underline;
    text-align: center;
    width: 100%;
}

.menuPlanDetail .btnPrint,
.menuPlanDetail .btnCart,
.menuPlanner .btnPrint {
    top: 0;
    border-radius: unset;
    min-width: 121px;
    border: 2px solid #E6E6E6;
    margin-left: 10px;
}


.menuPlanDetail .formItemRow.sectionMeal.menuPlanHD {
    overflow: initial
}

@media only screen and (max-width:1024px) {
    .menuPlanDetail .icnBuild {
        padding: 8px 20px 8px 0px;
        font-size: 11px;
        text-align: center;
    }


    .hDprofile.HdTpDiv2 {
        right: 2%
    }

    .non_nutritive.span8 .nutritiveInner {
        min-height: 42px;
    }

    .non_nutritive .forItemRow span.icn.fl {
        position: absolute;
        left: 0;
        top: 0;
    }

    .non_nutritive .forItemRow .icnText {
        float: left;
        width: 80%;
        margin-left: 30%;
        margin-bottom: 10px;
    }
}

body .menuPlanDetail .menuDetails span.itemDescription {
    display: inline;
    text-align: left;
    color: #4D6388;
    font-size: 10px;
    _width: 85%
}

body .menuPlanDetail .subMenuDetails span.itemDescription {
    display: inline;
    text-align: left;
    color: #4D6388;
    font-size: 9px;
    _width: 85%;
    font-style: italic;
}



.mealPerioderrormsg {
    text-align: center;
    color: #f54d27;
    font-size: 30px;
    font-weight: 600;
    min-height: 60px;
    padding: 30px;
    background: #fff;
    opacity: 0.8;
    margin-bottom: 30px
}

.menuPlanDetail .backGroundContainer {
    position: relative
}

#screenHyperlinksGrid img {
    height: 50px !important;
}

.headlg3 {
    text-align: left !important;
    padding-left: 35px !important;
}

.rightTopNav {
    position: absolute;
}

[role="img"] {
    border: 0px !important;
}

a,
input,
[role="button"] {
    border: 1px solid transparent;
}

[tabindex="0"]:focus,
input:focus,
[role="link"]:focus,
[role="button"]:focus {
    outline: none !important;
    border: 1px solid #4c9aff !important;
    box-shadow: 0 0 10px #719ECE !important;
}

.mealPriceAndPromotion {
    color: white;
    font-size: small;
}

.mealPriceAndPromotion img {
    width: 100%;
    height: 100%;
}

.k-calendar .k-state-focused .k-link {
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13);
}

.checkstyle:focus {
    /*outline: none !important;*/
    border: 1px solid #4c9aff !important;
    box-shadow: 0 0 10px #f7f6b0 !important;
}



/*[role="alertdialog"],
[role="dialog"] {
    box-sizing: border-box;
    padding: 15px;
    min-height: 100vh;
}

@media screen and (min-width: 640px) {
    [role="alertdialog"],
    [role="dialog"] {
        position: absolute;
        top: 2rem;
        left: 50vw;
        transform: translateX(-50%); 
        min-width: calc(640px - (15px * 2));
    }
}*/

.dialog_label {
    text-align: center;
}

.dialog_form {
    margin: 15px;
}

.dialog_form .label_text {
    box-sizing: border-box;
    padding-right: 0.5em;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    width: 30%;
    text-align: right;
}

.dialog_form .label_info {
    box-sizing: border-box;
    padding-right: 0.5em;
    font-size: 12px;
    width: 30%;
    text-align: right;
    display: inline-block;
}

.dialog_form_item {
    margin: 10px 0;
    font-size: 0;
}

.dialog_form_item .wide_input {
    box-sizing: border-box;
    max-width: 70%;
    width: 27em;
}

.dialog_form_item .city_input {
    box-sizing: border-box;
    max-width: 70%;
    width: 17em;
}

.dialog_form_item .state_input {
    box-sizing: border-box;
    max-width: 70%;
    width: 15em;
}

.dialog_form_item .zip_input {
    box-sizing: border-box;
    max-width: 70%;
    width: 9em;
}

.dialog_form_actions {
    text-align: right;
    padding: 0 20px 20px;
}

.dialog_close_button {
    float: right;
    position: absolute;
    top: 10px;
    left: 92%;
    height: 25px;
}

.dialog_close_button img {
    border: 0;
}

.dialog_desc {
    padding: 10px 20px;
}

/* native <dialog> element uses the ::backdrop pseudo-element */

/* dialog::backdrop, */
.dialog-backdrop {
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.dialog-backdrop.active {
    display: block;
    opacity: 1;
    z-index: 12121;
    /*Added to overide z-index for popup*/
    background: rgba(0, 0, 0, 0.7) !important;
}

.no-scroll {
    overflow-y: auto !important;
}

/* this is added to the body when a dialog is open */
.has-dialog {
    overflow: hidden;
}

.screenreader {
    position: absolute;
    left: -9999px;
}

.recipeInfoPop .span6 table tr td:first-child,
body .wholeParent .recipeInfoPop .span6 table tr th:first-child {
    width: 10%;
}

/*aria table*/
[role="table"] {
    display: table;
}

[role="table"]>div[id] {
    display: table-caption;
    /*font-style: italic;*/
    border-collapse: collapse;
    border-spacing: 0;
    color: #1C6892;
    font-weight: bold;
}

[role="table"] [role="row"] {
    display: table-row;
    border-style: solid;
    padding: 0 10px;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
    text-overflow: ellipsis;
    border-color: #bbc8ce !important;
}

[role="table"] [role="cell"],
[role="table"] [role="columnheader"] {
    display: table-cell;
    /*padding: 0.125em 0.25em;*/
    padding: .5em .6em .4em .6em;
    width: 8em;
    font-size: inherit;
}

[role="table"] [role="columnheader"] {
    font-weight: bold;
    border-bottom: thin solid #888 !important;
    background-color: #98a7af;
    color: #fff;
    border-color: #bbc8ce;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    line-height: normal;
}

[role="table"] [role="rowgroup"]:last-child [role="row"]:nth-child(odd) {
    background-color: #ddd;
}

[role="rowgroup"] {
    width: 100%;
    font-size: 14px;
    color: #223f6d;
}

[role="table"] [aria-selected] {
    background-color: #c3dfe2 !important;
}

[role="cell"] {
    border: solid;
    border-width: 0 0 1px 1px !important;
    border-color: #bbc8ce !important;
}

/*aria table stucture*/

#aria-table [aria-selected] {
    background-color: #c3dfe2 !important;
}

#aria-table .table {
    font-size: 14px;
}

#aria-table .tblcaption {
    border-collapse: collapse;
    border-spacing: 0;
    color: #16506f;
    font-weight: bold;
}

#aria-table .tr {
    display: flex;
}

#aria-table .th,
#aria-table .td {
    border: solid;
    border-width: 0 0 1px 1px !important;
    border-color: #bbc8ce !important;
    padding: 4px 8px;
    flex: 1;
}

#aria-table .th {
    font-weight: bold;
}

#aria-table .th[role="columnheader"] {
    color: #fff;
    border-bottom: thin solid #888 !important;
    background-color: #495255;
    border-color: #bbc8ce;
    border-style: solid;
    border-width: 0 0 1px 1px;
}


#aria-table [role="grid"] [role="rowgroup"]:last-child [role="row"]:nth-child(odd) {
    background-color: #ddd;
}

.goog-te-menu-frame {
    position: absolute !important;
}

/*aria table*/

.menuPlanner .mealDiv #prevDate {
    outline: none;
    border: none !important;
    padding: 0px;
    margin-left: 0px;
}

.menuPlanner .mealDiv #nextDate {
    outline: none;
    border: none !important;
    padding: 0px;
    margin-left: 0px;
}

.menuPlanner .mealDiv #nextDate span {
    top: 0px;
    left: 0px;
    margin: 0px;
}

#menuBuilderDatePicker::-ms-clear {
    display: none;
}

.noInfo .calendarDate {
    top: 5px !important
}

.divHelpLink {
    float: left;
    margin: 40px 20px 0 0;
    position: relative;
    left: 20px;
}

.divHelpLink .dropdown-toggle {
    line-height: 33px;
    height: 31px;
}

.leftSidecontentOuter {
    position: absolute;
    top: 15px;
    margin: auto;
    width: 150px;
}

.divHelpLink .leftSidecontent {
    position: absolute !important;
    margin-top: 30px;
    left: 0;
    top: 44%;
    margin-left: 10px;
}

.divHelpLink .Helptextstyle {
    background: url(../images/icon-help.png) 0% 0% no-repeat;
    font-weight: 600;
    color: #1a2139;
    padding: 4px 5px 5px 40px;
    font-size: 16px;
    cursor: pointer;
    background-position: 14%;
    background-color: #fff;
}

.divHelpLink .caret {
    border-top: 6px solid #1a2139;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    vertical-align: middle;
}

.divHelpLink .dropdown-menu {
    width: 150px;
    padding: 5px;
    text-align: initial;
}

.divHelpLink li {
    padding: 3px 20px 3px 25px;
}

.divHelpLink a {
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    font-size: 11px;
    cursor: pointer;
}

.divHelpLink a:hover {
    text-decoration: none
}

.termsAndCondition {
    max-width: 1275px;
    margin: auto;
}

.termsAndCondition ol {
    padding: 0;
    margin: 0;
}

.termsAndCondition li {
    list-style: none;
}

.termsAndCondition h2,
.termsAndCondition h4 {
    text-align: center;
    margin: 20px 0 !important;
}


.avalibleall {
    background-color: #913108 !important;
}

.avalibleall #alltogglecontent {
    color: #ffffff;
}

/*mobile device display popup*/
#mobileDeviceAlert {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1212;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
}


#mobileDeviceAlert .wellback {
    position: absolute;
    bottom: 0px;
    /*text-align: center;*/
    min-height: 20px;
    padding: 30px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

#mobileDeviceAlert .poup-container {
    /*min-height: 107px;*/
    /*margin: 10px 0px 10px 0px;*/
}

#mobileDeviceAlert .close_popup {
    background-color: transparent;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-appearance: none;
    border: 0;
    text-indent: -9999px;
    background-size: 12px 12px;
    width: 12px;
    height: 12px
}

#mobileDeviceAlert .content {
    padding: 0 0 0 6%;
    margin: auto;
    min-height: 107px;
    display: table;
}

#mobileDeviceAlert .imgcontent {
    padding: 0px;
    min-height: 107px;
    display: table;
}

#mobileDeviceAlert .text {
    font-size: 14px;
    color: #214269;
    letter-spacing: 0;
    font-weight: bold;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
}

#mobileDeviceAlert .btnDownloadApp {
    width: 100%;
    padding: 5px 0px 5px 0px;
    line-height: 2 !important;
    text-shadow: none;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: 'OpenSansRegular', "open_sansregular", sans-serif;
    color: #fff;
    border: 0;
    border-radius: 3px;
    background: #913108;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 10px;
}

#mobileDeviceAlert .img-container {
    background: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 10px;
    /*position: relative;
                top: 15px;*/
    padding: 5px;
}

.wellback-content {
    max-width: 640px;
    margin: 0 auto;
}



/*mobile device display popup*/

@media (max-width: 60em) {
    .missing-foods-container .nutrientSummary .nutrientsDetails {
        background-position: 30% 200%;
    }

    .menuPlanner .editmodel.editmodelScroll {
        width: 100% !important;
    }

    .mealname {
        font-size: 2vh !important;
    }

    .prd_submenu h1,
    .menuPlanner .creationmenubuilder_section .text-line.section-title {
        font-size: 1.0em !important;
    }

    body .menudetailBox .builder_left_details,
    .menuPlanner .builder_right_details {
        width: 50%;
    }

    .menuPlanner .recipePopListing p {
        margin: 0;
    }

    .nutrientsDetails .nutridetailsvalue,
    .nutridetailsvalue1,
    .descriptionDetails,
    .nutrientsDetails1 .nutridetailsname1,
    .nutriDetail .nutrientsDetails1,
    .nutriDetail,
    .formItemRow label,
    .nutrientsDetails .nutridetailsname,
    .menuType table tr td,
    .menuType table tr th,
    #dietaryAllergenModal ul,
    .chosedte,
    .food-selector-icon {
        font-size: 0.7em;
        font-weight: 600
    }

    .menudetailBox .rating h3,
    .bldmealwithiconname {
        font-size: 1.2em;
    }

    .receipe_rate_email {
        margin-left: 0% !important;
    }

    .menuPlanner #productRecipeDetailsModal .btnauto {
        margin-bottom: 80px;
    }

    .receipe_rate_username .receipe_uname {
        width: 98.3%;
    }

    .menuPlanner .durandal-wrapper #addWindow.editmodel,
    .menuPlanner .durandal-wrapper #addWindowStd.editmodel,
    .menuPlanner .durandal-wrapper #dietaryAllergenModal.editmodel,
    .menuPlanner .durandal-wrapper #recipeDetailsPopupModel.editmodel,
    .menuPlanner .durandal-wrapper #viewMenuConfirmationModal.editmodel,
    .menuPlanner .durandal-wrapper #studentImageGalleryModal.editmodel,
    .menuPlanner .durandal-wrapper #recipeRatingPopupModel.editmodel {
        top: 10px;
        right: 0 !important;
        margin: 0 auto;
        left: 0;
        margin-bottom: 100px;
        width: 70% !important;
    }



    .dietaryallergen .formItemRow h1,
    .missing-foods-container .nutrientSummary .nutrientTitle {
        font-size: 1.2em !important;
        margin-bottom: 0;
        padding: 0;
    }

    .menuPlanner .month-pre-nxt {
        width: 100% !important;
    }

    .menuPlanner .mealDiv .span2 .clearbtn {
        width: 100%;
        font-size: .8em;
    }

    .menuPlanner .creationmenubuilder_section ul,
    .nutrientSummary .alleInfo,
    .nutrientSummary .dieInfo {
        font-size: .7em !important;
    }

    .nutridetailsname,
    .nutrientsDetails .nutridetailsvalue {
        line-height: 25px;
    }

    .nutrientSummary .alleInfo {
        margin-bottom: 100px;
    }

    .menuPlanner .img-expand-collapse {
        top: -7px;
    }

    .mealBuilderDetails .builder_left_details .prd_submenu.top_details span,
    .extraallergen_dieatery .allergendtls_outer .allergendtls,
    .extraallergen_dieatery .allergendtls_outer .allergenNames {
        font-size: 0.6em;
    }

    .non_nutritive.span8 .nutritiveInner {
        width: 30%;
    }

    /*.profileSelectorDiv {
        position: relative;
    }*/

    .hDprofile.HdTpDiv2 {
        margin-right: 0;
    }

    /*.translatorSpan {
        right: 30%;
    }*/

    body .wholeParent .bgImage {
        overflow-y: auto;
        overflow-x: auto;
    }
}

.bg-new .termsCondLink {
    text-decoration: underline;
}

.bg-new .termsCondLink:hover {
    text-decoration: none;
}


.creationmenubuilder_section .bottom-content {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 3%;
    font-family: 'Open Sans', sans-serif !important;
    padding: 15px;
}


.creationmenubuilder_section .bottom-content ul li:before {
    content: '*';
    margin-left: -12px;
    margin-right: 7px;
}


/* Added by OMS Intergration */
#dateWiseData .checkbox.food-link.tabbableItem.expandable {
    height: 49px
}

.checkOutPage .title {
    background-color: #d8d7d5;
    margin: 0px;
    padding: 10px 20px;
    color: #273d59;
    font-size: 16px;
}

.checkOutPage .outerBox {
    border-color: #e6e6f0;
    border-width: 2px;
    border-style: solid;
    width: 80%;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 25px
}

.checkOutPage .outerBoxTitle {
    background-color: #d8d7d5
}

.groupBtnPreference {
    margin-top: 18px;
}

.btnPreference {
    width: auto;
    padding: 8px 34px;
    border-radius: 0;
    margin-right: 8px;
    background-color: #fff;
    border: 2px solid #ccc;
    color: #345276;
    font-weight: 600;
}

.btnPreference:focus,
.btnPreference:active,
.btnPreference:visited,
.btnPreference:focus-within {
    border: 2px solid #913108;
    color: #913108;
    outline: none;
    font-weight: 600;
}

.btnPreferenceActive {
    max-width: 210px;
    overflow: hidden;
    background-color: #fff;
    display: inline-block;
    padding: 10px 0px 10px 20px;
    margin: 16px;
    width: 195px;
    border: 2px solid #913108;
    color: #913108;
    font-weight: 600;
}

.btnPreference:focus,
.btnPreference:active,
.btnPreference:visited,
.btnPreference:focus-within .btnPreferenceActive:focus,
.btnPreferenceActive:active,
.btnPreferenceActive:visited,
.btnPreferenceActive:focus-within {
    border: 2px solid #913108;
    color: #913108;
    outline: none;
    font-weight: 600;
}

.DeliveryMode,
.paymentMode {
    max-width: 210px;
    overflow: hidden;
    background-color: #fff;
    display: inline-block;
    padding: 10px 0px 10px 20px;
    margin: 16px;
    color: #345276;
    width: 195px;
    border: 2px solid #ccc;
}

.DeliveryMode input[type="radio"],
.paymentMode input[type="radio"] {
    transform: scale(1.5),
}

.DeliveryModeActive,
.paymentModeActive {
    max-width: 210px;
    overflow: hidden;
    background-color: #345276;
    display: inline-block;
    padding: 10px 0px 10px 20px;
    margin: 15px;
    color: #fff;
    width: 195px;
    border: 2px solid #345276
}

.DeliveryModeActive label,
.paymentModeActive label {
    font-size: 17px;
    padding-left: 20px;
}

.DeliveryModeActive input[type="radio"],
.paymentModeActive input[type="radio"] {
    transform: scale(1.5)
}

.DeliveryMode:active,
.DeliveryMode:focus,
.paymentMode:active,
.paymentMode:focus {
    background-color: #345276;
    color: #fff;
}

.DeliveryMode label,
.paymentMode label {
    font-size: 17px;
    padding-left: 20px;
}

.DeliveryModeActive input,
.DeliveryModeActive input:focus,
.paymentModeActive input,
.paymentModeActive input:focus {
    border: 1px solid #4c9aff !important;
    box-shadow: 0 0 0px #913108 !important;
}

.pickupTimeRadioBox {
    outline: none;
    background: transparent;
    border: none;
}

.pickUpTime {
    width: auto;
    overflow: hidden;
    border: 2px solid #cccccc !important;
    display: inline-block;
    padding: 10px 12px;
    color: #1a2139;
    box-shadow: inset 6px 7px 5px -8px rgba(168, 168, 168, 1);
}

.pickUpTime:focus {
    width: auto;
    overflow: hidden;
    border: 2px solid #cccccc !important;
    box-shadow: none !important;
}

.pickUpTime button,
.pickUpTimeActive button {
    outline: none;
    border: none;
    background-color: transparent;
    width: 145px;
    height: 54px;
}

.pickUpTimeActive {
    width: 145px;
    overflow: hidden;
    border: 2px solid #913108 !important;
    display: inline-block;
    padding: 0;
    color: #913108;
    box-shadow: inset 6px 7px 5px -8px rgba(168, 168, 168, 1);
    height: 54px;
}

.pickUpTimeActive button {
    color: #913108;
    font-weight: normal;
}

.DeliveryModeActive input,
.DeliveryModeActive input:focus,
[role="link"]:focus,
[role="button"]:focus {
    border: 1px solid #4c9aff !important;
    box-shadow: 0 0 0px #913108 !important;
    margin-left: 0px;
}

.SelectTitle {
    color: #345276;
    padding-bottom: 0;
}

.box {
    padding: 6px 5px;
    border-color: #e6e6f0;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.persoDetails .inputbox {
    width: 100%;
    padding: 0;
    height: 40px;
    text-indent: 5px;
    margin-bottom: 0px;
    border: 2px solid #dadada;
    -moz-box-shadow: inset 1px 7px 5px -8px rgba(168, 168, 168, 1);
    -webkit-box-shadow: inset 1px 7px 5px -8px rgba(168, 168, 168, 1);
    box-shadow: inset 1px 7px 5px -8px rgba(168, 168, 168, 1)
}

.persoDetails .inputboxfullWidth {
    width: 100%;
    padding: 0;
    text-indent: 5px;
    height: 40px;
    margin: 8px 0;
    border-radius: 0;
    box-shadow: inset 1px 7px 5px -8px rgba(168, 168, 168, 1);
    border: 2px solid #dadada;
}

.persoDetails input:focus {
    transform: none;
}

.oderOverview {
    background-color: #1A2239;
    color: white;
    width: 100%;
    padding: 10px 0px
}

.oderOverview h3 {
    padding-left: 12px;
}

.overview {
    background: #F1F1F1;
    padding: 5px 19px 20px;
}

.menuOrder {
    padding: 5px;
    border-left: 3px;
    border-left-style: solid;
    border-left-color: #17577c;
    margin-top: 5px;
    background-color: #fff;
    margin-bottom: 20px;
}

label.mealQuantityLabel {
    font-size: 13px;
    color: #345276;
    padding-top: 4px;
    font-weight: bold
}

.checkOutPage .mealQuantiyBox input[type="number"] {
    width: 34px !important;
    height: 25px;
    padding-left: 3px;
    margin-left: 10px;
    border-radius: 0;
    box-shadow: inset 6px 7px 5px -8px rgba(168, 168, 168, 1);
    margin-top: 14px;
    border-radius: 0;
}

.mealSellingPrice span {
    color: #913108;
    font-size: 23px;
    font-weight: bold;
}

.menuName {
    font-size: 22px;
    color: #000;
    margin-top: 15px;
    display: inline-block;
    font-weight: bold
}

.outerCircle {
    float: left;
    width: 50px;
    display: inline-block;
    position: relative;
    left: -23px;
    right: 0px;
}

.innerCircle {
    text-align: center;
    background: #345276;
    padding: 10px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 6px solid #ccc;
    color: #fff;
}

.checkOutPage .mealRemoveIcon em.fa.fa-trash {
    float: right;
    padding: 0 17px;
    font-size: 1.5em;
}

.billDetails h4 {
    color: #345276;
    padding-bottom: 5px;
}

.billDetails p {
    font-size: 16px;
    font-weight: bold;
    color: #939394;
}

.totalAmt {
    border-top: 3px;
    border-top-style: solid;
    border-top-color: #000;
}

.totalAmt h4 {
    font-size: 18px;
    color: #000;
    padding-top: 16px;
}

.totalAmt span {
    float: right
}

.Instuctions {
    padding: 15px 0;
}

.emailInfo {
    padding-top: 10px;
}

.checkOutPage textarea {
    padding: 0 1px;
}

.cartHeading {
    margin: 10px 20px
}

.checkOutPage .mealName span {
    font-size: 15px;
}

.checkOutPage .mealSellingPrice {
    padding: 17px;
}

.outerBoxCart {
    padding-bottom: 12px;
    border-bottom: 3px dotted #b3b3b3;
}

.cartHeading h4 {
    font-size: 16px;
    color: #1A2239;
    letter-spacing: -0.24px;
}

.cartPopup .mealName p {
    font-size: 14px;
    font-weight: bold;
    max-width: 180px;
}

.cartItemDetail {
    margin: 10px 20px
}

.cartPopup .mealRemoveIcon em.fa.fa-trash {
    float: right;
    font-size: 1em;
    color: #39527b;
}

.mealQuantiyBox {
    float: left
}

.cartPopup .cartItemPriceDetail .mealQuantiyBox .mealQuantityLabel {
    font-size: 12px;
    color: #21446e;
    padding-top: 8px;
    font-weight: bold;
}

.checkOutPage .cartItemPriceDetail .mealQuantiyBox .mealQuantityLabel {
    font-size: 12px;
    color: #345276;
    padding-top: 20px;
    font-weight: bold;
}

.cartPopup .cartItemPriceDetail .mealQuantiyBox input {
    width: 24px !important;
    height: 25px;
    padding-left: 3px;
    box-shadow: 10px 1px 2px rgba();
    box-shadow: none;
    border: none;
    outline: none;
    padding-top: 5px
}

.cartPopup .mealSellingPrice {
    float: right;
    margin-top: 14px;
    position: relative;
    left: 15px;
}

.cartPopup .mealSellingPrice span {
    font-size: 14px;
    color: #000;
    font-family: 'OpenSansRegular', sans-serif;
}

.cartPopup .mealQuantiyBox {
    float: left;
    position: relative;
    left: -22px;
    top: 4px;
    padding: 0 5px;
}

.checkOutPage .itemsAdd {
    float: right;
    font-size: 13.5px;
    padding-right: 5px;
    text-transform: uppercase;
}

.cartPopup .chargesApply {
    color: black;
    font-weight: bold;
}

.cartPopup .totalCharges {
    border-top: 3px;
    border-top-style: dotted;
    border-top-color: #17577c;
    padding: 5px 20px;
}

.cartPopup h4 {
    font-size: 14px;
    color: #000000;
    letter-spacing: -0.21px;
}

.checkOutPage .oderOverview p {
    font-size: 17px;
    margin: 5px 15px;
}

.checkOutPage .timeSlotScroll {
    height: 145px;
    min-height: 80px;
    overflow: auto;
}

.cartPopup .mealName {
    float: left;
    width: 165px;
    max-width: 166px;
    padding-left: 20px;
}


.personDetails .inputbox {
    width: 260px;
    height: 40px;
    margin: 8px 6px 8px 0;
    border-radius: 0;
    box-shadow: inset 1px 7px 5px -8px rgba(168, 168, 168, 1);
    border: 2px solid #dadada;
    max-width: 295px;
    padding: 0px 11px;
}

.cartPopup .subMealName span {
    font-size: 12px;
    color: #1A2139;
    letter-spacing: -0.15px;
    line-height: 14px;
    font-family: 'OpenSans-Semibold', "open_sansregular", sans-serif;
}

.foodBarPage .foodBarItems {
    display: contents;
}

.foodBarPage .foodBarItems .foodBarTitle {
    padding-left: 50px;
    line-height: 2.4;
}

.foodBarPage .foodQuantity {
    padding-right: 4%;
    padding-top: 0px;
}

.itemsCheckBox {
    padding-top: 1px !important;
    padding-right: 15px;
}

.selectedRow .foodBarItems .foodBarTitle {
    border-bottom: none !important
}

.foodBarItems .foodBarTitle .foodQuantity .mealQuantity input {
    font-size: 95% !important
}

.foodBarItems .foodBarTitle .foodQuantity .mealQuantity {
    font-size: 12px
}

.buildMealBtnToolBar .btnPrintInactive {
    background: url(../images/icon_print_bt.png) 80% 8px no-repeat #FDFCFC;
    /*position: absolute;
        top: 0;
        right: 8.1%;*/
    /* color: darkgray; */
    border: 2px solid #ccc;
    border-top: 0;
    padding: 10px 45px 10px 20px;
    color: #4D6388;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
}

.menuPlanDetail .btnPrintInactive {
    background: url(../images/icon_print_bt.png) 90% 10px no-repeat #fff;
    position: absolute;
    top: 0;
    right: 12%;
    color: darkgray;
    border: 2px solid #ccc;
    border-top: 0;
    padding: 10px 45px 10px 30px;
    color: #2a3c5a;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
}

.menuPlanner .btnPrintInactive,
.menuPlanDetail .btnPrintInactive {
    top: 0;
    border-radius: unset;
    width: auto;
    border: 2px solid #E6E6E6;
    right: 30px;
}

.k-numerictextbox .k-link {
    height: 9px
}


button.addToCartBtn:disabled,
button.addToCartBtn[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #000000;
}

button.checkoutBtn:disabled,
button.checkoutBtn[disabled] {
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #000000 !important;
    font-weight: 600;
}



button.placeOrderBtn:disabled,
button.placeOrderBtn[disabled] {
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #000000 !important;
}

.confirmContainer {
    width: auto;
    padding: 35px;
    margin: 55px 30%;
    border: 0px solid #345275;
    box-shadow: 0 0 33px 0 rgba(182, 182, 182, 0.50);
}



.addWindow .editmodel .cartConfirmPopup {
    text-align: center;
    top: 50%;
    bottom: 50%;
    left: 30% !important;
    border-radius: 5px;
    max-height: 300px !important;
    min-width: 10px;
}


.editmodel1 {
    padding: 10px;
    position: fixed;
    left: 24%;
    top: 10%;
    max-height: 47%;
    max-width: 47%;
    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;
}

.DeliveryMode input[type='radio']:after,
.paymentMode input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #d1d3d1;
}

.DeliveryModeActive input[type='radio']:after,
.paymentModeActive input[type='radio']:after {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0px;
    left: 0px;
    position: relative;
    background-color: #913108;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #fff;
}

.menuPlanner .selectedRow .quantity_details .mealQuantityLabel,
.sellingPrice {
    color: #000000;
}

.confirmContainer h3 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.3px;
}

.confirmContainer .orderPlaced {
    color: #345276 !important;
    font-size: 17px;
    text-align: center;
    padding-top: 11px;
    letter-spacing: 1px;
}

.confirmationMsg {
    color: #000;
    font-size: 17px;
    padding-bottom: 30px;
    padding-top: 12px;
}

.orderIdBox {
    padding: 17px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #913108;
    border: 2px solid #9db1ca;
    max-width: 210px;
    margin: 0 auto;
    letter-spacing: 1px;
    line-height: 20px;
    background-color: #f9f6f6;
}

.btnConfirmationDone {
    border: 0;
    padding: 10px 35px;
    border-radius: 0px;
    background-color: #913108;
    color: #fff;
    min-height: 35px;
    font-weight: bold;
    margin-top: 22px;
}

.btnPlaceOrderBack {
    border: 0;
    padding: 10px 35px;
    border-radius: 0px;
    background-color: #9b9897;
    color: #fff;
    min-height: 35px;
    font-weight: bold;
    margin-top: 22px;
}

.btnConfirmationBack {
    border: 0;
    padding: 10px 35px;
    border-radius: 0px;
    background-color: #005b94;
    color: #fff;
    min-height: 35px;
    font-weight: bold;
    margin-top: 22px;
}

.confirmContainer img {
    width: 60px;
    padding-bottom: 20px;
}

.buildMealBtnToolBar {
    position: absolute;
    /* top: 0; */
    right: 60px;
}

.mealQuantiyBox span.k-widget.k-numerictextbox {
    margin-top: 20px;
    margin-left: 10px;
    width: 60px;
}

.mbuildpage label.text-line.section-title.foodBarTitle {
    background-color: #595959 !important;
    color: #fff;
}

.food-list-outer.food-subitems.selectedRow {
    background-color: red;
}

.food-list-outer.selectedRow {
    background-color: yellow;
}

#modelCartConfirmationPopup {
    position: fixed;
    /* display: none; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

#modelCartConfirmationPopup h3 {
    font-size: 18px;
    color: #345276;
    padding-bottom: 20px;
    padding: 34px 34px 0;
}

#modelCartConfirmationPopup .btnCheckout {
    max-width: 100%;
    overflow: hidden;
    background: #345276;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #fff;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelCartConfirmationPopup .btnClearCart {
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #345276;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelMenuClickLinkConfirmationPopup .btnCheckout {
    max-width: 100%;
    overflow: hidden;
    background: #345276;
    display: inline-block;
    padding: 4px 30px;
    margin: 12px;
    color: #fff;
    border: 2px solid #345276;
    text-align: center;
    font-size: 15px;
}

#modelMenuClickLinkConfirmationPopup .btnClearCart {
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    padding: 4px 30px;
    margin: 12px;
    color: #345276;
    border: 2px solid #345276;
    text-align: center;
    font-size: 15px;
}

.food-list-outer.food-subitems.selectedRow:nth-child(odd),
.food-list-outer.food-subitems:nth-child(odd) {
    background-color: #F2F2F2 !important;
    border-bottom: 2px solid #ccc !important
}

.food-list-outer.food-subitems.selectedRow:nth-child(even),
.food-list-outer.food-subitems:nth-child(even) {
    background-color: #FFF !important;
    border-bottom: 1px solid #ccc !important
}

.food-list-outer.food-subitems.selectedRow:nth-child(odd) .food-description {
    color: #000;
}

.food-list-outer.food-subitems.selectedRow:nth-child(even) .food-description {
    color: #39527B;
}

.food-list-outer.food-subitems.selectedRow:nth-child(odd) .mealQuantityLabel,
.food-list-outer.food-subitems.selectedRow:nth-child(even) .mealQuantityLabel {
    color: #39527B;
}

.foodBarTitle .foodQuantity span.sellingPrice {
    color: #fff;
}

.foodBarItems .foodBarTitle .foodQuantity label {
    padding-top: 10px;
    color: #fff;
}

/*.scrollItems{
	max-height: 440px;
    height: auto !important;
    overflow: auto
}*/
.outerCircleLine {
    border-left: 2px dotted #345276;
    margin-top: 0;
    margin-left: 14px
}

.outerLine {
    border-left: 2px dotted transparent;
    margin-top: 0;
    margin-left: 14px
}

.selectedRow .itemsCheckBox {
    background-color: #7d7d7d !important;
}

.selectedRow .itemsCheckBox {
    /* display: flex; */
    height: 2em;
    vertical-align: middle;
}

.selectedRow .foodBarItems {
    width: 94% !important;
}

.selectedRow {
    background-color: #595959 !important;
}

.selectedRow .itemsCheckBox {
    background-color: #595959 !important;
}

.itemsCheckBox {
    height: 2em !important;
    background-color: #595959;
}

.foodBarItems {
    width: 94% !important
}

.placeOrderBtn:active {
    outline: none;
}

.noFoodbar .foodBarItems .foodBarTitle span {
    position: relative;
    left: -30px;
}

input[type=radio]::-ms-check {
    border-color: 2px solid #fff;
    /* This will make the border red when the button is checked. */
    color: #913108;
    /* This will make the circle red when the button is checked. */
    width: 9px;
    height: 9px;
}

.checkoutAllergensText {
    border-bottom: 2px solid red;
}

.cartAllergensText {
    border-bottom: 2px solid red;
}


.billing_checkleft_details {
    display: flex;
}

.billing_checkleft_details input.food-selector-checked {
    width: 20px;
    height: 20px;
    margin: 5px 0 0 0;
}

.billing_checkleft_details label.chkCompId {
    margin-left: 10px;
    margin-top: 5px;
}

/*Hide print button for Order confirmation pdf*/
@media print {

    /* style sheet for print goes here */
    .noprint {
        visibility: hidden;
    }
}


.DeliveryModeActive input[type='radio']::-ms-check:after,
.paymentModeActive input[type='radio']:after {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0px;
    left: 0px;
    position: relative;
    color: #913108;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #fff;
}

.noFoodbarTitle {
    position: relative;
    left: -30px
}

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

.mealOrderLt {
    width: 40%;
    float: left;
}

.buildMealBtnToolBar.confirmBtnPrint {
    float: right;
    margin-right: 40px;
    position: relative !important;
}

.mobShow {
    display: none
}

.btnCartMobile {
    display: none
}

#btnCheckoutMobile {
    display: none
}

.mbShow {
    display: none;
}

.box:nth-child(4) {
    border-bottom: unset;
}

.nutritionInformationBtn {
    display: none;
}

input.icnBuild.btnPrintable {
    display: none;
}

#submenuNav {
    display: none
}

.pastOrderViewPage {
    margin: 20px;
    min-height: 900px;
}

.pastOrderViewPage .orderManage {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 30px;
}

.pastOrderViewPage .inputstyle .k-input {
    padding: 8px;
    background-color: #cccccc40;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.pastOrderViewPage .inputstyle .k-select {
    background-color: #cccccc40;
}

.pastOrderViewPage .inputstyle span.k-icon.k-i-arrow-s {
    margin-top: 12px;
    color: #000000;
}

.pastOrderViewPage .row {
    margin-left: 0;
}

.pastOrderViewPage .profileDetails {
    min-width: 950px;
    border: 2px solid #ccc;
    margin-left: 7% !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pastOrderViewPage .refundMessage {
    margin-left: 6% !important;
    color: #913108;
    font-weight: bold;
}

.pastOrderViewPage .total {
    font-size: 13px;
}

.pastOrderViewPage .orders {
    margin-top: 5px;
    font-weight: bold;
    font-size: 17.5px;
}

.pastOrderViewPage .orderSearch {
    width: 340px;
    padding: 10px;
    margin: 0;
    box-shadow: inset 0 1px 8px 0 rgba(175, 175, 175, 0.50);
}

.pastOrderViewPage .orderSearchBtn {
    padding: 9px 40px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #345276;
}

.orderManageBtn {
    width: 115%;
    padding-left: 20px;
    padding: 10px;
    text-align: left;
    font-size: 16px;
    border-radius: 0;
    border: 1px solid #979797;
    box-shadow: inset 0 1px 8px 0 rgba(175, 175, 175, 0.50);
}

.pastOrderViewPage .btnSelected {
    background-color: #345276;
    border-color: #345276;
    color: #fff;
}

.pastOrderViewPage .profileDetails hr {
    margin-bottom: 10px;
    margin-top: 10px;
}

.pastOrderViewPage .orderDetails b {
    line-height: 2.0;
}

.pastOrderViewPage .invoiceDetails {
    margin-top: -8%;
}

.pastOrderViewPage .orderProfileDetails {
    margin-top: 25px;
}

button.btn.btn-primary.invoiceBtn {
    background-color: #913108;
    font-size: 18px;
    padding: 4px 20px;
    font-weight: bold;
    margin-bottom: 7px;
    word-break: break-all;
}

button.btn.btn-primary.invoiceBtn:focus {
    outline: none;
    border: none;
}

.pastOrderViewPage span.paymentStatusHeading {
    display: block;
    font-size: 15px;
    margin: 5px;
}

.pastOrderViewPage span.orderStatus {
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
}

.pastOrderViewPage span.orderStatusHeading {
    display: block;
    font-size: 15px;
    margin: 5px;
    margin-top: 12px;
}

.pastOrderViewPage .orderSummarySection {
    margin-top: 11px;
}

.pastOrderViewPage button.btn.btn-primary.btnEdit {
    background-color: #345276;
    padding: 2px 30px;
    border-radius: 0;
}

.pastOrderViewPage .btnCancel {
    background-color: #535050;
    padding: 2px 30px;
    border-radius: 0;
    box-shadow: unset;
    text-shadow: unset;
    background-image: none;
}

h4.orderSummaryDetails {
    margin-top: 4px;
    font-size: 15px;
}

.pastOrderViewPage #addWindowStd {
    padding: 0 !important;
    top: 5%;
    border: none;
    outline: none;
    box-shadow: none;
    width: 50% !important;
    background-color: transparent;
    max-width: 700px;
    left: 50% !important;
}

#addWindowStd button.btn.k-button.btn-check.nobtn {
    display: none;
}

#addWindowStd button.close_popup.tabbableItem {
    top: 15px;
    width: 17px;
    height: 17px;
    background: url(../images/Close.png) 0 0 no-repeat;
}

.pastOrderViewPage .dialog-backdrop.active {
    background-color: rgba(204, 204, 204, 0.63);
}

.cartDate {
    color: #24446b;
    font-weight: bold;
}

.cartDay {
    color: #6c2304;
    font-weight: bold;
}

.cartDatenDay {
    padding: 14px 25px 5px 25px;
}

.orderOverviewScrollableItems {
    height: 525px;
    overflow: auto;
}

@media(max-width: 767px) {

    #modelStudentIdSaveConfirmationPopup .btnCheckout,
    #modelStudentIdSaveConfirmationPopup .btnClearCart,
    #modelCancelOrderConfirmationPopup .btnCheckout,
    #modelCancelOrderConfirmationPopup .btnClearCart,
    #modelCancelOrderOnCheckoutConfirmationPopup .btnYesOnCancelOrder,
    #modelCancelOrderOnCheckoutConfirmationPopup .btnNoOnCancelOrder,
    #modelAllowMultipleOrdersPopup .btnYesAllowMultipleOrders,
    #modelAllowMultipleOrdersPopup .btnNoAllowMultipleOrders,
    #modelMenuClickLinkConfirmationPopup .btnYesOnLinkClick,
    #modelMenuClickLinkConfirmationPopup .btnNoOnLinkClick {
        padding: 5px 35px !important;
    }

    .lPanel.mobile-show {
        margin-bottom: 45px;
        padding-bottom: 40px;
    }

    .popupheight {
        height: auto;
        max-height: 450px;
    }

    .menuPlanner .img-expand-collapse {
        top: -7px;
        padding: 8px 15px;
    }

    button.btn.btn-cancel {
        padding: 1px 15px;
    }

    .bg-new {
        overflow: auto;
    }

    #submenuNav {
        display: block;
    }

    button .placeOrderBtn {
        padding: 10px;
        font-size: 16px !important;
    }

    input.icnBuild.btnPrintable {
        display: block;
    }

    .nutritionInformationBtn {
        display: block;
        position: fixed;
        height: 40px;
        bottom: 200px;
    }

    .mobMenu {
        float: right;
        padding-top: 5%;
        padding-right: 2%;
    }

    .mealOrderLt {
        margin-bottom: 34px;
    }

    #btnCheckoutMobile {
        display: block;
        background-color: #913108;
        width: 100%;
        padding: 10px;
        position: fixed;
        bottom: 7%;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        margin-left: -20px;
    }

    .btnCartMobile {
        background: url(../images/Cart.png) 80% 8px no-repeat #fff;
        /* color: darkgray; */
        border: 2px solid #E6E6E6;
        border-top: 0;
        padding: 10px 45px 10px 20px;
        color: #4D6388;
        border-radius: 0;
        text-transform: uppercase;
        width: 121px !important;
        background-color: #FDFCFC display: block;
        display: inline-block;
    }

    .menuPlanner .durandal-wrapper #addWindow.editmodel,
    .menuPlanner .durandal-wrapper #addWindowStd.editmodel,
    .menuPlanner .durandal-wrapper #dietaryAllergenModal.editmodel,
    .menuPlanner .durandal-wrapper #recipeDetailsPopupModel.editmodel,
    .menuPlanner .durandal-wrapper #viewMenuConfirmationModal.editmodel,
    .menuPlanner .durandal-wrapper #studentImageGalleryModal.editmodel,
    .menuPlanner .durandal-wrapper #recipeRatingPopupModel.editmodel {
        top: 10px;
        right: 0 !important;
        margin: 0 auto;
        left: 0;
        margin-bottom: 100px;
        width: 70% !important;
        overflow: scroll;
    }

    .menuPlanner #addWindowStd.editmodel.plannerPopup .buttonZone .btn {
        padding: 5px 30px;
    }

    .plainPop {
        padding: 20px 6px !important;
    }

    #modelCheckOutDetails {
        position: absolute;
        background-color: #fff;
        width: 81%;
        top: 70px;
        right: 22px;
    }

    .mealOrderRt,
    .mealOrderLt {
        width: 100% !important;
        float: left;
        margin-bottom: 25%;
    }

    .btnPreferenceActive {
        margin: 16px 0;
        width: auto;
        font-size: 12px;
        padding: 10px 10px;
        max-width: 100%;
    }

    .btnDietry {
        border-radius: 10px;
        color: #913108;
        background: url(../images/icon_allergen_diet_bt.png) center 5px no-repeat #fff;
        border: 1px solid #ccc;
        font-weight: bold;
        width: 100%;
        display: block;
        /* flex-wrap: wrap; */
        /* overflow-wrap: break-word; */
        /* white-space: normal; */
        /* word-break: break-all; */
        font-size: 13px;
        margin: auto;
        display: inline-block;
        width: 107px;
    }

    .buildMeal {
        border-radius: 10px;
        color: #fff;
        background: url(../images/icon_title_buil_meal_hov.png) center 5px no-repeat #913108;
        border: 1px solid #ccc;
        font-weight: bold;
        width: 100%;
        display: block;
        font-size: 13px;
        margin: auto;
        display: inline-block;
        width: 120px;
    }

    .diataryIconCustomeButton {
        display: inline-block !important;
        margin: auto;
        border-radius: 10px;
        color: #F75B18;
        background: url(../images/attribute_icn.png) center 5px no-repeat #fff;
        border: 1px solid #ccc;
        padding: 0 !important;
        cursor: pointer;
        width: 110px;
    }

    .menuPlanDetail .icnBuild {
        background-color: unset;
        font-size: 8px !important;
        color: #fff;
        background-image: none;
        outline: none;
        border: none;
        width: auto;
        text-transform: capitalize;
        text-align: center;
        margin: 27px auto 0;
    }

    .menuPlanDetail .icnMoreInfoBuild {
        background-color: unset;
        color: #fff;
        background-image: none;
        outline: none;
        border: none;
        width: auto;
        text-transform: capitalize;
        text-align: center;
        font-size: 0px;
        width: 100%;
        height: 41px;
    }

    .menuPlanDetail .icnBuild.btnPrintable {
        color: #913108;
        width: auto;
        margin: 27px auto 0;
    }

    input#btnAllergenDietary {
        background-color: unset;
        font-size: 8px !important;
        color: #913108;
        margin: 27px auto 0;
        background-image: none;
        outline: none;
        border: none;
        font-size: 8px;
        word-wrap: inherit;
        text-transform: capitalize;
    }

    .menuPlanDetail .icnBuild:hover {
        text-align: center;
    }

    .buttonBox {
        display: block !important;
        width: 100% !important;
    }

    .menuPlanner .formItemRow.topSectionDiv {
        margin: 20px;
        margin-bottom: 0;
        padding-top: 0px;
        float: none;
    }

    .menuPlanner .btnPrint {
        display: block;
        right: 32%;
    }

    .menuPlanDetail .btnCart {
        right: 5%;
    }

    .menuPlanDetail .menuPDf {
        right: 61% !important;
        width: auto !important;
    }

    .buildMealBtnToolBar .btnCart {
        position: absolute;
    }

    .confirmBtnPrint .btnPrint {
        margin-right: 45px;
    }

    .showonPrint {
        display: inline-block;
        width: 40%;
    }



    #modelCheckOutDetails {
        top: 12%;
        right: 52px;
    }

    .buildMealBtnToolBar {
        display: block;
        margin: 0 auto;
        position: relative;
        left: 15%;
    }

    .buildMealBtnToolBar .btnPrint {
        display: inline-block;
    }

    .buildMealBtnToolBar .btnCartBadge {
        right: 35vw;
    }

    .btnCartBadge {
        right: 6%;
    }


    .recipeDetailpopup .popupname {
        padding: 12px 0;
    }

    .topSectionDiv .fl {
        text-align: center;
        float: unset;
    }

    .noFoodbarTitle {
        top: 7px;
        left: -38px;
    }

    .menuPlanner .checkleft_details {
        padding-left: 2%;
    }

    .oderOverview h3 {
        font-size: 17px;
        margin: 5px;
    }

    .checkOutPage .itemsAdd {
        float: right;
        font-size: 13.5px;
        padding-right: 5px !important;
    }

    .checkOutPage .oderOverview p {
        margin: 5px 15px;
    }

    .span6.addressDetails.pickUpPoint {
        width: 100%;
    }

    span.k-widget.k-dropdown.k-header.span12.inputstyle.adaclass {
        margin: 0 !important;
    }

    .mbhide {
        display: none;
    }

    span.food-description.tabbableItem {
        font-size: 13px;
        width: 100%;
    }

    .quantity_details {
        float: unset !important;
    }

    .menuPlanner .creationmenubuilder_section .text-line.section-title {
        height: 2.6em;
    }

    .outerCircleLine {
        border-left: none;
        margin-left: 0;
    }

    .outerCircle {
        display: none;
    }

    .checkOutPage .outerBox {
        width: 100%;
        margin-left: 0px;
    }

    .DeliveryModeActive,
    .paymentModeActive,
    .DeliveryMode,
    .paymentMode {
        padding: 8px 9px;
        width: 135px;
        max-width: 100%;
    }

    .DeliveryModeActive label,
    .paymentModeActive label,
    .DeliveryMode label,
    .paymentMode label {
        font-size: 13px;
        padding-left: 15px;
    }

    .DeliveryModeActive,
    .paymentModeActive,
    .DeliveryMode,
    .paymentMode {
        margin: 15px 0 0 10px;
    }

    .persoDetails .span6 {
        width: 100%;
        margin: 0
    }

    .placeOrderBtn {
        margin-left: 50px;
        font-size: 14px;
        position: fixed;
        bottom: 7%;
        width: 100% !important;
        margin-left: -19px !important;
        left: auto;
        right: 0;
        margin-top: 0;
        font-size: 14px !important;
        height: 45px !important;
    }

    .cancelOrderBtn {
        margin-left: 50px;
        font-size: 14px;
        position: fixed;
        bottom: 14%;
        width: 100% !important;
        margin-left: -19px !important;
        left: auto;
        right: 0;
        font-size: 14px !important;
        height: 45px !important;
    }

    .instuctionMealOrder {
        margin-bottom: 50px;
    }

    .outerLine {
        margin-left: 0 !important;
    }

    .mbuildpage label.text-line.section-title.foodBarTitle {
        padding-top: 7px;
        padding-bottom: 20px;
    }

    .itemsCheckBox {
        padding-top: 7px !important;
    }

    .menuPlanner .quantity_details {
        padding-right: 4%;
    }

    .menuPlanner .navbar-fixed-bottom {
        display: block;
        z-index: 9999999 !important;
    }

    .menuPlanner .creationmenubuilder_section2 {
        background: unset;
        height: unset;
        padding: 0 25px;
    }

    .missing-foods-container .nutrientSummary {
        height: 79vh;
        z-index: 1;
    }

    .nutriSummaryDetailsPop {
        bottom: 13%;
        position: fixed;
        width: 57%;
        margin: 0% 12%;
        text-align: center;
        left: 0;
    }

    .searchBox .inputBox input[type="text"] {
        padding: 1% !important;
    }

    .btnSerachLocation,
    .searchBox .searchReset,
    .btnSerachLocation1 {
        top: -36px !important;
        right: 10px !important;
        background-size: 25px;
    }

    .searchBox {
        text-align: center;
    }

    .headlg3 {
        padding-left: 0 !important;
    }


    .logoCS.fl.span2 {
        position: absolute;
        left: 2%;
    }



    .bg-header {
        height: auto !important;
    }

    .headerlogo2 {
        text-align: left !important;
    }

    .logoNew {
        width: auto;
        padding-left: 2% !important;
        padding-top: 3%;
    }

    .mobShow {
        display: block;
    }

    .addToCartBtn {
        position: fixed;
        bottom: 7%;
        left: 0;
        /* margin: auto; */
        width: 100%;
        z-index: 2;
    }

    .nutrientTitle {
        vertical-align: sub;
        text-align: center !important;
        padding: 16px !important;
        font-size: 18px !important;
    }

    .mobHide {
        display: none;
    }

    .mbShow {
        display: inline-block
    }

    a {
        color: #1cabf2
    }

    .confirmContainer {
        width: auto;
        padding: 18px;
        margin: 53px 6% 50px 10%;
        border: 0px solid #345275;
        box-shadow: 5px 0 33px 0 rgba(182, 182, 182, 0.50);
    }

    .confirmContainer h3 {
        font-size: 16px;
    }

    .confirmContainer .orderPlaced {
        color: #345276 !important;
        font-size: 14px;
    }

    .pickUpTime {
        padding: 8px 7px;
    }

    .mealQuantiyBox span.k-widget.k-numerictextbox {
        margin-top: 20px;
    }

    .mealBuilderDetails .builder_left_details .image_outer {
        width: 100%;
    }

    .mealBuilderDetails .builder_left_details .image_outer {
        width: 100%;
        height: auto
    }

    .mealBuilderDetails .builder_left_details .prd_submenu.top_details span {
        width: 100%;
        float: left;
        margin: 10px 0 0;
        text-align: left;
        font-size: 16px !important;
        font-weight: bold;
        color: #913108 !important;
        line-height: 1.2;
    }

    #recipeDetailsPopupModel {
        height: auto;
    }

    .extraallergen_dieatery .allergendtls_outer .allergendtls {
        font-size: 12px;
        color: #39527b;
    }

    .menuPlanner .arrowMenuBk,
    .menuPlanner .arrowMenuNxt {
        width: 8px !important;
    }

    .menuPlanner .menuPlanDetail .navMenuDate,
    .menuPlanner #Span1 {
        font-size: 12px;
    }

    .subMealName {
        width: 175px;
    }

    .mealSellingPrice {
        margin-top: 4px;
    }

    .mealSellingPrice span {
        font-size: 13px;
    }

    .cartConfirmPopup {
        max-width: 100%;
        position: unset;
        margin: 20% auto;
        width: 80% !important;
    }

    #modelCartConfirmationPopup h3 {
        font-size: 12px;
        color: #345276;
        padding-bottom: 20px;
        padding: 5px 17px 0;
        margin-bottom: 25px;
    }

    #modelCartConfirmationPopup .btnCheckout {
        padding: 6px 15px;
        margin: 0;
        font-size: 13px;
    }

    .rightSidelogcontentOuter.dropdown-menu {
        min-width: 30%;
        width: 30%;
        float: right;
        right: 0;
        position: absolute;
        left: auto;
        top: 6vh;
    }

    .hDprofile.HdTpDiv1 {
        top: 15px;
    }

    #modelCartConfirmationPopup .btnClearCart {
        padding: 6px 15px;
        margin: 0;
        font-size: 13px;
    }

    .photoFrame {
        min-height: 150px;
    }

    .sliderbtn {
        display: block !important;
    }

    .checkbox-label:before {
        top: 2px !important;
    }

    .non_nutritive.span8 .nutritiveInner {
        display: block;
        width: 100% !important;
        min-height: 30px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }

    #nonNutritiveDiataryinformationPopup {
        max-width: 60%;
    }

    .non_nutritive .forItemRow .icnText {
        margin-left: 15%;
    }

    .non_nutritive .forItemRow span {
        font-size: 10px;
        color: #1a2139;
        font-weight: bold;
    }

    .menuPlanner .builder_left_details,
    .menuPlanner .builder_right_details {
        max-width: 100%;
        width: 100% !important
    }

    .menuPlanner .recipePopListing li span:first-child {
        text-align: left;
    }

    #productRecipeDetailsModal {
        width: 80% !important;
    }

    #modelProductRecipeDetails .menuPlannerRecipe form label {
        font-weight: bold;
        margin-bottom: 5px;
        color: #39527B;
        font-size: 12px;
    }

    #modelProductRecipeDetails .menuPlannerRecipe form div.span12 {
        width: 100% !important;
        margin-bottom: 12px;
    }

    #modelProductRecipeDetails .menuPlannerRecipe form div.span12 textarea,
    .receipe_rate_username .receipe_uname,
    .span6.receipe_rate_email {
        width: 95% !important;
    }

    .menuPlanner .editmodel.editmodelScroll .popupForm table tr td {
        padding: 0 0px;
    }

    .menuPlanner .menudetailBox .btnauto button {
        width: 100%;
        text-align: center;
    }

    .editmodelScroll .popupForm {
        height: auto;
    }

    .builder_left_details img {
        width: 100% !important;
        max-width: 100%;
        height: 180px !important;
        max-height: 150px !important;
    }

    /*calender css*/
    .menuPlanner .bgImage .menuCalendarDiv {
        overflow: unset;
    }

    /*#divAddConcept {
        display: block !important;*/
    /* visibility: hidden; */
    /*position: absolute;
        top: -42%;
        left: 7px;
        border: 1px solid #BAB5A8;
        padding: 10px 104px 0px 104px;
        border-bottom: none;
        background-color: unset !important;
    }*/

    #divBackground {
        margin-top: 40px;
    }

    .conceptMenuWrapper {
        position: relative;
        margin-top: 60px;
        margin-bottom: 50px;
    }

    .conceptMenuWrapper:last-child {
        margin-bottom: 0;
    }

    .sliderbtn {
        position: relative;
        top: -45px;
        left: 150px;
    }

    /* .wholeParent .menuCalendarDiv .daysRow .weekDays:nth-child(1) {
        display: none !important;
    }*/

    body .menuCalendarDiv .menuRow .displayinline {
        min-height: 92px;
    }

    .wholeParent .conceptWrapper .menuRow .day {
        border-width: 1px 1px 1px 1px;
    }

    #divAddConcept .cell {
        width: 150px;
        height: 100px;
        min-height: 100px;
    }

    .daysRow {
        background-color: #ccc;
    }

    .wholeParent .menuCalendarDiv .daysRow .weekDays {
        margin-bottom: 0px;
        height: 48px;
        vertical-align: middle;
        border: 1px solid;
    }

    .daysRow .weekDays {
        width: 178px;
    }

    .wholeParent .menuCalendarDiv .menuRow .cell {
        /*height: 300px;*/
        overflow-y: auto !important;
    }

    .links ul li {
        padding: 0px 35px !important;
        text-align: center;
    }

    ul.list-inline {
        margin-bottom: 5px;
    }

    footer {
        background: #1a2139;
        padding: 0px 5px !important;
    }

    .foodBarItems .foodBarTitle .foodQuantity label {
        padding-top: 7px;
    }

    .list-inline .btn {
        font-size: 10px;
    }

    #modelNutritionSummaryDetails .close_popup {
        background: url(../images/close.png) 0 0 no-repeat;
        color: #ffffff;
    }

    .rightSideToparrow {
        position: absolute !important;
        background-color: #fff;
        /* right: 0; */
        top: 64%;
        z-index: 12;
        min-width: 150px;
        width: 100px;
        margin: auto;
        left: 58%;
    }

    ul.loginSectionOnly {
        padding: 0 10px;
    }

    .loginSectionOnly li {
        border-bottom: 1px solid #6D839C;
        padding: 4px;
    }

    span.logintextstyle,
    span.registertextstyle,
    span.helpMenuMobile {
        color: #52688c;
        font-weight: bold;
    }

    #submenuNav {
        padding: 4px 10px;
    }

    #submenuNav li {
        padding: 0px 4px !important;
    }

    /*.hDprofile li.imglist {
        display: none;
    }*/

    .hDprofile .notranslate {
        max-height: 115px !important;
    }

    ul.loggedInAccount {
        max-height: 286px !important;
    }

    .loggedInAccount li:last-child {
        border-bottom: unset;
    }

    .hDprofile .manAccountLink a,
    .hDprofile .manAccountLink a:hover,
    .hDprofile .changePasswordLink a,
    .hDprofile .changePasswordLink a:hover,
    .hDprofile .logLink a,
    .hDprofile .logLink a:hover {
        background: unset;
        padding: 3px 20px 3px 0px;
        color: #52688c;
        font-weight: bold;
        text-decoration: none;
    }

    .hDprofile .manAccountLink a,
    .hDprofile .manAccountLink a:hover,
    .hDprofile .myOrders a,
    .hDprofile .myOrders a:hover,
    .hDprofile .logLink a,
    .hDprofile .logLink a:hover {
        background: unset;
        padding: 3px 20px 3px 0px;
        color: #52688c;
        font-weight: bold;
        text-decoration: none;
    }

    .hDprofile .manAccountLink,
    .hDprofile .logLink,
    .hDprofile .changePasswordLink,
    .hDprofile .logLink {
        margin: 5px 0 5px 13px;
    }

    .loggedInAccount li {
        border-bottom: 1px solid #52688c;
    }

    #submenuNav li {
        border-bottom: none;
    }

    .weekDays:nth-child(1) {
        /*width: 0;
        background-color: #fff;
        border: none !important;*/
    }

    .mealPeriod_details .holder {
        overflow: unset !important;
    }



    .checkOutPage .row-fluid .k-widget .k-input {
        height: inherit;
    }

    .checkOutPage span.k-dropdown-wrap.k-state-default {
        height: 41px;
    }

    .persoDetails .inputbox,
    .persoDetails .inputboxfullWidth {
        width: 99%;
    }

    .sliderbtn .dot {
        cursor: pointer;
        height: 15px !important;
        width: 15px !important;
        margin: 0 4px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
        padding: 0;
        min-width: unset;
    }

    .sliderbtn {
        display: none
    }

    .sliderbtn span.dot.activate {
        background-color: #202020;
    }

    .toggle-content {
        font-size: 11px;
        text-transform: capitalize !important;
    }


    /*New defects css*/
    .menuPlanner .close_popup {
        background-size: 15px;
        width: 17px;
    }

    .dietaryallergen {
        min-height: 500px !important;
        height: 100% !important
    }

    li.nutrientsDetails {
        width: 100% !important;
    }

    .menudetailBox .rating h3 {
        margin-right: 15px;
        font-size: 12px !important;
    }

    .recipeRating span {
        width: 17px !important;
        height: 17px !important;
        background-size: 17px;
    }

    .nutrientsDetails1 .nutridetailsname1 {
        font-size: 12px;
    }

    span.sellingPrice {
        display: inline-block;
        margin-top: -10px;
        font-size: 10px !important;
        margin-left: 40px;
    }

    .mealQuantityLabel {
        display: none;
    }

    span.k-widget.k-numerictextbox.mealQuantity {
        position: absolute;
        top: 15px;
        right: 47px;
    }

    .food-selector-icon {
        padding: 10px 8px;
        width: 55%;
        padding-bottom: 2px;
    }


    .menuPlanner .food-list-outer {
        line-height: 15px !important;
        position: relative;
    }

    .menuPlanner .checkleft_details {
        padding-top: 6px;
    }

    .menuPlanner .quantity_details {
        padding-right: 14%;
    }

    .foodQuantity {
        padding-right: 0% !important;
    }

    .confirmationMsg {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .confirmContainer img {
        width: 45px;
        padding-bottom: 0px;
    }

    #removeWindow {
        width: 85%;
    }

    #btnDelete {
        margin: 10px;
    }

    .menuPlanner .buttonZone {
        margin-bottom: 50px;
    }

    .userAccountDiv .addUser {
        display: inline-block;
        width: 175px;
        margin: 0 20px 0px 0;
        text-align: center;
    }

    .menuPlanner .durandal-wrapper #studentImageGalleryModal.editmodel {
        width: 85% !important;
    }

    img#source {
        height: 45px !important;
        width: 45px !important;
    }

    .slick-next,
    .slick-prev {
        height: 80px !important;
    }

    .menuPlannerPopup.imagePanelPopup {
        min-height: 22% !important;
        max-height: 85% !important;
        height: 160px !important;
    }

    .locationHeader {
        min-height: 150px;
    }

    .locationHeader h1 {
        padding: 0;
        margin: 0;
        font-size: 16px;
        word-break: break-word;
        width: 234px;
        margin: auto;
    }

    .span12.translatorsection {
        padding: 0;
        margin: 10px;
    }

    .span12.translatorsection {
        margin: 10px;
    }

    span#youselected {
        display: block;
    }

    .banner.Top {
        display: none;
    }

    .dietaryallerge {
        height: 500px !important;
    }

    .recipeDetailpopup {
        height: auto !important;
    }

    .extraallergen_dieatery {
        overflow-y: auto;
        height: auto;
        /*max-height: 170px;*/
    }

    .itemheading {
        line-height: 40px;
    }

    .userAccountDiv {
        min-height: 970px;
        height: 100%;
    }

    #mobileDeviceAlert .close_popup {
        width: 17px;
    }

    .bg-header {
        min-height: 50px !important;
    }

    .menuPlanner .quantity_details {
        min-height: 21px;
        height: auto;
    }

    .btnConfirmationDone {
        margin-top: 0;
    }

    .checkleft_details.itemsCheckBox.isFoodbar {
        padding-right: 7px;
    }

    .plannerLoginDiv {
        min-height: 87vh;
    }

    .profileSelectorDiv {
        margin-top: 0;
        min-height: 0 !important;
    }

    .Lunch {
        background-repeat: no-repeat;
    }

    .mealname {
        text-align: center;
    }

    .instuctionMealOrder {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .DeliveryModeActive input[type='radio']:checked:after,
    .paymentModeActive input[type='radio']:after {
        top: 0px;
        left: 0px;
    }

    .menuType table tr td.algEven img {
        display: none;
    }

    .nutriSummaryDetailsPop.mobShow.nonOmsButton {
        bottom: 7%;
    }

    .menuPlanDetail .btnPrintInactive {
        position: unset;
        text-align: center;
        float: unset;
        width: auto;
    }

    .menuPlanner .buildMealBtnToolBar .btnPrintInactive {
        margin: 0px 50% 0 20%;
        position: unset;
        text-align: center;
        float: unset;
        width: auto;
    }

    .locationPanel .searchname {
        text-align: left;
    }

    .mealLocation_details .holder {
        height: 69px;
    }

    .span12.searchContent {
        line-height: 25px;
    }

    .profileHeader {
        display: block !important;
        width: 100% !important;
    }

    .ProfileContent {
        display: block !important;
        width: 100% !important;
    }

    .pastOrderViewPage .profileDetails {
        margin-left: 0 !important;
        min-width: 100% !important;
    }

    .span8.profileName {
        display: block;
        width: 100% !important;
        margin-bottom: 15px;
    }

    .orderProfileDetails .span3 {
        /* width: 100%; */
        display: inline-block;
        width: 31% !important;
    }

    .span8.orderSummarySection {
        width: 100% !important;
        display: block;
        margin-bottom: 40px;
    }

    span.orderStatus {
        display: inline-block;
    }

    button.btn.btn-primary.invoiceBtn {
        margin-bottom: 0 !important;
    }

    .orderSelectionSec {
        width: 100% !important;
    }

    .orderSelectionSec li {
        display: inline-block;
    }

    .orderManageBtn {
        width: auto;
        font-size: 10px;
        padding: 4px 7px;
        border-radius: 40px;
    }

    .span4.invoiceDetails {
        width: 100%;
        margin-left: 0;
    }

    .paymentStatusSection,
    .orderStatusSection {
        display: inline-block;
        width: 50%;
    }

    .pastOrderViewPage button.btn.btn-primary.btnEdit,
    .pastOrderViewPage .btnCancel,
    button.btn.btn-primary.invoiceBtn {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        border-radius: unset !important;
        padding: 5px 18px;
        margin: 0px 3px;
    }

    .paginationViewOrder {
        margin-bottom: 50px;
    }

    .paginationViewOrder .pager {
        text-align: center;
        margin: 0;
    }

    .viewOrderPagination {
        width: 100% !important;
    }

    .viewOrderPageNo {
        width: 100% !important;
        text-align: center;
    }

    .paginationViewOrder .text-right {
        padding-right: 9px;
    }

    .paginationViewOrder select {
        width: auto;
        margin-top: 15px;
    }

    .editmodel.attributeMobilePopup {
        margin-left: 0;
        left: 4%;
        top: 2%;
        width: 79% !important;
        height: 85% !important;
    }
}

.plannerPastOrder table {
    background: #fff;
}

span.submenu {
    font-size: medium;
}


.plannerPastOrder .button.close_popup.tabbableItem.cross {
    position: absolute;
    left: auto !important;
    right: 5px !important;
}

.dropdown-backdrop {
    z-index: 0;
}

.timeSlotScroll::-webkit-scrollbar,
.scrollItems::-webkit-scrollbar {
    width: 5px;
}

.timeSlotScroll::-webkit-scrollbar-track,
.scrollItems::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.timeSlotScroll::-webkit-scrollbar-thumb,
.scrollItems::-webkit-scrollbar-thumb {
    background: #a2a2a2;
    border-radius: 10px;
}

.timeSlotScroll button {
    font-size: 12px;
}

.pickUpTime {
    width: 145px;
    height: 54px;
    padding: 0 !important;
}

span.timeSlotLabel {
    display: block;
    font-size: 10px;
    font-weight: bold;
}

span.pickUptimeLoc {
    display: block;
    margin: 10px 0;
}

.pickUpPoint span.k-input {
    color: #345276 !important;
    font-weight: bold;
}

.pickUpPoint span.k-icon.k-i-arrow-s {
    margin-top: 11px;
}

.pickUpPoint span.k-widget.k-dropdown.k-header.span12.inputstyle {
    background: transparent;
}

.pickUpPoint span.k-dropdown-wrap.k-state-default {
    border: 2px solid #dadada;
    background: unset !important;
    box-shadow: inset 1px 7px 5px -8px rgb(168 168 168 / 43%);
    border-color: #dadada !important;
}

.pickUpPoint {
    padding: 15px 0px;
}

.addressDetails span.k-icon.k-i-arrow-s {
    margin-top: 13px;
    color: #000000;
}

.pager a:hover,
.pager a:focus {
    text-decoration: none;
}

/* Added by OMS Intergration */
.btnSelected,
.btnSelected:focus {
    border: 2px solid #913108;
}

.sectionByForgation:nth-child(odd) {
    background: #ececec;
}

.plannerPastOrder .close_popup {
    right: 10px;
}

.submitPopup {
    height: 87px !important;
}

.noOrders {
    margin-top: 50px !important;
}

.yourcart {
    font-size: 14px;
    font-weight: bold;
    color: black;
    letter-spacing: -0.21px;
}

.adaclass {
    position: relative;
    bottom: 14px;
}

.adasearch {
    position: relative;
    bottom: -3px;
}

.noFoodbarTitle {
    display: inline-block;
    vertical-align: middle;
    word-break: break-word;
    line-height: 1.2;
    margin: 0;
}

.foodBarText {
    width: 46%;
    display: inline-block;
    line-height: 1.09;
    vertical-align: middle;
    font-weight: 100;
    margin-bottom: 0;
}

.mbuildpage label.text-line.section-title.foodBarTitle {
    padding-bottom: 0 !important;
}

.menuPlanner .creationmenubuilder_section .text-line.section-title {
    min-height: 51px !important;
    height: auto !important;
}

.accountDeleteLink a {
    background: url(../images/icon-delete.png) 11px 3px no-repeat;
    background-size: 11%;
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    padding: 3px 20px 3px 38px;
    font-size: 11px;
}

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

.clearPaymentTokenLink a {
    background: url(../images/clear.png) 11px 3px no-repeat;
    background-size: 9%;
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    padding: 3px 20px 3px 38px;
    font-size: 11px;
}

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

.changeLanguage a {
    background: url(../images/changeLanguage.jpg) 11px 3px no-repeat;
    background-size: 13%;
    color: #005b94;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    padding: 3px 20px 3px 38px;
    font-size: 11px;
}

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

@media(max-width:767px) {
    .pastOrderViewPage .orderManage {
        font-size: 19px;
        font-weight: bold;
        margin-bottom: 0px;
        margin-left: 30px;
        margin-top: 20px;
    }

    .pastOrderViewPage {
        margin: 0px;
        min-height: 900px;
        /*overflow-y: scroll;
        width: 615px;*/
        width: 95%;
    }

    #addWindowStd button.close_popup.tabbableItem {
        right: 10px;
    }

    .plannerPastOrder table .invoiceDetails table {
        background: #fff;
        /* margin: -9px auto; */
    }

    .menuPlanner #addWindowStd.editmodel.plannerPopup {
        margin: 15px !important;
        width: auto !important;
    }

    .pastOrderViewPage div#addWindowStd {
        margin: 25px;
    }

    .menuType table tr td,
    .menuType table tr th {
        text-align: left;
        padding: 5px 0;
        font-size: 5pt;
        max-width: fit-content;
        word-break: unset;
    }

    .pastOrderViewPage div#addWindowStd {
        left: 5px !important;
    }

    .foodBarTit {
        display: block !important;
    }

    .noFoodbarTitle {
        display: inline-block;
        vertical-align: middle;
        /* min-width: 25px; */
        top: 5px;
        min-width: 39px;
        line-height: 1.2;
        min-width: 61px;
        word-break: break-word;
        left: -38px;
        max-width: 65px;
        padding-bottom: 5px;
    }

    .mbuildpage label.text-line.section-title.foodBarTitle {
        padding-bottom: 0 !important;
    }

    .menuPlanner .creationmenubuilder_section .text-line.section-title {
        min-height: 50px !important;
        height: auto !important;
    }

    .foodBarText {
        width: 235px;
        left: -15px;
        padding-bottom: 15px;
        line-height: 1.4;
        display: inline-block;
        margin-top: 5px;
    }

    .menuPlanner .mealDiv .bldmealwithicon {
        margin-top: 30px;
    }

    .SelectTitle {
        padding: 10px 0;
        font-size: 15.5px !important;
        line-height: 1.4;
    }

    .menuPlanner .bg-new {
        min-height: 715px;
    }

    .editmodelSmall .btn-cancel {
        padding: 0px 20px;
    }

    #goog-gt-tt {
        z-index: 999999 !important;
        width: 280px !important;
    }

    #google_translate_element {
        width: auto !important;
        float: unset !important;
        text-align: center !important;
        display: block;
    }
}

/*media query end*/


#goog-gt-tt {
    z-index: 999999 !important;
}

.foodBarTit {
    display: inline-block;
    min-width: 30px;
    max-width: 200px;
    line-height: 1.4;
    vertical-align: middle;
    margin-bottom: 0;
    left: 0;
    margin-left: 10px
}

.checkoutScrollItems {
    max-height: 590px;
    overflow-y: scroll;
}


#modelStudentIdSaveConfirmationPopup .btnCheckout {
    max-width: 100%;
    overflow: hidden;
    background: #345276;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #fff;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelCancelOrderConfirmationPopup .btnCheckout {
    max-width: 100%;
    overflow: hidden;
    background: #345276;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #fff;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelCancelOrderOnCheckoutConfirmationPopup .btnYesOnCancelOrder {
    max-width: 100%;
    overflow: hidden;
    background: #345276;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #fff;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelAllowMultipleOrdersPopup .btnYesAllowMultipleOrders {
    max-width: 100%;
    overflow: hidden;
    background: #345276;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #fff;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelMenuClickLinkConfirmationPopup .btnYesOnLinkClick {
    max-width: 100%;
    overflow: hidden;
    background: #345276;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #fff;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelStudentIdSaveConfirmationPopup .btnClearCart {
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #345276;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelCancelOrderOnCheckoutConfirmationPopup .btnNoOnCancelOrder {
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #345276;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelAllowMultipleOrdersPopup .btnNoAllowMultipleOrders {
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #345276;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelMenuClickLinkConfirmationPopup .btnNoOnLinkClick {
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #345276;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#modelCancelOrderConfirmationPopup .btnClearCart {
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #345276;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#chekoutPickPoint {
    box-shadow: inset 1px 7px 5px -8px rgba(168, 168, 168, 1);
    border: 2px solid #dadada !important;
    padding: 0;
    outline: none !important;
    border-color: #dadada !important;
    outline: none;
    border-radius: 4px !important;
    height: 45px !important;
}

span.k-widget.k-autocomplete.k-header.span12.inputstyle.checkout.k-state-default {
    border: none;
}

/*metadata fixes*/
.goog-te-gadget-simple .goog-te-menu-value {
    padding: 5px
}

#google_translate_element {
    width: 300px;
    float: right;
    text-align: right;
    display: block
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

#goog-gt-tt {
    display: none !important;
    top: 0px !important;
}

.goog-tooltip skiptranslate,
.skiptranslate .skiptranslate {
    display: none !important;
    top: 0px !important;
}

.activity-root {
    display: hide !important;
}

.status-message {
    display: hide !important;
}

.started-activity-container {
    display: hide !important;
}

.viewer-thumbnails .slick-slide {
    color: #fff !important;
}

.col-sm-offset-3 {
    margin-left: 0;
}

#splashScreenDataContainer p {
    margin-bottom: 15px !important;
}

.headerButton {
    width: 100%;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-color: white;
    color: #913108;
    font-weight: bold;
    font-size: 12px;
}

.calendarPageIcon {
    margin-left: 5px;
}

.calendarButtonHeader {
    width: 24%;
    margin-right: 8px;
}

.attributePopupContainer {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    height: 100%;
    overflow-y: auto;
}

.attributeHeader {
    width: 49%;
}

.attributeHeaderRightPanel {
    border-left: 1px solid grey;
    padding-left: 20px;
}

.headerText {
    display: flex;
    color: black;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
}

.attributeContainer {
    margin-bottom: 5px;
}

.attributesIcon {
    width: 22px;
    margin-right: 5px;
}

.attributesName {
    color: black;
    font-size: 14px;
    word-wrap: break-word;
}

.allergenBatchCount {
    float: right;
    position: relative;
    top: -13px;
    left: 13px;
    background-color: #000000;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    border-radius: 10px;
}

.calendarMobileButtonHeader {
    width: 45%;
}

.editmodel.attributePopup {
    width: 50% !important;
    top: 10%;
    left: 50%;
}

.editmodel.attributePopupWithOutTierPricing {
    width: 20% !important;
    top: 10%;
    left: 62%;
}

.menuAllergenAvailable {
    text-decoration: line-through;
}

.menuDietaryAvailable {
    color: #296600 !important;
}

.menuAllergenDietaryAvailable {
    text-decoration: line-through;
    color: #296600 !important;
}

#calendarMainContainer {
    display: flex;
}

#calendarMainContainer .leftPanelContainer {
    width: 80%;
    overflow-y: scroll;
}

#calendarMainContainer .rightPanelContainer {
    display: flex;
    flex-direction: column;
    width: 20%;
    background-color: #1a2139;
    padding: 15px 0px 0px 15px
}

#calendarMainContainer .locationLeftHeader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

#calendarMainContainer .locationHeaderText {
    font-size: 14px;
    color: #ffffff;
}

#calendarMainContainer .lineSeparater {
    border-bottom: 1px solid #fff;
}

#calendarMainContainer .rightPanelContainer .rightPanelBody {
    padding-right: 10px;
}

#calendarMainContainer .menuOptionHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px
}

#calendarMainContainer .menuOptionText {
    color: #ffffff;
    font-size: 12px;
    width: 34%;
    word-break: break-word;
}

#calendarMainContainer .menuOptionHeader .menuOption,
#calendarMainContainer .menuOptionHeader .menuOption .mealType_listbox {
    min-height: 25px;
    width: 65%
}

#calendarMainContainer .rightPanelContainer .buttonContainer {
    padding-right: 10px;
    margin-top: 15px;
}

#calendarMainContainer .rightPanelContainer .buttonContainer .printButton {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    color: #913108;
    font-size: 18px;
}

#calendarMainContainer .leftPanelContainer .fontSize {
    font-size: 10px;
    word-break: break-word;
}

#calendarMainContainer .rightPanelContainer .iconstyle {
    width: 10px;
    height: 15px;
}

#calendarMainContainer .rightPanelContainer .monthName {
    color: #ffffff;
    font-size: 12px;
}

#calendarMainContainer .rightPanelContainer .prevBtnEnable,
#calendarMainContainer .rightPanelContainer .nextBtnEnable {
    cursor: pointer;
}

#calendarMainContainer .rightPanelContainer .prevBtnDisable,
#calendarMainContainer .rightPanelContainer .nextBtnDisable {
    cursor: not-allowed;
}

#calendarMainContainer .rightPanelContainer .fitToPageDisabled {
    font-size: 12px;
    color: #a9a9a9;
    margin-left: 5px;
}

#calendarMainContainer .rightPanelContainer .fitToPageEnabled {
    font-size: 12px;
    color: #ffffff;
    margin-left: 5px;
}


#printMonthlyRepeatCycleMenuWithOption table.report-container {
    page-break-after: always;
}

#printMonthlyRepeatCycleMenuWithOption thead.report-header {
    display: table-header-group;
}

#printMonthlyRepeatCycleMenuWithOption tfoot.report-footer {
    display: table-footer-group;
}

#printMonthlyRepeatCycleMenuWithOption table.report-container div.article {
    page-break-inside: avoid;
}

.conceptNoDataAvailable {
    vertical-align: middle !important;
}

#cartConfirmationPopup {
    position: fixed;
    /* display: none; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

#cartConfirmationPopup h3 {
    font-size: 18px;
    color: #345276;
    padding-bottom: 20px;
    padding: 34px 34px 0;
}

#cartConfirmationPopup .btnCheckout {
    max-width: 100%;
    overflow: hidden;
    background: #345276;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #fff;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

#cartConfirmationPopup .btnClearCart {
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    padding: 10px 46px;
    margin: 15px;
    color: #345276;
    border: 2px solid #345276;
    text-align: center;
    font-size: 17px;
}

.mealPriceAndPromotion a,
.mealPriceAndPromotion a span {
    color: #2bb7fd !important;
}

.foodBarTagTitle {
    background-color: #cccccc !important;
    color: #000;
    padding-bottom: 0px !important;
}