/*Add new product popup*/
.fullWidthBtn {
    width: 100%;
    padding: 0px;
    margin: 0px !important;
}
.hideClass{
    display: none !important;
}
.orDivider-box {
    padding: 0px;
    margin: 20px 0px 0px 0px;
}
.orDivider {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.orDivider:before {
    position: absolute;
    content: "";
    background: #ddd;
    width: 44%;
    height: 1px;
    left: 0;
    top: 50%;
}
.orDivider:after {
    position: absolute;
    content: "";
    background: #ddd;
    width: 44%;
    height: 1px;
    right: 0;
    top: 50%;
}
.fbBtnfull {
    width: 100%;
    background: #3d65c4;
}

.fbBTN {
margin-top: 15px;
text-align: center;
margin-bottom: 15px;
padding: 0;
}
.pl-0 {
    padding-left: 0px;
}
.fullwidthbtn{width: 100%; padding: 0px; margin: 0px !important;}
.addProduct-modal-dialog {
    max-width: 500px;
    margin: 0 auto;
}
.addProduct-modal-header {
    background: #eee;
    border-bottom: 1px solid #ddd;
}
.addProduct-modal-header button.close {
    color: #222;
    opacity: 0.7;
}
#addImg {
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 160px;
    border: 1px dashed #ddd;
    padding: 85px 0px;
    float: left;
    height: 200px;
}
.img-box {
    float: left;
    width: 100px;
    height: 91px;
    margin-left: 10px;
}
.img-box img {
    width: 100%;
    height: 100%;
}
.mb-15{margin-bottom: 15px;}
#chooseImg {
    position: absolute;
    z-index: 1000;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 24px;
    width: 100%;
}
.sel-cat-multi-drop {
    padding: 0;
    outline: none !important;
}
.sel-cat-multi-drop .dropdown-toggle:focus{outline: none !important;}
.sel-cat-multi-drop button {
    background: transparent;
    border: 1px solid #d2d6de !important;
    padding: 10px !important;
    outline: none !important;
}
.sel-cat-multi-drop button:hover {
    background: transparent !important;
    border: 1px solid #d2d6de !important;
    outline: none !important;
}
.sel-cat-multi-drop button .dropdown-toggle{box-shadow: none !important;}
.btn-group.open .dropdown-toggle {
   box-shadow: none !important;
    background: transparent !important;
    color: #444 !important;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: none !important;
    outline-offset: 0 !important;
}
.sel-cat-multi-drop button:hover, .sel-cat-multi-drop button:active, .sel-cat-multi-drop button.hover, .sel-cat-multi-drop button:focus{
    background-color: transparent !important;
    color: #444!important;
}
/*end of Add new product popup*/
/*custom toggle switch button*/
.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 100px;
  height: 30px;
  padding: 3px;
  margin: 0 10px 10px 0;
 /* background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #0088cc;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #fff;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #8ab34f;
  border-color: #8ab34f;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
  left: 68px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
========================== */
.switch-label, .switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}
/*end of custom toggle switch button*/
.nobackground{background: transparent !important;}
.span-mand-setright {
    position: absolute;
    top: 0;
    right: 0;
}
.forPassbtn, .resPassbtn {
    background-color: #8ab34f;
    border-color: #8ab34f;
    border: 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 8px 15px!important;
    margin-top: 15px;
	outline:none;
}
.margin-top15{margin-top:15px !important;}
 .padd-all10{padding: 10px;}
  .padd-left10{padding-left: 10px;}
  input.loyaltyCheck {
    float: left;
    margin-right: 10px;
}
.namepromi{text-transform: capitalize;
    font-weight: bold !important;}
label.error{
    color: red;
}

.span-mand{
   color: red;
}
.required:after { 
    content: '  *';
    color: #EF1919;
}
.optional:after { 
    content: '  (optional)';
    color: #B9B9B9;
    font-weight: normal;
}

.flash-message {
    color:red;text-align: center; position: absolute;width: 100%; padding: 0px 240px;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #808080;
}

