/**reset css***/ 
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

html body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
   font-family:"Trebuchet MS";
    font-size: 13px;
    background:#ffffff;
}

.container 
{
    padding-right: 85px;
    padding-left: 85px;
    margin-right: auto;
    margin-left: auto;
}
.container4 
{
    padding-right: 85px;
    padding-left: 85px;
    margin-right: auto;
    margin-left: auto;
}
#content_complete{
    display: table;
    width: 100%;
    min-height: 400px
}
#content_complete #content_left{
    width: 20%;
    float: left;
    background:rgba(20, 116, 152, 0.98);
    min-height: 745px;
    display: none;
}
#content_complete #content_right{
    width: 80%;
    float: left;
}
.user_menu{
    padding: 21px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}

.login_user{
    padding:22px 10px 10px 12px;
      border-bottom: 1px solid #fff;
}
.login_user > ul li{
    display: inline-block;
}
.login_user > ul li:last-child{
    margin-left: 10px;
    font-weight: bold;
    color: #fff;
    font-size: 16px
}
.login_user > ul li .fa-user-plus{font-size: 40px;color: #fff}


.sidebar_menu{

}
.sidebar_menu > ul li{
      border-bottom: 1px solid #757575;
      cursor: pointer;    
}
.sidebar_menu > ul li a{
    text-decoration: none;
    color: #2B2B2B;
    font-size: 15px;
    display: block;
    padding: 20px 20px;
}
.sidebar_menu > ul li:hover{
    background: #2F9BAF
}
.active{
    color: #2CBB11!important;
    border-bottom: 2px solid #2CBB11;
    padding-bottom: 3px;
}

.active1{
    background: #2F9BAF;
}
.main_content > h2{
    text-align: center;
    font-size: 30px;
    clear: left;
    font-weight: 500;
    padding:14px 10px;
    border-bottom: 1px solid #eee;
    width: 100%;
}
#categorY{
    padding:10px 60px;
    display: table;
    width: 100%;
}
#categorY > ul > li{
    list-style: none;
    float: left;
}
#categorY > ul > li:first-child{
    width: 80%
}

#categorY > ul > li:last-child{
    width: 17%;
    margin-top: 24px;
}
/**categorY > ul > li:last-child a*/
#cart-styl{
    text-decoration: none;
    padding: 6px 10px;
    background: #f0c01a;
    border-radius: 4px;
    margin-left:10px
}
.search-Bar{
    display: table;width: 100%;
    margin: 14px 0px 0px 0px;
}
.srchbr_plac-odr{
    margin: 11px 0px 0px 59px
}
.search-Bar .frmSearch{
    float: left;width: 68%;
}
.search-Bar #seach_submt{
    float: left;width:30%;
}

.frmSearch input{
    width: 90%;
    padding: 10px 0px;
    border-radius: 4px;
    border: 1px solid #949393;
}
#seach_submt button
{   
    border: none;
    padding: 11px 20px;
    width: 55%;
    border-radius: 4px;
    background: #2CBB11;
    cursor: pointer;
    color: #fff;
}


.header{
    display: table;
    width: 100%;
}

.header_top{
    background: rgba(20, 116, 152, 0.98);
    display: table;
    padding-top: 13px;
    padding-bottom: 13px;
    width: 100%;
    border-top: none;
    border-left: 1px solid #cccccc;
}

.header_top .header_left{
    float: left;
    width: 40%;
    padding-left: 10px
}
.header_top .header_left > ul li{
    list-style: none;
    list-style-type: none;
    float: left;
    margin-right: 10px
}
.header_top .header_left > ul li span{padding-right: 5px}
.header_top .header_left > ul li a , .header_top .header_right > ul li a{
    text-decoration: none;
    color: #000;
    font-size: 12px;
}
.header_top .header_right{
    float: right;
    width: 30%;
    text-align: right;
    padding-right: 10px;
}
.header_top .header_right > ul li{
    list-style: none;
    list-style-type: none;
    float: right;
    margin-right: 10px
}
.header_top .header_right > ul li span{padding-right: 5px}



/***********menu********/

.header_logo_menu {
    display: table;
    width: 100%;
    margin-top: 10px
}
.header_logo_menu .logo_menu{float: left;
width: 80%;}
.header_logo_menu .search_cart{float: left;
width: 20%;}

.logo_menu .Logo{
    float: left;
    width: 25%;
}

.logo_menu .Menu_items{
    float: left;
    width: 70%;
    margin-top: 30px
}
.logo_menu .Menu_items > ul li{
    list-style: none;
    list-style-type: none;
    display: inline-block;
    margin-left: 25px;
    border-bottom:3px solid #3F53B5;
    padding-bottom: 5px
    }
.search_cart{
    margin-top: 30px;
}

.search_cart .Search{
    width: 45%;
    float: left;
}
.search_cart .cart{

    width: 50%;
    float: left
}

.search_cart .Search p span, .search_cart .cart p span {
    padding-right: 5px
}

/*******************Login********************/
.login_forms{
    display: table;width: 100%;
    height: 500px;
    margin-top: 50px
}

#Login{
    display: table;
    min-height: 750px;
    width: 90%;
    padding-right: 85px;
    padding-left: 85px;
    margin-right: auto;
    margin-left: auto;
}

#Login h2{
    font-size: 2.3em;
    font-family: 'JosefinSans-Bold';
    color: #333;
    text-align: center;
}
#Login p{
    font-size: 12.5px;
    margin-top: 5px
}
#Login .usernam , #Login .passwrd{
    margin-top: 20px
}
.usernam p , .passwrd p{
    color: #5d5959;
    font-size: 1.3em;
    padding-bottom: 10px;
}

.usernam input , .passwrd input{
    width: 90%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #D6D6D6;
    outline: none;
    color: #5d5959;
    border-radius: 4px
}
.submit_btn_log ul li , .submit_btn_reg ul li ,.submit_btn_pas ul li {
    list-style-type: none;
    float: left;
}

.submit_btn_log ul li:last-child {
    margin-left: 30px
}

.submit_btn_log ul li button , .submit_btn_reg ul li button , .submit_btn_pas ul li button
{
    display: inline-block;
    background: #00a0dc;
    padding: 0.6em 2em;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    outline: none;
    margin-right: 2em;
    margin-bottom: 1em;
    margin-top: 46px;
	 cursor: pointer;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

/******************** Login 1**************************/
#login_forms{
    padding: 20px 80px;
}
.Loginform ul{
    display: table;
    width: 100%;
}
.Loginform li
{
    display: block;
    background: #eee;
    float: left;
    border: 1px solid #C5C5C5;
    padding: 12px 19px;
    width: 79px;
    color: #000;
    text-align: center;
    margin: 20px auto;
    left: 40.5%;
    position: relative;
    cursor: pointer;
}
#Dealer_clk{
    background: #58A7C5;

}
.Loginform li:last-child{
    border-left: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.Loginform li:first-child{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
#login1_form
{
    width: 300px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid #00a0dc;
    margin: 0 auto;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
#login_left{
    display: table;
    width: 100%;
}
.login_label{
    float: left;
    width: 20%
}
.login_label p:first-child{
    margin-top: 10px
}

.login_input{
    display: table;
    width: 100%
}
#login1_form #login_left{
    margin-top: 30px
}
#Shopkeeper_Login{
    display: none;
}
.login_input input {
	width: 93%;
    padding: 10px;
    font-family: FontAwesome;
    font-weight: 400;
    border: 1px solid #D6D6D6;
    outline: none;
    color: #5d5959;
    border-radius: 3px;
    font-size: 14px
}
.login_input input:active, .login_input input:focus {
    border: 1px solid #00a0dc;
}
#Dealer_Login h1 , #Shopkeeper_Login h1{
    text-align: center;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}
.log_submt{
    text-align: center;
}
.log_submt button {
    background: #00a0dc;
    padding: 0.7em 2em;
    font-size: 1em;
    width: 303px;
    color: #fff;
    border-radius: 2px;
    font-size: 15px;
    text-decoration: none;
    clear: both;
    font-weight: 500;
    border: none;
    outline: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    margin-top: 20px;
    cursor: pointer;
}

/****************dealer login*****************/
.dealer_login h2{
    font-size: 30px;
    color: #2a2a2a;
    text-align: center;
    margin: 40px 0px;
    border-bottom: 1px solid #0000
}
.dealer_login
{
    border-bottom: 1px solid #D0CACA;
}

/*************************adding data form*****/

