@import url("fonts.css");
.leftBorder-None{border-left:0px !important;}
.tab-omni .tabs{margin-top:35px;}
.margin-bottom-sm{margin-bottom:10px;}
.order-details li{margin:3px 0px;}
.page-title-o{ width:126px; max-width:126px; font-size: 14px !important; text-align: center;}
.dataBoard, .dataBoard-r{border:1px solid #0062BD; background-color:#FFFFFF; min-height:224px; position:relative}
.dataBoard-r{min-height:146px;}
.dataBoard-header h2, .dataBoard-footer h2{font-size: 12px; background-color: #A7CBF0; color: #000; margin: 0px; padding: 6px;}
.dataBoard-footer h2{background-color:transparent; font-size:13px; padding:0px 7px; line-height: 30px;}
.dataBoard-footer{position: absolute;
border-top: 1px solid #0062BD;
bottom: 0px;
background-color: #FFF;
height: 32px;}
.dataBoard-body, .dataBoard-body-l{position:absolute;text-align:center; top: 37%;}
.dataBoard-body-l{top: 23%;}
.data-f{ font-size:16px; padding:0px 10px; line-height:30px; color:#0062bd}
.data-indic{font-size:15px; padding:0px 2px}
.final-count{font-size: 32px; color: #0062bd;}
.arrow-r{font-size:22px; vertical-align:top; padding: 10px 5px; color: rgb(0, 98, 189);}
.arrow-r-s{ vertical-align:top; padding: 10px 5px; color: rgb(0, 98, 189); background-color: #a7caf0; border-radius: 30px; padding: 7px; font-size: 10px; vertical-align: top; color: rgb(0, 98, 189); margin-top: 8px;}
.arrow-r-t{border-radius: 30px;font-size: 18px;vertical-align: top;color: #0062BD;margin-top: 12px;}
*{ outline:none;}
body{font-family:Helvetica;}
/** html{height:100%} **/
/*.loginBg{background-image:url(../images/retail_aisle.jpg); background-repeat:no-repeat; background-size:100% 100%;}*/
h4{ font-size:14px;}
label{ font-weight:normal;}
header{ background-color: #0062bd; float:left;margin-top:8px;}
p{line-height:16px;}
a{ transition:color .25s ease-in;}
a:focus, a:active,
a:focus, .k-grid-pager a:focus, input[type="file"]:focus,
a:hover{transition: background-color 1s; color:#0062bd;outline: 0;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;}
input.k-input[readonly] { background-color: #ffffff; color: #808080; cursor: default;pointer-events: none;}
input[readonly="true"] { background-color: #E8EDF1 !important; color: #000000;cursor: default;pointer-events:none;}
.widthNone { width:0px !important;}
/* Styles on 08-07-15 end */

/* 13-08-15 styles Updated */
.form-control[disabled="true"],.form-control[disabled], .form-control[readonly], .form-control[readonly="true"], fieldset[disabled] .form-control{color:#808080; background-color:#EEEEEE; opacity: 0.9;}
.k-state-disabled{opacity:1;}
.k-state-disabled input{background-color:#eee;}
span.k-dropdown-wrap.k-state-disabled{background-color:transparent;}
/* 13-08-15 styles Updated Ends*/

.k-list-container.k-popup ul{max-height:113px !important; height:auto !important;}
.k-list-container{max-height:115px; height:auto;}
.k-list-container > .k-list > li > label{margin-bottom:0px;}

/* Styles on 08-07-15 end */
input[type="radio"]{ margin-right:0px;}

input[type=checkbox]:checked + label:before {content: "\2713";font-size: 11px;color: #000;text-align: center;line-height: 14px;}
.k-item input[type=checkbox]:checked + label:before{content:normal;}

input[type=radio]:checked + label:before {content: "\2022";color: #000;font-size: 35px;text-align:center; line-height: 14px;}
input[type="radio"]:focus,input[type="checkbox"]:focus {outline:0;}

input[type="checkbox"] { margin: 0px 0px 0px; line-height: normal; vertical-align:text-bottom;}

#testItems-list input[type="checkbox"]:checked + label:before {content: "";font-size: 11px;color: #000;text-align: center; line-height: 14px;}
.display-none{display:none}
.display-none-b{display:none !important}
.display-block-b{display:inline-block !important}
.top-nav-a li:nth-child(3) a{border-left:1px solid #ffffff !important}
legend{border:0px !important; border-style:none;}
.uppercase, .uppercase input{ text-transform:uppercase;}
a, .k-grid-pager a, input[type="file"], input[type="radio"], input[type="checkbox"] {outline:0;}
table:focus{outline:0; -webkit-outline:0; -moz-outline:0; }
.leftmargin-minus{margin-left:-2px;}
.align-right{ text-align:right;}
.align-left{ text-align:left;}
.align-right-d{ text-align:right;}
.no-gutter { padding-left: 0px !important; padding-right: 0px !important;}
.no-gutter-d { padding-left: 0px; padding-right: 0px;}
.marginVertical-a{margin:13px 0px 9px;}
.margin-t{margin:8px 0px 16px 0px;}
.margin-top-n{margin-top:-10px;}
.margin-bottom-e{margin-bottom:27px;}
.margin-bottom-p{margin:8px 0px 16px 0px;}
.margin-c{ margin:10px 0px 8px;}
.margin-v{ margin:8px 0px !important;}
.marginVertical-sm{margin:8px 0px 4px;}
.marginVertical-sm-a{margin:6px 0px 2px;}
.popup-content-b-sm { padding: 6px 0px 3px !important;}

.margin-l{margin:15px 0px !important;}
.margin-bottom-s{margin-bottom:8px !important;}
.bottommargin-none{margin-bottom:0px !important;}
.leftpadding-none{padding-left:0px !important;}
.rightpadding-none{	padding-right:0px !important;}

/** Styles in 09-07-15 **/
.rightpadding-c{padding-right:11px;}
/** Styles in 09-07-15 **/

/* style added 21-08-15 */
.listWidth-b{width:128px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*  style added 21-08-15 end */


/* 10-08-15 */
button.apply-global{background-color: transparent; text-decoration:underline; border:0px; color:#0062bd; line-height: 22px;}
textarea.textArea-remarks{resize: none; padding:5px; max-height:42px;}
/* 10-08-15 end */

/** Styles in 10-07-15
.grid .k-grid-add{visibility:hidden;}
.grid-customer-inventory-units.grid .k-grid-add, .grid-vendor-inventory-units.grid .k-grid-add, .grid-warehouse-inventory-units.grid .k-grid-add, .grid-employee-creation.grid .k-grid-add, .grid-brand-master.grid .k-grid-add, .grid-bill-details.grid .k-grid-add{visibility:visible !important;}
Styles in 10-07-15 **/

/** Styles in 14-07-15 **/
td.details{padding-right:4px; padding-left:4px;}
.float-none{float:none;}
.k-list-container .k-list .k-item { padding-right: 20px; }
h1.titleM{font-size: 12px; color: #fff; margin-top: 6px; margin-bottom: 8px; text-align: center; /* border: 1px solid #0062bd; */ padding: 6px 5px;  background-color: #3381cb; min-height:25px;} /* #80b0de */
/** styles in 14-07-15 Ends **/


.paddingTop{padding-top:8px;}
.leftpadding-g{padding-left:10px;}
.rightpadding-g{padding-right:10px !important;}
.toppadding-none{padding-right:0px;}
.padding-bottom-p{padding-bottom:4px !important;}
.padding-bottom-none{padding-bottom:0px !important;}
.margin-bottom-b{margin-bottom:13px;}
.min-height-t{ min-height:525px;}
.margin-right{margin-right:10px !important;}
.margin-b{margin:13px 0px 21px;}
.rightpadding-d{padding-right:0px;}
.margin-bottom-a{ margin-bottom:15px;}
.margin-bottom-f{margin-bottom:4px;}
.left-padding-d{ padding-left:15px;}
.left-padding-d-a{ padding-left:15px !important;}
.margin-top-e{margin-top:57px;}
.margin-top-f{margin-top:55px;}
.padding-left-right{ padding: 0 15px;}
.margin-none{ margin:0;}
.margin-d{margin:0px 0px 13px 0px !important;}
.margin-bottom{ margin-bottom:8px;}
.padding-top-bottom{ padding:15px 0;}
.padding-top{ padding-top:15px;}
.padding-top-a{padding-top:8px;}
.padding-top-b{padding-top:5px !important;}
.padding-bottom-a{padding-bottom:8px;}
.space-b{padding-bottom:8px; margin-bottom:8px;}
.space-c{padding-bottom:8px; margin-bottom:12px;}
.padding-bottom{ padding-bottom:15px;}
.padding-right{ padding-right:15px;}
.marginVertical{margin:5px 0px 5px 0px;}
.col-centered{ float: none; margin: 0 auto;}
.padding-left{padding-left:8px !important;}
.padding-none{ padding:0;}
.padding-none-v{ padding:0px 8px !important;}
.paddingtopleftright-none{ padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;}
.padding-top-c{padding-top:5px;}
.padding-h{padding-left:8px; padding-right:8px;}
.img-center{margin: 0 auto;}
.row{ margin-bottom:8px;}
.inline{ display:inline;}
.colorgreen{ color:#3ab54a;}
.colorgreen-a{ color:#37fe3f;}
.colorred{ color:#fe0000;}
.colororange{ color:#ff931e;}
.red-bg{ background-color:#fe0000;}
.green-bg{ background-color:#3ab54a;}
.orange-bg{ background-color: #ff931e;}
.blue-border{border:1px solid #a7cbf0;}
.blue-top-border{border-top:1px solid #a7cbf0;}
.align-center{ text-align:center;}
.fontsize-c button{font-size:17px;}
.chkbx-rgt label{padding: 0 15px !important;padding-left: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important; float: right !important;}
.marginTop-none{margin-top:0px !important;}
.rightPadding-a{padding-right:10px;}
.leftPadding-a{padding-left:10px;}
.paddingHorizantal-l{padding:0px 10px;}
.headertwo{ background-color: #0062bd; margin-top:-8px;}
::-ms-clear {display: none;}
::-ms-reveal {display: none;}
.minHeight-none{min-height:0px;}
.pos-relative-a{position:relative; height:87px;}
.excelbtn-container{position:absolute; bottom:0px; right:10px;}
.excelbtn-container input.upload-excel{ cursor:pointer; display: inline-block; position: absolute; width: 93%; height: 100%; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -ms-opacity: 0; filter: alpha(opacity=0); font-size:0px;}
.categoryAvg{display:inline-block;}

/* 17-08-15 style Add */
.k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-active{border:1px solid #A7CAF0 !important;}
/* 17-08-15 style end */

/* Stock on Hand Style Satrt */
.tabminHeight-b{min-height:498px !important;}
.fieldset-section .form-group:last-child{margin-bottom:0px;}
.fieldset-section{border:1px solid #a7caf0; padding:14px 10px !important;}
.fieldset-section legend{width: auto; color:#000; text-align: left !important; padding: 0px 2px; margin-top: 0px !important; line-height:0px;}
.fieldset-section .form-group{padding:0px 2px;}
.maxHeight-a{max-height:113px; height:113px;}
.maxHeight-b{max-height:171px; height:171px;}
.maxHeight-c{max-height:142px; height:142px;}
ul.nolist-border li span button{margin-right:10px; margin-left:0px;}
/* Stock on Hand Style Ends */

.marginleft-l{margin-left:9.192% !important;}
.marginBottom{margin-bottom:18px;}
.max-width-l{max-width:204px;}
.proceedBtnSth{padding:8px 44px !important; margin-left:10px;}
.innerContainer{height:470px; position:relative;}
.absoluteBlock{position:absolute; bottom:33.5%;}
.form-horizontal .radio{min-height: 25px;}
.white-bg{background-color:#ffffff;}
.disable-btn{ color:#cccccc !important; cursor:default;}
.disablePrimaryBtn { background-color: #cccccc !important;pointer-events: none;}
.default-list li{list-style-type:none; display:inline-block; margin:0; font-size:12px; padding: 33px 5px 0px;}
.max-width-i{max-width:155px;}
.proceed-btn, .proceed-btn-b, .proceed-btn-c{ margin:0; font-size:0; }
.proceed-btn li{ list-style-type:none; display:inline-block; margin:0; font-size:12px;  border-left:1px #0062bd solid;}
.proceed-btn li:first-child{ border-left:0;}
.proceed-btn li button{ line-height:15px;padding:8px; background-color:transparent; border: 0;   color:#0062bd; text-decoration:underline;}
.proceed-btn-b li, .proceed-btn-c li{ list-style-type:none; display:inline-block; margin:0; font-size:12px;  border-right:1px #0062bd solid;}
.proceed-btn-c li{border:0px;}
.proceed-btn-b li:last-child{ border-right:0;}
.proceed-btn-b li button, .proceed-btn-c li button{line-height:15px;padding:10px 8px; background-color:transparent; border: 0;   color:#0062bd; text-decoration:underline; vertical-align:top;}
.proceed-btn li button:focus, .proceed-btn-b li button:focus, .proceed-btn-c li button:focus{ outline:0 !important;}
.proceed-btn li span button, .proceed-btn-b li span button, .proceed-btn-c li span button{ color:#fff; background-color:#ff931e; margin-left:10px; text-decoration:none;}
.proceed-btn-b li span button{font-size:17px; padding:10px 30px; min-width:101px;}
.proceed-btn li:first-child button, .proceed-btn-b li:first-child button{ border:0;}
.btn-excel{background-color:transparent; border:1px solid #0062bd; border-radius:0px; line-height: 7px; padding: 8px; margin-right:6px; outline:none !important; -webkit-outline:none; -moz-outline:none;} /* .proceed-btn button.apply-global 10-08-15 Added */


.btn-excel:focus{box-shadow:none;}
.go-margintop{margin-top:29px;}
.tab-content-in .proceed-btn li:last-child button, .tab-content-in .proceed-btn-b li:last-child button{ padding-right:0;}
.radio-outer{ border:1px #a7caf0 solid;}
.radio input[type=radio], .checkbox input[type=checkbox] {display: none;}
.checkbox label { display: inline-block;cursor: pointer;position: relative; margin:0; padding:0;padding-left: 25px;margin-right: 15px; background-color:grey; float:left; margin-top:13px; margin-bottom:6px;}
.checkbox label:before {content: "";display: inline-block;width: 15px;height: 15px;margin-right: 10px;position: absolute;left: 0;bottom: -1px;background-color: #fff; border:1px #b2d0ed solid;border-radius: 3px;}
.radio label{display: inline-block;cursor: pointer;position: relative;padding-left: 18px;margin-right: 15px; bottom:0px; }
.radio label:before {content: "";display: inline-block;width: 15px;height: 15px;margin-right:0px;position: absolute;left:0;bottom: 1px;background-color: #fff; border:1px #a7caf0 solid;border-radius: 8px;}
.required label:after {color: #0062bd; content: ' *'; display:inline;}
.form-min-height{min-height:58px;}
.table-height-s{height:124px;}
.table-height-t{height:124px;}
/***Login Starts***/
.ind .container, .ind .container .row{ float:none !important; min-width:100%; padding:0 20px; }
.loginContainer footer{ bottom:0; position:absolute; background-color:#fff; left:0; right:0; margin:0; padding:8px 35px !important;}
.loginContainer footer .row{ padding:0; margin:0;}
.loginContainer footer ul{ padding:8px 0;}
footer{ position:relative; z-index:1; color:#0062bd;}
footer ul{ font-size:0; margin:0;}
footer li{ list-style-type:none; color:#0062bd; display:inline; font-size:10px;}
footer li:first-child{ padding-right:5px; border-left:0; padding-left:0 !important;}
footer li a{ display:inline; text-decoration:underline;}
footer li{ border-left:1px #0062bd solid; padding:0 5px;}
footer li:last-child{ padding:0 5px 0 5px; padding-right:0;}
.fullBg { position: fixed; top: 0;left: 0; overflow: hidden;}
.maincontent { position: relative; z-index: 1; margin-top:45px;}
#background{display:none;}
/*
.login{ width:171px;}
.logo-reset, .logo-reset:hover, .logo-reset:focus{	font-size: 30px; background-color:#0062BD !important; text-align:left; color:#fff !important; padding: 8px 15px;text-decoration:none; line-height:normal;}
.logoBtn img{width:78px; height:29px; display:block; margin-left:auto; margin-right:auto;}
.signindiv{  border:0px; display:none; padding:0px 0px 8px;}
.login .form-group{ margin-bottom:0;}
.logo-reset{ display:block; }
.signindiv button, .logo-reset, .sign, .register{ border-radius:0px;}
.logo-reset{ margin-bottom:5px;}
.sign, .sign:hover, .sign:focus, .register{ margin:0px 0px; float: none; font-size:18px;color: #fff !important; text-align:center; background-color:#FF931E !important; padding:7px 0 8px 0 !important;}
.register{ margin-bottom: 5px;}

.signindiv input.k-textbox, .signindiv .k-combobox input { border-radius:0; max-height: none; padding:7px 5px !important;}
.signindiv .k-icon{margin-top:10px;}
.signindiv .k-combobox .k-dropdown-wrap{border:0px; border-radius:0px;}
.signindiv button{ display:block; margin:0px 0px; text-align:center; height:auto; border:0;} 
.signindiv .proceed-btn{text-align:right; margin-top:8px} 
.signindiv .proceed-btn li{margin-right:8px;} 
.signindiv .proceed-btn li:last-child{margin-right:0px;} 

.signindiv input{ margin-bottom:0px; margin-top:-1px; }
.k-button.sign,.k-button.logo-reset,.k-button.sign:hover, .k-button.logo-reset:hover{ border:0px;}*/

/* 03-08-16 START */
.login-aisle .choose-sign, .consumer-sign, .store-assocate{padding: 0px 0px 8px;}
#signindiv button, .signindiv button {
    display: block;
    margin: 0px 0px;
    text-align: center;
    height: auto;
    border: 0;
}

.catalog-form button:focus{
   -moz-box-shadow: inset 0 0 0 1px #0062BD;
    -webkit-box-shadow: inset 0 0 0 1px #0062BD;
    box-shadow: inset 0 0 0 1px #0062BD;
    outline: 1px dotted #0062bd;
    outline-offset: -4px;
}

.user-login-container button{
    color: #FFFFFF !important;
    text-decoration: none !important;
    background-color: #ff931e;
    border: 0;
    padding: 8px 20px;
    margin: 0 10px;
    min-width: 100px;
}
.user-login-container button:focus {
    -moz-box-shadow: inset 0 0 0 1px #0062BD;
    -webkit-box-shadow: inset 0 0 0 1px #0062BD;
    box-shadow: inset 0 0 0 1px #0062BD;
    -moz-outline: 1px dotted #0062bd;
    -webkit-outline: 1px dotted #0062bd;
    outline: 1px dotted #0062bd;
    outline-offset: -4px;
}
.user-login-container .cancelBtn{
    display: block;
    margin: 0px 0px;
    text-align: center;
    height: auto;
    border: 0;
}
.user-login-container .cancelBtn {
    line-height: 15px;
    padding: 8px;
    background-color: transparent;
    border: 0;
    color: #0062bd !important;
    text-decoration: underline !important;
    float: left;
    text-align: left;
    min-width:auto !important;
    
} 
.user-login-container .goBtn {
    margin: 0px;
    font-size: 16px;
    border-radius: 0px;
    background-color: #ff931e;
    color: #fff;
    float: right;
    padding: 5px 40px;
}

.user-login-container input.k-textbox, .user-login-container .k-combobox input, .user-login-container input.k-textbox, .user-login-container .k-combobox input {
    border-radius: 0;
    max-height: none;
    padding: 7px 5px !important;
}

/* 03-08-16 END */

.login{ width:215px;}

.login .logo-reset, .login .logo-reset:hover, .login .logo-reset:focus{
    font-size: 24px; background-color:#0062BD !important; text-align:left; color:#fff !important; padding: 8px 15px;text-decoration:none; line-height:normal; position: relative;
}
.login .logoBtn img{width:78px; height:29px; float:left; margin-left:auto; margin-right:auto;}
.login .logo-content {
    font-size: 24px;
    padding-left: 5px;
    position: absolute;
    bottom: 4px;
    right: 20px;
}
#signindiv{  border:0px; display:none;}
.login .form-group{ margin-bottom:0;}
.logo-reset{ display:block; }
#signindiv button, .logo-reset, .sign, .register{ border-radius:0px;}
.logo-reset{ margin-bottom:5px;}
.sign, .sign:hover, .sign:focus, .register{ margin:0px 0px; float: none; font-size:18px;color: #fff !important; text-align:center; background-color:#FF931E !important; padding:7px 0 8px 0 !important;}
.register{ margin-bottom: 5px;}
#signindiv input.k-textbox, #signindiv .k-combobox input { border-radius:0; max-height: none; padding:7px 5px !important;}
#signindiv .k-icon{margin-top:10px;}
#signindiv .k-combobox .k-dropdown-wrap{border:0px; border-radius:0px;}
#signindiv button{ display:block; margin:5px 0px; font-size:18px; color: #ffffff; text-align:center; background-color:#FF931E; height:auto; line-height:45px !important; border:0;}
#signindiv input{ margin-bottom:0px; margin-top:-1px; }
.k-button.sign,.k-button.logo-reset,.k-button.sign:hover, .k-button.logo-reset:hover{ border:0px;}

/***Login Ends***/

/** Upload Image PopUp Style start **/
.k-upload .k-dropzone{width: 43%;display: inline-block;float: left;  line-height: 0px;}
.k-upload-button{width: auto;color: #0062bd; background-color: #A7CBF0; border-radius: 0px;}
.k-upload-button:hover, .k-upload-button:focus, input[type="file"]:focus, .k-upload-button:active{background-color: #A7CBF0 !important; color: #0062bd !important;}
ul.k-upload-files{  width: 56%;  float: right; padding: 0px; margin: 3px 0 0; line-height: 22px;}
.k-filename{padding: 0px 5px;}
.k-upload{display:inline-block;}
.k-progress{display: none;}
input.file-upload:focus {color: #000 !important;background-color: transparent !important;}
/** Upload Image PopUp Style ends **/

/** For Dashboard styles start **/
.flash-row{ border-radius:2px; padding:1px 1px; margin-bottom:0px;}
.flash-text{ background-color:#ffffff; color:#ff931e; border-radius:1px; font-weight:bold; font-size:14px; padding:9px 5px; width:65px; text-align:center;}
.scroll-flash{font-size:14px; font-style:italic; color:#ffffff; padding:0 10px;}
.scroll-flash ul{ margin:0; padding:0;}
.scroll-flash li{ margin:0; padding:6px 0 8px 0; list-style-type:none; margin-right:20px;}
.item .thumb {width: 25%; cursor: pointer;float: left;}
.carousel-inner{ height:477px; }
.carousel-indicators{position:absolute; bottom:-14px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center; padding-top:0px; margin-bottom:0px; line-height:16px;}
.carousel-indicators li{display:inline-block;width:8px;height:8px;margin:1px;text-indent:-999px;border:1px solid #ccc;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0); background-color: rgba(70,70,70,.25); background-color: transparent;}
.carousel-indicators .active{margin:0;width:10px;height:10px;  background-color: #ccc; border:1px #f2f7fd solid;}
#moduleNameDropdown .k-input{max-width:238px;}
.indicator-c .carousel-indicators{bottom:0px;}
.indicator-c .carousel-indicators li { border: 1px solid #80b0de;}
.indicator-c .carousel-indicators .active { background-color: #80b0de; border: 1px #f2f7fd solid;}

/** chart Styles start **/
.chart-title{background-color:#a7cbf0; margin-bottom:2px;}
.chart-title h6{  text-align:left; line-height:0.37em; font-weight:normal; color:#000000; text-indent:3px;}
/** style for Excel Buton **/
span.k-i-excel {background-position: -64px -96px;}
.export-excel, .export-excel:hover{margin-top:1px; float:right;}
/** style for Excel Buton ends **/
.chart-title .k-combobox{border:0px;}
.chart-title .k-combobox input.k-input{padding: 1px 0px 1px 0px;border: 0px; line-height:16px !important;}
.chart-title .k-dropdown-wrap .k-select{padding:0px 3px;}
.chart-title .k-combobox span.k-state-focused, .k-combobox  span.k-state-hover{border-color:#a7caf0;  box-shadow:none !important;}
.chart-title .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-selected{border-color:#a7caf0 !important;}
.chart-height{width:373px; height:10.650em;}
.chart-dimns{height:110px; padding:0px 2px;}
.chart-dimns-b{height: 110px; margin-left: 5px;}


.left-img, .tree-min-height{ min-height:475px;}
.tree-max-height{max-height:475px;}
/* Tree view Styles starts */
#contextMenu{margin-top:-69px;position: absolute; padding:5px; -moz-box-shadow: 0 1px 12px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 12px rgba(0,0,0,0.15); box-shadow: 0 1px 12px rgba(0,0,0,0.15); font-size:11px;}

.button-link button{line-height: normal !important; background-color: transparent;border: 0;color: #0062bd;text-decoration: underline;}

.right-align{float:right;}

div.k-treeview, .geographytreeview.k-treeview{padding-top:2px;}

.treeInlineEdit > input, .geographytreeview.treeInlineEdit > input{ color:#000; border:0; border-radius:0;}

.k-treeview-lines .k-in, .geographytreeview.k-treeview-lines .k-in{ background-color:transparent; border-radius:0; border:0; margin:0; padding:2px 5px; }

.k-treeview-lines .k-state-hover,.k-treeview-lines .k-state-selected,.geographytreeview.k-treeview-lines .k-state-hover, .geographytreeview.k-treeview-lines .k-state-selected{ background-color:#000; color:#fff; border-radius:0; border:0;}

.k-treeview-lines li .k-icon, .geographytreeview.k-treeview-lines li .k-icon{ display:block !important; opacity:10; background-color:transparent;}

.k-treeview .k-plus, .geographytreeview.k-treeview .k-plus{margin-top: 5px;margin-left: -12px;cursor: pointer; width:12px; height:12px; background-position: -2px -194px; position:relative;}

.k-treeview .k-in, .geographytreeview.k-treeview .k-in {vertical-align: middle;}

.k-treeview .k-minus, .geographytreeview.k-treeview .k-minus{margin-top: 5px;margin-left: -14px;cursor: pointer; position:relative;width:12px; height:12px;}

.k-treeview-lines .k-top.k-bot, .k-treeview-lines .k-top.k-bot .k-icon,.k-treeview-lines .k-top.k-bot .k-minus, .geographytreeview.k-treeview-lines .k-top.k-bot, .geographytreeview.k-treeview-lines .k-top.k-bot .k-icon, .geographytreeview.k-treeview-lines .k-top.k-bot .k-minus{background-image:none !important }

.k-treeview-lines .k-top,.k-treeview-lines .k-mid,.k-treeview-lines .k-bot, .geographytreeview.k-treeview-lines .k-top, .geographytreeview.k-treeview-lines .k-mid, .geographytreeview.k-treeview-lines .k-bot{background-image: url('../images/treeview-nodes.png');}

.k-treeview-lines .k-item, .geographytreeview.k-treeview-lines .k-item { background-image: url('../images/treeview-line.png');}

.k-treeview-lines .k-item, .geographytreeview.k-treeview-lines .k-item {line-height:22px}

.k-treeview-lines .k-last, .geographytreeview.k-treeview-lines .k-last { background-image: none; }

.k-treeview-lines .k-top,.k-treeview-lines .k-mid,.k-treeview-lines .k-bot, .geographytreeview.k-treeview-lines .k-top, .geographytreeview.k-treeview-lines .k-mid, .geographytreeview.k-treeview-lines .k-bot{background-repeat: no-repeat; margin-left: -16px;padding-left: 16px; }

.k-treeview-lines .k-top, .geographytreeview.k-treeview-lines .k-top { background-position: -91px 0; }

.k-treeview-lines .k-bot, .geographytreeview.k-treeview-lines .k-bot { background-position: -69px -22px; }

.k-treeview-lines .k-mid, .geographytreeview.k-treeview-lines .k-mid { background-position: -47px -44px; }

.k-treeview-lines .k-last .k-top, .geographytreeview.k-treeview-lines .k-last .k-top { background-position: -25px -66px; }

.k-treeview-lines .k-group .k-last .k-bot, .geographytreeview.k-treeview-lines .k-group .k-last .k-bot { background-position: -69px -22px;}

.k-treeview-lines .k-item, .geographytreeview.k-treeview-lines .k-item{background-repeat: no-repeat;}

.k-treeview-lines .k-first, .geographytreeview.k-treeview-lines .k-first{background-repeat: no-repeat;background-position: 0 16px;}

.k-treeview .k-plus, .geographytreeview .k-treeview .k-plus { background-color:red; position:10px;}

.k-treeview .k-item, .geographytreeview.k-treeview .k-item{ display:list-item; border-width:0;margin:0;padding:0 0 0 15px}

.k-treeview-lines li, .geographytreeview.k-treeview-lines li{  color:#f15a25;  float:left; }

.k-treeview-lines>li:before, .geographytreeview.k-treeview-lines>li:before{content:"\2605";  color: #f15a25; font-size:22px; float:left; clear:both; position:relative;top:-1px; left:0px;}

.k-treeview .k-group.k-icon, .geographytreeview.k-treeview .k-group.k-icon{filter: hue-rotate(185deg);-webkit-filter: hue-rotate(185deg);-moz-filter: hue-rotate(185deg);-o-filter: hue-rotate(185deg);-ms-filter: hue-rotate(185deg);}

.k-treeview-lines li ul li{ color:#f15a25; float:left; clear:both;}
.geographytreeview .k-treeview-lines li ul li{float:left; clear:both;}

.k-treeview-lines li ul li:before, .geographytreeview.k-treeview-lines li ul li:before{ content:""; color: #f15a25;font-size:25px; display:inline-block; float:left; clear:both; position:relative;top:-3px; left:1px; position:relative;}

.k-treeview-lines li ul li ul li, .geographytreeview.k-treeview-lines li ul li ul li, .geographytreeview .k-treeview-lines li ul li, .reportingHierarchySetup .k-treeview-lines li ul li{ color:#0061bf;}

.k-treeview-lines li ul li ul li:before, .geographytreeview.k-treeview-lines li ul li ul li:before{ content:""; color: #0061bf; font-size:25px; display:inline-block; float:left; clear:both; position:relative;top:-3px; left:1px;}

.k-treeview-lines li ul li ul li ul li, .geographytreeview.k-treeview-lines li ul li ul li ul li{color:#0061bf;}

.k-treeview-lines li ul li ul li ul li ul li, .geographytreeview.k-treeview-lines li ul li ul li ul li ul li{  color:#0061bf;}

.k-treeview-lines li ul li ul li ul li ul li ul li, .geographytreeview.k-treeview-lines li ul li ul li ul li ul li ul li, .reportingHierarchySetup .k-treeview-lines li ul li ul li ul li ul li ul li{ color:#000;}

.k-treeview-lines li ul li ul li ul li ul li ul li:before, .geographytreeview.k-treeview-lines li ul li ul li ul li ul li ul li:before{ content:"\25cb";  color: #000;top:-2px; left:1px;}

.moduleTreeView .k-treeview-lines li ul>li:before{content:""}
.moduleTreeView .k-treeview-lines li ul>li{color:#0061bf}
.tree-min-height{ min-height:475px;}
.tree-max-height{max-height:475px !important;}

/** Styles Start 01-09-15 **/

.geographytreeview .k-treeview-lines li ul li ul li ul li ul li ul li, .geographytreeview .k-treeview-lines li ul li ul li ul li ul li ul li ul li ul li{color:#0061bf;}
.geographytreeview .k-treeview-lines li ul li ul li ul li ul li ul li:before, .geographytreeview .k-treeview-lines li ul li ul li ul li ul li ul li ul li ul li:before {
    content: "";
    color: #0061bf;
    top: -2px;
    left: 1px;
}
.geographytreeview .k-treeview-lines li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li:before {
    content: "\25cb";
    color: #000;
    top: -2px;
    left: 1px;
}
.geographytreeview .k-treeview-lines li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li {
    color: #000;
}
.geographytreeview.k-treeview .k-item, .reportingHierarchySetup.k-treeview .k-item{width:100%;}

.reportingHierarchySetup.k-treeview-lines li ul li{color:#0061bf !important;}

/** Styles Start 01-09-15 **/
/* Tree view Styles ends */

.bgColor{background-color:#f00 !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.carousel-inner{ height:476px; }.chart-height{ height:10.720em;} .left-img, .tree-min-height{ min-height:476px;} .tree-max-height{max-height:476px;} .min-height-j{height:326px;} /** 06-10-15 Added **/}
/***Nav Starts***/
.nav .tab a:hover{ background-color:#daeaf9;}
.nav .tab a:focus{ background-color:#ffffff; color:#0062BD;}
.navbar-inverse button{ background-color:#0062bd; transition:color .25s ease-in; }
.navbar-inverse .navbar-toggle button:hover,.navbar-inverse .navbar-toggle button:active, .navbar-inverse .navbar-toggle button:focus{ background-color: #ff931e;transition:background-color 1s;outline:0px; -webkit-outline:0px; -moz-outline:0px;}
.navbar-toggle{ margin:0; padding:0; border:0;}
.navbar-toggle .icon-bar{ display:block; width:24px; height:2px;border-radius:1px;background-color:#ff931e !important}
.navbar-toggle:hover .icon-bar, .navbar-toggle button:focus .icon-bar{ background-color:#fff !important;}
.navbar-toggle button{ padding:16px 10px 15px 10px; margin:0; border:0; border-right:1px #FFFFFF solid;}
.navbar-toggle button:hover, .navbar-toggle button:focus{ border-radius:0px;}
.navbar-header, a.navbar-header{line-height:0px !important;}
.navbar-collapse{ padding:0; }
.navbar-collapse-a{ position:absolute; }
.navbar-collapse ul{ margin:0;padding:0; margin:0;}
.navbar-nav>li{ border-top:1px #fff solid; border-bottom:0;float: none; padding:0; margin:0; z-index:2;}
.navbar-nav>li>a {background-color:#0062bd; padding:9px 39px 9px 0px; margin:0; color:#fff !important;-webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-ms-transition: background 0.5s linear;-o-transition: background 0.5s linear;transition: background 0.5s linear;}
.navbar-nav li a:hover{ background-color:#ff931e !important; color:#CC9900;}
.navbar-nav>li>a:hover{ color:#fff !important;}
.navbar-nav li a:focus{ background-color:#ff931e !important;}
.navbar-nav li.dropdown-submenu.open > a{background-color: #ff931e !important;}
.navbar-nav>li>a>i{ padding:0px 17px; color:#fff; font-size:16px; opacity: 0.5;}
.navbar-nav>li>a:hover>i,.navbar-nav>li>a:focus>i{opacity:1;}
.navbar-nav .nolink,.navbar-nav .nolink:hover,.navbar-nav .nolink:focus{background-color:#0062bd !important; cursor:default;color:#cccccc !important;}
.navbar-nav .nolink i,.navbar-nav .nolink:hover i,.navbar-nav .nolink:focus i,.navbar-nav .nolink:active i{ opacity: 0.5 !important;}
.navbar-nav .dropdown-menu .nolink,.navbar-nav .dropdown-menu .nolink:hover,.navbar-nav .dropdown-menu .nolink:focus{background-color:#3381cb !important; cursor:default;border-top:0px #FFFFFF solid;color:#cccccc !important;}
.navbar-nav .dropdown-menu .dropdown-menu .nolink,.navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu .nolink:hover, .navbar-nav .dropdown-menu .dropdown-menu .nolink:focus{background-color:#3381cb !important; cursor:default;border-top:0px #FFFFFF solid;color:#cccccc !important;}
.navbar-nav .dropdown-menu .dropdown-menu .nolink i,.navbar-nav .dropdown-menu .dropdown-menu .dropdown-menu .nolink:hover i, .navbar-nav .dropdown-menu .dropdown-menu .nolink i:focus{color:#cccccc !important;}
.active-selection a{background-color: #ff931e !important; pointer-events:none;}
.dropdown .nolink, .dropdown .nolink:hover, .dropdown .nolink:focus{ background-color:#5a98d5; cursor:default;color:#cccccc !important;}
.dropdown-menu > li:last-child > a, .dropdown-menu > li:last-child > a:hover{ border-bottom: 0px !important;}
.dropdown-menu > li:last-child > a, .dropdown-menu > li:last-child > a:hover, .dropdown-menu > li:last-child > a:focus{ border-bottom: 0px !important;}
.tab-pane .nav-tabs{margin-left:45px !important;}
.nav-tabs .nolink, .nav-tabs .nolink:hover, .nav-tabs .nolink:focus{ background-color:#3381cb !important; cursor:default; color:#cccccc !important;}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#ff931e; color:#fff;}
.navbar-inverse .navbar-nav>.open>a i,.navbar-inverse .navbar-nav>.open>a:hover i,.navbar-inverse .navbar-nav>.open>a:focus i{opacity:1;}
.dropdown-menu{ top:0; left:100%; min-width:0 !important; margin-left:11px; border:0;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:0px;margin-left:0px ; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.dropdown-menu>li>a{ color:#FFFFFF !important; border-bottom:1px #FFFFFF solid !important; padding:3px 20px 3px 10px; background-color:#0062bd !important;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus{ background-color:#000; border-bottom:1px #FFFFFF solid !important;}
.dropdown-menu>li:first-child>a,.dropdown-menu>li:first-child>a:hover{border-top:0px !important;}
.dropdown-submenu > a:before{ display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -15px; border-color: transparent; border-left-color: #fff; border-style: solid; border-width: 4px 0 4px 5px; content: " ";}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{ background-color:#ff931e;}
.dropdown-menu .open>a,.dropdown-menu .open>a:hover,.dropdown-menu .open>a:focus{ border-top:0px #fff solid;}
.dropdown-menu>li>ul>li>a{ background-color:#0062bd !important; border-bottom:1px #FFFFFF solid;}
.dropdown-menu>li>ul>li>a:hover{ background-color:#ff931e !important;}
.dropdown-menu>ul>li{ background-color:#3399CC;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:0px;border-left-color:#fff; margin-top:5px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:0 ;-moz-border-radius:0px; border-radius:0;}
.dropdown-menu>li{	position:relative;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;cursor:pointer;}
.dropdown-menu .sub-menu {left: 100%; position: absolute;top: 0; display:none; margin-top: 0px;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:none;}
/***Nav ends***/
.vcenter { display: inline-block; vertical-align: middle; float: none;}
.logo{ color:#FFFFFF; font-size:30px; padding:1px 18px 1px 18px; margin-right:10px; float:left; text-transform:uppercase; font-weight:bold; color:#ff931e; border-right:1px #FFFFFF solid; width:125px; height:45px;}
img.logo-img{padding:7px 5px;}

.breadcrumb{ padding:0px 10px; margin-bottom:0px;list-style:none; background-color:transparent; border-radius:0px; line-height:normal;}
.breadcrumb>li{display:inline-block; line-height:45px;}
.breadcrumb>li+li:before{content:"/\00a0";padding:0 0px;color:#ccc}
.breadcrumb>.active{color:#bdd8f5;}
.table{display:table;vertical-align:middle;}
.table-cell{vertical-align:middle;display:table-cell;}

/* Header Nav Styles start */
.top-nav, .top-nav-a{ padding:0; margin:0; display:table; vertical-align:middle; }
.top-nav .dropdown img, .top-nav-a .dropdown img{ width:35px; height:35px;}
.top-nav>.dropdown>ul>li, .top-nav-a>.dropdown>ul>li{ min-width:137px;}
.top-nav>.dropdown>ul>li a:focus, .top-nav-a>.dropdown>ul>li a:focus{ text-decoration:none;}
.top-nav>li, .top-nav-a>li{ list-style-type:none; line-height:normal; vertical-align:middle; display:table-cell; text-align:right; color:#FFFFFF; z-index:1;}
.top-nav-a>li{text-align:center;}
.nohover,.nohover a,.nohover{ background-color:#0062bd !important;}
.top-nav>li>a, .top-nav-a>li>a,.top-nav>li:last-child span a{ padding:5px; height:45px; border-left:1px #FFFFFF solid; color:#5a98d5; vertical-align:middle; display:table-cell; display:inline-block;}
.top-nav-a>li>a{border-right:1px #FFFFFF solid; border-left:0px; line-height: 24px !important;}  /** 01-12-15 Style Added **/
.top-nav-a>li:first-child>a{border-left:1px #FFFFFF solid;}
.top-nav>li:first-child{padding-right:10px; border-left:0;}
 .top-nav-a>li:first-child >a{/*line-height:24px;*/}
.top-nav-a>li>a{height:35px;}
.top-nav>li:last-child span a{ border-left:0;}
.top-nav>li:last-child{border-left:1px #FFFFFF solid;}
.top-nav>li>a:hover, .top-nav-a>li>a:hover{ color:#fff; background-color:#5a98d5; text-decoration:none;}
.top-nav>li>a i,.top-nav>li:last-child>span i{ font-size:20px; padding:0px 7px; line-height: 35px !important;} /** 01-12-15 Style Added **/
.top-nav-a>li>a i { font-size:18px; padding:1px 7px;}
.top-nav>li>span{ color:#bdd8f5; display:inherit; clear:both; float:none;}
.top-nav>li:last-child{width:47px;}
.top-nav>li:last-child a:hover{ cursor:default}
.top-nav>li:last-child>span a:focus, .top-nav-a>li:last-child>span a:focus, .top-nav-a>li:last-child>span a:hover{ background-color:transparent;}
.top-nav li a:active, .top-nav li a:focus, .top-nav-a>li>a:hover, .top-nav-a>li>a:focus, .top-nav-a li.active a{ background-color:#5a98d5; color:#FFFFFF; text-decoration:none;}
.top-nav li ul, .top-nav-a li ul{  margin:0; padding:0; background-color:#5a98d5;}
.top-nav li ul li,.top-nav-a li ul li{ text-align:left; border-top:1px #FFFFFF solid;list-style-type:none; min-width:45px;}
.top-nav li ul li a, .top-nav-a li ul li a { color:#FFFFFF; padding:5px 10px 6px 10px; display:block;}
.top-nav li ul li a:hover, .top-nav-a li ul li a:hover{ text-decoration:none; background-color:#ff931e;}
.top-nav>li:last-child span>a:hover, .top-nav>li:last-child span>a:focus{cursor:default;}
.top-nav-a>li:last-child span>a:hover, .top-nav-a>li:last-child span>a:focus, .top-nav-a li.active:last-child span a{text-decoration:none; cursor:default; background-color:transparent;}
.top-nav-a>li:last-child span>a{font-size:18px; border-right:0px; padding-left:10px; padding-right:10px; color:#fff;}
/* Header Nav Styles ends */

/* Billing Page Styles */
.grid-height-b{height:220px; min-height:220px;}
.page-title-advance{ width:126px; font-size: 20px !important; padding: 2px 15px 0px 14px !important; border-right: 1px solid #FFF;}
.page-title, .page-title-billing, .page-title-sales, .page-title-saleExchange, .page-title-advance{font-size: 22px; padding: 2px 20px 0px; float:left; text-transform:normal; font-weight:normal; color:#BDD8F5 !important; border-left:1px solid #ffffff;margin-left:44px; line-height:33px;}
.page-title-saleExchange{font-size: 15px;padding: 2px 9px 0px 8px; border-right: 1px solid #ffffff;}
.page-title-sales { font-size: 18px; padding: 2px 10px 0px;}
.page-title-billing, .page-title-sales, .page-title-saleExchange, .page-title-advance{color:#5a98d5;}
.border-top-h{border-top:1px solid #ffffff;}
.consumer-view{padding:0px !important;}
.consumer-view li{ list-style-type:none; display:block; font-size:12px; margin-bottom:8px; padding-top:4px;padding-bottom:4px; float:none; text-align:center; line-height:19px;}

/*.consumer-view li .wallet.glyphicon{top:0px; font-size:16px; padding:3px; background-color:#0062bd; color:#5A98D5; line-height:19px !important;}*/

.consumer-view li .wallet{height: 25px;width: 25px;display: inline-block;background-color: #0062bd;}
.consumer-view li .wallet img {padding: 1px 2px 2px;width: 24px;height: 24px;}


.consumer-view li>a, .hold-cart{text-decoration:underline; color:#0062BD;}
.consumer-view li:last-child{margin-bottom:0px; padding:0px;text-align:left; background-color:#ffffff;  line-height:16px; border:1px solid #a7caf0;}
.consumer-view li:last-child span.wallet-account{color:#0062bd; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:25px;}
.form-horizontal .control-label-b{line-height:11px; padding-right:0;}
.label-align-b label{text-align:left; color:#666666;}
.form-horizontal .control-label-c{padding-top:0px; margin:5px 0px 6px;}
.form-horizontal textarea.comments{ border:1px solid #0062bd; resize:none;}
label.right-align{text-align:right;}
.input-csa{width:13.284%;}.input-bar-code{width:20.664%;}.input-bar-code-sales{width:20.664%;}.input-description{width:26.937%}.input-uom{width:8.487%;}.input-qty{width:8.487%;}.input-mrp{width:17.5%;}.add-btn{width:4.428%;} .input-disc{width:10.2%;}.input-disc-amt{width:12.177%;} .input-description-s{width:20.110%} .input-mrp-s{width:10.516%;}

.input-returnBarcode{width:18.6%;} .input-exchangeBarCode{width:20.664%;} .input-description-a{width:20.295%;} .input-reason{width:18.6%;} /* 11-10-15 Added */

.input-returnBarcode, .input-description-a, .input-qty, .input-exchangeBarCode, .input-qty, .input-reason,.input-csa,.input-bar-code, .input-description, .input-uom, .input-qty, .input-mrp, .input-bar-code-sales, .input-disc, .input-disc-amt, .input-description-s, .input-mrp-s{float:left;}
.add-btn button{font-size:10px; background-color:#0062bd; color:#fff; padding:4px 7px 4px 7px; border:0px;}
.barCode_read input{padding-right:26px !important;}
.barCode_read button{background-color:#BDD8F5; color:#0062bd; padding:0px 7px; border:0px; position:absolute; right:1px; display:inline; top:1px;}
.barCode_read button span{font-weight:bold; font-size:14px;line-height:21px;}
.margin-top-b{margin-top:16px;}
.border-top-c{border-top:1px solid #a7caf0;}
.border-bottom-b{border-bottom:1px solid #a7caf0;}
.border-bottom-grid, .border-bottom-c{border-bottom:1px solid #0062bd !important;}
.borderBottomGrid-b{border-bottom:1px solid #80b0de;}
.summary, .item-desc{list-style-type:none;}
.summary li{padding:0px 0px;}
.item-desc li{padding:1px 0px;}
.item-desc li#hidntext{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block}
.item-desc li{border-bottom:0px;}
.summary li.color-g, .applicable-offers h5, .tender-table h5, .recommended-product h5{color:#666666;}
.summary li.color-b, .summary-b>div.fontsize-l.color-b{color:#0062BD;}
.applicable-offers h5, .tender-table h5, .recommended-product h5{margin:8px 0px;}
.product-avail a{text-decoration:underline; color:#FF931E;}
.summary-b{ border-bottom:1px solid #a7caf0;}
.summary-b>div{padding:3px 0px;}
.summary-b>div.fontsize-l{font-size:17px;}
.summary-b>div.fontsize-g{color:#666666; font-weight:bold; font-size:14px;}
.nav-bottom .nav li{float:left; background-color:#0062bd; border-right:1px solid #5A98D5; text-transform:uppercase; text-align:center}
.nav-bottom .nav li>a{ color:#5A98D5; padding: 3px 0px; font-size:11px; line-height:17px;}
.nav-bottom .nav li>a>i{font-size:16px; line-height:26px;}
.nav-bottom .nav li>a:hover{background-color:#013f7c; color:#ffffff;}
.nav-bottom .nav li>a:focus{background-color:#0062bd; color:#5A98D5;}
.nav-bottom .nav li:last-child>a, .nav-bottom .nav li:last-child>a:hover, .nav-bottom .nav li:last-child.active > a, .nav-bottom .nav li:last-child.active > a:hover, .nav-bottom .nav li:last-child.active > a:focus{ color:#ffffff; background-color:#ff931e;}
.nav-bottom .nav li:last-child{border-right:0px; background-color:#ff931e;}
.nav-bottom .nav li a>i.discount:before{ content:'%'}
.nav-bottom .nav li.active > a, .nav-bottom .nav li.active > a:hover {color: #fff; background-color: #013f7c;cursor: default;}
.nav-bottom ul li .sub-nav{position:absolute; padding:0px; list-style-type:none; top:-72px; left:0px; z-index:10; display:none;}
.nav-bottom ul li .sub-nav li{white-space:nowrap; border-right:0px !important; position:relative !important; display:block !important; border-bottom: 1px solid #FFF; background-color:#3381CB; float:none; text-align:left;}
.nav-bottom ul li .sub-nav li a:last-child{background-color:#3381CB !important;}
.nav-bottom ul li .sub-nav li a{padding: 3px 10px !important;line-height: 17px !important; color:#ffffff !important;text-transform:none;}
.nav-bottom ul li .sub-nav li a:hover{cursor:pointer; background-color:#FF931E !important;}
.background-b{background-color:#daeaf9}
.brand-title li{color:#0062BD; font-size:17px; line-height:18px;}
.brand-title li span{font-size:12px; color:#666666; display:block}
.gridBorder>.k-grid-content, .gridBorder>.k-grid-header, .gridBorder>.k-header, .gridBorder.k-grid td, .gridBorder.k-grid th, .gridBorder .k-grid-pager{border-color:#80b0de !important;}
.gridBorder{border-bottom:1px solid #80b0de !important;}
.grid-billing .k-delete, .grid-billing .dummy-delete {background-position: -35px -16px;}
.grid-session .k-delete, .grid-session .dummy-delete {background-position: -32px -16px;}
.recommended-prod{list-style-type:none;}
.recommended-prod li{padding-top:1px; padding-bottom:1px;}
.recommended-prod li:first-child{padding-left:0px;}
.recommended-prod li:last-child{padding-right:0px;}
.recommended-prod li .img-hold{height:77px; background-color:#fff; padding:5px;}
.recommended-prod li img{ width:100%; height:100%;}
.recommended-prod li{border-bottom:0px;}
.color-b{color:#0062BD;}
.tender-form-a label, .tender-form label{color:#666666;}
.tender-form-a input.k-input{border:0px; border-radius:0px; box-shadow:none; font-size:20px; text-align:left; padding:4px;}
.tender-form-a:last-child input.k-input{color:#FF931E;}
.consumer-form input.k-input, .consumer-form .k-combobox input.k-input{padding:0.5px 0px;}
.consumer-form .k-dropdown-wrap .k-select{padding:0px 2px;}
.consumer-form label{padding-top:3px !important;}
.scan-form input.k-input, .tender-form input.k-input{padding:3px 4px; text-indent:0px;}
.scan-form .k-combobox input.k-input, .tender-form .k-combobox input.k-input, .scan-form .k-picker-wrap input.k-input, .scan-form .k-numeric-wrap input.k-input, .scan-form .k-picker-wrap input.k-input, .scan-form .k-numeric-wrap input.k-input{padding:3px 4px;}
.scan-form .k-dropdown-wrap .k-select, .tender-form .k-dropdown-wrap .k-select{padding:2px;}
.margin-vertical-b{margin:12px 0px;}
.loyalty .tabs{margin-top:0px;}
.loyalty .tab-pane .nav-tabs{margin-left:0px !important;}
.loyalty .tabs .nav-tabs > li > a {border: 1px solid #A7CAF0 !important;}
.loyalty .tabs .nav-tabs > li:first-child > a{border-right:0px !important;}
.scan-form .checkbox label { display: inline-block;cursor: pointer;position: relative; margin:0; padding:0;padding-left: 25px;margin:11px 15px 0px 0px; background-color:transparent; float:left; line-height:12px;}
.scan-form .checkbox label:before {content: "";display: inline-block;width: 15px;height: 15px;margin-right: 10px;position: absolute;left: 0;bottom: -1px;background-color: #fff; border:1px #b2d0ed solid;border-radius: 3px;}
.min-height-intab{min-height:386px;}
.left-margin-c{margin-left:45px;}
.marginbottom-l{ margin-bottom:12px !important;}
.tab-intitle{ position:absolute; top:8px;}
.tab-intitle span{ font-size:17px; color:#0062BD; line-height:27px;}
.product-bg{background-color: #ffffff !important; min-height: 100px; height: 100px; padding: 5px; text-align: center;}
.product-bg img {height: 100%; max-width: 100%;}
.add-consumer, .add-consumer:hover, .add-consumer:focus{font-size: 9px;color: #FFF;background-color: #0062BD;float: left; padding: 2px 4px 3px 4px !important;}
.billing-header{display:none;}
.zindex{z-index:1001;}
.check-aval{position:absolute; z-index:9999; left:0; bottom:-7px; display:none;}
.min-height-b{min-height:497px;}
.table-row{display:table-row;}
.visibility-hidden{visibility:hidden;}
.proced-btn-position{position:absolute; bottom:0; right:0px; padding:0px 10px;}
.tender-table .tooltip-inner{background-color:#5a98d5;color:#ffffff;}
.tender-table .tooltip, .tender-table .tooltip.in{opacity:1;filter:alpha(opacity=100)}
.tender-table .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #5a98d5}
.tender-table .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #5a98d5}
.tender-table .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #5a98d5}
.tender-table .tooltip.right .tooltip-arrow{top:50%;left:0; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent;border-right:5px solid #5a98d5}
.tender-table .tooltip-arrow{position:absolute;width:0; height:0}
.item-title, .item-title-b{font-size: 17px; margin: 0px 0px 3px !important;padding: 0px 0px 5px;border-bottom: 1px solid #A7CAF0;color: #0062BD;}
.item-title-b{padding: 15px 0px 5px;border-top: 1px solid #a7caf0;}
.imgList-recmmendProduct {max-width: 384px;height:80px;}
#listView-recmmendProduct {	margin-bottom: -1px;min-height: 80px;background-color: #daeaf9; border: 0px;}
.imgList-recmmendProduct .product {float: left; position: relative; width: 31.6%; height: 78px; margin: 0px 1.98% 0px 0px; padding: 0;background-color: #fff;text-align:center;}
.imgList-recmmendProduct .product:last-child{margin-right:0px;}
.imgList-recmmendProduct .product img { max-width: 100%; height: 100%; padding: 8px;}

.imgList-recmmendProduct .product p {overflow:hidden; text-overflow:ellipsis; visibility: hidden; white-space:nowrap;}
.imgList-recmmendProduct .product:hover p { visibility: visible;position: absolute;width: 100%;height: 78px;top: 0;margin: 0;padding: 10px 5px;line-height: 20px;vertical-align: middle;	text-align: center;	color: #fff;background-color: rgba(0,0,0,0.75);	transition: background .2s linear, color .2s linear;-moz-transition: background .2s linear, color .2s linear;-webkit-transition: background .2s linear, color .2s linear;-o-transition: background .2s linear, color .2s linear;}
.imgList-recmmendProduct #pager{display:none;}
a.linkBill, a.linkBill:hover, a.linkBill:active{text-decoration:underline;}

/* Billing Page Styles ends*/
h1.gridtitle{font-size:12px; font-weight:bold; margin:15px 0px 8px 0px;}
#roleSearch, #locationSearch, #brandSearch, #categorySearch{padding-right:22px !important;}
.min-height-c{min-height:116px;}
.disabledButton{pointer-events: none;cursor: default;}
.enableButton{pointer-events: auto; cursor: default;}
.disableradiobtn label:before{cursor: not-allowed;}
.disableradiobtn label{color:#777;}
#connection{ min-width:45px;}
#cloading{ min-width:45px; min-height:45px;}
#dloading{ min-width:120px; background-color:#00FFFF; display:none;}
#tloading{ min-width:30px; background-color:#00CC99; display:none;}
.k-window-titlebar.k-header{border:0;}
.navbar-form{ margin:0; padding:0; border-top:0px;}
.navbar-form .form-control{ border-radius:0px; width:136px !important; border-top:0;}
.nav-tabs{ margin:0; padding:0; border:0; }
.nav-tabs .icon-bar{ display:block; width:24px; height:2px;border-radius:1px;background-color:#fff !important;}
.nav-tabs:hover .icon-bar, .nav-tabs button:focus .icon-bar{ background-color:#fff !important;}
.nav-tabs button{ background-color:#ff931e; padding:7px 10px 7px 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.nav-tabs button{ padding:7px 10px 7px 10px;}}
.nav-tabs button:hover, .nav-tabs button:focus{ background-color:#f16824 !important;}
.nav-tabs .navbar-collapse{ display:inline; min-width:145px;}
.nav-tabs .navbar-collapse .nav li a{  border-top:0px #FFFFFF solid; padding:3px 10px 3px 10px; background-color:#0062bd;}
.nav-tabs .navbar-collapse .nav .active a { cursor: default;pointer-events: none;background-color:#ff931e;}
.tabnav{margin-right:44px; float:left;}
.nav-tabs button{ border-right:1px #ff931e solid;}
.dropdown-menu>li:first-child>a{border-top:0px;}
.nav-tabs{ border:0; background-color:transparent}
.nav-tabs>li{ float:left;margin-bottom:-1px;}
.nav-tabs>li>a{ margin-right:0; border:1px solid #0062bd;  border-radius:0; background-color:transparent; z-index:1;  padding:5px 10px 4px 10px; background-color:transparent;}
.nav-tabs>li>a:hover{ background-color:#daeaf9;border:1px solid #0062bd;  border-bottom:0; color:#000000}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{ color:#000;background-color:#daeaf9;border:1px solid #0062bd; border-left:0; cursor:default;}
.nav-tabs>li>.nolink,.nav-tabs>li>.nolink:hover,.nav-tabs>li>.nolink:focus{ background-color:transparent !important;}
.nav-tabs.nav-justified{ width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{ float:none}
.nav-tabs.nav-justified>li>a{ text-align:center;margin-bottom:5px}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{ top:auto;left:auto}
.nav-tabs>li:first-child>a{ padding:0; margin:0; border:0;}
.tabs{ margin-top:-35px;}
.tabs .nav-tabs>li:first-child>a{padding:5px 10px 4px 10px; margin:0; border-left:1px #0062bd solid;}
.tabs .nav-tabs>li>a{border:1px solid #0062bd; border-left:0;}
.tab-content-in{ background-color:#daeaf9; padding:10px 0px 0px 0px; border:1px solid #0062bd; min-height:166px;}
.tab-pane legend{ margin-top:-34px;  text-align:right; margin-bottom:0; border-bottom:0; font-weight:normal !important; font-size:14px;}
.form-in legend, h2.form-title-a{ margin-top:0px !important; float:left;  text-align:left !important; border-bottom:0; font-size:12px; font-weight:bold !important; margin-bottom:10px;}
h2.form-title-a{margin-bottom:0px;}
.formplus{ font-size:14px !important; line-height:25px; font-weight:normal !important;}
.form-horizontal .control-label{ text-align:left; line-height:11px; padding-right:0;}
.form-space{ padding:0px 0 8px 0; margin-bottom:20px;}
.fieldset-space{padding:3px 0px 4px;}
.label-align label{text-align:left !important; padding-bottom:8px; margin-top:3px;}
.form-space-a{ padding:0px 0 8px 0; margin-bottom:10px;}
.form-group{margin-bottom:4px;}
.form-horizontal fieldset { padding:0 10px;}
.form-control{ background-color:#CC3399; display:block;padding:0px;font-size:12px;line-height:normal;background-color:#fff;background-image:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border:1px solid #a7caf0; border-radius:2px; height:auto;}
.form-control:focus{border-color:#a7caf0;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
 box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-transition: none; -webkit-transition: none;}
.form-control::-moz-placeholder{color:#949494;}
.form-control::-ms-input-placeholder{color:#949494}.form-control::-webkit-input-placeholder{color:#949494;}
/***kendo styles Starts***/
.k-widget.k-header.k-datepicker{border:0px !important;}
/*.k-widget.k-header.k-datepicker input{max-height:23px; height:23px;}*/
div[data-datepicker] input{height:25px; max-height:25px;}
.k-textbox>input,.k-autocomplete .k-input,.k-picker-wrap .k-input,.k-numeric-wrap .k-input,.k-dropdown-wrap .k-input,.k-selectbox .k-input{ text-indent:4px;border:0; border-radius:2px !important; margin:0 !important;}
.k-textbox,.k-autocomplete,.k-dropdown-wrap,.k-picker-wrap,.k-numeric-wrap{border-width:1px;border-style:solid;padding:0px 22px 0px 0px; margin-bottom:0;}
.k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-focused{ border-color:#a7caf0 !important;}
.k-dropdown.k-input { border: 0px !important; }
.k-dropdown-wrap span.k-input{ background-color: #ffffff; padding: 4px 0px 4px 0px; border: 0px; line-height:normal; height:23px;}
.k-autocomplete{border:0px;}
input.k-textbox, input.k-input, .k-autocomplete .k-input{ border:1px solid #a7caf0; padding:4px 0px; height:auto;line-height:normal; text-indent:4px;}
input.k-textbox:hover,input.k-textbox:focus{border-color:#a7caf0 !important;}
/* Numeric input Box */
.k-input.numeric{border: 0px !important;}
span.k-numeric-wrap.k-state-hover .k-input.numeric, span.k-numeric-wrap.k-state-focused .k-input.numeric{}
.k-numeric-wrap.k-expand-padding { padding-right: 0px; }
/* Numeric input Box End */
.k-combobox span.k-state-focused, .k-combobox  span.k-state-hover, .k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-hover{border-color:#a7caf0;  box-shadow:none !important;}
.k-button:active,.k-button.k-state-active { color: #ffffff; background-color: #ff931e; border-color: #daeaf9;}
.k-button:active:hover,.k-button.k-state-active:hover { color: #ffffff; border-color: #367fbd; background-color:#daeaf9; color:#0062bd;}
input.k-textbox { line-height:auto !important; height:auto;}
select.k-input{ padding:4px 0 4px 0; height:auto;}
.k-animation-container{overflow:visible; padding-bottom:2px !important;}
.k-animation-container .k-list-container .k-list .k-item.k-state-focused, .k-animation-container
.k-list-container .k-list .k-item.k-state-select{white-space: nowrap; overflow: visible; color:#000; background-color:#daeaf9;}
.k-animation-container .k-list-container .k-list .k-item{white-space: nowrap; overflow: visible;color:#000;}
.k-list-container.k-state-border-down,.k-autocomplete.k-state-border-down,.k-dropdown-wrap.k-state-border-down,.k-picker-wrap.k-state-border-down,.k-numeric-wrap.k-state-border-down{border-bottom:0px !important; padding-bottom:1px!important;}

.k-dropdown-wrap.k-state-border-down{padding-bottom:0px;}

.k-datepicker span.k-select{padding:4px 3px 3px 3px !important;}

.k-animation-container .k-list-container .k-list .k-item.k-state-focused, .k-animation-container .k-list-container .k-list .k-item.k-state-select, .k-list > .k-state-selected{white-space: nowrap; overflow: visible; color:#000; background-color:#daeaf9;} /* 11-08-15 style Updated */
.k-list > .k-state-selected{border-color:#a7caf0;} /* 11-08-15 style Add */

.k-animation-container .k-list-container .k-list .k-item{white-space: nowrap; overflow: visible; color:#000;}
/***kendo styles ends***/
/***Grid Starts***/
.k-button:hover {text-decoration:none;}
.k-header{padding:0px;}
.more .k-icon {background-image: none !important; display: none; }
.k-menu .k-header { border: 0px;}
html .km-pane-wrapper {background-color: transparent;}
.k-grid-pager{background-color:none !important;}
.k-state{ background-color:#99CC00}
.k-state-selected{ background-color:#0062bd;}
.k-overlay{ position:fixed;top:0;left:0;z-index:10001;width:100%;height:100%; background-color:rgba(0, 0, 0, .4) !important;}
/* styles for validation tooltip */
.k-tooltip-validation{ background-color:#fdefba !important;  background-image:none!important; text-align:left !important; border:0; z-index:0;}
.k-tooltip-validation .k-icon{ display:none;}
.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg { margin:2px 0px !important; }
/* 27/07/15 Edit Start */
.k-tooltip-validation.k-invalid-msg{ border-color: #555; background-color: transparent; color: #555;white-space: nowrap; position: absolute; z-index:1;
margin: 0px !important; padding: 3px 5px;}
/* 27/07/15 Edit End */

.popup-content .k-tooltip-validation.k-invalid-msg{z-index:99999}
/* styles for validation tooltip Ends*/
.k-animation-container div.k-widget.k-tooltip {border:none !important; background-color: #fdefba !important; color:#000 !important;}
.k-button{border-style:none;}
.k-button-icontext .k-icon{ margin:0;}
.k-button-icontext{ padding:0;}
.k-grid-update{ margin-right:2px;}
.command-template, .command-template-edit, .command-template-delete { display:none;}
.k-grid th{ background-color:#a7caf0 !important;}
.grid{ border:0px #0062bd solid;}
.grid-employee{ border:0px #0062bd solid;}
td.k-state-focused{ box-shadow:none;}
td span.k-dropdown .k-state-focused, td input{  box-shadow:none; border:#a7caf0;}
.k-header, .k-widget, .k-grid td, .k-pager-wrap, .k-toolbar {border-color: #0062bd;}
.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link,.k-grid-header .k-header{color:#000000;}
.k-edit-cell .k-input{ background-color:#ffffff; height:auto; border:1px solid #a7caf0;}
.k-edit-cell .k-datepicker input{border:0px !important;}
.k-edit-cell .k-select { background-color:#a7caf0 !important; padding-top:0px !important; padding-bottom:0px !important;}
.k-edit-cell .k-dropdown .k-state-focused{ padding:0px 0px !important;}
.k-dropdown-wrap, .k-state-default, .k-state-active, .k-state-border-down, .k-state-hover, .k-state-focused{ box-shadow:none !important; border-color:#a7caf0 !important; }
.k-grid table tr.k-state-selected{ color: #000;}
.k-state{color: #000; }
.k-state-selected{ background-color:#0062bd; border-collapse: collapse; background-color:#00FF99;}
.k-grid-content table tr.k-grid-edit-row{ color: #000;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;box-sizing:border-box;}
.k-grid-edit-row .k-grid-update, .k-grid-edit-row .k-grid-cancel{line-height:18px;}
.k-grid-content table tr.k-grid-edit-row td:first-child, .grid-billing .k-grid-content table tr.k-state-selected td:first-child {box-shadow:inset 0px 12px 0px -10px #ff931e,inset 0px -12px 0px -10px #ff931e,inset 12px 0px 0px -10px #ff931e;}
.k-grid-content table tr.k-grid-edit-row td, .grid-billing .k-grid-content table tr.k-state-selected td {box-shadow:inset 0px 12px 0px -10px #ff931e,inset 0px -12px 0px -10px #ff931e;}
.k-grid-content table tr.k-grid-edit-row td:last-child, .grid-billing .k-grid-content table tr.k-state-selected td:last-child  {box-shadow:inset 0px 12px 0px -10px #ff931e,inset 0px -12px 0px -10px #ff931e,inset -12px 0px 0px -10px #ff931e;}
.grid-billing .k-grid-content table tr { cursor: pointer;}
.custom-toolbar{ float: right; border: none !important; background: transparent !important; text-decoration: underline !important;}
/* grid combo */
.k-combobox, span.k-timepicker, span.k-datetimepicker{border:0px;}
/* styles for no data message for charts  */
.custom-overlay {width: 100%;height: 100%; position: absolute;top: 0; left: 0;opacity: .7;filter: alpha(opacity=70);background-color: #fff; font-size:10px;}
#message{position: absolute; left: 43%; top: 38.5%;}
/* styles for no data message for charts ends  */
.grid-billing-discount .k-grid-edit-row .k-combobox input.k-input{padding: 4px 0px 3px;}
/* grid combo end */
.k-edit-cell .k-select span.k-icon.k-i-arrow-s {padding-top: 0px;padding-bottom: 0px;margin: 4px 0px 3px;}



@media screen and (-webkit-min-device-pixel-ratio:0) {.k-combobox input.k-input,.k-numeric-wrap input.k-input, .k-dropdown-wrap span.k-input{padding:0.375em 0px !important;height: 23px !important;border: 0px; line-height:normal !important;}  input.k-textbox, input.k-input { border:1px solid #a7caf0; padding:.375em 0px !important; height:auto !important;line-height:normal !important; text-indent:4px;}.chart-title .k-combobox input.k-input{padding: 1px 0px 1px 0px !important;border: 0px; line-height:16px !important;}.chart-title .k-dropdown-wrap .k-select{padding:0px 3px;} .k-datepicker span input.k-input{padding: 0.375em 0em;height: auto !important;border: 0px none;line-height: normal !important;} .nav-bottom .nav li>a>i{line-height:27px;} .nav-bottom .nav li>a{line-height:17px;} .logo {padding: 2px 18px 1px 18px;} .top-nav-a>li>a{padding: 6px 5px 5px;} .consumer-form input.k-input, .consumer-form .k-combobox input.k-input{padding:0.081em 0px !important;} .scan-form input.k-input, .tender-form input.k-input{padding:0.29em 4px !important; text-indent:0px;} .scan-form .k-combobox input.k-input, .tender-form .k-combobox input.k-input, .scan-form .k-picker-wrap input.k-input, .scan-form .k-numeric-wrap input.k-input{padding:0.29em 4px !important;} .margin-b{margin:13px 0px 21px;} .tender-form-a input.k-input{padding:0.250em !important;} .proceed-btn-b li button{ line-height:14px !important;}

/*.grid-billing-discount .k-grid-edit-row .k-combobox input.k-input {padding: 3px 0px 3px !important;}*/
.k-edit-cell .k-select span.k-icon.k-i-arrow-s {margin: 2px 0px 2px !important;}
/*.grid-billing-discount .k-grid-edit-row input.k-textbox, .grid-billing-discount .k-grid-edit-row input.k-input{padding:3px 0px 3px !important;}*/.k-grid-edit-row .k-grid-update, .k-grid-edit-row .k-grid-cancel{line-height:22px; float: left; padding-top: 1px;} .k-grid-edit-row .k-grid-cancel span.k-cancel{background-position: -32px -49px;} img.logo-img{padding:6px 5px;}
.k-grid input.k-textbox, .k-grid input.k-input { border: 1px solid #a7caf0; padding: .35em 0px !important; height: auto !important; line-height: normal !important;  text-indent: 4px;}
.k-combobox input.k-input, .k-numeric-wrap input.k-input, .k-dropdown-wrap span.k-input { padding: 0.375em 0px !important; border: 0px; line-height: normal !important;}
input.form-control{height:25px; max-height:25px;}
.add-consumer, .add-consumer:hover, .add-consumer:focus {padding: 3px 4px 3px 4.5px !important;}

.grid-billing-discount .k-grid-edit-row .k-combobox input.k-input {padding: 0.35em 0px !important;}
.grid-billing-discount .k-grid-edit-row .k-combobox .k-select{padding: 0.07em 3px !important;}
.min-height-b-md{min-height:254px !important; max-height:254px !important;}
.top-nav-a>li:first-child >a{line-height:24px;}
.top-nav-a>li>a{line-height:17px;}
}

@media all and (-ms-high-contrast: none) {.consumer-form input.k-input, .consumer-form .k-combobox input.k-input{padding:1.1px 0px !important;} .scan-form input.k-input, .tender-form input.k-input { padding: 3.6px 4px; text-indent: 0px;}.scan-form .k-combobox input.k-input, .tender-form .k-combobox input.k-input, .scan-form .k-picker-wrap input.k-input, .scan-form .k-numeric-wrap input.k-input, .scan-form .k-picker-wrap input.k-input, .scan-form .k-numeric-wrap input.k-input {padding: 3.6px 4px;} input[type=radio]:checked + label:before {content: "\2022";color: #000;font-size: 35px;text-align:center; line-height: 15px;}}

.consumer-form input.k-input, .consumer-form .k-combobox input.k-input{padding:1.1px 0px\9;}
.scan-form .k-combobox input.k-input, .tender-form .k-combobox input.k-input, .scan-form .k-picker-wrap input.k-input, .scan-form .k-numeric-wrap input.k-input, .scan-form .k-picker-wrap input.k-input, .scan-form .k-numeric-wrap input.k-input,  .scan-form input.k-input, .tender-form input.k-input {padding: 3.6px 4px\9;}
.k-grid-header, .k-grid-content{ border-top:0px;border-bottom:0px !important; border-left:1px; border-right:1px; border-style:solid; border-color:#0062bd;}
.k-grid-header{ background-color:#a7caf0 !important;}
.k-grid-toolbar{  padding-top:0px !important;padding-bottom:0px !important; height:auto !important; margin:0; }
.k-grid-header .k-header{ height:26px; padding-top:0 !important;padding-bottom:0 !important;}
.k-grid-header .k-header{white-space:normal; line-height:12px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {.k-grid-header .k-header{ height:26px;}}
.tab-height-a{min-height:105px;}
.tab-height-b{min-height:319px;}
.tab-height-c{min-height:137px;}
.tab-height-d{min-height:346px;}
.tab-height-e{min-height:169px;}
.tab-height-f{min-height:459px;}

.k-grid-content .k-button {min-width: 10px !important; background-color: transparent !important;}
.k-grid-content>table>tbody>tr{ background:#f2f7fd;border:0px !important;}
.k-grid-content>table>tbody>.k-alt{ background:#daeaf9;}
.k-grid-edit-row td{ padding-top:4px !important; padding-bottom:4px !important;}
.k-grid-toolbar .k-button{ margin:0px; border:1px #0062bd solid; margin-right:1px; border-bottom:0; padding:3px 10px 3px 9px; margin-right:-1px;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; height:27px;}
.k-grid-toolbar .k-button:active,.k-grid-toolbar .k-button:focus{ background-color:#daeaf9; color:#0062bd; text-decoration:none;}
/*.k-grid td{ overflow:hidden; white-space:nowrap; line-height:18px !important; padding-top:7px;  padding-bottom:7px; text-overflow:ellipsis !important; width:auto !important;}*/

/* 27/07/15 edit Start */
.k-grid td{white-space:nowrap; line-height:18px !important; padding-top:7px;  padding-bottom:7px; overflow-x:hidden; overflow-y:hidden; text-overflow:ellipsis !important; width:auto !important;}
/* 27/07/15 edit End */

.k-grid .k-input{ padding:0.30em 0px;}
.k-grid-edit,.chkbx{padding-top:0px !important; padding-bottom:0px !important; line-height:0px !important}
.details .k-button{ background-color:transparent !important; border-radius:0; border:1px #3080ca solid; padding:0 4px; margin:0; text-decoration:none; color:#0062bd; line-height:20px;}
.details{ padding-top:0px !important; padding-bottom:0px !important; }
.k-grid-edit-row .details{ padding-top:0px !important; padding-bottom:0px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {}
.k-grid table{border-collapse: collapse;}
.k-calendar td.k-state-selected, .k-calendar td.k-state-focused{ background-color:#daeaf9; border:0px;}
/** for grid edit and update styles start **/
.grid .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-selected{border-color:#a7caf0 !important;}
.grid .k-edit-cell.k-select span.k-icon.k-i-arrow-s {padding-top:0px !important; padding-bottom:0px !important; margin:3px 0px 4px 0px!important;}
.grid .k-button.k-button-icontext.k-primary.k-grid-update, .k-button.k-button-icontext.k-grid-cancel{color:#0062bd;border:0px !important; padding:0px;}
.k-grid-update .k-update{ margin-top:1px;}
/** for grid edit and update styles end **/
.grid .k-button.k-button-icontext.k-grid-edit, .k-button.k-button-icontext.k-grid-delete{border:0px; background-color:#ccc; padding:0px;}
.k-pager-wrap.k-grid-pager span.k-dropdown-wrap.k-state-focused{border:1px solid #a7caf0 !important; padding-bottom:0px !important;}
.k-grid-pager{border:1px solid #0062bd;background-color:none !important;}
.k-pager-wrap.k-grid-pager.k-widget{ padding-top:6px;}
.k-pager-numbers li span.k-state-selected{ background-color: #a7caf0; border:1px solid #a7caf0 !important; color:#000000}
.k-pager-wrap .k-input{ background-color:#ffffff; height:auto !important;}
.k-grid-pager .k-dropdown .k-state-focused{border-color:#a7caf0 !important; border:0 !important;}
/** Grid Ends **/
div.k-window{ background-color:transparent !important; border:0 !important;box-shadow:none;}
div.k-window-content, div.k-window-content:focus{ background-color:transparent !important; border:0  !important; box-shadow:none;}
.alert-win{ z-index:1; position:relative;}
.alert-win .row{  background-color:transparent !important;}
.alert-win .alert-bg{ background-color:rgba(255,255,255,1.00); padding:15px; float:left; border:1px #a7caf0 solid; position:relative;}
.alert-win .table{ border-bottom:1px #a7caf0 solid; padding:8px 0; margin-bottom:8px;}
.alert-win .table-cell{ vertical-align:top;}
.alert-win .table-cell:first-child{ padding-right:20px;}
.alert-win .table-cell:last-child{ padding-right:50px;}
.alert-win .col-sm-4{ word-wrap: break-word; white-space:nowrap;}
.alert-win i{ font-size:42px;}
.alert-win h3 { padding:0; margin:0; text-transform:uppercase; font-size:14px; line-height:11px;text-align:center;}
.alert-win p{ margin:0; padding:0;}
.alert-win fieldset{ text-align:center;}
.alert-win button{color:#FFFFFF !important;text-decoration:none !important;background-color:#ff931e; border:0; padding:8px 20px; margin:0 10px; min-width:100px;}
.alert-win button:focus{-moz-box-shadow:inset 0 0 0 1px #0062BD;-webkit-box-shadow: inset 0 0 0 1px #0062BD;box-shadow:inset 0 0 0 1px #0062BD;outline: 1px dotted #0062bd; outline-offset:-4px;}
.circle1{-webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; padding:18px 14px 12px 14px;}
.popup-bg{ background-color:#daeaf9; float:left; border:1px #0062bd solid;}
.popup-header, .popup-header-b{ background-color:#a7caf0 !important; }
.popup-header h3, .popup-header-b h3{  text-transform:none; padding:8px 0; margin:0; text-align:center; font-weight:normal !important; font-size:12px !important; color:#000;}
.popup-header-b h3{padding:2px 0px;}
.popup-header i, .popup-header-b i{ margin:0; padding:0; line-height:4px;font-size:14px !important; margin-top:4px; font-weight:normal;}
.popup-content{ padding:10px 10px;} /* 10-08-15 Style Updated */
.popup-content-a{ padding:0px 10px 15px;}
.popup-content-b{padding:8px 0px 4px;}
.popup-content legend{ font-size:12px; font-weight:bold; margin-bottom:10px; margin-left:5px;}
.popup-header i{ float:right; cursor:pointer;padding:8px 0 10px 0;}
.popup-img .k-dropzone{ padding:0;}
.k-warning{ margin-left:10px;}
.action-buttons{padding:0px 10px;}
.action-buttons ul{float:right;}
button.cancel-text{color:#0062BD !important; text-decoration:underline !important;}
.k-upload-files .k-icon.k-i-txt, .k-upload-files .k-icon.k-i-png, .k-upload-files .k-icon.k-i-jpg{display:none;}
.upload-doc{min-width:129; height:119px; background-color:#fff;}
.k-list-container.k-state-border-up,.k-autocomplete.k-state-border-up,.k-dropdown-wrap.k-state-border-up,.k-picker-wrap.k-state-border-up,.k-numeric-wrap.k-state-border-up{border-top:0px !important;padding-top:1px !important; padding-bottom:0px !important;}
.datetime{ float:right;}
.k-grid td .grid-checkbox{ height:14px;width:14px; }
.k-combobox input.k-input,.k-picker-wrap input.k-input, .k-numeric-wrap input.k-input{padding: 4px 0px 4px 0px;height: auto !important;border: 0px; line-height:normal !important;}
.k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-selected{border-color:#a7caf0 !important;}
.k-button.k-button-icontext.k-grid-edit, .k-button.k-button-icontext.k-grid-delete{border:0px; background-color:#ccc; padding:0px;}
/* Table's Styles Start */

.itemDetails table{width: 100%; margin-bottom:0px; border:1px solid #80b0de; height:232px; border-left:1px solid #80b0de;}

.overflow-table, .overflow-table-barcode{height:152px; border:1px solid #80b0de}
.overflow-table-b{height:122px !important; border:1px solid #80b0de}
.overflow-table-barcode{height:153px;}
.tender-table table, .applicable-offers table, .stock-avail-table table, .barcode-popup table { height:121px !important; width: 100%; margin-bottom:0px;}
.stock-avail-table table{background-color:#A7CBF0;}
.tender-table table td, .applicable-offers table td, .stock-avail-table table td, .barcode-popup table td{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tender-table tbody, .stock-avail-table .table tbody, .barcode-popup tbody{height:124px !important;overflow: auto; overflow-y: scroll; background-color:#fff; position:absolute\9;}
.barcode-popup tbody{height:125px !important;}
.applicable-offers .table tbody{height:94px; background-color:#fff; overflow-y:scroll;}
.applicable-offers .table tbody{ position:absolute\9;}
.itemDetails thead, .itemDetails tbody, .itemDetails tr, .itemDetails td, .itemDetails th, .tender-table thead, .tender-table tbody, .tender-table tr, .tender-table td, .tender-table th, .applicable-offers thead, .applicable-offers tbody, .applicable-offers tr, .applicable-offers td, .applicable-offers th, .stock-avail-table thead, .stock-avail-table tbody, .stock-avail-table tr, .stock-avail-table td, .stock-avail-table th, .barcode-popup thead, .barcode-popup tbody, .barcode-popup tr, .barcode-popup td, .barcode-popup th{ display: block; }
.itemDetails tr:after, .tender-table tr:after, .applicable-offers tr:after, .stock-avail-table tr:after, .barcode-popup tr:after{content: ' ';display: block;visibility: hidden;clear: both;}
.itemDetails thead, .tender-table thead, .applicable-offers thead, .stock-avail-table thead, .barcode-popup thead{background-color:#a7cbf0; width:360px\9;}
.itemDetails th, .tender-table th, .applicable-offers th, .stock-avail-table th, .barcode-popup th{height:26px;line-height:12px !important;font-weight:normal; padding-top:0px !important; padding-bottom:0px !important;}
.itemDetails .table > thead > tr > th, .tender-table .table > thead > tr > th, .applicable-offers .table > thead > tr > th, .stock-avail-table .table > thead > tr > th, .barcode-popup .table > thead > tr > th{vertical-align:middle;}
.itemDetails tbody {height:232px;overflow: auto;overflow-x: auto;overflow-y: scroll; background-color:#fff;}
.itemDetails .table-striped>tbody>tr:nth-child(odd)>td, .tender-table .table-striped>tbody>tr:nth-child(odd)>td, .applicable-offers .table-striped>tbody>tr:nth-child(odd)>td, .stock-avail-table .table-striped>tbody>tr:nth-child(odd)>td, .barcode-popup .table-striped>tbody>tr:nth-child(odd)>td{background-color: #f2f7fd;}
.itemDetails .table-striped>tbody>tr:nth-child(even)>td, .tender-table .table-striped>tbody>tr:nth-child(even)>td, .applicable-offers .table-striped>tbody>tr:nth-child(even)>td, .stock-avail-table .table-striped>tbody>tr:nth-child(even)>td, .barcode-popup .table-striped>tbody>tr:nth-child(even)>td{background-color: #daeaf9;}
.itemDetails tbody td{overflow:hidden;text-overflow:ellipsis;}
.itemDetails table.table.table-condensed {border: 1px solid #0062bd;}
.itemDetails .table>tbody>tr>td, .itemDetails .table>thead>tr>th, .tender-table .table>tbody>tr>td, .tender-table .table>thead>tr>th, .applicable-offers .table>tbody>tr>td, .applicable-offers .table>thead>tr>th, .stock-avail-table .table>tbody>tr>td, .stock-avail-table .table>thead>tr>th, .barcode-popup .table>tbody>tr>td, .barcode-popup .table>thead>tr>th{ border: 0px solid black;}
.itemDetails .table>tbody>tr>td, .tender-table .table>tbody>tr>td, .applicable-offers .table>tbody>tr>td, .stock-avail-table .table>tbody>tr>td, .barcode-popup .table>tbody>tr>td{padding-top:7px; padding-bottom:7px;}

.itemDetails .table>tbody>tr>td, .itemDetails .table>thead>tr>th, .table>thead>tr>th{border-left:1px solid #80b0de;} /* 11-08-15  edit */

.tender-table .table>tbody>tr>td, .tender-table .table>thead>tr>th, .applicable-offers .table>tbody>tr>td, .applicable-offers .table>thead>tr>th, .stock-avail-table .table>tbody>tr>td, .stock-avail-table .table>thead>tr>th, .barcode-popup .table>tbody>tr>td, .barcode-popup .table>thead>tr>th{border-left:1px solid #80B0DE;}
.itemDetails td:first-child, .itemDetails th:first-child, .tender-table td:first-child, .tender-table th:first-child, .applicable-offers td:first-child, .applicable-offers th:first-child, .stock-avail-table td:first-child, .stock-avail-table th:first-child, .barcode-popup td:first-child, .barcode-popup th:first-child{border:0px !important;}
.tender-table .glyphicon{color:#3080CA}
.itemDetails .table>thead>tr>th{background-color:#a7caf0;}
.applicable-offers table .checkbox label, .barcode-popup table .checkbox label {display: inline-block;cursor: pointer;position: relative;margin: 8px 15px 0px 0px;padding: 0px 0px 0px 25px;  background-color: #808080; float: left;}
.applicable-offers table .checkbox{min-height:0px;}
.applicable-offers table input[type=checkbox]:checked + label:before {content: "\2713";font-size: 11px;color: #fff;text-align: center;line-height: 14px;background-color:#3ab54b;border: 0px #b2d0ed solid;width: 15px;height: 15px;}
.applicable-offers table .checkbox label:before {margin-right: 10px;margin-left: 17px;}
.barcode-popup table .checkbox{min-height:0px; padding-top:0px; margin-left:4px;}
.barcode-popup table .checkbox label {margin: 15px 0px 0px 0px;}
.itemDetails .table thead th.col-1, .itemDetails .table tbody td.col-1{width: 143px;}
.itemDetails thead th.col-1:first-child, .itemDetails tbody td.col-1:first-child{width: 130px;}
.itemDetails thead th.col-2, .itemDetails tbody td.col-2{width: 80px; text-align:right;}

/*
.tender-table .table thead th.col-1, .tender-table .table tbody td.col-1{width: 81px; max-width:81px;}
.tender-table .table thead th.col-2, .tender-table .table tbody td.col-2{width: 33px; max-width:33px}
.tender-table .table thead th.col-3, .tender-table .table tbody td.col-3{width: 112px; max-width:112px;}*/

.tender-table .table thead th.col-1, .tender-table .table tbody td.col-1 {max-width: 78px; width: 78px;}
.tender-table .table thead th.col-2, .tender-table .table tbody td.col-2 {max-width: 30px; width: 30px;}
.tender-table .table thead th.col-3, .tender-table .table tbody td.col-3 {max-width: 70px; width: 70px;}
.tender-table .table thead th.col-4, .tender-table .table tbody td.col-4 {max-width: 49px; width: 49px;}
.tender-table .table thead th.col-5, .tender-table .table tbody td.col-5 {max-width: 68px; width: 68px;}



.applicable-offers .table thead th.col-1, .applicable-offers .table tbody td.col-1{width: 101px; max-width:101px;}
.applicable-offers .table thead th.col-2, .applicable-offers .table tbody td.col-2{width: 180px; max-width:180px;}
.applicable-offers .table thead th.col-3, .applicable-offers .table tbody td.col-3{width: 59px; max-width:59px;}
/* 10-08-15 Style Start */
.stock-avail-table .table thead th.col-1, .stock-avail-table .table tbody td.col-1{width: 124px; max-width:124px;}
.stock-avail-table .table thead th.col-2, .stock-avail-table .table tbody td.col-2{width: 70px; max-width:70px}
/* 10-08-15 Style End */
.barcode-popup .table thead th.col-1, .barcode-popup .table tbody td.col-1{width: 120px; max-width:120px;}
.barcode-popup .table thead th.col-2, .barcode-popup .table tbody td.col-2{width: 215px; max-width:215px}
.barcode-popup .table thead th.col-3, .barcode-popup .table tbody td.col-3{width: 69px; max-width:69px; text-align:right;}
.barcode-popup .table thead th.col-4, .barcode-popup .table tbody td.col-4{width: 60px; max-width:60px;}
.barcode-popup .table tbody td.col-4{text-align:center;}
.barcode-popup .table thead th.col-5, .barcode-popup .table tbody td.col-5{width: 37px; max-width:37px;}
thead th.col-a,  tbody td.col-a{width: 163px;}
thead th.col-a:first-child,  tbody td.col-a:first-child{width: 150px;}
thead th.col-b, tbody td.col-b{width: 235px;}
thead th.col-c, tbody td.col-c{width: 108px; text-align:right;}
/* Table's Styles Ends */

/** Consumer Insight Styles Starts **/
.page-title-t3{font-size: 22px; padding: 2px 13px 0px 14px; float:left; text-transform:normal; font-weight:normal; color:#BDD8F5 !important; line-height:33px;}
.page-title-t4, .page-title-t5{font-size: 20px; max-width: 125px; float: left; font-weight: normal; color: #BDD8F5 !important; line-height: 35px; border-left: 1px solid #FFF; margin-left: 44px; padding: 0px 16px;}
.page-title-t5{width:100%; max-width:126px; border-right:1px solid #FFF; text-align:center; margin-top:0px; margin-bottom:0px;}
ul.line-height-none li a{line-height:normal !important;}
.consumer-details>h1.title{ color:#666666; margin:8px 0px 5px;}
.consumer-details>h1.title{float:left; font-size:17px; line-height: 34px;}
.consumer-details>h3.details{float: right; vertical-align: bottom; font-size: 12px; color: #000; margin: 10px 0px 5px;}
.consumer-details span.mobile-no{line-height:20px; display:inherit;}
.consumer-details .photo { height: 35px; border: 1px solid #666; padding: 2px 5px; margin-top: 7px;}
.consumer-details .photo img{width:100%; height:100%;}
.min-height-d{height:449px;}
.chart-container{border:1px solid #a7cbf0; background-color:#fff;}
.legend-count{position:absolute; z-index:1; right:5px; top:20px; font-size:11px;} /** edit on 01-09-15 for reduce right from 10 to 5 **/
.legend-guest p, .legend-guest-a p, .legend-guest-b p{color:#0061bd;}
.legend-val{display:block;}
.legend-val-a{display:inline; padding-left:5px;}
.legend-guest-a{margin:6px 0px 20px;}
.legend-storeavg-a{padding:7px 0px;}
.legend-guest-b p{text-align:left;}
.relative{position:relative;}
.menu-c .tabs{margin-top:0px;}
.menu-c ul.nav-tabs{float:right;}
.menu-c ul.nav-tabs>li>a {font-size:14px; color: #666; background-color: transparent; padding: 14px 0px 13px 0px; border: 0px; border-radius: 0;z-index: 0;} /** 27-10-15 eDITED **/
.menu-c ul.nav-tabs>li.active>a{color:#0060BC;}
.menu-c ul.nav-tabs>li.active>a, .menu-c ul.nav-tabs>li.active>a:hover, .menu-c ul.nav-tabs>li.active>a:focus { color: #0060BC; background-color:transparent !important; border: 0px solid #0062bd; border-left: 0; cursor: default;}
.menu-c ul.nav-tabs>li{margin: 0px 10px 0px 10px;}
.menu-c ul.nav-tabs>li:last-child{margin-right:0px;}
.menu-c ul.nav-tabs>li:hover a{background-color:transparent;}
.menu-c ul.nav-tabs>li.active{border-bottom:1px solid #0062BD;}
.Products h1.title, .Returns h1.title, .Bills h1.title, .Feedback h1.title, .Cart h1.title, .Products h2.sub-title, .Returns h2.sub-title, .Bills h2.sub-title, .Feedback h2.sub-title, .Cart h2.sub-title{font-size:18px; color:#0062bd; margin-top:0px; margin-bottom:0px; border-bottom:1px solid #0062bd; line-height: 42px;}
.Products h2.sub-title, .Returns h2.sub-title, .Bills h2.sub-title, .Feedback h2.sub-title, .Cart h2.sub-title{ font-size:17px; border-bottom:0px;}
.menuTabs{overflow: hidden; position: relative; height: 335px;}
.UpArrow, #UpArrow, #UpArrow-a, #UpArrow-b, #UpArrow-c, .DownArrow, #DownArrow, #DownArrow-a, #DownArrow-b, #DownArrow-b, #DownArrow-c{float: none; cursor:pointer; font-size:18px; color:#80B0DE; font-weight:bold; background-color:transparent; text-align:center; line-height:14px; }
.UpArrow>i.glyphicon, #UpArrow>i.glyphicon, #UpArrow-a>i.glyphicon, #UpArrow-b>i.glyphicon, #UpArrow-c>i.glyphicon{-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg);}
.DownArrow>i.glyphicon, #DownArrow>i.glyphicon, #DownArrow-a>i.glyphicon, #DownArrow-b>i.glyphicon, #DownArrow-c>i.glyphicon{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); transform: rotate(90deg);}
.UpArrow, .DownArrow, #UpArrow, #DownArrow{width:119px;}
#UpArrow-a, #DownArrow-a, #UpArrow-b, #DownArrow-b, #UpArrow-c, #DownArrow-c{width:68px;}
.menu-gallery ul.nav-tabs, .menu-gallery-a ul.nav-tabs, .menu-gallery-c ul.nav-tabs, .menu-gallery-d ul.nav-tabs{float:none; margin-left:0px !important;}
.menu-gallery ul.nav-tabs>li{float: none;width: 119px;height: 105px;margin: 3px 3px 6px 3px;font-size: 12px; color: #000;text-align: center;line-height: 25px;background-color: #fff;}
.menu-gallery ul.nav-tabs>li>a, .menu-gallery ul.nav-tabs>li.active>a{padding: 13px !important; border: 1px solid transparent; position: relative;}
.menu-gallery ul.nav-tabs>li:first-child>a { border: 1px solid transparent;}
.menu-gallery ul.nav-tabs>li.active>a, .menu-gallery ul.nav-tabs>li.active>a:hover, .menu-gallery ul.nav-tabs>li.active>a:focus {border:1px solid #FF931E}
.menu-gallery ul.nav-tabs>li.active {border: 0px;}
.menu-gallery ul.nav-tabs>li.active>a:after, .menu-gallery-a ul.nav-tabs>li.active>a:after, .menu-gallery-d ul.nav-tabs>li.active>a:after{content:''; position:absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #FF931E; right:-10px;}
.menu-gallery-a ul.nav-tabs>li.active>a:after{right:-9px;}
.menu-gallery ul.nav-tabs>li.active>a:after{top:43px;}
.menu-gallery-a ul.nav-tabs>li>a, .menu-gallery-a ul.nav-tabs>li.active>a{position: relative;  display:inline-block;}
.menu-gallery-a ul.nav-tabs>li>a{ background-image:url(../images/bill_bg.png); background-repeat:no-repeat; background-size:100%; min-height:61px; text-decoration:none; padding:0px 10px; text-align:center !important;}
.menu-gallery-a ul.nav-tabs>li.active>a{color:#80b0de !important;background-image:url(../images/bill_bg_select.png); background-repeat:no-repeat;width: 62px; background-size: 100% 99%;}
.menu-gallery-a ul.nav-tabs>li, .menu-gallery-c ul.nav-tabs>li, .menu-gallery-d ul.nav-tabs>li{float: none; width: 62px; height: 61px; margin: 4px 3px 6px 3px; font-size: 12px; text-align: center; line-height: 25px;}
.menu-gallery-c ul.nav-tabs>li, .menu-gallery-d ul.nav-tabs>li{margin: 3px 3px 6px 3px;}
.menu-gallery-a ul.nav-tabs>li.active>a:after, .menu-gallery-d ul.nav-tabs>li.active>a:after{top:20px;}
.menu-gallery-a ul.nav-tabs>li, .menu-gallery-a ul.nav-tabs>li:first-child>a, .menu-gallery-a ul.nav-tabs>li.active {border: 0px;}
.menu-gallery-a ul.nav-tabs>li>a{padding:0px 10px !important; text-align:center !important;}
.menu-gallery-a ul.nav-tabs>li p.title-a {color: #fff;font-weight: bold;font-size: 18px;margin: 10px 0px 6px;}
.menu-gallery-a ul.nav-tabs>li.active>a p.title-a{ color: #80b0de;}
.menu-gallery-a ul.nav-tabs>li span.count { color: #80b0de; font-weight: bold; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: block; text-align: right; line-height: 18px; font-size:12px;}
.menu-gallery-a ul.nav-tabs>li.active>a span.count{border-top:1px solid #80b0de; border-bottom:1px solid #80b0de;}
.menu-gallery-c ul.nav-tabs>li>a, .menu-gallery-c ul.nav-tabs>li>a:hover,.menu-gallery-c ul.nav-tabs>li>a:focus, .menu-gallery-d ul.nav-tabs>li>a, .menu-gallery-d ul.nav-tabs>li>a:hover,.menu-gallery-d ul.nav-tabs>li>a:focus { min-height:61px; text-decoration:none; background-color:#d9e7f5; padding:0px 0px;}
.menu-gallery-c ul.nav-tabs>li.active>a, .menu-gallery-d ul.nav-tabs>li.active>a{background-color:#fff;}
.menu-gallery-c ul.nav-tabs>li>a, .menu-gallery-c ul.nav-tabs>li.active>a, .menu-gallery-d ul.nav-tabs>li>a, .menu-gallery-d ul.nav-tabs>li.active>a{padding:0px 0px !important; border: 1px solid transparent; position: relative;}
.menu-gallery-c ul.nav-tabs>li:first-child>a, .menu-gallery-d ul.nav-tabs>li:first-child>a { border: 1px solid transparent;}
.menu-gallery-c ul.nav-tabs>li.active>a, .menu-gallery-d ul.nav-tabs>li.active>a {border:1px solid #FF931E !important;}
.menu-gallery-c ul.nav-tabs>li.active, .menu-gallery-d ul.nav-tabs>li.active {border: 0px;}
.menu-gallery-c ul.nav-tabs>li>a, .menu-gallery-c ul.nav-tabs>li.active>a, .menu-gallery-d ul.nav-tabs>li>a, .menu-gallery-d ul.nav-tabs>li.active>a{position: relative; display:block;}
.menu-gallery-c ul.nav-tabs>li>a .gallery-desc { position: absolute; width: 60px; height: 61px;background-image: url(../images/feedback_icon.png); background-repeat: no-repeat; background-size: 74%; padding: 0px 8px;background-position: 48% 73%; display:block;}
.menu-gallery-c ul.nav-tabs>li>a .gallery-desc p.title-b{ font-size: 14px; color: #fff; font-weight: bold;  text-align: left; line-height: 14px; margin: 5px 0px 6px;}
.menu-gallery-c ul.nav-tabs>li.active>a p.title-b {color: #80b0de;}
.menu-gallery-c ul.nav-tabs>li>a .gallery-desc span.count{font-size:12px;color: #80b0de;font-weight: bold;  display: block; text-align: left; line-height: 5px;}
.menu-gallery-d ul.nav-tabs>li>a .gallery-desc-a span.count {text-align: right;}
.menu-gallery-c ul.nav-tabs>li.active>a .gallery-desc{background-image:url(../images/feedback_icon_select.png);}
.menu-gallery-c ul.nav-tabs>li.active>a:after, .menu-gallery-d ul.nav-tabs>li.active>a:after{content:''; width:0px;height:0px;position:absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #FF931E;right:-10px; top:20px;}
.menu-gallery-d ul.nav-tabs>li>a .gallery-desc-a { position: absolute; width: 61px; height: 62px;background-image: url(../images/cart_icon.png); background-repeat: no-repeat; background-size: 48%; padding: 0px 8px; background-position: 44% 69%; display: block;}
.menu-gallery-d ul.nav-tabs>li>a p.title-c { color: #fff; font-weight: bold; font-size: 16px; margin: 10px 0px 6px; text-align: left;}
.menu-gallery-d ul.nav-tabs>li>a span.count {font-size:12px; color: #80b0de; font-weight: bold; display: block;
 text-align: right; line-height: 5px;}
.menu-gallery-d ul.nav-tabs>li.active>a .gallery-desc-a{background-image:url(../images/cart_icon_select.png);}
.menu-gallery-d ul.nav-tabs>li.active>a p.title-c{ color: #80b0de;}
#img-reel-b div.tab a, #img-reel-c div.tab a{border:1px solid transparent; position:relative; display:block;}
#img-reel, #img-reel-a, #img-reel-b, #img-reel-c, #img-reel-d{ position:absolute; left:0; top:0;}
.activeColor{border:2px solid #000;}
.background-c{background-color:#E0ECF7;}
.min-height-a{height:128px;}
.min-height-e{height:90px;}
.itemBlock{ width: 119px; height: 105px; background-color: #fff;}
.itemBlock-a, .itemBlock-b, .itemBlock-c{width: 62px; height: 61px;}
/*.itemBlock img{width:100%; height:100%;}*/

/* 13-10-15 Added styles */
.itemBlock img { height: 100%; width: auto;}
.menu-gallery ul.nav-tabs > li > a { width: 100%; height: 100%;}

/** Consumer Insight Styles Ends **/

/** Aisle 360 Styles start **/
.page-title-t3{font-size: 22px; padding: 2px 13px 0px 14px; float:left; text-transform:normal; font-weight:normal; color:#BDD8F5 !important; line-height:33px;}
.page-title-t4, .page-title-t5{font-size: 20px; max-width: 125px; float: left; font-weight: normal; color: #BDD8F5 !important; line-height: 35px; border-left: 1px solid #FFF; margin-left: 44px; padding: 0px 16px;}
.page-title-t4{font-size: 15px;}

.page-title-t5{width:100%; max-width:126px; border-right:1px solid #FFF; text-align:center; margin-top:0px; margin-bottom:0px;}
ul.line-height-none li a{line-height:normal !important;}
.min-height-e{height:89px;}
.aisle footer {bottom: 0px; position: absolute; background-color: #FFF; left: 0px; right: 0px; margin: 0px; padding: 8px 35px !important; }
.aisle footer ul { padding: 8px 0px;}
.aisle footer .row {padding: 0px; margin: 0px;}
.aisle .container, .aisle .container .row{ float:none !important; min-width:100%; padding:0 20px; }
.login-aisle .logo-reset, .login-aisle .logo-reset:hover, .login-aisle .logo-reset:focus {font-size: 24px; position:relative;}
.login-aisle .logoBtn img{width:78px; height:29px; float:left; margin-left:auto; margin-right:auto;}
.login-aisle .logo-content{font-size:24px; padding-left:5px; position:absolute; bottom:4px; right:20px;}
.login-aisle .form-group{margin-bottom:0px}
.login-aisle{ width:215px;}
.color-aisle{color:#f2f7fd}
.color-num{color:#9ac1e2}
.min-height-f{height:292px;}
.min-height-i{height:282px;  border:0px;}
.min-height-g{height:284px;  border:1px solid #7dafc8;}
.img-size{width:100%; height:100%;}
.left-container{background-color:rgba(224,236,247,0.9); padding:8px 0px 0px;}
.subHeader-bg{background-color:#0062bd;}
.catalog-bg{height:497px;/* background-image:url(../images/catalog-search.jpg); background-repeat:no-repeat; background-size:100% 100%;*/}
.search-form{ padding:0px;}
.catalog-search{font-size: 16px; color: #fff; padding: 7px 13px 7px 13px !important; text-align:left; background-color:rgba(64, 136, 205, 0.8); border-radius:0px; min-height: 41px; line-height: 26px; cursor:pointer}
.catalog-search div.searchBtn:hover, .catalog-search div.searchBtn:focus{position:relative; color:#fff; background-color:#0062bd; line-height: 26px;}

span.search-icon-a{ position: absolute; top: 12px; right: 14px;}
.from{position:relative;}
.from:before{ content: "-"; position: absolute; top: 0px; right: -14px; font-size: 18px;}
h5.subtitle-a, .fontsize-b{color:#656667; text-transform:uppercase; margin: 0px; padding: 0px 0px 8px;}
ul.item-details{padding-left:0px; list-style-type:none; margin-bottom:8px;}
ul.item-details li{ font-size:10px; color:#656667; border-bottom: 1px solid #70A6DA; padding: 2px 0px; line-height: 14px; text-transform:uppercase; position:relative;}
ul.item-details li:first-child{border-top: 1px solid #70A6DA;}
ul.item-details li i.offer-applied{font-size:12px; display:block;}
ul.item-details li.item-price{display:inline-block; width:100%;}
ul.item-details li span.price-label, ul.item-details li span.offer-applied{display:block;}
ul.item-details span.item-value{color:#0061BD; font-size:14px; display:block; text-align:right;}
ul.item-details li span.strike{display:inline-block; position:relative; line-height: 11px;}
ul.item-details li span.strike:before{content: ""; width: 100%; position: absolute; min-height: 1px; background-color: #f00; top:6px;}
ul.item-details li span.grand-total{font-size:22px; color:#0061BD; position:absolute; bottom:5px;}
ul.item-details li button.refresh-aval, ul.item-details li button.apply-offer{ font-size:12px; position: absolute; left: 0px; bottom: 3px; color: #FF931E; text-decoration: underline; text-transform: none;  background: none; border: 0px; padding: 0px;}
ul.item-details .btn-group{width:100%;}
ul.item-details .btn-group button.btn{font-size:16px; margin-bottom:5px; border-radius:0px; background-color:#ff931e; color:#fff;}
ul.item-details .btn-group button.btn:first-child{background-color:transparent; text-decoration:none; padding-left: 0px; color:#0062BD; text-align: left;}
ul.item-details .btn-group button.btn:focus{box-shadow:none;}
ul.gallery-item{padding-left:0px; margin:0px; list-style:none;}
ul.gallery-item li{height:70px;}
ul.gallery-item li>a{ display: inline-block; width: 100%; height: 100%; background-color: #fff; text-align:center;}
ul.gallery-item li>a img{padding: 5px 20px; max-width: 100%; height:100%;}
h1.itemBbrand-title{font-size: 17px; color: #0062BD; background-color:#f2f7fc; padding:2px 15px; line-height: 18px;}
h1.title-d{font-size: 17px; color: #ffffff; background-color: #9ec2e5; padding: 11px 15px; line-height: 18px; margin: 0px 0px;}
.item-view div.gallery-container{background-color:#fff; border:0px solid #999; height:100%; padding:20px !important;}

.itemView-mode{background-color: #FFF; height: 280px; max-height: 280px; text-align:center;} /** 27-10-15 **/
.itemView-mode img{max-width: 100%; height:100%;}


ul.listItem-result{ width:100%; display:inline-block; padding-left:3px; list-style-type:none;}
ul.listItem-result li{float:left; width: 105px; height: 100px; margin:8px; padding:8px; background-color:#fff;}
ul.listItem-result li img{width:100%; height:100%;}
.filter-bnc{ background-color: #dae7f7; padding: 13px;}

.view-opt{padding: 8px;}
.view-option .radio label.circle:before{text-align:left;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.view-option .radio label.circleF:before{text-indent:-0.4px !important;} .min-height-e{height:90px;} .view-opt { padding: 8px 8px 7px 8px;}}

ul.cart-summary{display:inline-block; width:100%; list-style-type:none; margin:0px; padding-left: 58px;}

ul.cart-summary li {
    /*padding-left: 12px;*/
    padding-right: 12px;
}

ul.cart-summary li > div {
    color: #656667;
    border-top: 1px solid #7dafc6;
    border-bottom: 1px solid #7dafc6;
    padding: 2px 0px 24px;
    text-transform: uppercase;
    position: relative;
}



ul.cart-summary li span.grand-total { font-size: 22px; color: #0061BD; padding: 0px; position: absolute; bottom: 0px; right:0px;}
.itemdetailContainer, .itemdetailContainer-a{ height: auto; width: 70%;	}
.itemdetailContainer .property, .itemdetailContainer-a .property{color: #656667; padding: 2px 0px; text-transform: uppercase; position: relative;}
.itemdetailContainer .value, .itemdetailContainer-a .value{ color: #0061BD; font-size: 12px; padding: 2px 0px; text-align:right;}
.itemdetailContainer .property, .itemdetailContainer .value{padding:5px 0px;}
.itemdetailContainer-a .property, .itemdetailContainer-a .value{padding:3px 0px;}
.itemdetailContainer-a .property{padding-left:0px;}
.borderBottom{border-bottom:1px solid #71a7c9;}
.row-container{margin: 0px; border-top: 1px solid #71a7c9;}
.row-container-a{margin: 0px;}
.close-btn{color: #0062BD; background-color: transparent; position: absolute; right: 0px; z-index: 1; display: block; padding: 5px; bottom: 0px;
width: 22px; height: 22px; cursor:pointer;}
.img-container {height: 135px; background-color: #fff; padding: 15px 5px; vertical-align: middle; text-align: center;}

.img-container img{max-width:100%; max-height:100%;}
.itemDetail-row{height:137px; margin-bottom:7px;}
.list-normal{background-color:#ffffff; border-bottom: 1px solid #7DAFC8;}
.list-normal i.glyphicon, .list-alt i.glyphicon{top:0px;}
.list-alt{background-color:#ffffff;}
.catalog-form{margin-top:12px;}
.padding-lt{padding:5px 0px 0px 0px !important}
.detailview-pager ul li a, .detailview-pager ul li a:first-child{margin-right: 0; border: 1px solid #0062bd; background-color: transparent; z-index: 1; padding: 5px 10px 4px 10px; background-color: transparent;}
.detailview-pager ul li a{border-left:0px !important;}
.detailview-pager ul li:first-child>a{border-left:1px solid #0062bd !important;}
.detailview-pager ul li.active>a, .detailview-pager ul li.active>a:hover, .detailview-pager ul li.active>a:focus { color: #000; background-color: #daeaf9; border: 1px solid #0062bd; cursor: default;}
h1.page-title-t4{margin-top:0px; margin-bottom:0px;}

.gallery-like ul li a{position:relative;}
.gallery-like ul li a p.product-details span{	display:block;}
.gallery-like ul li a p.product-details{ display:none; color:#fff; position:absolute; background-color: rgba(0,0,0,0.75); padding: 5px 10px;line-height: 20px; margin:0px; width:100%; height:100%; text-align:center;}
.selected-itemview-gallery .item-container .rel-items{height: 123px; border-bottom: 1px solid #d3e2f0; margin-bottom: 5px; background-color: #fff; padding: 8px 10px;	text-align: center;} /* 27-10-15 Edited */
.selected-itemview-gallery .item-container .rel-items:last-child{margin-bottom:0px;border-bottom:0px;}
.selected-itemview-gallery .item-container .rel-items img{	max-width: 100%;height:100%;}
.selected-item-desc p{padding: 10px 5px 10px 3px;position: absolute;color: #656667;} /* Style Updated 22-09-15 */
.selected-item-desc{position:relative;height:100%; border-left: 1px solid #A7CAF0;}  /** 26-10-15 Edited **/
.paddingVertical-a{padding:10px 0px;}
.selected-itemview-gallery .carousel.vertical{height: 266px; margin-top: 15px;}
.selected-itemview-gallery .carousel.vertical .carousel-inner { height: 251px; max-height: 251px;}
.selected-itemview-gallery .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top;}
.selected-itemview-gallery .carousel.vertical .active { top: 0;}
.selected-itemview-gallery .carousel.vertical .next {top: 100%;}
.selected-itemview-gallery .carousel.vertical .prev {top: -100%;}
.selected-itemview-gallery .carousel.vertical .next.left, .selected-itemview-gallery .carousel.vertical .prev.right {top: 0;}
.selected-itemview-gallery .carousel.vertical .active.left {top: -100%;}
.selected-itemview-gallery .carousel.vertical .active.right {top: 100%;}
.selected-itemview-gallery .carousel.vertical .item {left: 0;}
.selected-itemview-gallery .carousel-control{top:auto;}
.selected-itemview-gallery .carousel-control.up{position: absolute; top: -12px; left: 40%;	} /** 26-10-15 Edited **/
.selected-itemview-gallery .carousel-control.up img, .selected-itemview-gallery .carousel-control.down img{vertical-align:top;} /** 26-10-15 Edited **/
.selected-itemview-gallery .carousel-control.down{	position: absolute;  bottom: -1px;  left: 40%;}
.selected-itemview-gallery .carousel-control.up, .selected-itemview-gallery .carousel-control.down {width: 32px;height: 16px;color: #80b0de;opacity: 1;text-shadow: none;} /** 26-10-15 Edited **/
.selected-itemview-gallery .carousel-control{font-size:0px !important;}
.slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 53%;display: block;width: 20px;height: 36px;margin-top: -10px;padding: 0;
cursor: pointer;color: transparent;border: none;outline: none;background: transparent;} /** 26-10-15 **/
.imgList-selectedProduct { max-width: 620px; height: 116px; }
#listView-selectedProduct { position: relative;min-height: 116px;background-color: #FFF;border: 0px;}
.imgList-selectedProduct .product {float: left;position: relative;width: 17%;height: 92px;margin: 12px 5px 10px;padding: 0px;background-color: #fff; text-align: center;}
.imgList-selectedProduct .product:first-child{margin-left:26px;}
.imgList-selectedProduct .product:last-child{margin-right:0px;}
.imgList-selectedProduct .product img { max-width: 100%; height: 100%; padding: 8px;}
.imgList-selectedProduct .product p {visibility: hidden;}
.imgList-selectedProduct .product:hover p {visibility: visible; position: absolute;width: 100%;height: 92px;top: 0;margin: 0;padding: 15px 10px;line-height: 20px;vertical-align: middle;text-align: center;color: #fff;background-color: rgba(0,0,0,0.75);transition: background .2s linear, color .2s linear;-moz-transition: background .2s linear, color .2s linear;-webkit-transition: background .2s linear, color .2s linear;-o-transition: background .2s linear, color .2s linear;}
.imgList-selectedProduct .next-page, .imgList-selectedProduct .prev-page{position:absolute;z-index:1;display:inline-block;top:44px;font-size:14px;}
.imgList-selectedProduct .next-page:hover, .imgList-selectedProduct .prev-page:hover{cursor:pointer;}
.imgList-selectedProduct .prev-page{left: 2px;background-color: #fff;padding: 10px 5px;color: #ff931e;}
.imgList-selectedProduct .next-page{right: 3px;background-color: #fff;padding: 10px 5px;color: #ff931e;}
.imgList-selectedProduct #pager{display:none;}
.imgList-selectedProduct .k-pager-first, .imgList-selectedProduct .k-pager-last{display:none;}
.fxdheight-a{min-height:388px;}
.fxdheight-b{min-height:284px;}
.marginTopA{margin-top:10px;}
.storeLocglyph, .storeLocglyph-a{line-height: 5px;	font-size: 12px;vertical-align: top;color: #0062BD;	margin-right: 8px;}
 .storeLocglyph-a{vertical-align:baseline;}
.catalog-form .radio label:before { border: 1px solid #3381cb;}
.catalog-form .radio { min-height: 24px;}
.marginLeftSmall{margin-left:5px;}
.positionB{position: absolute;right: 33%;top: 7px;}
.iconHome, .iconGlobe{font-size: 12px; vertical-align: top; color: #0062BD; margin: 0px 0px 0px 10px; line-height: 10px;}
.iconGlobe{line-height: 12px;}
.k-slider .k-draghandle{border: 1px solid #A7CAF0;}
.range-slider{width:126px; margin-left:7px;}
.k-tooltip.k-slider-tooltip{background-color:#fff; border-width:1px;}
.popup-content-c{/*padding: 15px 10px 5px; */ padding: 3px 0px 5px;}

.selectProdGallery {margin-left: 22px;	margin-right: 22px;	position:relative;}
button.slick-next.slick-arrow{position:absolute;}
.innerReel {width: 103px !important;height: 92px !important;background-color: #ffffff;	padding-left: 0px;	margin: 0px 6px;text-align:center;cursor:pointer; position:relative;}
.innerReel .product-details { visibility: visible; position: absolute; width: 100%;  height: 92px;  top: 0;  margin: 0;  padding: 10px 10px; line-height: 18px;  vertical-align: middle;  text-align: center;  color: #fff;  background-color: rgba(0,0,0,0.75); transition: background .2s linear, color .2s linear; -moz-transition: background .2s linear, color .2s linear; -webkit-transition: background .2s linear, color .2s linear; -o-transition: background .2s linear, color .2s linear;}
.innerReel img{max-width: 100%;height: 100%;padding: 8px; margin-left: auto; margin-right: auto;}
.slick-track{width: 100%;}
.prev-page,.next-page{position:absolute; top:50px; display:inline; color:#FF931E;}
.prev-page{left:5px;} .next-page{right:5px;}

/* Img slider Styles start */
.slick-slider{ position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0;display: block;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 53%;display: block;width: 20px;height: 36px;margin-top: -10px;padding: 0;
cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before,.slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.slick-prev{left: -20px;/*opacity:0;*/}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{content: ""; width:20px; height:20px; padding:20px; background-color:#fff; opacity:0;}
[dir='rtl'] .slick-prev:before{content: '→';}
.slick-next:before{ content: ''; width:20px; height:20px; padding:0px 8px; background-color:#fff; opacity:0;}
[dir='rtl'] .slick-next:before{content: '←';}
.slick-next{right: -20px;/*opacity:0;*/}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-slider{background-color: #fff;margin-top: 8px;}
.slick-dots{position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;
outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;
content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: .75;color: black;}
.innerReel p.product-details{display: none;}
/* Img slider Styles end */

.product-view{float: left;width: 50%;height: auto;box-sizing: border-box;border-top: 0px solid #0062BD !important;position: relative;}
.product-view:nth-child(even) {border-left-width: 0;}
.detailView-list .k-listview{border-width: 1px 0 0;padding: 0;overflow: hidden; background-color:transparent;/*min-height: 298px;*/}
.edit-buttons{position: absolute;bottom: 2px;left: 0;right: 0px;text-align: right; padding: 2px 5px; background-color:transparent;}
.edit-buttons a.k-delete-button{padding:0px; background-color:transparent;}
.edit-buttons a.k-delete-button .k-icon{opacity:1}
.detailView-list .k-pager-wrap{border-top: 0;}
@media only screen and (max-width : 620px) {.product-view{width: 100%;}.product-view:nth-child(even) {border-left-width: 1px;}}
.list-normal {background-color: #FFF;border-bottom: 0px solid #7DAFC8;}
.itemDetail-row {margin-bottom: 3px;}
.product-view{width:49%;}
.product-view:nth-child(even) {float:right; border-left:1px solid #7DAFC8}
.product-view:nth-child(1), .product-view:nth-child(2) {border-top:1px solid #7DAFC8 !important; border-left:1px solid #7DAFC8}
/*.detailView-list #pager{position: absolute; width: 49%; border:0px; z-index: 9999; padding-left:0px; bottom: -38px; left: -2px;}*/

.detailView-list #pager {
    position: absolute;
    border: 0px;
    z-index: 1;
    right: 0px;
    top: -32px;
    padding: 0px;
}


.detailView-list .k-listview{border:0px;}
.product-view{margin-bottom: 0px;}
.product-view{border-color:#7DAFC8}
.detailView-list .k-pager-nav, .detailView-list .k-pager-info{display:none;}
.detailView-list .k-pager-numbers li{border-width:1px 0px 1px 1px;border-style: solid;border-color:#A7CAF0;}
.detailView-list .k-pager-numbers li:last-child{border-right:1px solid #A7CAF0;}
.detailView-list .k-pager-numbers .k-link, .detailView-list .k-pager-numbers .k-link:hover, .detailView-list .k-pager-numbers .k-state-selected { border-radius: 0px; border-color:transparent;}
.detailView-list, .detailView-list#listView{height:284px;}

/* Styles 22-09-15 start */
.gray-label label{color:#656667}
ul.size-list{list-style-type:none; padding-left:0px}
ul.size-list li{float: left;
    padding: 2px 5px;
    background-color: #609BD5;
    color: #fff;
    text-align: center;
    font-size: 10px;
    margin-right: 4px;
    margin-top: 5px;}
ul.size-list li:last-child{margin-right:0px;}
.cancelBtn, .goBtn{background-color:transparent; margin-top:10px !important}
.goBtn{font-size: 16px;
    border-radius: 0px;
    background-color: #ff931e;
    color: #fff;
	float:right;
	padding: 5px 40px;
}
.cancelBtn{
	line-height: 15px;
    padding: 8px;
    background-color: transparent;
    border: 0;
    color: #0062bd;
    text-decoration: underline;
	float:left
}
.opt-label{background-color:#FF931E !important; background-color: #FF931E !important; font-size: 18px; color: #fff; text-align: center;  padding: 8px; margin-bottom: 8px;}
.choose-sign{background-color:rgba(224, 236, 247, 0.9); display:inline-block;}
.padding-sm-container{padding:5px 0px 0px;}
.padding-sm-containerA{padding:0px 10px;}
.padding-sm-containerB{padding: 0px 12px;}
.width-percent{width:100%;}
.actionBtn-p{width:100%; font-size:14px}

.changeTabs li.shop i, .changeTabs li.profile i, .changeTabs li.history i, .changeTabs li.cartView img, .changeTabs li.loginTab i, .changeTabs li.scan i, .changeTabs li.bill i{vertical-align: bottom; font-size: 18px;
padding: 1px 7px; line-height:normal;}  /** 05-12-15 End **/

.fxd-title{width:126px !important; max-width:126px !important; text-align:center; border-right:1px solid #fff;}
.float-left{float:left}
.leftBorder-None{border-left:0px !important;}
.navsub-btn{position: absolute; left: 41%;}
.view-cart{padding-top: 6px; padding-bottom:0px;}
.cart-tray{width: 36px;	height: 22px;position: relative;display: inline-block;margin-right: 3px;}
.cart-tray img{max-width:100%;height:auto;margin-right: 10px;}
.cart-count{font-size: 11px;color: #FFF;text-align: center;background-color: #0062BD;border-radius: 30px;position: absolute;
width: 25px;height: 25px;left: 13px;bottom: 4px;line-height:26px;text-indent:-1px;}
.minHeight-d{min-height:309px;}
/* AISLE 360 Styles Ends */

.k-state-disabled span.k-input{background-color:#EEE !important; cursor: not-allowed;opacity: 1;}
.ibrnd{position:relative;}
.iconSearch{position: absolute; right: 5px; color: #0062bd; top: 5px; font-weight:normal;}
/*** MEDIA QUERIES ***/
@media(max-width:767px) {.visible-xs-d{ visibility:hidden;} .visible-xs-m{ visibility:visible;}
.border-button-m{ border-bottom:1px #fff solid;} .navbar-collapse ul{ position:relative; z-index:100;}
.nav-tabs>li{ min-width:100%; background-color:#330066}
.dropdown-menu>li>a{border-top:1px solid #fff !important;}
.dropdown-menu>li>a:hover{background-color:#ff931e !important;}
.dropdown-menu ul li a:hover ul{position:relative;display:block;}
.dropdown-menu>li>a{ padding:3px 50px !important;} .dropdown-menu>li>ul>li>a{ padding:3px 50px !important;}
.tab-pane legend{ margin-top:-10px; margin-bottom:10px;}
.form-group div{ padding:0;}
.rightpadding-d{padding-right:5px;}
.margin-bottom-m{ margin-bottom:15px; display:inline-block;}
.left-padding-d{ padding-left:5px !important;}
.left-padding-d-a{ padding-left:0px !important;}
.no-gutter-d { padding-left: 5px; padding-right: 5px;}
.align-right-d{ text-align:left;}
.datetime{ float:left;}
.login{ width:100%;}
}
@media(max-width:1023px){.input-mrp{width:15.9%;} .overflow-table{overflow-x:scroll;overflow-y:hidden;height:152px; border:1px solid #80b0de} .overflow-table table{ position:absolute;} .overflow-table-b, .overflow-table-barcode{overflow-x:scroll;overflow-y:hidden;height:124px !important; border:1px solid #80b0de} .overflow-table-b table, .overflow-table-barcode table{ position:absolute;}
.overflow-table-b table tbody{/*width:360px;*/} /* 11-10-15  */
.overflow-table-barcode table tbody{width:521px;} .overflow-table-barcode {overflow-y: hidden;height: 170px !important;} .margin-bottom-e {   margin-bottom: 25px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {@media(min-width:768px) and (max-width:1024px) {.dropdown-submenu.transaction-tab>.dropdown-menu{top:-168px !important;}}}
@media(min-width:768px) and (max-width:1024px) {
    .dropdown-submenu.transaction-tab>.dropdown-menu{top:-169px;}
}
@media(min-width:768px) {.visible-xs-m{ display:none;} .container{ max-width:930px;}}
@media (max-width: 1200000px) {
.navbar-header {float: none;}.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse { border-top: 0; box-shadow: inset 0; position:absolute; }
.navbar-fixed-top {top: 0; border:0;}
.navbar-collapse.collapse {display: none !important;}
.navbar-nav {float: none !important;}
.navbar-nav>li { float: none;}
.collapse.in{ display:block !important;}
}
@media(max-width:768px){
.menu-c ul.nav-tabs{margin-left:0px !important;}
.menu-gallery ul.nav-tabs > li > a, .menu-gallery ul.nav-tabs > li.active > a {padding: 14px 5px !important;}
.menu-gallery ul.nav-tabs > li { width: 97px;}
.UpArrow, .DownArrow, #UpArrow, #DownArrow {width: auto;}
.no-gutter-t{padding-left:0px; padding-right:0px;}
.menu-gallery-a ul.nav-tabs > li > a {padding: 0px 9px !important;text-align: center !important;}
.menu-gallery-a ul.nav-tabs > li, .menu-gallery-c ul.nav-tabs > li, .menu-gallery-d ul.nav-tabs > li {float: none; height: 61px; margin: 4px 0px 6px;    font-size: 12px; text-align: center; line-height: 25px; width: 58px;}
.menu-gallery-a ul.nav-tabs > li.active > a {width: 58px;}
.menu-gallery-c ul.nav-tabs>li>a, .menu-gallery-c ul.nav-tabs>li>a:hover,.menu-gallery-c ul.nav-tabs>li>a:focus, .menu-gallery-d ul.nav-tabs>li>a, .menu-gallery-d ul.nav-tabs>li>a:hover,.menu-gallery-d ul.nav-tabs>li>a:focus { min-height:59px;}
.menu-gallery-a ul.nav-tabs > li.active > a:after{top: 21px;}
.menu-gallery ul.nav-tabs > li {width: 85%;}
.menu-gallery ul.nav-tabs > li { height: 77px; margin: 3px 3px 7px; background-color:#fff;}
.menu-gallery ul.nav-tabs > li > a, .menu-gallery ul.nav-tabs > li.active > a { padding: 10px 5px !important;}
.menu-gallery ul.nav-tabs > li.active > a:after {top: 30px;}
}
.marginTop-l{ margin:12px 0px 0px;}
.marginBottom-l{ margin:0px 0px 12px;}
.min-height-b-md{min-height:234px; max-height:234px;}
.padding-btn-md{padding:0px 5px}
/* 14-08-15 Style Added for Responsive */
@media(min-width:768px) and (max-width:1023px) {
.pos-top {top: 3px !important;} /*14-11-15*/
.imgList-selectedProduct .product:first-child {margin-left: 28px;}
.imgList-selectedProduct .product {margin: 20px 2px 10px; height: 75px;}
.imgList-selectedProduct .product img {padding: 8px;max-width: 100%;height: 100%;}
.imgList-selectedProduct .product:hover p { height: 75px; padding: 8px 2px; line-height: 20px;}
.itemdetailContainer .property, .itemdetailContainer .value, .itemdetailContainer-a .property {font-size:11px;}
.itemdetailContainer .value { text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.itemdetailContainer-a .value-code{	line-height: 12px;	padding: 0px 0px 3px;}
.menu-c ul.nav-tabs{margin-left:0px !important;}
.menu-gallery ul.nav-tabs > li > a, .menu-gallery ul.nav-tabs > li.active > a {padding: 14px 5px !important;}
.menu-gallery ul.nav-tabs > li { width: 97px;}
.UpArrow, .DownArrow, #UpArrow, #DownArrow {width: auto;}
.no-gutter-t{padding-left:0px; padding-right:0px;}
.menu-gallery-a ul.nav-tabs > li > a {padding: 0px 9px !important;text-align: center !important;}
.menu-gallery-a ul.nav-tabs > li, .menu-gallery-c ul.nav-tabs > li, .menu-gallery-d ul.nav-tabs > li {float: none; height: 61px; margin: 4px 0px 6px;    font-size: 12px; text-align: center; line-height: 25px; width: 58px;}
.menu-gallery-a ul.nav-tabs > li.active > a {width: 58px;}
.menu-gallery-c ul.nav-tabs>li>a, .menu-gallery-c ul.nav-tabs>li>a:hover,.menu-gallery-c ul.nav-tabs>li>a:focus, .menu-gallery-d ul.nav-tabs>li>a, .menu-gallery-d ul.nav-tabs>li>a:hover,.menu-gallery-d ul.nav-tabs>li>a:focus { min-height:59px;}
.menu-gallery-a ul.nav-tabs > li.active > a:after{top: 21px;}
.menu-gallery ul.nav-tabs > li {width: 85%;}
.menu-gallery ul.nav-tabs > li { height: 77px; margin: 3px 3px 7px; background-color:#fff;}
.menu-gallery ul.nav-tabs > li > a, .menu-gallery ul.nav-tabs > li.active > a { padding: 10px 5px !important;}
.menu-gallery ul.nav-tabs > li.active > a:after {top: 30px;}
.positionB{right: 18%;}

/*19-10-15*/
.selectProdGallery {height: 92px !important;float: left !important;width: 447px !important;margin-top: 8px !important;}
/** 28-10-2015 **/
.imgZoomContainer {height: 290px !important; top: 2px !important; width: 234px !important;}
.imageZoom {height: 290px !important; left: -8px;top: 0px; width: 234px !important;}
.closeImgpopUp{ top: -15px;}
.innerReel { margin: 0px 4px !important;}

/** 03-11-15 Added **/
.loginContainer {height: 601px !important;position: relative;padding: 0px;}
.minContainerI { height: 100%;}
.minContainerH {height: 100%;}
.loginContainer footer {bottom: auto;background-color: #FFF;left: 0px;right: 0px;margin: 0px;padding: 8px 35px !important;position: absolute;}
}
/** 06-11-15 Added **/
@media(min-width:768px) and (max-width:1023px) {
.menu-e ul.nav-tabs{margin-left:0px !important;}
.imgList-selectedProduct .product:first-child {margin-left: 28px;}
.imgList-selectedProduct .product {margin: 20px 2px 10px; height: 75px;}
.imgList-selectedProduct .product img {padding: 8px;max-width: 100%;height: 100%;}
.imgList-selectedProduct .product:hover p { height: 75px; padding: 8px 2px; line-height: 20px;}
.itemdetailContainer .property, .itemdetailContainer .value, .itemdetailContainer-a .property {font-size:11px;}
.itemdetailContainer .value { text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.itemdetailContainer-a .value-code{	line-height: 12px;	padding: 0px 0px 3px;}
.menu-c ul.nav-tabs{margin-left:0px !important;}
.menu-gallery ul.nav-tabs > li > a, .menu-gallery ul.nav-tabs > li.active > a {padding: 14px 5px !important;}
.menu-gallery ul.nav-tabs > li { width: 97px;}
.UpArrow, .DownArrow, #UpArrow, #DownArrow {width: auto;}
.no-gutter-t{padding-left:0px; padding-right:0px;}
.menu-gallery-a ul.nav-tabs > li > a {padding: 0px 9px !important;text-align: center !important;}
.menu-gallery-a ul.nav-tabs > li, .menu-gallery-c ul.nav-tabs > li, .menu-gallery-d ul.nav-tabs > li {float: none; height: 61px; margin: 4px 0px 6px;    font-size: 12px; text-align: center; line-height: 25px; width: 58px;}
.menu-gallery-a ul.nav-tabs > li.active > a {width: 58px;}
.menu-gallery-c ul.nav-tabs>li>a, .menu-gallery-c ul.nav-tabs>li>a:hover,.menu-gallery-c ul.nav-tabs>li>a:focus, .menu-gallery-d ul.nav-tabs>li>a, .menu-gallery-d ul.nav-tabs>li>a:hover,.menu-gallery-d ul.nav-tabs>li>a:focus { min-height:59px;}
.menu-gallery-a ul.nav-tabs > li.active > a:after{top: 21px;}
.menu-gallery ul.nav-tabs > li {width: 85%;}
.menu-gallery ul.nav-tabs > li { height: 77px; margin: 3px 3px 7px; background-color:#fff;}
.menu-gallery ul.nav-tabs > li > a, .menu-gallery ul.nav-tabs > li.active > a { padding: 10px 5px !important;}
.menu-gallery ul.nav-tabs > li.active > a:after {top: 30px;}
.itemBlock img {height: 100%; width: 100%;}
.listWidth-b{width:120px !important;}
.lable-xs-space{padding-left:3px !important;}
.overflow-table-b table tbody, .overflow-table table tbody{/*width:357px;*/}
.padding-left-sm{padding-left:0px !important;}
.sm-noBorder{border-top:0px !important;}
.min-height-sm{min-height:270px !important;}
.minHeight-sm-none{min-height:0px;}
.margin-top-sm{margin-top:4px;}
.margin-v-sm{margin:8px 0px 6px !important;}
.consumer-form input.k-input, .consumer-form .k-combobox input.k-input {padding: 1.8px 0px;}
.margin-b { margin: 10px 0px 14px;}
.summary li { padding: 0.5px 0px;}
.applicable-offers .table thead th.col-2, .applicable-offers .table tbody td.col-2{width: 161px; max-width:161px;}
.add-consumer, .add-consumer:hover, .add-consumer:focus { padding: 3.5px 4.5px 3.5px !important;}
.marginleft-l-sm{margin-left:0px !important;}
.min-height-b-sm{min-height:277px; max-height:277px;}
.margin-bottom-p-sm { margin: 8px 0px 8px;}
.margin-vertical-b-sm {margin: 6px 0px;}
.leftpadding-none-sm{padding-left:0px;}
.margin-t-sm { margin: 8px 0px 8px;}

/*
.tender-table .table thead th.col-1, .tender-table .table tbody td.col-1{width: 81px; max-width:81px;}
.tender-table .table thead th.col-2, .tender-table .table tbody td.col-2{width: 30px; max-width:30px}   
.tender-table .table thead th.col-3, .tender-table .table tbody td.col-3{width: 103px; max-width:103px;}*/

.tender-table .table thead th.col-1, .tender-table .table tbody td.col-1 {max-width: 78px; width: 78px;}
.tender-table .table thead th.col-2, .tender-table .table tbody td.col-2 {max-width: 30px; width: 30px;}
.tender-table .table thead th.col-3, .tender-table .table tbody td.col-3 {max-width: 70px; width: 70px;}
.tender-table .table thead th.col-4, .tender-table .table tbody td.col-4 {max-width: 49px; width: 49px;}
.tender-table .table thead th.col-5, .tender-table .table tbody td.col-5 {max-width: 68px; width: 68px;}

.proced-btn-position-sm{padding:0px 5px;}
.float-lft-sm{float:left}
.float-rgt-sm{float:right}
.padding-hr-sm{padding:0px 0px 0px 5px !important;}
.paddingTopnone-sm{padding-top:0px;}

.applicable-offers .table thead th.col-2, .applicable-offers .table tbody td.col-2 {width: 170px; max-width: 170px;}
.stock-avail-table .table thead th.col-2, .stock-avail-table .table tbody td.col-2{width: 65px; max-width:65px} /** 14-10-15 Added **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.applicable-offers .table thead th.col-1, .applicable-offers .table tbody td.col-1{width: 101px; max-width:101px;}
.applicable-offers .table thead th.col-2, .applicable-offers .table tbody td.col-2{width: 161px; max-width:161px;}
.applicable-offers .table thead th.col-3, .applicable-offers .table tbody td.col-3{width: 59px; max-width:59px;}
.stock-avail-table .table thead th.col-1, .stock-avail-table .table tbody td.col-1{width: 120px; max-width:120px;}
.stock-avail-table .table thead th.col-2, .stock-avail-table .table tbody td.col-2{width: 69px; max-width:69px}
.margin-b { margin: 10px 0px 15px;}
.consumer-form input.k-input, .consumer-form .k-combobox input.k-input { padding: 0.2em 0px !important;}
.margin-b { margin: 11px 0px 19px;}
.margin-top-sm{margin-top:6px;}
.add-consumer, .add-consumer:hover, .add-consumer:focus {padding: 4px 4.5px 4px 4.5px !important;}

/*
.tender-table .table thead th.col-1, .tender-table .table tbody td.col-1{width: 81px; max-width:81px;}
.tender-table .table thead th.col-2, .tender-table .table tbody td.col-2{width: 30px; max-width:30px} 
.tender-table .table thead th.col-3, .tender-table .table tbody td.col-3{width: 103px; max-width:103px;}*/

.tender-table .table thead th.col-1, .tender-table .table tbody td.col-1 {max-width: 78px; width: 78px;}
.tender-table .table thead th.col-2, .tender-table .table tbody td.col-2 {max-width: 30px; width: 30px;}
.tender-table .table thead th.col-3, .tender-table .table tbody td.col-3 {max-width: 70px; width: 70px;}
.tender-table .table thead th.col-4, .tender-table .table tbody td.col-4 {max-width: 49px; width: 49px;}
.tender-table .table thead th.col-5, .tender-table .table tbody td.col-5 {max-width: 68px; width: 68px;}




.grid-billing .k-grid-content > table{width: 710px;}
.min-height-b-md { min-height: 255px !important;  max-height: 255px !important;}
}
.min-height-b-md { min-height: 263px;  max-height: 263px;}
/** 29-10-15 Styles Added **/
.loginContainer footer {bottom:auto;background-color: #FFF;left: 0px;right: 0px;margin: 0px;padding: 8px 35px !important;position: absolute;}
.loginContainer{ height: 601px !important; position:relative; padding:0px;}
.minContainerH{  height: 100%;}
.minContainerI{ height:100%;}
.bgImg{position: absolute;width: 100%;height: 100%;	}

/** 20-11-2015 **/
.videoDemoImg{right: 50px !important;}
}
/** 12-10-15 Added Styles **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.custScrollbar::-webkit-scrollbar {width: 17px;}
.custScrollbar::-webkit-scrollbar-button:start:decrement,.custScrollbar::-webkit-scrollbar-button:end:increment {
height: 15px;width: 15px;display: block;background: #f1f1f1;background-repeat: no-repeat; }
.custScrollbar::-webkit-scrollbar-button:vertical:decrement {background-image: url(../images/upArrow01.png);background-position: 5px 5px; }
.custScrollbar::-webkit-scrollbar-button:vertical:decrement:active {background-image:url(../images/upArrow02.png); background-position: 5px 5px;}
.custScrollbar::-webkit-scrollbar-button:vertical:increment {background-image:url(../images/downArrow01.png);
background-position: 5px 5px; }
.custScrollbar::-webkit-scrollbar-button:vertical:increment:active {background-image: url(../images/downArrow02.png); background-position: 5px 5px; }
.custScrollbar::-webkit-scrollbar-track-piece {background-color: #f1f1f1;}
.custScrollbar::-webkit-scrollbar-thumb:vertical {background: #bdbdbd;-webkit-box-shadow: inset 0px 0px 0px 1px rgba(158,158,158,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(158,158,158,1);box-shadow: inset 0px 0px 0px 1px rgba(168,158,158,1); border-left:3px solid #f1f1f1; border-right:3px solid #f1f1f1;}
.custScrollbar::-webkit-scrollbar-thumb:vertical:hover {background: #aaaaab;}
}
/** 03-11-15 Added **/
.bgImg {position: absolute;width: 100%;height: 100%;}
.k-list-container.k-popup{max-width:245px !important;}
.collection-table th.col-1, .collection-table td.col-1{width:122px !important; max-width:122px !important;}
.collection-table th.col-2, .collection-table td.col-2{width:33px !important; max-width:33px !important;}
.collection-table th.col-3, .collection-table td.col-3{width:213px !important; max-width:213px !important;}
.disablePrimaryBtn { background-color: #cccccc !important;pointer-events: none;}
.min-height-h{height:448px;} /** 06-10-15 Added **/
.min-height-j{height:326px;}
/** 08-10-2015**/
.innerReel {float: left; overflow:hidden !important;}
.selectProdGallery {height: 92px; float:left; width:576px; margin-top:8px;}
/** 13-10-15 **/
.max-height-b{max-height:497px;}
/** Styles Added 14-10-15 **/
.barCodeScan{box-shadow:inset 0px 0px 15px 1px rgba(221,221,221,0.9); -webkit-box-shadow:inset 0px 0px 15px 1px rgba(221,221,221,0.9); -moz-box-shadow:inset 0px 0px 15px 1px rgba(221,221,221,0.9); background-color:#FFFFFF; position:relative; display:inline-block}
.popUpMargin-t{margin-top:9%;}
/** 15-10-15 **/
.icon-flipped {transform: scaleX(-1.2);-moz-transform: scaleX(-1.2);-webkit-transform: scaleX(-1.2);-ms-transform: scaleX(-1.2); color:#FFFFFF}
.cartText{margin-right:35px;}
.cart-count-a{ border-radius:30px; padding: 0px 2px; line-height:24px !important; background-color: #5A98D5; color:#FFFFFF; margin:5px; width:23px; height:22px; position:absolute; top:2px; font-size:11.5px;}

.cart-count-b{ border-radius:30px; padding: 0px 2px;color:#FFFFFF !important; margin:5px; position:absolute; right: 1px; width: 20px; height: 19px; top: -2px; line-height: 17px !important; font-size: 10px; background-color: #FF931E; border: 1px solid #ff931e;}

.top-nav li a:active .cart-count-a, .top-nav li a:focus .cart-count-a, .top-nav-a > li > a:hover .cart-count-a, .top-nav-a > li > a:focus .cart-count-a, .top-nav-a li.active a .cart-count-a {background-color: #FFFFFF ;color: #5A98D5;text-decoration: none;}
.abs-label.radio{min-height:20px;}
.abs-label.radio label{	position:absolute !important;}
.border-vertical{border-top:1px solid #a7caf0; border-bottom:1px solid #a7caf0}
.changeTabs li.cartView i{vertical-align:bottom}
/* 16-10-15 */
.padding-c{padding: 10px 12px 3px 2px !important;}
.cart-count-b{right: 1px; width: 20px; height: 19px; top: -2px; line-height: 17px !important; font-size: 10px; background-color: #FF931E; border: 1px solid #FF931E;}
.padding-s{padding:0px 8px !important;}

/** 04-12-15 Satrt **/
.eWalletIcon{ background-image:url(../images/ewallet.png); background-repeat: no-repeat; background-position:center}
.top-nav-a li.active a.eWalletIcon,
.top-nav-a li:hover a.eWalletIcon,
.top-nav-a li:focus a.eWalletIcon{background-image:url(../images/ewallet-active.png); background-repeat:no-repeat; background-position:center;}
/** 04-12-15 End **/
.catalogIcon{ background-image:url(../images/catalogImg.png); background-repeat: no-repeat; background-position:center}
.tabwidth{width:43px;}
.top-nav-a li.active a.catalogIcon, .top-nav-a li:hover a.catalogIcon, .top-nav-a li:focus a.catalogIcon{background-image:url(../images/catalogImgActive.png); background-repeat:no-repeat; background-position:center;}
.space-radioGroup{margin-top: 5px;line-height: 24px;}
/** 19-10-15 **/
.listLoginTab{left:-74px;top:inherit;}
.listLoginTab li, .listLoginTab li:last-child{border:0px;}
.listLoginTab li{color:#000000 !important;}
.listLoginTab{border-left:1px solid #0062BD; border-right:1px solid #0062BD; border-bottom:1px solid #0062BD}
.listLoginTab .form-group{margin:0px !important;}
.dropdown-menu{box-shadow:none;}
.labelColor-l label{color:#000000}
/** 21-10-15 Added class for Image Enlarge  **/
.imageZoom{position: absolute;width: 300px;height: 300px;border: 1px solid #609CD6; left: -8px;top: -5px;text-align:center;background-color:#FFFFFF;}
.imageZoom img{max-width:100%; height:100%;}
.closeImgpopUp{border-radius:30px;cursor: pointer;color:#609CD6;font-size: 20px;position: absolute;padding:3px;top: -17px;background-color: #FFF; right: -4px;}
.imgZoomContainer{display:none;position: absolute;top:-2px;width: 300px;height: 300px;}
/** 23-10-15 Added Styles for Row height **/
ul.item-details li{min-height:33px;}
ul.item-details li:first-child{min-height:34px;	}
ul.item-details li.item-price{min-height: 47px;}
.innerReel .product-details span{display:block}
.posAbsolute{position:absolute;}
.imgEnlarge{cursor: pointer}
/** 26-10-2015 **/
.top-nav-a>li .nolink{background-color: #0062bd !important; cursor: default; color: #cccccc !important;}
#chooseSign{display:none;}
.signindiv .proceed-btn li{border-top:0px;}
.signInContainer{ position:absolute; left:-83px;}
.signindiv .proceed-btn button { margin: 0px;}
/** 27-10-2015 **/
#chooseSign, #chooseConsumerSign, #chooseStoreAssocSign{ display: none; background-color: rgba(189, 216, 245, 0.95) !important;} /** 27-10-15 eDITED **/
.consumer-sign{background-color:rgba(224, 236, 247, 0.9); display:none;}
.store-assocate{background-color:rgba(224, 236, 247, 0.9); display:none;}
.noItemsFound{position: absolute;z-index: 1;left: 30%;top: 40%; display:none}

/*****************************************************/
a.carousel-control .up{opacity:0.5}
.noItemsFound{position: absolute;z-index: 1;left: 30%;top: 40%; display:none}
/** 26-10-15 **/
.selected-itemview-gallery .carousel-control.up span.glyphicon{transform: rotate(-90deg);}
.selected-itemview-gallery .carousel-control.down span.glyphicon{transform: rotate(90deg);}
/** 26-10-15 **/
.selected-itemview-gallery .item-container .rel-items{height: 123px; border-bottom: 1px solid #d3e2f0; margin-bottom: 5px; background-color: #fff; padding: 8px 10px;	text-align: center;} /** 26-10-15 Edited **/
.selected-item-desc{position:relative;height:100%; border-left: 1px solid #A7CAF0;}  /** 26-10-15 Edited **/
.selected-item-desc p{padding: 10px 5px 10px 3px;position: absolute;color: #656667;} /* Style Updated 22-09-15 */
.selected-itemview-gallery .carousel-control.up{position: absolute; top: -12px; left: 40%;	} /** 26-10-15 Edited **/
.selected-itemview-gallery .carousel-control.up img, .selected-itemview-gallery .carousel-control.down img{vertical-align:top;} /** 26-10-15 Edited **/
.selected-itemview-gallery .carousel-control.down{	position: absolute;  bottom: -1px;  left: 40%;}
.selected-itemview-gallery .carousel-control.up, .selected-itemview-gallery .carousel-control.down {width: 32px;height: 16px;color: #80b0de;opacity: 1;text-shadow: none;} /** 26-10-15 Edited **/
.selected-itemview-gallery .carousel-control{font-size:0px !important;}
/** 27-10-15 **/
.prod-dec-c{position:relative; height:100%;}
.item-filter{position: absolute; bottom: 0px;}
.chart-message { position: absolute; left: 27%;  top: 38.5%; }
/** 28-10-2015 **/
.innerReel{border:1px solid #FFFFFF}
.borderActive{border:1px solid #F0913E}
.imgEnlarge:hover{cursor:pointer;}
.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after {background-image: url('../images/sprite.png') !important;border-color: transparent;}
.taptoView {color: #f0913e;text-decoration: underline;}
.min-height-s{height:165px; max-height: 165px;}
.barCodeScan canvas{width: 100%; height: 160px;margin: 0px;padding: 0px; margin-top: 1px;}
/**30-102015 **/
.barCodeScan{position: relative !important;display: inline-block !important;}
.scanner-laser {position: absolute;margin: 12px;height: 25px;width: 25px;opacity: 0.9;}
.laser-rightBottom {bottom: 0;right: 0;border-bottom: 4px solid #0062BD;border-right: 4px solid #0062BD;}
.laser-rightTop {top: 0;right: 0;border-top: 4px solid #0062BD;border-right: 4px solid #0062BD;}
.laser-leftBottom {bottom: 0;left: 0;border-bottom: 4px solid #0062BD;border-left: 4px solid #0062BD;}
.laser-leftTop {top: 0;left: 0;border-top: 4px solid #0062BD;border-left: 4px solid #0062BD;}
/** 4-11-2015  **/
.scannotFound{ height:165px; background-color:#CCCCCC; z-index:9999; left:0; line-height:168px; color:#FFFFFF; font-size:14px; text-align:center; position:absolute
}

.chart-dimns { height: 110px !important; padding: 0px 2px;}
.cust-legend{position:absolute; font-size:11px; bottom:2px;}
.cust-legend-a{color:#0062BD; margin-left:15px;}
.cust-legend-a:before{content:""; position:absolute; width:7px; height:7px; background-color:#0062BD; left:4px; top:4px}
.cust-legend-b{color:#4c7fb1;  margin-left:15px}
.cust-legend-b:before{content:""; position:absolute; width:7px; height:7px; background-color:#5a98d5; left:65px; top:4px}
.pos-top{top:8px;}

/** 20-11-2015 **/
.videoDemoImg{position: absolute;right: 65px;padding: 3px 7px;background-color: #FFF;color: #609CD6;cursor: pointer; top: 9px; font-size:16px}
.absolute{position:absolute;}
.videoDemo{z-index:9999;height:282px;}
box.clickToPlay{height:282px;}
video { width: 100%;height: 283px; position: absolute;left: -4px;background-color: #000; }
.notAvalVideo{color: #BFD7EF; cursor: default}

/** Ewallet Screen Styles Satrt **/

.min-height-epopup { min-height: 550px; }
.consumer-details-p h3{display:inline-block;padding-left:10px;}
.alignLeft h3{ text-align:left;}
.menu-e .tabs{margin-top:0px;}
.menu-e ul.nav-tabs{float:right;}
.menu-e ul.nav-tabs>li>a {font-size:14px; color: #666; background-color: transparent; padding: 5px 0px 5px 0px; border: 0px; border-radius: 0;z-index: 1;}
.menu-e ul.nav-tabs>li.active>a{color:#0060BC;}
.menu-e ul.nav-tabs>li.active>a, .menu-e ul.nav-tabs>li.active>a:hover, .menu-e ul.nav-tabs>li.active>a:focus { color: #0060BC; background-color:transparent !important; border: 0px solid #0062bd; border-left: 0; cursor: default;}
.menu-e ul.nav-tabs>li{margin: 0px 10px 0px 10px;}
.menu-e ul.nav-tabs>li:last-child{margin-right:0px;}
.menu-e ul.nav-tabs>li:hover a{background-color:transparent;}
.menu-e ul.nav-tabs>li.active{border-bottom:1px solid #0062BD;}

.consumer-details-p h3{display:inline-block;padding-left:10px;}
.alignLeft h3{ text-align:left;}
.menu-e .tabs{margin-top:0px;}
.menu-e ul.nav-tabs{float:right;}
.menu-e ul.nav-tabs>li>a {font-size:14px; color: #666; background-color: transparent; padding: 5px 0px 5px 0px; border: 0px; border-radius: 0;z-index: 1;}
.menu-e ul.nav-tabs>li.active>a{color:#0060BC;}
.menu-e ul.nav-tabs>li.active>a, .menu-e ul.nav-tabs>li.active>a:hover, .menu-e ul.nav-tabs>li.active>a:focus { color: #0060BC; background-color:transparent !important; border: 0px solid #0062bd; border-left: 0; cursor: default;}
.menu-e ul.nav-tabs>li{margin: 0px 10px 0px 10px;}
.menu-e ul.nav-tabs>li:last-child{margin-right:0px;}
.menu-e ul.nav-tabs>li:hover a{background-color:transparent;}
.menu-e ul.nav-tabs>li.active{border-bottom:1px solid #0062BD;}
.crNotes h1.title, .advance-detail h1.title, .giftVoucher h1.title, .offersWallet h1.title{position:relative;font-size: 18px;color: #0062BD;margin-top: 0px;margin-bottom: 0px;border-bottom: 1px solid #0062BD;line-height: 38px;}
.cr_note h2.sub-title, .crNotes h2.sub-title, .advance-detail h2.sub-title, .giftVoucher h2.sub-title, .offersWallet h2.sub-title{font-size: 17px;border-bottom: 0px none;}
.crNotes h2.sub-title, .advance-detail h2.sub-title, .giftVoucher h2.sub-title, .offersWallet h2.sub-title{color: #0062BD;margin-top: 0px;margin-bottom: 0px;line-height: 42px;}
.menu-gallery-a ul.nav-tabs > li > a { width: 62px;}

#img-reel-e div.tab a, #img-reel-f div.tab a, #img-reel-g div.tab a, #img-reel-h div.tab a{border:1px solid transparent; position:relative; display:block;}
#img-reel-e, #img-reel-f, #img-reel-g, #img-reel-h{ position:absolute; left:0; top:0;}
#UpArrow-e, #DownArrow-e, #UpArrow-f, #DownArrow-f, #UpArrow-g, #DownArrow-g, #UpArrow-h, #DownArrow-h{float: none; cursor:pointer; font-size:18px; color:#80B0DE; font-weight:bold; background-color:transparent; text-align:center; line-height:14px; }
#UpArrow-e>i.glyphicon, #UpArrow-f>i.glyphicon, #UpArrow-g>i.glyphicon, #UpArrow-h>i.glyphicon{-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg);}
#UpArrow-e, #DownArrow-e, #UpArrow-f, #DownArrow-f, #UpArrow-g, #DownArrow-g, #UpArrow-h, #DownArrow-h{width:68px;}
#DownArrow-e>i.glyphicon, #DownArrow-f>i.glyphicon, #DownArrow-g>i.glyphicon, #DownArrow-h>i.glyphicon{-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); transform: rotate(90deg);}
.inlineBlock{display:inline-block}
.paddingTop-none{padding-top:0px}

.popUpbg-b{background-color:#F2F7FD}
.left-pos{left:-15px;}
.currency-disp{ display:inline-block; font-size: 16px; padding:0px 10px; position:relative; line-height:34px}
.currency-opt{display:inline-block}
.currency-disp:before{content:"-";position:absolute; left:0px; top:0px}

/** 30-11-15 **/
.fullWidth{width:100%;}
.weekToDate, .weekToDateA{width:373px}
/** 01-12-15 **/
.minHeight-o{min-height:489px; margin-top:8px}
.marginTop-xs{margin-top:4px;}

/** 07-12-2015 **/
.store_photo{ background-repeat:no-repeat; background-color:transparent; width:14px; height:14px; margin:0px 5px 0px 0px; background-position: center center; vertical-align: middle; float:left}
.store_label{vertical-align: middle; line-height: 16px;}
.successMsg-p{color:#0062BD; font-size:12px; line-height:15px; padding:8px;}

/** 10-12-15 Endless Aisle Popup Styles **/
.storeType{position:absolute; line-height:30px;}
.storeType-icon{padding:0px 7px; color:#222222; position:relative; margin-right: 10px;}
.storeType-icon:after{content:"-"; position:absolute; width:10px; display:inline-block; padding: 0px 5px;}
.storeName-v{position:relative; margin-right: 0px; vertical-align:top; }
.storeName-v:after{content:"/"; padding: 0px 5px;}

/** loader Icon start here **/
/** 06-01-16 Added **/
.load-outer{position:absolute;width:75px;height:75px;background-image:url(../images/loader_ring.png);background-repeat:no-repeat;z-index:9999;}
.containerHeight-xs{height:73px;}
/** 06-01-16 End **/
/** loader Icon ends here **/

.minHeight-sm-m{height:437px;}

.margin-bottom-e {margin-bottom: 27px;}
.splitPanel{border-top:1px solid #A7CAF0; border-bottom:1px solid #A7CAF0; margin-bottom:12px}
.title-o{border-left:1px solid #A7CAF0; padding-bottom:10px;}
.title-o h4{font-size:12px; padding:0px 9px; font-weight:bold}
.title-o ul{padding-left:5px !important}
.paddingVertical{padding-top:10px; padding-bottom:10px}
.padding-md{padding-left:8px;}
.margin-bottom-g{margin-bottom:24px;}

.title-o .form-group{padding:0px 0px 0px 10px;}
.table-data li{padding-top: 2px; padding-bottom: 2px;}

.ordersTab a{width:43px; height:35px; position:relative}
a.order-entry:before{content:""; background-image:url(../images/order-entry7.png); background-repeat:no-repeat; position:absolute; width:43px; height:35px; left:8px;}
a.order-change:before{content:""; background-image:url(../images/order-entry-edit1.png); background-repeat:no-repeat; position:absolute; width:43px; height:35px; left:8px;}
a.order-cancel:before{content:""; background-image:url(../images/order-entry-cancel1.png); background-repeat:no-repeat; position:absolute; width:43px; height:35px; left:8px;}
a.order-status:before{content:""; background-image:url(../images/order-entry-status.png); background-repeat:no-repeat; position:absolute; width:43px; height:35px; left:8px;}


/* 18-05-16 */
.lineHeight i{line-height:22px;}
.marginBlock-sm{margin:6px 0px 0px 15px !important}
.decCart, .incCart{position:relative; cursor:pointer}
.decCart:before{content:""; position:absolute; background-image:url(../images/icon_l.png); background-repeat: no-repeat;width: 22px;height: 22px;padding: 4px;display: inline-block; top:5px; left:-3px;}
.incCart:after{content:""; background-image:url(../images/icon_r.png); position:absolute; background-repeat: no-repeat;width: 22px;height: 22px;padding: 4px;display: inline-block; top:5px; right:-10px}
.decCart{opacity:0.5}
.inputCount{font-size:14px; background-color: transparent; border: 0px; text-align:center}

input.inputCount[disabled] { cursor: default;pointer-events:none; border:0px !important; background-color:transparent !important; font-size:14px !important; color:#000000}

.top-nav-a li.dropdown-o a{line-height: 25px !important; padding:5px 8px;}
.top-nav-a li.dropdown-o ul.dropdown-menu{left:0px;top:auto !important;}
.top-nav-a li.dropdown-o ul.dropdown-menu li{border-top:0px;}
.top-nav-a li.dropdown-o ul.dropdown-menu li a:hover, .top-nav-a li.dropdown-o ul.dropdown-menu li a:focus {
text-decoration: none;background-color: #ff931e !important;}
.top-nav-a li.dropdown-o ul.dropdown-menu li a{ padding: 3px 10px 3px 10px; line-height: 17px !important;}
.top-nav-a li.dropdown-o ul.dropdown-menu li:first-child{border-top:1px solid #FFFFFF !important;}

.bg-tab{width:26px; height:26px; position:relative; display:inline-block}
.bg-tab:before{content:""; background-image:url(../images/d1.png); background-repeat:no-repeat; position:absolute; width:30px; height:27px; left:-1px; top:-1px}
.bg-tab:hover:before{content:""; background-image:url(../images/b1.png); background-repeat:no-repeat; position:absolute; width:30px; height:27px; left:-1px; top:-1px}
.top-nav-a li span.bg-tab:before{content:""; background-image:url(../images/b1.png); background-repeat:no-repeat; position:absolute; width:30px; height:27px; left:-1px; top:-1px}

/*LOGIN WARNING POPUP*/
.alert-win button.continue-btn {background-color:transparent; border: 0px !important; color: #0062bd !important; margin: 0px 20px 0px 0px; min-width: 176px; padding: 8px 0px 8px 0px; text-decoration: underline !important;}
.alert-win .alert-bg-b {background-color:#daeaf9; border: 1px #a7caf0 solid; float: left; padding: 15px; position: relative;}
.login-prog-name{color:#0062BD; padding:5px 0px}

/* 04-08-16 start */
.smContainer-b {min-height: 250px; max-height: 250px;}
.fontBold{font-weight:bold}
.transparentBtn, .transparentBtn-b{background-color:transparent; padding: 10px 0px; border: 0px; text-decoration: underline; color: #0062bd;}
.toggleContainer-p{display:none; right:0px; position:absolute; width:386px; z-index:10005; border-left:1px solid #0062BD}
.popUp-container-p{height:548px !important;}
.popUp-sub-container-p{height:505px;}
.button-p{color: #FFFFFF; background-color:#FF931E; text-decoration: none; border: 0px none; padding: 5px 7px;}
.button-p-green{color: #FFFFFF; background-color:#6fbe4a; text-decoration: none; border: 0px none; padding: 5px 7px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.popUp-container-p {height: 539px !important;}}

/* 04-08-16 end */

.rightRtlInput{padding-right:3px !important;}

/*29-11-2016 Error Tip and LOV Length*/
li.k-state-focused, li.k-state-hover{background-color:transparent !important; color:#0062BD !important; border-color:transparent !important;}

/* errortip styles added 25/11/2016 */
.k-tooltip.k-tooltip-validation.k-invalid-msg{top: -2px;background: #daeaf9 !important; cursor:pointer; padding: 5px 6px 6px;color: #f00;width:195px;font-size:11px;font-weight:normal; display:inherit;}
.k-tooltip.k-tooltip-validation.k-invalid-msg:after{content: "x";position: absolute;right: -6px;top: -8px;width: 15px;height: 14px;background-color: #daeaf9;border-radius: 30px;padding: 2px 4px 2px 5px;color: #f00;text-align: center;vertical-align: top;line-height: 8px;box-shadow: 0px 0px 4px 1px #ccc;cursor: pointer;font-size: 11px;}
.grid .k-tooltip-validation.k-invalid-msg {top: 1px;white-space: normal;background: #daeaf9 !important;cursor:pointer;padding: 5px 6px 6px;color: #f00;width:153px;font-size:11px;font-weight:normal;}
.k-grid-edit-row .k-tooltip {width: 195px;}
.k-grid-content table tr.k-grid-edit-row td{position:relative; /*overflow:visible; overflow-x:visible; overflow-y:visible;*/}
@media screen and (-webkit-min-device-pixel-ratio: 0){.k-tooltip.k-tooltip-validation.k-invalid-msg{padding: 7px 6px 7px;}}
/*29-11-2016*/

.descWord-break{word-break:break-all !important;}

//Spinner Loader Icon
.icon-spin{z-index:9999;}
h4 {
    font-size:18px;
    font-weight:bold;
}
.icon-spin {
    -webkit-animation: spin 1800ms infinite linear;
    animation: spin 1800ms infinite linear;
}
.spin-container{width:67px; height:67px; background-color:transparent; display:inline-block;}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.icon-spin{width:67px; height:67px;}