/**
  * for customercards list and view page
  *
  */
#page-wrap-x { width: 800px;   margin: 0 auto;}
body { margin: 40px; }
label {font-weight: 900}
.navbtn,#export-to-pdf,.show-grand-total,.show-grand-total-parent,input[name="balance-total"]{display: none; }
/*#ulnav{ display: inline-table;  overflow: auto;}*/
input[type=number]{
    padding: 0px 6px !important;
}

.showcheckbox{
  padding: 4px 24px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
  #ulnav{    
        height: auto ;
  }

  li.mob-menu {display: none; }
  li.hide-menu {display: block; }
/* div#subscription_alert span{
    color: red;
    margin-top: -1.7%;
    padding-left: 2%;
    }*/
/*@media  only screen and (min-width: 300px)  and (max-width: 815px,1040){*/
/*@media  only screen and (min-width: 200px)  and (max-width: 1200px){*/
@media  only screen and (min-width: 200px)  and (max-width: 815px){
 
vertical-nav ul li.mob-menu:hover ul,li.mob-menu {
    display:block !important;
} 
.vertical-nav li.mob-menu:hover ul,.vertical-nav li.mob-menu:hover ul li.mob-menu:hover ul {
    display: block !important;
}
.vertical-nav li.mob-menu:hover ul li.mob-menu ul {
    display: none !important;
}

li.dropdown-menu{
    z-index: 0;
}
.vertical-nav li:hover .sub-menu
{
    position: relative;   
    margin-top: -27.5px;
}

.navbar .nav>li>.dropdown-menu.mob-menu::after,.navbar .nav>li>.dropdown-menu.mob-menu::before {
    display: none !important; 
}
 
    /*div.container > a.brand, #ulnav li,.showcol {display: none; }*/
    div.container > a.brand,.showcol,.hide-menu {display: none !important; }

    /*#ulnav,.navbtn,a.btn.btn-success,#cuscard,#logutlnk,.mob-menu,.hidecol { display: block !important;}*/
    #ulnav,.navbtn,a.btn.btn-success,#cuscard,#logutlnk, .hidecol { display: block !important;}
/*    .dropdown-submenu>.dropdown-menu {
    top: 0;
     right: 0%; 
    margin-top: -6px;
    margin-right: -1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
    position: relative;
        width: auto !important;
    }*/
    a.btn.btn-success{ 
        width: 10%;
    }
    
    ul#ulnav{    
        height: 0px ;
        width: 100%;
        overflow: hidden;
    }

    #ulnav li,.navbtn{
        width: 100%;
    }

    ul.dropdown-menu{ 
        float: right;
        position: relative;
    }
    
    .navbtn a{
        color: #999;
    }

    .navbar-inner .container a:after{
        clear: both;
    }

    .navbar-inner .container a{
        padding-right: 8%;
        padding-bottom: 2%;
    }

    .pagination.pagination-centered{
        font-size: large;
    }

    footer p{
        font-size: x-small;
    }
    
    .span12 a.btn{
        display: none !important;
    }
    
    .navbtn .brand span.caret {
        margin-top: 14%;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: top;
        border-top: 7px solid #08c;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
    }
    
    .span12 a.create-btn { display: block !important;}
    
   
    .create-btn a.btn.btn-success {
          /*width: 54%;*/
    }
    /* LESS */
    input[type="button"]:hover,input[type="submit"]:hover,div.form-submit button:hover{        
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#3A85EC),to(#0056CC));
    }
    input[type="button"], input[type="submit"], div.form-submit button,div button{
        padding: 4px 12px;
        color:white;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#0056CC),to(#0056CC));
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        border: 1px solid #8E8E8E;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
          border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25)
    }
    
    .form-submit{
          display: inherit !important;
    }
    
    #export-to-pdf{
        display: inline-block !important;
    }
    .hidecol,.show-grand-total,.show-grand-total-parent,input[name="balance-total"]{
        display: block !important;
    }
    
    .show-grand-total{
        float: left;
        /*margin-top: 3.7%;;*/
        font-size: initial;
        margin-left: -10%;
        padding: 5px 11px;
        /*border: 1px solid white;*/
        border-radius: 7px;
    }
    .show-grand-total-parent{
        float: left;
        margin-top: 3.7%;;
        font-size: initial;
        padding: 5px;
        margin-right: 0;
        margin-left: auto;
        color:white;
    }
    
    td a.date-rec,td span.date-rec{
          font-size: x-small;
    }
    
    form div.cus-bal-filter{
        display: flex !important;
    }
    form div.cus-bal-filter input[type="checkbox"]{
        width: 15px;
        height: 15px;
    }
    
    div#async-order-total,select#order-total{
        display: none !important;
    }
    
    form#my-awesome-dropzone {
        width: 82% !important;
    }
  
}