.job_tit {width: 100%;
    display: table;
}
#jobtittle{
    margin: 20px 0px
}
.job_tit #label{
    float: left;
    width: 20%;
    text-align: right;
    margin-right: 20px
}
.job_tit #fields{
    width: 100%;
}
.job_tit label {
   
    font-weight: bold;
    font-size: 16px ;
    color: #656060;
   text-align: right;
    margin-top: 7.5px;
    font-family:"Trebuchet MS";
}

.job_tit #fields input {
     padding: 8px;
    border-radius: 4px;
    border: 1px solid #D8D1D1;
    width: 100%;
}
.job_tit #fields select {
    display: inline-block;
    border: 1px solid #bbb;
    padding: 7px 3px 7px 5px;
    margin: 0;
    font: inherit;
    outline: none;
    line-height: 1.2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 103%;
}
.job_tit > p{
    font-weight: bold;
    padding-bottom: 5px;
    color: #3E3A3A;
    font-size: 13px
}
#Addstockform{
    margin: 0 auto;
    width: 65%
}
.addstck_btn button{
    border: none;
    padding: 7px 36px;
    font-weight: bold;
    color: white;
    background: #50B114;
    border-radius: 4px;
}
.pricelisT{
    display: table;
    width: 100%;
}
.pricelisT #jobtittle:nth-child(odd) {
    float: left;
    width: 43%;
}
.pricelisT #jobtittle:nth-child(even) {
    float: right;
    width: 43%;
}
/******************list_item1********/
.items_display{
    display: table;
    width: 100%;
    height: 575px
}
.Items_Display{
    display: table;
    width: 100%;
    padding: 0px 30px;
}
.list_item{
    border: 1px solid #EAEAEA;
    width: 17%;
    margin: 17px 26px;
    float: left;
    height: 70px;
    border-radius: 3px;
    display: table;
    padding: 16px 14px;
    background: #F6F6F6;
}

.item_head{
    font-weight: 600;
    text-align: center;
    color: #161616;
    font-size: 16px;
    border-bottom:1px dashed #D4B1B1;
    /*text-transform: capitalize;*/
    padding-bottom: 4px
}
.list_itm_con{
    display: table;
    width: 100%;
    height: 35px
}
.list_itm_con .list_item_lft{
    float: left;
    width: 65%;
}
.list_itm_con .cart_add_btn{
    float: right;
    width: 35%
}
.list_item_lft p {
    padding-bottom: 13px
}
.list_item_lft p span:first-child
{
    font-weight: 600;
    margin-right: 4px;
}
.list_item_lft p span:nth-child(2)
{
    font-weight: 600;
    color: #2A77F6;
}
.cart_add_btn  button{
    background: #2A77F0;
    padding: 3px 8px;
    border: 1px solid #7C8BB3;
    border-radius: 4px;
    border: 1px solid #007fb8;
     color: #fff;
     font-size: 12px;
    cursor: pointer;
    font-family: Verdana,Geneva,sans-serif;

}
.img_itm {
    text-align: center;
    margin: 10px 0px
}





.items_display1{
    display: table;
    width: 100%;
    height: 575px
}
.Items_Display1{
    display: table;
    width: 100%;
    padding: 0px 30px;
}
.list_item1{
    border: 1px solid #EAEAEA;
    width: 17%;
    margin: 17px 26px;
    float: left;
    height: 70px;
    border-radius: 3px;
    display: table;
    padding: 16px 14px;
    background: #F6F6F6;
}

.item_head1{
    font-weight: 600;
    text-align: center;
    color: #161616;
    font-size: 16px;
    border-bottom:1px dashed #D4B1B1;
  /*  text-transform: capitalize;*/
    padding-bottom: 4px
}
.list_itm_con1{
    display: table;
    width: 100%;
    height: 35px
}
.list_itm_con1 .list_item_lft1{
    float: left;
    width: 65%;
}
.list_itm_con1 .cart_add_btn1{
    float: right;
    width: 35%
}
.list_item_lft1 p {
    padding-bottom: 8px
}
.list_item_lft1 p span:first-child
{
    font-weight: 600;
    margin-right: 4px;
}
.list_item_lft1 p span:nth-child(2)
{
    font-weight: 600;
    color: #2A77F6;
}
.cart_add_btn1  button{
    background: #2A77F0;
    padding: 3px 8px;
    border: 1px solid #7C8BB3;
    border-radius: 4px;
    border: 1px solid #007fb8;
     color: #fff;
     font-size: 12px;
    cursor: pointer;
    font-family: Verdana,Geneva,sans-serif;

}
.img_itm1 {
    text-align: center;
    margin: 10px 0px
}

/****************checkout page****/
td{vertical-align: middle;text-align: center;}

.table {
    width: 100%;
    margin: 40px 0px;
    border: 1px solid #ccc;
}   
table {
    max-width: 100%;
    background-color: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.cart_description {vertical-align: middle;}
.cart_product {
  display: block;
  margin: 15px -70px 10px 25px;
}


/*****************************homr apage csss**************/
.home_header{
    padding: 10px 100px;
    height: 60px;
    border-bottom: 4px solid #B0D1E0
}

.head_cntct{
    display: table;
    width: 100%;
}
.head_cntct .main_logo{
    width: 14%;
    float: left;
}
.head_cntct .contact_login{
    width: 72%;
    float: left;
    text-align: left;
}
.head_cntct .username_log{
     width: 13%;
    float: left;
    margin-top: 23px;
    text-align: right;
}
.username_log .fa-user{
    color: #69B343;
    padding-right: 6px;
    font-size: 23px;
}
.username_log #user_dis_nam{
    font-size: 16px;
    color: #5F5F5F;
}
#Logouot{
    display: none;
    position:absolute;
    z-index:1;
    margin-top: 29px;
    background-color: #fff;
    padding: 10px;
    list-style-type: none;
    z-index: 100;
    top: 27px;
    right: 110px;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
    width: 70px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 5px #0A0A0A;
    -webkit-box-shadow: inset 0 0 5px #0A0A0A;
    box-shadow: inset 0 0 1px #0A0A0A;
    border: 1px solid #A6B100;
    cursor: pointer;
    margin-left: 18px;
}
#Logouot:before
{
    position: absolute;
    display: inline-block;
    content: "";
    border: 6px solid transparent;
    border-bottom-color: rgba(0,0,0,0.15);
    top: -13px;
    left: auto;
    right: 0px;
}
.menu_tog_ds{
    position:absolute;z-index:1;top:77px;left:20px;
    display: none;
}
.logout_tog_ds{
    position:absolute;z-index:1;top:77px;right:20px;
    display: none;
}
#Logouot a{
    text-decoration: none;
}
.username_log:hover  #Logouot{
    display: block!important;

}
.navig_menu{
    margin-top: 25px
}

.navig_menu ul li{
    float: left;
    display: inline-block;
    list-style: none;
    list-style-type: none;
    margin-right: 33px;

}
.navig_menu ul li:last-child{
    margin-right: 0px
}
.navig_menu ul li a{
    text-decoration: none;
    color: #18789B;
    font-weight: bold;
    font-size: 13px;
}
.navig_menu ul li a:hover{
    color: #2CBB11!important;
    border-bottom: 2px solid #2CBB11;
}

.login_register ul li{
    list-style: none;
    float: right;   
}
.login_register ul > li:first-child{
    margin-left: 30px
}
.login_register ul li a{
    padding: 10px 24px;
    background-color: #ffffff;
    color: #0FC7D3;
    border-radius: 3px;
    font-weight: bold;
    border: 2px solid #0FC7D3;
    text-decoration: none;
    transition:ease-in-out 0.5s;
}
.login_register ul li a:hover{
   background-color: #0FC7D3;
    color: #fff;
}
.login_register{
    margin-top: 25px
}


#bg_Gall{
padding: 20px 80px;
border-bottom: 2px solid #B0D1E0;
background:#0fc7d3;

}
.bg_gallery{
display: table;
height: 255px;
width: 100%;
}

.bg_gallery .bg_left_cnt{
    width: 55%;float: left;
    margin-top: 20px
}

.bg_gallery .bg_right_cnt{
    width: 42%;float: left;
    text-align: right;
}
.bg_left_cnt p
{
    font-size: 15px;
    line-height: 20px;
    color: #fff
}
.bg_left_cnt h1{
    font-size:28px;color:#000;font-weight:normal;
    margin-top: 15px;
    padding-bottom: 16px;
    color: #fff
}
.bg_right_cnt img{
    width: 420px;
    height: 210px;
    padding-top: 45px
}
.gal_btn{
    text-align: center;
}
.gal_btn button{
    background: #F18F16;
    padding: 0.6em 2em;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: 2px solid #fff;
    outline: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
}