.admin-profile-picture{
    height: 57px;
    width: 57px;
   
}
span.red-astrik {
    color: red !important;
}
.ml-2 {
    margin-left: 3px !important;
}


/**
 * Framework starts from here ...
 * ------------------------------
 */

.tree,
.tree ul {
    margin:0 0 0 1em; /* indentation */
    padding:0;
    list-style:none;
    color:#444;
    position:relative;
}

.tree ul {margin-left:.5em} /* (indentation/2) */

.tree:before,
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid;
}

.tree li {
    margin:0;
    padding:0 1em; /* indentation + .5em */
    /*line-height:26px;*/ /* default list item's `line-height` */
    /*   font-weight:bold; */
    position:relative;
}

.tree li:before {
    content:"";
    display:block;
    width:10px; /* same with indentation */
    height:0;
    border-top:1px solid;
    margin-top:0px; /* border top width */
    position:absolute;
    top:1em; /* (line-height/2) */
    left:0;
}

.tree li:last-child:before {
    background:white; /* same with body background */
    height:auto;
    top:1em; /* (line-height/2) */
    bottom:0;
}
.tree-item a{display: inline-block;
             margin-left: 5px;
             color: #444 !important;
             font-weight: normal;}

.tree-item .checkbox{padding-top:0; text-align: left;}

.tree-item .checkbox input[type="checkbox"]{top:6px;}
.alert{
    margin: 13px;
}


.button-filter-search {
    float: left;
    margin-right: 10px;
    font-weight: normal;
    font-size: 24px;
}


.barcode_print{
    background-image: url('barcode_bt_bg.jpg');
    color:#fff;
    font-weight: bold;
}

.customtooltip {
    position: relative;
}

.customtooltip:hover .customtooltiptext {
    visibility: visible;
}

