﻿form{
	margin: 0;
	height: 99.95%;
}
*{
    margin: 0;
}
body{
    font-size:11px;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.container {
   max-width: 100%;
 }
@media (min-width: 1200px) {
    .container {
        width: 1100px !important;
    }
}

 html, body, .container-table {
    height: 100%;margin:0;
}
 .container-fluid 
 {
     padding-left:0px !important;padding-right:0px  !important;
 }
 
 .ErrorMessage
{
	color: #ff0000;
	font-family:Verdana;
	font-style:italic;
	font-weight: bold;
	font-size: 12px;
}

.StatusMessage
{
	color: Green;
	font-family:Verdana;
	font-style:italic;
	font-weight: bold;
	font-size: 12px;
}

/*-------------------Loading Image------------------*/
.Absolute-Center.is-Fixed {
  position: fixed;
  z-index: 1002;
}
.WaitingDiv{
    background-color:white;
    text-align:center;   
    max-height:82px;     
    max-width:90px; 	
	filter: alpha(opacity=80);
	opacity:0.70;
	-moz-opacity:0.70;
    display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;


}
.loadingPart .img-responsive {
    margin: auto auto;    
    display: inline-block; vertical-align:middle;    float: none;
}
.Absolute-Center {
  height: 30%;
  width: 20%;
  /*overflow: auto;*/
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

 
/*---------------------Header--------------------------*/
.headerLogInfo a {
    font-size:11px;
    font-weight:bold;
}
@media screen and (max-width: 767px) {
    .headerLogInfo{
        text-align:center;margin:auto;
    }
}
.HeadNoBrandDepend{
    background-color: #CFCFCF; width: 100%;padding-bottom:20px; border-bottom:1px solid gray; 
}
.HeadHeight{
    height: 80px;
}
@media screen and (min-width: 768px)  and (max-width: 1200px) { 
  .headerLogoRow { height:39px; }
}
#divMayus {
    visibility: hidden;
    color: red;
}
.NoUnderLine,.NoUnderLine a {
    text-decoration:none;
}

/*----------------sticky footer---------------------------*/
.footer{   
    border-top:1px solid gray;  height: 50px; margin-top: -50px;font-size:11px; padding-top:8px; 
}
@media (max-width: 500px) {
    .footer {
        font-size: 10px;
    }
}
.content {
  min-height: 100%;
}
.content-inside {
  padding-bottom: 50px;
}
/*end footer*/
/*----------------------------Menu------------------------------*/
div.navbar {z-index:99999;opacity:1; color:gray; }
.menuTabs1 {
    height:50px;background-color:#f8f8f8;font-size:14px;
}
.menuTabs1 .navbar-nav>li>a{
    color:gray;
}
.menuTabs1 .navbar-nav>li:hover{
    color:black;background-color:lightgray;     transition: all .5s ease; 
}
.menuTabs1 .navbar{
    border-radius:0px;border-left:none;border-right:none;padding-top:0px;margin-bottom:0px;
}
.menuTabs1 .dropdown-menu{
    padding:0px !important;    font-size:14px;   
}
.menuTabs1 .dropdown-menu>li>a{
    color:gray;
}
.menuTabs1  .level2 li {border-bottom:1px solid lightgray; background-color:#F8F8F8 ;}
.menuTabs1  .level2 li a:hover {color:black; background-color:#F8F8F8 ;}
.menuTabs1 .dropdown-submenu {
    position:relative; border-bottom:1px solid pink !important; 
}
.menuTabs1.dropdown-submenu:hover>.dropdown-menu {
    display:block; 
}
.menuTabs1.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.menuTabs1.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.menuTabs1  ul  .dropdown-menu .dynamic a:active {
    background-color:gray; 
}
.menuTabs1  li ul { 
    min-width:200px; 
}
.menuTabs1 ul .level2{
    top:50px !important;left:0% !important; 
}
@media (max-width: 768px) {
   .menuTabs1  .navbar-collapse {
        padding-left: 40px !important;
        padding-right: 50px !important;
    }
    .menuTabs1     .navbar-collapse.in {
            overflow-y: visible;
    }
    .menuTabs1 ul .level2{
     top:0px !important; left:30% !important; 
    }
     .navbar-nav {
        float: none!important; 	margin:0px;
	}
    
}
@media (min-width: 768px) {
    .navbar-nav > li {
        float: left;
    }    
}
/*change collapse breakpoint menu*/
@media screen and (min-width:768px) and (max-width: 1200px)  {
   div.dataTables_wrapper 
    {
        width: 710px;
        margin: 0 auto;
    }
   .menuTabs1 .navbar-header {
        float: none;
    }
   .menuTabs1  .navbar-left,.navbar-right {
        float: none !important;
    }
   .navbar-toggle {
        display: block;
    }
   .menuTabs1   .navbar-collapse {
        border-top: 1px solid gray;   
    } 
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important; 	
	}
    .menuTabs1	.navbar-nav>li {
        float: none;
    } 
    .menuTabs1  .collapse.in{
  		display:block !important;
	}
    .menuTabs1 ul .level2{
        top:0px !important; left:22% !important; 
    }
    

}
.dropdown-menu>li>a{
    display:inline-block !important;
}
::-ms-clear {
  display: none;
}
.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}

@media (max-width: 768px) {
    .FAQsIcon {
        text-align: center; padding-top:0px; padding-bottom:10px;
    }
    
 }
/*----------------------------Login----------------------*/
.menuBoxWithSummary{
	border: solid 1px #e5e5e5;
    padding:10px;   
}
.leftside{
    text-align:justify; padding-right:22px;
}
.col-lg-2{
    padding-left:0px;
    padding-right:0px;
}

/*--------------------Card Panel-----------------------*/
.EmptyCard{
    padding-top:3px;padding-left:9px; padding-right:10px;
    font-weight:600;
    color:red;border-right:1px solid gray;border-left:1px solid gray;
}
.shoppingCartLayer{
	background-color: #EBD07F;
	z-index: 1001;
}

.shoppingCartPanelLayer{
	height:0px;
	overflow:hidden;
	z-index: 1001;
}
.CardSpan{
    position:absolute; 
    z-index: 1001;
}
.CartPanel{
	vertical-align:middle;
	text-align: center;
	white-space:nowrap;
	cursor: pointer;
    font-size:10px;
}
.GrayBorder{
    border:1px solid gray; padding:5px; border-top:none;
}
.BorderBottom{
    border-bottom:1px solid gray;
}
.wrapNoraml{
    white-space:normal;
}

.CheckOutCartLink{
    border: 1px solid gray; 
    padding: 5px; 
    background-color: #EBD07F;
}
.CartItems{
    width: 400px; 
    background-color: 
        white; z-index: 1001;
}
/*-------------------------------------------------*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; 
}
.top10{
    padding-top:10px;
} 
.paddingLeft20{
    padding-left:20px;
}

/*Khaja*/
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
    .documentNames
    {
        word-wrap: break-word;
        width: 0px;
    }    
}
.top5{ 
    margin-top:5px; 
}

  @media screen and (max-width: 992px) {
   
    /*.Wider*/ .col-xs-12 .col-sm-12{
        padding-left:0px;
        padding-right:0px;
    }
}