.medicin_list_item{
    display: table;width: 100%;
    margin: 50px 0px

}
.service-item {
    width: 22%;
    float: left;
   text-align: center;
   
        margin-left: 10px;
    padding: 10px;
        border-radius: 18%;
    background: #f8f8f8;
    border: 1px solid #dfdfdf;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding-bottom: 20px;
}

.service-item a{
    background: #107fc9;
    height: 29px;
    width: 106px;
    border: 1px solid #0670b7;
    transition: .5s;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;

}



#bg_Gall2{

padding: 20px 130px;
border-top: 4px solid #0FC7D3;
}
.bg_gallery2{
    
display: table;height: 300px;
width: 100%;
}
.bg_gallery2 h1
{
    font-weight: 700;
    font-size: 2.25em;
    color: #000;
    padding-bottom: 10px;
    text-align: center;
}
.how-we-content li {
    list-style: none;
    display: table;
}


.how-we-content li .stra-quali-opti {
      padding-bottom: 50px;
    width: 68%;
    margin: 8px 246px;


}
.how-we-stra{
    float: left;
    width: 20%;
}
.howwedo-text
{
    float: left;
    width: 80%;
}
.howwedo-text h2 {
    font-weight: 700;
    font-size: 2em;
    color: #3692CC;
    line-height: 70%;
    padding-bottom: 10px;
}

.howwedo-text p {
    font-family: Lora,georgia,serif;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 150%;
    color: #A3A3A3;
}
/*****************fotter**************/
footer{
    position: relative;
    bottom: 0;
    background: #2a2a2a;color: #fff;
    padding: 10px
}

/*********search fiilter styles*-**********/
ul#product-list li:hover {
    background: #eee;
}
ul#product-list li {
    list-style: none;
    padding: 10px 5px;
    font-size: 1em;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #eee;
}
ul#product-list {
    padding: 2px;
    position: absolute;
    width: 23%;
    top: 195px;
    left: 67px;
    max-height: 240px;
    z-index: 9999;
    background: #fff;
    cursor: default;
    overflow: auto;
}



/*********Shopkeeper header **********/
.Navigate_menu{
    background: #18769A;
    width: 100%;
    display: table;
    height: 43px;
}
.Navigate_menu ul{
    width: 75%;
    margin: 0 auto
}
.Navigate_menu ul li{
    float: left;
    list-style: none;
    padding: 15px 20px;
    list-style-type: none;
    border-right: 1px solid #eee
}
.Navigate_menu ul li:first-child{
    border-left: 1px solid #eee
}
.Navigate_menu ul li a
{
    padding: 13px 20px;
    color: #fff;
    text-decoration: none;
    
}
#Shokpr_head{
    display: table;
    width: 100%;
    height: 100px;
    padding: 10px 50px
}

#Shokpr_head .shopkpr_logo , #Shokpr_head .Search_box , #Shokpr_head .UsernamE{
    float: left

}

#Shokpr_head .shopkpr_logo{
    width: 20%
}
#Shokpr_head .Search_box {
    width: 45%;
    padding-top: 40px
}
#Shokpr_head .UsernamE {
    width: 25%;
    padding-top: 40px
}
.UsernamE ul li{
    list-style: none;
    float: left;
}
.UsernamE ul li:first-child{
    padding-top: 5px;
    margin-right: 10px
}

.UsernamE ul li:last-child{
    background: #eee;
    padding: 10px 12px;
    border-radius: 4px
}

#txtHint{
    border-radius: 50%;
    width: 10px;
    height: 10px;
    padding: 1px 5px;
    color: #fff;
    margin-left: 5px;
	    background: rgba(20, 118, 153, 0.98);
   
}

/**********menu sliding********/
.sidebar-wrapper {

}
#menu-toggle {
    padding: 5px 8px;
    color: #C4D000;
    display: block;
    width: 26px;
    margin-top: 10px;
    font-size: 30px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #eee;
}

.toggle {
    margin: 5px 5px 0 0;
}

.sidebar-wrapper.active {
    left: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#close_menu
{   
    display: none;
    position: absolute;
    top: 10px;
    left: 210px;
    border-radius: 50%;
    background: #eee;
    padding: 7px 9px;
}

/*#menu-toggle{
    display: none;
}
*/
.logo_menu_close{
    display: table;
    width:100%;
    padding: 10px 30px;
    display: none;
    height: 80px
}
.logo_menu_close ul li{
    float: left;
    list-style: none;
    list-style-type: none;
}
.logo_menu_close ul li a{
    text-decoration: none;
}
.logo_menu_close ul li:first-child , .logo_menu_close ul li:nth-child(3){
    width: 15%
}
.logo_menu_close ul li:nth-child(3){
    margin-top: 20px
}
.logo_menu_close ul li:nth-child(2){
    width: 68%;
    text-align: center;
}

/***************dealer afte login table************/
#empjobs{
    border: 1px solid #ccc
}
#empjobs tr td{
    padding: 10px 3px;

}
#empjobs tr:nth-child(odd){
    background: #F3F3F3;
}


#dealer_vieworder{
    border: 1px solid #ccc
}
#dealer_vieworder tr td{
    padding: 10px 3px;

}
#dealer_vieworder tr:nth-child(odd){
    background: #F3F3F3;
}
/***************shopkeeper cart************/
#cartitems{
    border: 1px solid #ccc
}
#cartitems tr td{
    padding: 10px 3px;

}
#cartitems tr:nth-child(odd){
    background: #F3F3F3;
}
/***************shopkeeper cart************/
#disp_prd{
    display: inline-block;
    border: 1px solid #bbb;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline: none;
    line-height: 1.2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.Searchfrm{
    display: table;
    width: 94%;
    height: 37px;
    margin: 14px 70px 0px 70px;
}
.Searchfrm div:first-child{
    float: left;
    width: 80%
}
.Searchfrm div:first-child #searchbox{
    width: 94%;
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #949393;
}
.Searchfrm div:nth-child(2) {
    float: left;
    width: 18%
}
.Searchfrm  button[value="SEARCH"]{
    border: none;
    padding: 11px 20px;
    width: 70%;
    border-radius: 4px;
    background: #2CBB11;
    cursor: pointer;
    color: #fff;
}
.Searchfrm .fa-search{
    display: none;
}
/***************AddshopBrowser******************/


#AddshopBrowser .Addshop_inp{
    margin-top: 20px
}
.Addshop_inp > p:first-child ,.price > p:first-child , .showquantity > p:first-child , .Shopstus > p:first-child , .oprice > p:first-child{
    color: #5d5959;
    font-size: 12.5px;
    margin-top: 5px;
    font-weight: 600;
    padding-bottom: 5px;
}
.Addshop_inp input{
    width: 92%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #D6D6D6;
    outline: none;
    color: #5d5959;
    border-radius: 4px;
}
.price , .showquantity , .Shopstus , .oprice{
    margin-top: 15px
}
.Shop_details{
    display: table;
    width: 100%;
    height: auto;
}
.Shop_details_left{
    float: left;
    width: 50%;
}
.Shop_details_right{
    float: right;
    width: 50%;
}
.Shop_details_botm .oprice , .Shop_details_botm .showquantity , .Shop_details_botm .Shopstus ,
.Shop_details_botm .price , .Shop_details_botm .usernam{
    float: left;
    width: 50%;
}

.price select , .showquantity select , .Shopstus select , .oprice select
{
    display: inline-block;
    border: 1px solid #C7C6C6;
    padding: 7px 3px 7px 5px;
    margin: 0;
    color: #888484;
    font: inherit;
    outline: none;
    line-height: 1.2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 90%;
}
.submit_adshop_reg
{
    margin-top: 20px;
}
.submit_adshop_reg button
{
    display: inline-block;
    background: #00a0dc;
    padding: 0.6em 2em;
    font-size: 1em;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    border: none;
    outline: none;
    margin-right: 2em;
    margin-bottom: 1em;
    margin-top: 5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
#Updatestock1 , #Updatestock,#dealerreg{
    text-align: center;
	margin-top:20px
}
#Updatestock input[type="submit"] , #Updatestock1 input[type="submit"],#dealerreg input[type="submit"]
{
    border: none;
    padding: 7px 36px;
    font-weight: bold;
    color: white;
    background: #50B114;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
#addrows {
    text-align: center;
	margin-top:-14px
}
#addrows input[type="submit"] {
    border: none;
    padding: 7px 36px;
    font-weight: bold;
    color: white;
    background: #50B114;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
