/*.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}*/

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modal {
        display: block;
    }

.field-validation-error {
    font: red !important;
}

.error {
    padding: 5px 10px;
    background: #dd5044;
    color: #fff;
}

.success {
    padding: 5px 10px;
    background: #419b3c;
    color: #fff;
}

.backGau {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    background: #666;
    opacity: 0.7;
    z-index: 999999999999 !important;
    filter: alpha(opacity=70);
    display: none;
}

.backGau2 {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 1px;
    position: fixed;
    background: #eee;
    opacity: 0.7;
    z-index: 9999999999999999;
}

.backimg {
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: fixed !important;
}

/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}


#table{border:solid 1px #ccc; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#table td{border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:5px;}
#table tr{background:#f5f5f5;}
#table tr.bg{background:#fff;}
#table tr:hover{background:#eee;}
#table th{text-align:left;}
#table h1{background:url(images/table_heading_bg.gif) top repeat-x; line-height:35px;  font-size:11px; color:#000; padding-left:5px; width:auto;}

#form{background:#fff; outline:0px solid #b9b9b9; border:0px solid #f5f5f5; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px;}
#form.onpaddind{padding:10px;}
#form.onpaddind td{padding:0px;}
#form td{padding:5px}
#form td td{padding:0px;}
#form input[type=text],
#form input[type=password],
#form select,
#form textarea{width:100%; border:1px solid #A0A0A0; padding:5px 0; text-indent:5px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#form select{width:100%; float:right; padding:4px 0px;}


.button3{border:1px solid #17549b; text-shadow:#123a6e 1px 1px 1px; background:url(images/submit.gif) top repeat-x; float:right;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center; padding:5px 10px; cursor:pointer; font-size:11px; font-weight:bold; color:#fff; margin:0px;height:15px;line-height:15px;position:relative;top:-4px;}
.button3:hover{background:url(images/submit_hover.gif) top repeat-x;color:#fff;}

#form div.hint{ font-size:11px; color:#777; float:right;}
#form .red_error{font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#C00!important; float:right;}

#form #no_border{border:1px;}
#form #no_border td{border-style: none;
	border-color: inherit;
	border-width: 1px;
	font-weight: 700;
}
#form h3{font-size:11px; font-weight: bold;}
#form .no-border{border:none;}
#form .no-padding td{padding:2px;}

/**Category*/

   
    
    .dd-level-1{font-size:14px;font-weight:600;color:#000;}
    .dd-level-2{font-size:13px;padding-left:10px;color:#333;}
    .dd-level-3{font-size:13px;padding-left:20px;color:#666}
/**Product Category**/
 .dropdown a {
            color: #fff;
 }
   .dropdown dd,
        .dropdown dt {
            margin: 0px;
            padding: 0px;
        }

        .dropdown ul {
            margin: -1px 0 0 0;
        }

        .dropdown dd {
            position: relative;
        }

        .dropdown a,
        .dropdown a:visited {
            color: #fff;
            text-decoration: none;
            outline: none;
            font-size: 12px;
        }

        .dropdown dt a {
            background-color: #3c8dbc;
            display: block;
            /*padding: 8px 20px 5px 10px;*/
            min-height: 25px;
           /* line-height: 24px;*/
            overflow: hidden;
            border: 0;
            width: 272px;
        }

            .dropdown dt a span,
            .multiSel span {
                cursor: pointer;
                display: inline-block;
                padding: 0 3px 2px 0;
            }

        .dropdown dd ul {
            background-color: #f9f9f9;
            border: 0;
            color: #fff;
            display: none;
            left: 0px;
            padding: 2px 15px 2px 5px;
            position: absolute;
            margin-left: 25%;
            top: 2px;
            width: 270px;
            list-style: none;
            height: 300px;
            overflow: auto;
        }

        .dropdown span.value {
            display: none;
        }

        .dropdown dd ul li a {
            padding: 5px;
            display: block;
        }

            .dropdown dd ul li a:hover {
                background-color: #fff;
            }
#dvlist ul{list-style:none;}
#dvlist ul li{font-weight:600;}
#dvlist ul ul li{font-weight:400;}
@media (min-width:200px) and (max-width:768px) 
{
    .dropdown dt a{width:100%}
    .dropdown dd ul{margin-left:0;width:100%;}
    #form td{display:block;}
    #Tab6 td, th {display:block;}
    }