@media  only screen and (min-width: 200px) and (max-width: 335px){

/*    div#subscription_alert span{
        font-size:10px;   
        color: red; 
        margin-top: -9.7%;    
        padding-left: 2%; 
    }*/
    .deleteLine{
        display: table-cell;
    }
    .deleteLine a, .deleteLine a i{
        display: block !important;
    }
    
    .navbar-fixed-top .container{
        width: 318px;
    }
    
    .table {        
        width: 129%;
        font-size: 12px; 
        max-width: 310px;
    }

    .table th:nth-child(5),.table th:nth-child(4),.table th:nth-child(8), 
    .table td:nth-child(5),.table td:nth-child(4),.table td:nth-child(8),
    .table th:nth-child(2),.table th:nth-child(3),
    .table td:nth-child(2),.table td:nth-child(3),
    a.btn
    {
        display: none;
    }

    .table th:nth-child(5),.table th:nth-child(4),
    .table td:nth-child(5),.table td:nth-child(4)
    {
        display: table-cell;
    }

    .table th:last-child, .table td:last-child{
        padding-right: 2%;
        width: 2% !important;
        display: none;
    }

    .table th,.table td{
        width:5% !important;
        padding: 2.5px;
        word-break: break-word;
        border: 1px solid rgb(148, 142, 142) !important;
    }  

    #page-wrap-x {
        width: 293px !important;
        font-size: 10px;
        margin-right: -13%;
    }

    #meta {
        width: 175px !important;
        font-size: 11px;
    }

    #meta td.meta-head {
        width: 47%;
    }

    #address {
        font-size: 10px;
    }

    table td, table th {
        padding: 3px;
    }

    #items {
        font-size: 12px;
    }

    #items td, #items th  {
        width: 63%;
    }

    h1 {
        font-size: 21.5px
    }

    #navbtn a{
        margin-right: -39% !important;
    }
    
    .show-grand-total{
        margin-left: 0%;
    }

}