#dealerreg input[type="submit"]{
    border: none;
    padding: 8px 34px;
    font-weight: bold;
    color: white;
    background: #50B114;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-top: 28px;
}
#addproducts {
    text-align: center;
	margin-top:20px
}
#addproducts input[type="submit"] {
    border: none;
    padding: 7px 36px;
    font-weight: bold;
    color: white;
    background: #50B114;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
#Removerows{
    text-align: center;
	margin-top:0px
}
#Removerows input[type="submit"]
{
    border: none;
    padding: 4px 2px;
    width: 28px;
    font-weight: bold;
    color: white;
    background: #E22E2E;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
/**********Edit dealer stock**********/
/*.dealer_add_multi{
	display:table;
	width:100%;
}
.dealer_add_multi_cntr{
	padding:20px 40px
}
#Updatestock1 , #Updatestock{
    text-align: center;
	margin-top:20px
}
#Updatestock input[type="submit"] , #Updatestock1 input[type="submit"]
{
    border: none;
    padding: 7px 36px;
    font-weight: bold;
    color: white;
    background: #50B114;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}
.dealer_add_multi_inner ul li{
	list-style:none;
	float:left;
	width:7%
} 
.dealer_add_multi_inner ul li:last-child{
	width:10%
}
.dealer_add_multi_inner ul li:nth-child(3){
	width:10%
}
.dealer_add_multi_inner{
	background: #5D48E2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 5px 2px;
	height:26px
}
.dealer_add_multi_inner , .dealer_loop_multiple_add , #Updatestock1{
	clear:both
}
.dealer_loop_multiple_add ul li{
    list-style: none;
    float: left;
    width: 7%;
    padding: 5px 0px;
}
.dealer_loop_multiple_add ul li:last-child{
	width:10%
}
.dealer_loop_multiple_add ul li:nth-child(3){
	width:10%
}*/
/**********Edit remove viewstock*********/
#viewstock{
    border: 1px solid #ccc
}
#viewstock tr td{
    padding: 10px 3px;

}
#viewstock tr:nth-child(odd){
    background: #F3F3F3;
}

/***************dealer afte login table************/
#EditStock{
    border: 1px solid #ccc
}
#EditStock tr td{
    padding: 10px 3px;

}
#EditStock tr:nth-child(odd){
    background: #F3F3F3;
}
.Adstock  input[value="Add Stock"]{
    border: none;
    padding: 11px 20px;
    width: 10%;
    border-radius: 4px;
    background: #2CBB11;
    cursor: pointer;
    color: #fff;
}

/***************dealer view shop browser table************/
#dealer_viewshop{
    border: 1px solid #ccc
}
#dealer_viewshop tr td{
    padding: 10px 3px;

}
#dealer_viewshop tr:nth-child(odd){
    background: #F3F3F3;
}
#shp_sts_activ{display: inline-block;
    border: 1px solid #bbb;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline: none;
    line-height: 1.2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
	
	.Adstock input[value="Add Shop"]{
    border: none;
    padding: 11px 20px;
    width: 10%;
    border-radius: 4px;
    background: #2CBB11;
    cursor: pointer;
    color: #fff;
}

/***************Dealer order details table************/
#ShopCde_tab{
    border: 1px solid #ccc;
}
#ShopCde_tab td{
    width: 50%;
    height: 25px;
}
#ShopCde_tab td select{
    display: inline-block;
    border: 1px solid #bbb;
    padding: 5px 3px 5px 5px;
    margin: 0;
    font: inherit;
    outline: none;
    line-height: 1.2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 70%;
}
.order_details
{
    background: #21B121;
    padding: 3px 6px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}

/***************order details table************/
#Orderdetails{
    border: 1px solid #ccc
}
#Orderdetails tr td{
    padding: 10px 3px;

}
#Orderdetails tr:nth-child(odd){
    background: #F3F3F3;
}
#Orderdetails input[value="Details"]{
    border: none;
    background: #1DAF21;
    padding: 3px 5px;
    color: #fff;
    border-radius: 4px;
}