.customtooltip .customtooltiptext {
    visibility: hidden;
    min-width: 200px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -60px;
}
.p10{
    text-align: center;
    font-weight: normal;
}
.storeBtn{margin:7px 10px 0 0!important; padding: 0px; }
.loginBG{float: left;width: 100%; margin: 0px; padding: 0px; background: url(../img/admin-bg.jfif) no-repeat; background-size: cover; overflow: hidden;}
.login-box-body h3 {line-height: 0px; font-size: 20px; text-align: center; margin: 10px 0 0 0;padding: 0; color: #4D4B4B;}
.noBackground{background: none!important;}
.dividerhr { border-bottom: 1px solid #d2d6de; margin:0px 0px 20px 0px;}
.wight-color{color: #fff!important;}
.content-wrapper{border-left: 1px solid #dddddd;}

.noBorder{border:0px!important;}
.noShadow{box-shadow: none!important;}
.noleftBorder{border-left:0px!important;}
.topBorder{border-top:1px solid #dcdcdc!important;}
.rightBorder{border-right:1px solid #dcdcdc!important;}
.bottomBorder{border-bottom:1px solid #dcdcdc!important;}
.leftBorder{border-left:1px solid #dcdcdc!important;}

.noAllMargin{margin: 0px!important;}
.noTopMargin{margin-top: 0px!important;}
.noRightMargin{margin-right: 0px!important;}
.noBottomMargin{margin-bottom: 0px!important;}
.noLeftMargin{margin-left: 0px!important;}

.noAllpadding{padding: 0px!important;}
.noToppadding{padding-top: 0px!important;}
.noRightpadding{padding-right: 0px!important;}
.noBottompadding{padding-bottom: 0px!important;}
.noLeftpadding{padding-left: 0px!important;}

.marginTop10{ margin-top: 10px!important; }
.marginTop20{ margin-top: 20px!important; }

.marginBottom5{ margin-bottom: 5px!important; }
.marginBottom10{ margin-bottom: 10px!important; }
.marginBottom20{ margin-bottom: 20px!important; }

.marginleft10{ margin-left: 10px!important; }
.marginleft20{ margin-left: 20px!important; }
.marginleft50{ margin-left: 50px!important; }

.marginright10{ margin-right: 10px!important; }
.marginright20{ margin-right: 20px!important; }

.paddingAll10{ padding: 10px!important; }
.paddingAll20{ padding: 20px!important; }

.valignparent{ display: table; }
.valignchild{ display: table-cell; vertical-align: middle; }
.btn-box-tool{border:0px!important;}
.tableVaglignMiddle>tbody>tr>td{vertical-align:middle!important;}
.breakLine{ word-break: break-all;}
.vMiddle{display: flex; align-items: center;}
.btn-block{background-color: #777;color: #fff;}
.btn-block:hover{background-color: #666;color: #fff;}
.reset-btn{background-color: #777;color: #fff;}
.reset-btn:hover{background-color: #666;color: #fff;}
.pagination>.active>span{background-color: #8ab34f; border-color: #8ab34f;}
.btn-default:focus{background-color: #8ab34f!important;color: #fff!important;}
.btnNo-margn-padd{padding: 0px!important; margin: 0px!important;}
.ksbtn{ margin: 0 5px 0 0!important; padding:2px 8px!important; font-size: 14px; font-weight: 400;}
.multiselect.dropdown-toggle.btn.btn-default{background-color: inherit!important; border:1px solid #ddd!important; text-align: left!important; color: #000;}
.multiselect.dropdown-toggle.btn.btn-default:focus{color: #000!important;}
.checkbox label, .radio label{padding: 2px 10px!important; margin:0px 0px 5px 0px; border:1px solid #FFFFFF;}
.checkbox-highlight {padding: 0px 10px!important; margin: 5px 0px; background-color: #323299;color: #fff;}
.Nocheckbox-highlight{ background-color:#fff!important; color: #000;  }
.checkbox{margin: 0px!important;}
.blackColor{ color: #444!important; }
.boxNew{ border:0px!important; box-shadow: none!important; border-radius: 0px!important}
.boxHeaderNew{ border-bottom: 1px solid #444!important; border-left: 0px!important; margin-bottom: 20px;  padding: 10px 0px!important;}
.box-title{ font-weight: 600; font-size: 22px!important; }
.dashbox-header{ padding: 10px 15px!important; }
.dashbox-title{ font-weight: 400; font-size: 16px!important; }
iframe#short_desc_ifr{height: 200px!important;}
.full-width{ width: 100%!important; }
.form-control{ padding: 7px!important; height: inherit!important; }
.btn{padding: 8px 15px!important;}
.form-group label { font-size: 16px!important; font-weight: 400!important; }
.control-label{ font-size: 16px!important; font-weight: 400!important; }

.modal.cstmodal{background: rgba(0,0,0,.5);}
.modal-dialog {margin: 70px auto!important;}
.switch-field {overflow: hidden; float: right;}
.switch-title {margin-bottom: 6px;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden;}
.switch-field label {float: left;}
.switch-field label {display: inline-block; width: 50px; background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6);
font-size: 14px; font-weight: normal;text-align: center; text-shadow: none; padding: 5px 10px; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); -webkit-transition: all 0.1s ease-in-out;-moz-transition:    all 0.1s ease-in-out; -ms-transition:     all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {background-color: #8ab34f; -webkit-box-shadow: none; box-shadow: none;}
.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
.questionPopup p{ font-size: 18px; }
hr.style1{ float: left; margin:10px 0 15px 0!important; border-top: 0px!important; width: 100%; border-bottom: 1px solid #f4f4f4;}
.tooltip-style + .tooltip > .tooltip-inner { width: 100%!important; background: #f4f4f4!important; padding: 5px 10px; border:1px solid #ccc!important; color: #000; border-radius: 0px; }
.tooltip-style + .tooltip > .tooltip-arrow {border-right-color:#bbbbbb!important;}
.fa-info-circle{ color: #444;}
.view-storeBtn{background: rgba(0,0,0,0.25)!important; margin-top: 3px!important;}
.breadcrumb i{display: none!important;}