@media only screen and (min-width: 620px)   {

    span#subscription_alert span{
     
        margin-left: -35%;
    }
}
@media only screen and (min-width: 360px) and (max-width: 720px)  {
 
    
    .deleteLine{
        display: table-cell;
    }
    .deleteLine a, .deleteLine a i{
        display: block !important;
    }
    
    .navbar-fixed-top .container{
        width: 318px;
        margin-right: 4%;
    }

    table.table {
        width: 115% !important;
        font-size: 12px; 
        max-width: none;
        margin-right: -6%;
    }

    .table th:nth-child(2), .table td:nth-child(2),
    .table th:nth-child(8), .table td:nth-child(8),
    .table th:nth-child(3), .table td:nth-child(3),
    a.btn
    {
        display: none;
    }
    
    .table th:nth-child(9), .table td:nth-child(9){
        display: table-cell !important;
    }

    .table th:last-child, .table td:last-child{
        padding-right: 2%;
        width: 6% !important;
        display: none;
    }

    .table th,.table td{
        width:15% !important;
        padding: 2.5px;
        word-break: break-word;
        border: 1px solid rgb(148, 142, 142) !important;
    }  

    .table th{
        width:17% !important;
        padding: 2.5px 0px;
    }
    #page-wrap-x {
        width: 115% !important;
        margin-right: -9%;
        font-size: 10px;
    }

    #meta {
        width: 175px !important;
        font-size: 11px;
    }

    #meta td.meta-head {
        width: 47%;
    }

    #address {
        font-size: 10px;
    }

    table td, table th {
        padding: 3px;
    }

    #items {
        font-size: 12px;
    }

    #items td, #items th  {
        width: 21%;
    }

    h1 {
        font-size: 21.5px
    }

    #navbtn a{
        margin-right: -39% !important;
    }
     
    #list-tbl,#listcus-tbl{ 
        width:330px !important;
    }
    
    #listcus-tbl th,#listcus-tbl td{ 
        width:28% !important;
    }
       
    span.previous-inactive, span.previous,span.next-inactive,span.next {
        display: inline-block;
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        color: #333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        background-image: linear-gradient(to bottom,#fff,#e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #ccc;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        border-bottom-color: #b3b3b3;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);  color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #006dcc;
        background-image: -moz-linear-gradient(top,#08c,#04c);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
        background-image: -webkit-linear-gradient(top,#08c,#04c);
        background-image: -o-linear-gradient(top,#08c,#04c);
        background-image: linear-gradient(to bottom,#08c,#04c);
        background-repeat: repeat-x;
        border-color: #04c #04c #002a80;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

    span.previous-inactive a, span.previous a,span.next-inactive a,span.next a{
        color: aliceblue;
        font-size: 28px;
    }
    
    #list-tbl, #listcus-tbl {
        width: 115% !important;
    }
    
    #listcus-tbl td,#listcus-tbl th,
    #list-tbl td,#list-tbl th
    { 
        display: table-cell !important;
        word-break: break-word;
        width: 7% !important;
    }
    
    #form-filter-id div, .cusdetails td,.cusdetails th{
        display: table-caption  !important;
    }
    
    #listcus-tbl th, #listcus-tbl td {
        width: 28% !important;
    }
    
    a.a-importcsv{
        display: none
    }
   
    .cusprice-tbl tr th{
        display: table-cell  !important;
        
    }
    .cusprice-tbl tr td{
        display: table-cell  !important;
    }    
    
    #form-filter-id div.form-submit,
    #custpricefilter div.form-submit{
        display: inherit !important;
        float: left  !important;
        margin-left: -8%;
        width : 52% !important;
        margin-top: 0 !important;
    }
    
    #custpricefilter div.form-submit,
    #form-filter-id div.form-submit-prod{
        width : 60% !important;
    }
    
    p.create-btn{
        display: table-cell;
        padding-bottom: 15px;
    }
    p.create-btn a.btn.btn-success{
        width: 63%;
    }
    
    form div.cus-bal-filter{
        display: flex;
    }
    form div.cus-bal-filter input[type="checkbox"]{
        width: 15px;
        height: 15px;
    }
        
    table#listcus-tbl th:nth-child(1), table#listcus-tbl td:nth-child(1),
    table#list-tbl th:nth-child(2), table#list-tbl td:nth-child(2)
    {
        width: 24% !important;
    }
    table#list-tbl th, table#list-tbl td
    {
        word-break: break-word;
    }
    table#listcus-tbl th:nth-child(2), table#listcus-tbl td:nth-child(2){
        width: 60% !important;
    }
    .icon-trash,table#listcus-tbl thead th:nth-child(3),#listcus-tbl tbody td:nth-child(3),
    table#list-tbl thead th:nth-child(5),#list-tbl tbody td:nth-child(5),
    table#list-tbl thead th:nth-child(6),#list-tbl tbody td:nth-child(6),
    table.cusprice-tbl thead th:nth-child(6), table.cusprice-tbl tbody td:nth-child(6)
    {
        display: none !important;
    }
    
    form#form-filter-id div{
        padding: 0px 40px 20px 30px !important;
    }
    
    .cusprice-tbl th.last-col, .cusprice-tbl td.last-col,
    #listcus-tbl th.last-col, #listcus-tbl td.last-col,
    #list-tbl th.last-col, #list-tbl td.last-col{
        display: none !important;
    }
    
    
    /**goodmeat css ***/
    
/*    .show-grand-total-parent
    {
        display: none !important;
    }*/
    
/*    .showCust,.showAgent{
        display: table-cell !important;
    }
    */
    
    
}