/***************Oder deatils table************/
#skordereddetails{
    border: 1px solid #ccc
}
#skordereddetails tr td{
    padding: 10px 3px;

}
#skordereddetails tr:nth-child(odd){
    background: #F3F3F3;
}
/**************shopkeeper orders*******/
#viewskordereddetails{
    border: 1px solid #ccc
}
#viewskordereddetails tr td{
    padding: 10px 3px;

}
#viewskordereddetails tr:nth-child(odd){
    background: #F3F3F3;
}
/************Add stock Mobile*****/
.Mob_add_stock{display:table;width:100%;}
.Mob_add_stock_cnt{padding: 20px 30px}
.Mob_add_stock_val{display: table;width:100%;border-bottom: 1px solid #ccc;padding:5px 10px;
border-left: 1px solid #ccc;border-right:1px solid #ccc;background:#F3F3F3}
.Mob_add_stock_val:first-child{border-top:3px solid #cccccc;border-top-left-radius:3px;
    border-top-right-radius: 3px}
.Mob_add_stock_val:last-child{border-bottom:3px solid #cccccc;}
.Mob_add_stock_val p:first-child{width:50%;float:left;text-align:center;font-size:14px;font-weight:bold;}
.Mob_add_stock_val p:nth-child(2){width:50%;float:left;text-align:center;}
.Mob_add_stock_val p:nth-child(2) input{border-radius: 3px;
    border: 1px solid #968B8B;
    height: 17px;
    padding: 2px 3px 2px 4px;
    overflow: hidden;}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){

        /* Force table to not be like tables anymore */
        table, thead, tbody, th, td, tr {
            display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        #empjobs tr th{display: none;}
        #empjobs tr { border: 1px solid #ccc; }
        #empjobs td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }

        #empjobs td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
        Label the data
        */
        #empjobs td:nth-of-type(1):before { content: "Product ID"; }
        #empjobs td:nth-of-type(2):before { content: "Product"; }
        #empjobs td:nth-of-type(3):before { content: "Packing"; }
        #empjobs td:nth-of-type(4):before { content: "Batch No"; }
        #empjobs td:nth-of-type(5):before { content: "Quantity"; }
        #empjobs td:nth-of-type(6):before { content: "Purchase Price"; }
		#empjobs td:nth-of-type(7):before { content: "MRP Price"; }
        #empjobs td:nth-of-type(8):before { content: "Tax"; }
        #empjobs td:nth-of-type(9):before{ content: "Price1"; }
        #empjobs td:nth-of-type(10):before{ content: "Price2"; }
        #empjobs td:nth-of-type(11):before{ content: "Price3"; }
        #empjobs td:nth-of-type(12):before{ content: "Price4"; }
        #empjobs td:nth-of-type(13):before{ content: "Display Product"; }

       /**********Edit remove viewstock*********/
        #viewstock tr th{display: none;}
        #viewstock tr { border: 1px solid #ccc; }
        #viewstock td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #viewstock td:before {
            position: absolute;
            top: 6px;left: 6px;
            width: 45%;padding-right: 10px;
            white-space: nowrap;
        }
        #viewstock td:nth-of-type(1):before { content: ""; }
        #viewstock td:nth-of-type(2):before { content: "Product ID"; }
        #viewstock td:nth-of-type(3):before { content: "Product"; }
        #viewstock td:nth-of-type(4):before { content: "Packing"; }
		#viewstock td:nth-of-type(5):before { content: "Batch No"; }
        #viewstock td:nth-of-type(6):before { content: "Quantity"; }
        #viewstock td:nth-of-type(7):before { content: "MRP Price"; }
        #viewstock td:nth-of-type(8):before { content: "Purchase Price"; }
        #viewstock td:nth-of-type(9):before { content: "Tax"; }
        #viewstock td:nth-of-type(10):before{ content: "%1"; }
        #viewstock td:nth-of-type(11):before{ content: "%2"; }
        #viewstock td:nth-of-type(12):before{ content: "%3"; }
        #viewstock td:nth-of-type(13):before{ content: "%4"; }
        #viewstock td:nth-of-type(14):before{ content: "price1"; }
        #viewstock td:nth-of-type(15):before{ content: "price2"; }
        #viewstock td:nth-of-type(16):before{ content: "price3"; }
        #viewstock td:nth-of-type(17):before{ content: "Price4"; }


        /**********Edit remove viewstock*********/
        #EditStock tr th{display: none;}
        #EditStock tr { border: 1px solid #ccc; }
        #EditStock td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #EditStock td:before {
            position: absolute;
            top: 6px;left: 6px;
            width: 45%;padding-right: 10px;
            white-space: nowrap;
        }
        #EditStock td:nth-of-type(1):before { content: "Product ID"; }
        #EditStock td:nth-of-type(2):before { content: "Product"; }
        #EditStock td:nth-of-type(3):before { content: "Packing"; }
        #EditStock td:nth-of-type(4):before { content: "Batch No"; }
        #EditStock td:nth-of-type(5):before { content: "Quantity"; }
        #EditStock td:nth-of-type(6):before { content: "MRP Price"; }
        #EditStock td:nth-of-type(7):before { content: "Purchase Price"; }
        #EditStock td:nth-of-type(8):before { content: "Tax"; }
        #EditStock td:nth-of-type(9):before{ content: "%1"; }
        #EditStock td:nth-of-type(10):before{ content: "%2"; }
        #EditStock td:nth-of-type(11):before{ content: "%3"; }
        #EditStock td:nth-of-type(12):before{ content: "%4"; }
        #EditStock td:nth-of-type(13):before{ content: "price1"; }
        #EditStock td:nth-of-type(14):before{ content: "price2"; }
        #EditStock td:nth-of-type(15):before{ content: "price3"; }
        #EditStock td:nth-of-type(16):before{ content: "Price4"; }


        /**********dealer_vieworder*********/
        #dealer_vieworder tr th{display: none;}
        #dealer_vieworder tr { border: 1px solid #ccc; }
        #dealer_vieworder td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #dealer_vieworder td:before {
            position: absolute;
            top: 6px;left: 6px;
            width: 45%;
			padding-right: 10px;
            white-space: nowrap;
        }
        #dealer_vieworder td:nth-of-type(1):before { content: "Product ID"; }
        #dealer_vieworder td:nth-of-type(2):before { content: "Product Name"; }
        #dealer_vieworder td:nth-of-type(3):before { content: "Unit Price"; }
        #dealer_vieworder td:nth-of-type(4):before { content: "Quantity"; }
        #dealer_vieworder td:nth-of-type(5):before { content: "Total Price"; }
		
		/**********order details shopkeeper stock*********/
        #skordereddetails tr th{display: none;}
        #skordereddetails tr { border: 1px solid #ccc; }
        #skordereddetails td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #skordereddetails td:before {
            position: absolute;
            top: 6px;left: 6px;
            width: 45%;padding-right: 10px;
            white-space: nowrap;
        }
        #skordereddetails td:nth-of-type(1):before { content: "OrderID"; }
        #skordereddetails td:nth-of-type(2):before { content: "Ordered Items"; }
        #skordereddetails td:nth-of-type(3):before { content: "OrderDate"; }
        #skordereddetails td:nth-of-type(4):before { content: "Order Total Price"; }
		#skordereddetails td:nth-of-type(5):before { content: "Order Status"; }
        #skordereddetails td:nth-of-type(6):before { content: ""; }
		
		/**********Shopkeeper after logged in table*********/
        #Shopkeepr_aftlog tr th{display: none;}
        #Shopkeepr_aftlog tr { border: 1px solid #ccc; }
        #Shopkeepr_aftlog td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #Shopkeepr_aftlog td:before {
            position: absolute;
            top: 6px;left: 6px;
            width: 45%;padding-right: 10px;
            white-space: nowrap;
        }
        #Shopkeepr_aftlog td:nth-of-type(1):before { content: "S.No"; }
        #Shopkeepr_aftlog td:nth-of-type(2):before { content: "Item"; }
        #Shopkeepr_aftlog td:nth-of-type(3):before { content: "MRP"; }
        #Shopkeepr_aftlog td:nth-of-type(4):before { content: "Price"; }
        #Shopkeepr_aftlog td:nth-of-type(5):before { content: "Quantity"; }
		#Shopkeepr_aftlog td:nth-of-type(6):before { content: "Required Quantity"; }
		#Shopkeepr_aftlog td:nth-of-type(7):before { content: ""; }


        /**********DEaler view shop browser*********/
        #dealer_viewshop tr th{display: none;}
        #dealer_viewshop tr { border: 1px solid #ccc; }
        #dealer_viewshop td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #dealer_viewshop td:before {
            position: absolute;
            top: 6px;left: 6px;
            width: 45%;padding-right: 10px;
            white-space: nowrap;
        }
        #dealer_viewshop td:nth-of-type(1):before { content: "SHOP CODE"; }
        #dealer_viewshop td:nth-of-type(2):before { content: "SHOP NAME"; }
        #dealer_viewshop td:nth-of-type(3):before { content: "NAME OF SHOPKEEPER"; }
        #dealer_viewshop td:nth-of-type(4):before { content: "Email-ID"; }
		#dealer_viewshop td:nth-of-type(5):before { content: "PASSWORD"; }
        #dealer_viewshop td:nth-of-type(6):before { content: "PRICE"; }
        #dealer_viewshop td:nth-of-type(7):before { content: "ADDRESS"; }
        #dealer_viewshop td:nth-of-type(4):before { content: "MOBILE NO"; }
		#dealer_viewshop td:nth-of-type(9):before { content: "Shop Status"; }
        #dealer_viewshop td:nth-of-type(10):before { content: ""; }


         /**********Order details table*********/
        #Orderdetails tr th{display: none;}
        #Orderdetails tr { border: 1px solid #ccc; }
        #Orderdetails td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #Orderdetails td:before {
            position: absolute;
            top: 6px;left: 6px;
            width: 45%;padding-right: 10px;
            white-space: nowrap;
        }
        #Orderdetails td:nth-of-type(1):before { content: "SHOP CODE"; }
        #Orderdetails td:nth-of-type(2):before { content: "OrderID"; }
        #Orderdetails td:nth-of-type(3):before { content: "Shop Name"; }
        #Orderdetails td:nth-of-type(4):before { content: "OrderDate"; }
        #Orderdetails td:nth-of-type(5):before { content: "Order Total Price"; }
        #Orderdetails td:nth-of-type(6):before { content: "Status"; }
        #Orderdetails td:nth-of-type(7):before { content: ""; }



         /**********shopkeeper orders*********/
        #viewskordereddetails tr th{display: none;}
        #viewskordereddetails tr { border: 1px solid #ccc; }
        #viewskordereddetails td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #viewskordereddetails td:before {
            position: absolute;
            top: 6px;left: 6px;
            width: 45%;padding-right: 10px;
            white-space: nowrap;
        }
        #viewskordereddetails td:nth-of-type(1):before { content: "S.No"; }
        #viewskordereddetails td:nth-of-type(2):before { content: "Name"; }
        #viewskordereddetails td:nth-of-type(3):before { content: "Order Quantity"; }
        #viewskordereddetails td:nth-of-type(4):before { content: "Unit Price"; }
        #viewskordereddetails td:nth-of-type(5):before { content: "Total Price"; }
		
		/*******shopkeeper cart items *******/
		#cartitems tr th{display: none;}
        #cartitems tr { border: 1px solid #ccc; }
        #cartitems td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%!important;
            padding-top: 12px!important;
            vertical-align: middle;
            padding-bottom: 10px!important;
            padding-right: 3px!important;
        }
        #cartitems td input{
            width: 49px;
            text-align: center;
            border-radius: 4px;
            border: 1px solid #B9B7B7;
            padding: 2px 2px;
        }
        #cartitems td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }
        #cartitems td:nth-of-type(1):before { content: "Item"; }
        #cartitems td:nth-of-type(2):before { content: "Price"; }
        #cartitems td:nth-of-type(3):before { content: "Quantity"; }
		#cartitems td:nth-of-type(4):before { content: "Total Price"; }
		#cartitems td:nth-of-type(5):before { content: ""; }
		
		/*******shopkeeper cart items *******/
       
    }

    /* Smartphones (portrait and landscape) ----------- */
	input#edit{
	background: #4099FF;
    border-radius: 5px;
    border: 2px solid #4099FF;
    cursor: pointer;
    padding: 6px 21px;
    text-align: center;
	}
	input#remove{
	background: #4099FF;
    border-radius: 5px;
    border: 2px solid #4099FF;
    cursor: pointer;
    padding: 6px 21px;
    text-align: center;
	}

	


/**********No items in cart , no orders****/
.no-items{
    text-align: center;
}