/*-----------------Modal--------------------------*/
 .modal-dialogOrder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width:550px;
    height:300px;
}
 body.modal-close {
    height: auto;
}
 
.loader {
    left: 0px;
	top: 0px;
	width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
	background: url('../../Images/loading2.gif') no-repeat center center rgba(0,0,0,0.25);
}
/*GRIDVIEW PAGINATION*/
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
} 
.pagination-ys table > tbody > tr > td {
    display: inline;
} 
.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}
 .stripe td, th {
        text-align: left;
        white-space: nowrap;
        max-width: 200px;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
    }
a[disabled=disabled].pagination-r {
  color: gray;
  font-weight: bold;
}
.pagination-r {color:black;}
 a.pagination-r{
    position: relative;
    float: left;
    padding: 8px 10px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
  .pagination-r>li>a{
    position: relative;
    float: left;
    padding: 8px 10px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    margin-left: -1px;
}
    .pagination-r>.active>a{
    position: relative;
    float: left;
    padding: 8px 10px;
    line-height: 1.42857143;
    text-decoration: none;
    color: gray;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.no-js .is-Fixed {
  display: none;
}
.toggle-Modal {
  cursor: pointer;
}
/*-------------------------- Rating -------------------------------------*/
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../../Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../../Images/SavedStar.png);
}

/*-------------------------- Wrap --------------------------------------*/

.WrapWordBreak {
    overflow-wrap:break-word;
    word-wrap: break-word;
    word-break:break-all;
    word-break:break-word;
    hyphens:auto;
}

/*-------------------------- Margin for Mobile -------------------------*/
.xs-margin 
{
    margin-top: 5px;
}