@media only screen and (min-width: 500px) and (max-width: 615px) {

    
    .deleteLine{
        display: table-cell;
    }
    .deleteLine a, .deleteLine a i{
        display: block !important;
    }
    
    
    .navbar-fixed-top .container{
        width: 318px;
        margin-right: 4%;
    }

    .table {
        width: 113%;
        font-size: 12px; 
        max-width: 605px;
    }

    .table th:nth-child(8), .table td:nth-child(8)
    , a.btn
    {
        display: none;
    }

    .table th:last-child, .table td:last-child{
        padding-right: 2%;
        width: 6% !important;
        display: none;
    }

    .table th,.table td{
        width:10% !important;
        padding: 3px;
        word-break: break-word;
        border: 1px solid rgb(148, 142, 142) !important;
    }  

    #page-wrap-x {
        width: 111% !important;
        margin-right: -7%;
        font-size: 10px;
    }

    #meta {
        width: 175px !important;
        font-size: 11px;
    }

    #meta td.meta-head {
        width: 45%;
    }

    #address {
        font-size: 10px;
    }

    table td, table th {
        padding: 3px;
    }

    #items {
        font-size: 12px;
    }

    #items td, #items th  {
        width: 21%;
    }

    h1 {
        font-size: 21.5px
    }

    #navbtn a{
        margin-right: -39% !important;
    }
     
     
    span.previous-inactive, span.previous,span.next-inactive,span.next {
        display: inline-block;
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        color: #333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        background-image: linear-gradient(to bottom,#fff,#e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #ccc;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        border-bottom-color: #b3b3b3;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);  color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #006dcc;
        background-image: -moz-linear-gradient(top,#08c,#04c);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
        background-image: -webkit-linear-gradient(top,#08c,#04c);
        background-image: -o-linear-gradient(top,#08c,#04c);
        background-image: linear-gradient(to bottom,#08c,#04c);
        background-repeat: repeat-x;
        border-color: #04c #04c #002a80;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

    span.previous-inactive a, span.previous a,span.next-inactive a,span.next a{
        color: aliceblue;
        font-size: 28px;
    }
    
    div.form-submit{
        float: left  !important;
        width: 38%  !important;
        margin-top: -9%  !important;
    }
    
    .create-btn{
/*        float: right;
        margin-top: -93%;
        margin-left: 35%;*/
    }
}

@media only screen and (min-width: 620px) and (max-width: 815px) {

    .deleteLine{
        display: table-cell;
    }
    
    .deleteLine a, .deleteLine a i{
        display: block !important;
    }
    .navbar-fixed-top .container{
        width: 318px;
        margin-right: 4%;
    }

    table.table {
        width: 110% !important;
        font-size: 14px;
        max-width: none;
    }
    

    .table th:nth-child(2), .table td:nth-child(2),
    .table th:nth-child(7), .table td:nth-child(7),
    .table th:nth-child(8), .table td:nth-child(8)
    , a.btn
    {
        display: none;
    }

    .table th:last-child, .table td:last-child{
        padding-right: 2%;
        width: 6% !important;
        display: none;
    }

    .table th,.table td{
        width:10% !important;
        padding: 3px;
        word-break: break-word;
        border: 1px solid rgb(148, 142, 142) !important;
    }  

    #page-wrap-x {
        width: 102% !important;
        margin-right: -4%;
        font-size: 12px;
    }

    #meta {
        width: 175px !important;
        font-size: 13px;
    }

    #meta td.meta-head {
        width: 52%;
    }

    #address {
        font-size: 10px;
    }

    table td, table th {
        padding: 3px;
    }

    #items {
        font-size: 14px;
    }

    #items td, #items th  {
        width: 21%;
    }

    #navbtn a{
        margin-right: -39% !important;
    }
          
    span.previous-inactive, span.previous,span.next-inactive,span.next {
        display: inline-block;
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        color: #333;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        background-image: linear-gradient(to bottom,#fff,#e6e6e6);
        background-repeat: repeat-x;
        border: 1px solid #ccc;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        border-bottom-color: #b3b3b3;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);  color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
        background-color: #006dcc;
        background-image: -moz-linear-gradient(top,#08c,#04c);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
        background-image: -webkit-linear-gradient(top,#08c,#04c);
        background-image: -o-linear-gradient(top,#08c,#04c);
        background-image: linear-gradient(to bottom,#08c,#04c);
        background-repeat: repeat-x;
        border-color: #04c #04c #002a80;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

    span.previous-inactive a, span.previous a,span.next-inactive a,span.next a{
        color: aliceblue;
        font-size: 28px;
    }
}

/*@media only screen and (min-width: 815px)  and (max-width: 1040px){*/
/*@media only screen and (min-width: 815px)  and (max-width: 1200px){*/
@media only screen and (min-width: 815px)  and (max-width: 815px){
    .navbar .btn, .navbar .btn-group {
        margin-top: 2px;
    }
    
    .navbar .brand {
        padding: 0px 20px 10px;
    }
    
    .navbar-inner .container a {
        padding-bottom: 1%;
        padding-top: 10px;
    }
    
    a#cart-total{
        padding-right: 43%;
    }
    
    a#view-quotes {
        width: 15% !important;
        padding: 9px 0px !important;
    }
    
    div.alignSearch input[type="submit"]{
        margin-top: -1%; 
    }
    div.alignSearch input[type="text"]#item_name{
        margin-right: -20%;
    }
    div.alignSearch div.cust-text-sub {
        margin-bottom: -2.5%;
    }
    
    img#prod-cart-img {
        height: 111px !important;
        width: 29%  !important;
    }
    
    div#products-listx {
        width: 99%  !important;
        margin-right: -5%  !important;
    }
    
    button.minusquanX, button.plusquanX {
        padding: 0px;
        font-size: 32px;
        font-weight: bold;
        width: 10%;   
        color: white;
        background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#0056CC),to(#0056CC));
        background-image: -o-linear-gradient(top,#fff,#e6e6e6);
        border: 1px solid #8E8E8E;
        border-radius: 4px;
    }    
    
    button.removeProduct{
        margin-top: -15%;
        width: 22%;
        margin-left: 13%;
    }
    
    div#cart_total_amt div {
        font-size: 16px !important;
/*        width: 106.5% !important;
        margin-right: -9% !important;*/
    width: 101% !important;
    margin-right: -5% !important;
        padding-right: 22px !important;
    }
    
    a.btn.btn-danger.clearCart,
    a.btn.btn-primary.createOrder{        
        margin-left: 5%;
        padding: 1%;
    }
    
    img.imgDiv {
        height: 112px !important;
        width: 145px !important;
    }
    
    
    .show-grand-total-parent {
        margin-top: 0%;
        padding-left: 8%;
    }
}
 