.no-items h2{
    font-weight: 600;
    font-size: 18px;
    color: red
}

.no-items p .fa-shopping-cart{
    color: #eee;
    font-size: 95px;
    margin-top: 20px;
    color: #F57474
}

/**********Old orders****/
#old_odr_det{
    background: #1F8484;
    padding: 5px 8px;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

/**********End of Old orders****/

/**********Medicine flow***********/
#medicine_flow{
    padding: 30px 80px;
}

.medicine_flow{
    display: table;
    width: 100%;
    height: 200px;
}
.medicine_flow h1{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 10px 0px 40px 0px
}
.proc_flow_med{
    width: 20%;
    display: table;
    height: 100px;
    float: left;
}
.proc_flow_med{
    text-align: center;
}
.proc_arrow{
    float: left;
    width: 20%;
}
.proc_arrow img{
    padding-top: 20px;
    width: 180px;
    height: 75px
}
.proc_flow_med h2{
    padding: 10px 0px;
    font-size: 18px;
    color: red
}
.proc_flow_med p{
    font-size: 15px;
    line-height: 18px
}

/*******************Footer*******************/
.footer{
    background: #191919;
    padding: 20px 0px;
	margin: 57px 0px 0px 0px;
}

.footer_end{
    display: table;
    width: 100%;
    height: 150px;
}
.links > ul li , .social_media > ul li{
    list-style-type: none;
    margin-top: 10px
}

.links > ul li a ,.social_media > ul li a{
text-decoration: none;
color: #fff;
font-size: 14px;
color: #7f7f7f;
}

.links > ul li a:hover ,.social_media > ul li a:hover{
    color: #fff
}

.footer_logo , .links , .social_media , .footer_cntct{
    float: left;
    margin-right: 35px
}

.footer_logo p{
    padding-top: 20px;
    color: #fff;
    font-weight: 400;
    font-size: 12.5px;
    letter-spacing: 0.5px;
    line-height: 120%
}
.footer_logo{
    width: 27%;
}
.links , .social_media{
    width: 12%;
}
.footer_cntct{
    width: 28%;
}

.links h2 , .social_media h2 , .footer_cntct h2{
    font-weight:600;
    font-size: 18px;
    padding-bottom: 10px;
    color: #fff
}

.footer_cntct p{
    color: #fff;
    font-size: 14px;
    line-height: 125%;
    padding-top: 10px
}
/*********** cancel button styles********/
input#finalizeorder{
    background-color: #73AD21;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    border-color: #73AD21;
    /* background-color: white; */
    font-size: 15px;
    color: #fff;
    border: none;
}
input#finalizeorder:hover{
	 background-color: black;
	 border-color: #78A637;
	
}
input.cancelorder{
    background-color: #73AD21;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    border-color: #73AD21;
    /* background-color: white; */
    font-size: 15px;
    color: #fff
}
input.cancelorder:hover{
	 background-color: black;
	 border-color: #fff;
	
}

/*******Shopkeeper home page************/
.shopkpr_home{
    display: table;
    width: 88.5%;
    height: 200px;
    /* padding: 0px 80px; */
    padding-right: 80px;
    padding-left: 80px;
}
.shopkpr_home h1
{
    text-align: center;
    margin: 30px 0px;
    font-size: 29px;
    color: #69B343;
}
.shopkpr_home .shopkpr_home_left{
    float: left;
    width: 50%;
}

.shopkpr_home .shopkpr_home_right{
    float: left;
    width: 50%;
}
.shopkpr_home_left a , .shopkpr_home_right a{
    text-decoration: none;
}
.shopkpr_home_left p , .shopkpr_home_right p
{
    background: #69B343;
    width: 172px;
    padding: 19px 10px;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    -webkit-box-shadow: -7px 2px 5px -1px rgba(212,204,212,1);
    -moz-box-shadow: -7px 2px 5px -1px rgba(212,204,212,1);
    box-shadow: -7px 2px 5px -1px rgba(212,204,212,1);
}
.customer_care{
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    margin-top: 20px
}
#customer_care_span2{
    color: #118FCC
}
#customer_care_span1
{
    color: #827171;
}
.remove{
	visibility:hidden;
}
/*********home cart********/
.cart_rem{
    background: #FF2929;
    color: #fff;
    padding: 2px 4px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 12px;
}
.cart_total{
    border: 1px solid #efefef;
    background-color: white;
    width: 165px;
    padding: 10px;
    background: #eee;
    margin: 0 auto;
    border-radius: 4px;
    margin-bottom: 10px
}
#totalprice span:first-child{
    font-weight: 600;
    font-size: 15px;
    padding-right: 6px
}

#totalprice span#pric_val{
    color: #4D8300;
}
.cart_total1{
    border: 1px solid #efefef;
    background-color: white;
    width: 165px;
    padding: 10px;
    background: #eee;
    margin: 0 auto;
    border-radius: 4px;
    margin-bottom: 10px
}
#totalprice1 span:first-child{
    font-weight: 600;
    font-size: 15px;
    padding-right: 6px
}

/****************pop css over riding***********/
.ui-dialog{
    padding: 0px !important;
    font-family: "Trebuchet MS"!important;

}
#window ,#window_bg{
	width: 300px;
    height: 186px;
    margin: 0 auto;
    font-family: 'Trebuchet MS';
    display: block;
    opacity: 1;
    position: absolute;
	display:none;
    z-index: 1000;
    top: 34%;
    left: 0;
    right: 0;
    border-radius: 4px;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#bg_pop , #bg_pop_bg{
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #eeeeee;
    opacity: 0.7;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;;
}
/*----------------end of pop up--------------*/
/*----------------shopkeeper profile--------------*/
#AddshopBrowser .Addshop_inp{
    margin-top: 20px
}
.Addshop_inp > p:first-child ,.price > p:first-child , .showquantity > p:first-child , .Shopstus > p:first-child , .oprice > p:first-child{
    color: #5d5959;
    font-size: 12.5px;
    margin-top: 5px;
    font-weight: 600;
    padding-bottom: 5px;
}
.Addshop_inp input{
    width: 92%;
    padding: 8px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #D6D6D6;
    outline: none;
    color: #5d5959;
    border-radius: 4px;
}
.price , .showquantity , .Shopstus , .oprice{
    margin-top: 15px
}
.Shop_details1{
    display: table;
    width: 100%;
    height: auto;
}
.Shop_details_left1 {
    float: center;
    width: 50%;
    margin: 5px 20px 9px 486px;
}
.Shop_details_right1 {
    float: right;
    width: 50%;
     margin: 5px 104px -25px 529px;
}
.Shop_details_botm1 .oprice , .Shop_details_botm1 .showquantity , .Shop_details_botm1 .Shopstus ,
.Shop_details_botm1 .price , .Shop_details_botm1 .usernam{
    float: left;
    width: 50%;
}

.price select , .showquantity select , .Shopstus select , .oprice select
{
    display: inline-block;
    border: 1px solid #C7C6C6;
    padding: 7px 3px 7px 5px;
    margin: 0;
    color: #888484;
    font: inherit;
    outline: none;
    line-height: 1.2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 90%;
}
.submit_adshop_reg1
{
    margin-top: 20px;
}
.submit_adshop_reg1 button
{
    display: inline-block;
    background: #00a0dc;
    padding: 0.6em 2em;
    font-size: 1em;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    border: none;
    outline: none;
    margin-right: 2em;
    margin-bottom: 1em;
    margin-top: 5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
 .submit_btn_reg1 ul li {
    list-style-type: none;
    float: left;
}
.submit_btn_reg1 ul li button 
{
    display: inline-block;
    background: #00a0dc;
    padding: 0.6em 2em;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    outline: none;
    margin-right: 2em;
    margin-bottom: 1em;
    margin-top: 5px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
	    margin: 30px 16px 9px 549px;
    -o-transition: 0.5s all;
}
.usernam1 p , .passwrd1 p{
    color: #5d5959;
    font-size: 1.3em;
    padding-bottom: 10px;
}

.usernam1 input, .passwrd1 input {
    width: 33%;
    padding: 6px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #D6D6D6;
    outline: none;
    color: #5d5959;
    border-radius: 4px;
}

.usernam2 p , .passwrd2 p{
    color: #5d5959;
    font-size: 1.3em;
    padding-bottom: 10px;
	    margin: 5px 20px 9px 386px;
}

.usernam2 input, .passwrd2 input {
    width: 33%;
    padding: 6px;
    font-size: 1em;
    font-weight: 400;
    border: 1px solid #D6D6D6;
    outline: none;
    color: #5d5959;
    border-radius: 4px;
	    margin: 5px 20px 9px 386px;
}

.o-container{margin:0 auto;padding:0 12px;max-width:960px}
@media all and (min-width:480px){.o-container{padding:0 24px}}
@media all and (min-width:720px){.o-container{padding:0 48px}}
.o-header{margin:0;padding:0}
.o-header-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;
    display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;
    -ms-flex-pack:justify;justify-content:space-between;background-color:#dc446e}
.o-header-nav__link{padding:12px;color:#fff}
.o-header-nav__link:hover{color:#fff;background-color:#9d1d41}
.o-header__title{margin:24px;padding:0;color:#818181;font-size:28px;
    font-weight:300;text-align:center}
@media all and (min-width:480px){.o-header__title{margin:36px;font-size:42px}}
.o-section{margin-bottom:24px}.o-section:last-child{margin-bottom:0}
@media all and (min-width:720px){.o-section{margin-bottom:48px}}
.o-sub-nav{margin:0;padding:0}
.o-sub-nav__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;
    display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;
    -webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;
    justify-content:center;list-style:none;margin:0;padding:0}
.o-sub-nav__item{margin:0;padding:4px}
.o-sub-nav__link{display:block;margin:0;padding:4px 24px;border:2px solid #dc446e}
.o-sub-nav__item.active .o-sub-nav__link,.o-sub-nav__link:hover{color:#fff;background-color:#dc446e}
.o-footer{padding:12px 0;text-align:center}
@media all and (min-width:480px){.o-footer{padding:24px 0}}
@media all and (min-width:720px){.o-footer{padding:48px 0}}
.c-tabs-nav{display:-webkit-box;display:-webkit-flex;
    display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}
.c-tabs-nav__link{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:4px;text-decoration:none;	
    padding:9px 12px;color:#fff;background-color:#b3b3b3;text-align:center;
    -webkit-transition:color .3s;transition:color .3s}
.c-tabs-nav__link:last-child{margin-right:0}
.c-tabs-nav__link:hover{color:#18789B}
.c-tabs-nav__link.is-active{color:#18789B;background-color:#e7e7e7;text-decoration: none;border-top: 4px solid #18789B;}
.c-tabs-nav__link i,.c-tabs-nav__link span{margin:0;padding:0;line-height:1}
.c-tabs-nav__link i{font-size:18px}
.c-tabs-nav__link span{display:none;font-size:18px}
@media all and (min-width:720px){.c-tabs-nav__link i{margin-bottom:0px;font-size:27%px}
.c-tabs-nav__link span{display:block}}
.c-tab{display:none;background-color:#e7e7e7}
.c-tab.is-active{display:block}
.c-tab__content{padding:1.5rem}
.c-tabs.no-js .c-tabs-nav{display:none}
.c-tabs.no-js .c-tab{display:block;margin-bottom:1.5rem}
.c-tabs.no-js .c-tab:last-child{margin-bottom:0}
.carbon-img,.carbon-wrap{margin:0 0 4px;display:block}
#carbonads{position:fixed;bottom:12px;right:12px;z-index:1000;padding:24px 12px 12px;
    width:154px;background-color:#fff;line-height:1.1;border:1px solid #e7e7e7}
.carbon-img{padding:0;width:130px;height:100px}
.carbon-text{color:#818181;font-size:12px}
.carbon-poweredby{font-size:10px}
.carbonad__close{display:block;position:absolute;top:0;left:12px;height:24px;
    font-size:11px;line-height:24px}
@media all and (max-width:660px){#carbonads{display:none}}
/*------------------------------end of shopkeeper profile------------------*/
/***************pagination styles***************/
.archive-pages li a:hover{
  color:#000;
}
.archive-pages li.selected{
  color:white; 
}
.archive-pages a,
.archive-pages a:visited{
  color:#555;
}
.archive-pages li.selected{
  color:white;
  padding:5px;
  width:17px;
  line-height:16px;
  background: rgb(196,208,0); 
  background: -moz-radial-gradient(center, ellipse cover,  rgba(196,208,0,1) 0%, rgba(196,208,0,1) 91%, rgba(27,85,157,1) 100%); 
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(196,208,0,1)), color-stop(91%,rgba(196,208,0,1)), color-stop(100%,rgba(27,85,157,1))); 
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(196,208,0,1) 0%,rgba(196,208,0,1) 91%,rgba(27,85,157,1) 100%); 
  background: -o-radial-gradient(center, ellipse cover,  rgba(196,208,0,1) 0%,rgba(196,208,0,1) 91%,rgba(27,85,157,1) 100%); 
  background: -ms-radial-gradient(center, ellipse cover,  rgba(196,208,0,1) 0%,rgba(196,208,0,1) 91%,rgba(27,85,157,1) 100%); 
  background: radial-gradient(ellipse at center,  rgba(196,208,0,1) 0%,rgba(196,208,0,1) 91%,rgba(27,85,157,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3579d6', endColorstr='#1b559d',GradientType=1 ); 
}
.archive-pages li.selected:hover{
  cursor:default;
  background: rgb(196,208,0); 
  background: -moz-radial-gradient(center, ellipse cover,  rgba(196,208,0,1) 0%, rgba(196,208,0,1) 91%, rgba(27,85,157,1) 100%); 
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(196,208,0,1)), color-stop(91%,rgba(196,208,0,1)), color-stop(100%,rgba(27,85,157,1))); 
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(196,208,0,1) 0%,rgba(196,208,0,1) 91%,rgba(27,85,157,1) 100%); 
  background: -o-radial-gradient(center, ellipse cover,  rgba(196,208,0,1) 0%,rgba(196,208,0,1) 91%,rgba(27,85,157,1) 100%); 
  background: -ms-radial-gradient(center, ellipse cover,  rgba(196,208,0,1) 0%,rgba(196,208,0,1) 91%,rgba(27,85,157,1) 100%); 
  background: radial-gradient(ellipse at center,  rgba(196,208,0,1) 0%,rgba(196,208,0,1) 91%,rgba(27,85,157,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3579d6', endColorstr='#1b559d',GradientType=1 );
}
.archive-pages li:hover{
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(196,196,196,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(196,196,196,1))); 
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(196,196,196,1) 100%); 
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(196,196,196,1) 100%); 
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(196,196,196,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(196,196,196,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c4c4c4',GradientType=0 ); 
}
.archive-pages li a{
  cursor:pointer; 
  line-height:16px;
  display:block;
  padding:5px;
  float:left;
  width:17px;
  text-align:center;
}
.archive-pages{
  display:table;
  padding:0px;
  float: right;
  margin-top: -13px;
  font-size:.7em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.archive-pages ul{
  float:left;
  margin:0px;
  padding:10px;
  list-style:none;
}
.archive-pages li{
  border:1px solid silver;
  float:left;
  font-weight:700;
  margin:0 2px;
  text-align:center;
  border-radius: 3px; 
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px;  
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(214,214,214,1) 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(214,214,214,1))); 
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); 
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); 
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); 
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d6d6d6',GradientType=0 );
}
.archive-pages .previous a,
.archive-pages .next a,
.archive-pages .last a{
  overflow:hidden;
  white-space:nowrap;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: width,text-indent,letter-spacing;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 300ms;
  -moz-transition-property: width,text-indent,letter-spacing;
  -moz-transition-timing-function: ease;
  -o-transition-duration: 300ms;
  -o-transition-property: width,text-indent,letter-spacing;
  -o-transition-timing-function: ease;
}
.archive-pages a{
  text-decoration:none; 
}
.archive-pages .next a:after,
.archive-pages .last a:after{
  content:"»";
  padding-left:7px
}
.archive-pages .first a:before,
.archive-pages .previous a:before{
  content:'«'
}
.archive-pages .first a:hover,
.archive-pages .previous a:hover,
.archive-pages .next a:hover,
.archive-pages .last a:hover{
  width: 100px;
  text-indent:0;
  letter-spacing:0px;
}
.archive-pages .first a{
  text-indent:+6px;
  letter-spacing:10px;
}
.archive-pages .previous a{
  text-indent:+7px;
  letter-spacing:10px;
}
.archive-pages .next a{
  text-indent:-159px;
  letter-spacing:10px;
}
.archive-pages .last a{
    text-indent:-154px;
  letter-spacing:10px;
}
/*--------------------------------------close button in search bar-------------------------------*/
.search-box,.close-icon,.search-wrapper {
	position: relative;
	padding: 10px;
}
.search-wrapper {
	width: 500px;
	margin: auto;
	margin-top: 50px;
}
.search-box {
	width: 80%;
	border: 1px solid #ccc;
  outline: 0;
  border-radius: 15px;
}

.close-icon {
	border:1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.close-icon:after {
	content: "X";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	background-color: #FA9595;
	z-index:1;
	right: 35px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 2px;
	border-radius: 50%;
	text-align: center;
	color: white;
	font-weight: normal;
	font-size: 12px;
	box-shadow: 0 0 2px #E50F0F;
	cursor: pointer;
}
.search-box:not(:valid) ~ .close-icon {
	display: none;
}

/********order page****/
.view_order_cmpl{
	margin:0 auto;width:45%
}
ul#order_view_val{
    padding: 10px 10px;
}
ul#order_view_val li{
    list-style: none;
    margin-top: 6px;
    display: table;
    width: 100%
}
ul#order_view_val p:first-child{
    float: left;
	width:60%;
    font-weight: 600;
    text-shadow: 1px 1px 1px #DBD5D5;
}
ul#order_view_val p:nth-child(2){
    float: right;
	width:40%;
	text-align:left;
    text-shadow: 1px 1px 1px #DBD5D5;text-transform: capitalize;
}
/*=============================add stock changes=============================*/
.dealer_add_multi{
	display:table;
	width:100%;
}
.dealer_add_multi{
	border: 1px solid #d9d9d9;border-radius: 2px;
	margin-top: 20px
}