/*@media only screen and (min-width: 1095px)  and (max-width: 1200px){*/
@media only screen   and (max-width: 800px) and (min-width: 440px){
/* div#subscription_alert span{
        font-size: 12px;
    color: red;
    margin-top: -6%;
    padding-left: 2%;
    width: 56%;
    }   */
}
@media only screen and (min-width: 1095px)  and (max-width: 815px){
    div.alignSearch input[type="text"]#item_name {
   margin-right: 0 !important; 
    }
 
}

@media only screen and (max-width: 387px) and (min-width: 354px){
    form#my-awesome-dropzone {
        width: 68% !important;
    }
    
    
    
}
@media only screen and (max-width: 354px) and (min-width: 200px){
    form#my-awesome-dropzone {
        width: 62% !important;
    }
}
@media only screen and (max-width: 533px)  and (min-width: 388px){
    form#my-awesome-dropzone {
        width: 72% !important;
    }
    
    
/*    div#subscription_alert span{
        font-size: 12px;
    color: red;
    margin-top: -9%;
    padding-left: 2%;
    width: 56%;
    }*/
}
/*
 li.dropdown-menu:hover , li.dropdown-menu:hover>a {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}*/

.dropdown-submenu-a:hover{
    
}

.dropdown-submenu-a:hover ul ,.dropdown-submenu-a:hover ul li {
    display: block;
}
.dropdown-submenu-a ul ,.dropdown-submenu-a ul li {
    display: none;
}

.dropdown-submenu-a ul li.hide-menu:hover  {
       background-color: #0081c2;
    padding: 2px 8px;
}
.dropdown-submenu-a ul li.hide-menu:hover a {
    background-color: #0081c2;
    color: white;
    text-decoration: none;
    display: block;
} 
.dropdown-submenu-a ul li.hide-menu a:hover,.dropdown-submenu-a ul li.hide-menu a:focus {
    background-color: #0081c2;
    color: white;
    text-decoration: none;
} 

.dropdown-submenu>li.mob-menu:hover,.dropdown-submenu>li.mob-menu:active,.dropdown-submenu>li.mob-menu:focus{
     background-color: #0081c2;;
     color: white;
     background-image: linear-gradient(to bottom,#08c,#0077b3);
 }
 .dropdown-submenu>li.mob-menu:hover a,.dropdown-submenu>li.mob-menu:active a,.dropdown-submenu>li.mob-menu:focus a,
  .dropdown-submenu>li.mob-menu a:hover,.dropdown-submenu>li.mob-menu a:active,.dropdown-submenu>li.mob-menu a:focus{
     text-decoration: none;
     color: white;
     display: block;
     padding-right: 8%;
     padding-bottom: 4px;
     padding-left: 0;
     padding-top: 4px;
 } 
 
 @media only screen and (min-width:497px) and (max-width:615px){
     
     div.form-submit-customercard{
            margin-top: -2% !important;
            width: 100% !important;
                padding: 10px 0px;
     }
 }
 
 
input[name="email"]:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(0, 123, 192) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color: rgb(0, 123, 192) !important;
    transition: background-color 5000s ease-in-out 0s;
    /*-webkit-text-fill-color: #fff !important;*/
}