.dealer_add_multi_inner{
       background: rgba(20, 118, 153, 0.98);
    border-bottom: 1px solid #D4D4D4;
	
}
.dealer_add_multi_inner > ul li{
	list-style-type: none;
    display: inline-block;
    padding: 4px 4px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
.dealer_add_multi_inner > ul li:first-child{width: 7%;}
.dealer_add_multi_inner > ul li:nth-child(2){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(3){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(4){width: 8%;}
.dealer_add_multi_inner > ul li:nth-child(5){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(6){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(7){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(4){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(9){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(10){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(11){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(12){width: 6%;}
.dealer_add_multi_inner > ul li:nth-child(13){width: 15%;}

.dealer_loop_multiple_add{
    background: #fff;
    vertical-align: middle;
    border-bottom: 1px solid #EFEFEF;
    padding: 10px 0px
}
.dealer_loop_multiple_add:nth-child(even){
    background: #eee;
}
.dealer_loop_multiple_add > ul li{
    list-style-type: none;
    display: inline-block;
    padding: 10px 4px;
    vertical-align: middle;
    text-align: center;
    font-size: 14.5px
}
.dealer_loop_multiple_add > ul li:first-child{width: 7%;}
.dealer_loop_multiple_add > ul li:nth-child(2){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(3){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(4){width: 8%;}
.dealer_loop_multiple_add > ul li:nth-child(5){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(6){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(7){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(4){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(9){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(10){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(11){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(12){width: 6%;}
.dealer_loop_multiple_add > ul li:nth-child(13){width: 15%;}


.dealer_loop_multiple_add > ul li div a{
    float: left;
}
.dealer_loop_multiple_add > ul li select
{
    border: 1px solid #bbb;
    padding: 2px 2px 2px 2px;
    margin: 0;
    font: inherit;
    outline: none;
    line-height: 1.2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 28px;
    font-size: 12px;
    width: 154px;
    font-family: "Trebuchet MS";
}

/*.table_cnt_dlr_lst > ul li:last-child{
    vertical-align: bottom;
}*/
.dealer_add_multi_cntr{
	padding:20px 20px;
}
/**************form addstock****/
.form_addstock{width:80%;display: table; margin:0 auto;padding: 20px 0px;}
.form_addstock ul li{float: left;width: 30%;list-style: none;}
.form_addstock ul li p
{    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #403D3D;
}
.form_addstock ul li input
{    border-radius: 3px;
    border: 1px solid #A9A9A9;
    height: 20px;
    padding: 2px 3px;
    width: 77%;
}
.achievements{width: 97%;
    display: table;
    margin: 0 auto;
    border: 1px solid #ccc;}

.achievements .achiev_titl li {
    width:5.5%;
    vertical-align: middle;
    margin: 0px;
    display: inline-block;
    color: #000;
    font-size: 14px;
    padding:4px 0px;
    text-align:center;
}
.achievements .achiev_titl
{
    color:#fff; background: rgba(20, 118, 153, 0.98);padding:15px 2px;
}
.achievements .Desktop_add_stock{
color:#fff; background: #fff;padding:4px 2px;border-bottom: 1px solid #ccc;
}
.achievements .Desktop_add_stock li{
    width:5.5%;
    vertical-align: middle;
    margin: 0px;
    padding:4px 0px;
    display: inline-block;
    color: #000;
    line-height: 15px;
    text-align:center;
}
.achievements .Desktop_add_stock li input{
    width: 90%;border: 1px solid #ccc;border-radius: 3px;
}
.achievements .Desktop_add_stock li select , .Mob_add_stock select
{
    display: inline-block;
    border: 1px solid #bbb;
    padding: 2px 2px 2px 3px;
    margin: 0;
    font: inherit;
    outline: none;
    line-height: 1.2;
    font-size: 12px;
    width: 62px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.Mob_add_stock{display: none;}

.tooltip1 {
position: relative;
}
.tooltip1:before, .tooltip1:after {
position: absolute;
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
margin-left: -100px;
left: 50%;
bottom: 300%;
display: block;
color: #000;
opacity: 0;
visibility:hidden;
}
.tooltip1:before {
content: attr(title);
border: solid 1px #F23030;
width: 250px;
color: #fff;
text-align: center;
z-index: 2;
background: #F23030;
font-size: 13px;
line-height: 18px;
cursor: default;
padding: 5px;
border-radius: 5px;
}
.tooltip1:after {
content: '\f0d7';
margin-left: -8px;
margin-top: 10px;
width: 15px;
height: 15px;
font-family: FontAwesome;
cursor: default;
z-index: 1;
line-height: 28px;
color: #F23030;
font-size: 26px;
}
.tooltip1:hover:before, .tooltip1:hover:after {
bottom: 150%;
opacity: 1;
visibility:visible;
}


/* The container <div> - needed to position the dropdown content */
.dropdownmaster {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-master {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content-master a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content-master a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
li.dropdownmaster:hover .dropdown-content-master {
    display: block!important;
	visibility:visible!important;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.mastproducts{width: 97%;
    display: table;
     border: 1px solid #ccc;}
.mastproducts .mast_titl > li:first-child{width: 6%;}
.mastproducts .mast_titl > li:nth-child(2){width: 20%;}
.mastproducts .mast_titl > li:nth-child(3){width: 30%;}
.mastproducts .mast_titl > li:nth-child(4){width: 20%;}
.mastproducts .mast_titl > li:nth-child(5){width: 20%;}
.mastproducts .mast_titl li {
     vertical-align: middle;
    margin: 0px;
    display: inline-block;
    color: #000;
    font-size: 14px;
    padding:4px 0px;
    text-align:center;
}
.mastproducts .mast_titl
{
    color:#fff; background: #D8D6D6;padding:5px 2px;
}
.mastproducts .desk_mast_titl{
color:#fff; background: #fff;padding:4px 2px;border-bottom: 1px solid #ccc;
}
.mastproducts .desk_mast_titl > li:first-child{width: 6%;}
.mastproducts .desk_mast_titl > li:nth-child(2){width: 20%;}
.mastproducts .desk_mast_titl > li:nth-child(3){width: 30%;}
.mastproducts .desk_mast_titl > li:nth-child(4){width: 20%;}
.mastproducts .desk_mast_titl > li:nth-child(5){width: 20%;}
.mastproducts .desk_mast_titl li{
      vertical-align: middle;
    margin: 0px;
    padding:4px 0px;
    display: inline-block;
    color: #000;
    line-height: 15px;
    text-align:center;
}
.mastproducts .desk_mast_titl li input{
    width: 90%;border: 1px solid #ccc;border-radius: 3px;
}
.mastproducts .desk_mast_titl li select , .Mob_add_stock select
{
    display: inline-block;
    border: 1px solid #bbb;
    padding: 2px 2px 2px 3px;
    margin: 0;
    font: inherit;
    outline: none;
    line-height: 1.2;
    font-size: 12px;
    width: 62px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/*===================================end================================*/