#btn-change-get-merchant{
    padding: 6px 10px;
    background-color: #4CAF50;
    color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 17px;
}

#btn-change-get-merchant:hover{
    background-color: #fff;
    color: #4CAF50;
    border: 1px solid #4CAF50;
}

#change-merchantID{
    height:20px;
}

#category_response{
    color:red;
}

.form-container{
    width: 200px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}

.form-container form #token, .form-container form #phone{
    margin: 10px 0;
    width: 80%;
    height: 20px;
}

.form-container form span{
    display: block;
    font-size: 16px;
    color: red;
    margin: 6px 0;
}

.form-container form input[type=submit] {
    width: 80%;
    font-size: 17px;
}

.form-container form label{
    font-size: 16px;
}

.merchant-info ul li{
    list-style-type: none;
    display: inline;
    margin-right: 40px;
    font-size: 18px;
}

.merchant-info ul{
    margin: 15px 0px 5px 0;
    padding-bottom: 2px;
}

.merchant-info ul#merchant-info{
    margin: 0px 0px 15px 0;
}

.homepage-merchant-info{
    width:94%;
    padding: 0px 20px;
    border: 2px solid #F5F5F5;
    box-shadow: 2px 3px 5px gray;
    -moz-box-shadow: 2px 3px 5px gray;
    -webkit-box-shadow: 2px 3px 5px gray;
    position:relative;
}

.homepage-merchant-info ul li{
    list-style-type: none;
    display: inline;
    margin-right: 40px;
    font-size: 16px;
}

.homepage-merchant-info ul{
    margin: 15px 0px 15px 0;
    padding-bottom: 2px;
    position: relative;
}

.homepage-merchant-info ul .user-info{
    position: absolute;
    color: transparent;
}

.homepage-merchant-info ul#merchant-info{
    margin: 0px 0px 15px 0;
}

.homepage-merchant-info label{
    font-size:16px;
}

.merchant-info ul li#merchant_info_ID{
    margin-right:65px;
}

#get-single-merchant span{
    font-size: 16px;
    color: red;
    margin: 6px 0;
}

#order-table{
    width: 100%;
    margin: 10px 0 0 0;
}

#order-table .amount{
    width:7%;
}

#order-table .edit{
    width:65px;
}

#order-table .code{
    width:9%;
}

#order-table .price{
    width:10%;
}

#order-table .price_col{
    text-align: right;
}

#products{
    width: 100%;
    text-align: center;
    position:relative;
    margin-bottom: 90px;
    overflow: visible;
}

#products ul li{
    list-style-type: none;
    text-align: left;
    color: #fff;
    font-size: 15px;
    padding: 0 0 0 5px;
    margin: 0;
}

#products .product-item{
    display: inline-block;
    margin: 20px 8px;
    width: 170px;
    vertical-align: top;
   
}

#products .product-item img{
    width: 170px;
    height: 170px;
}

#modal-product-item{
    display:none;
}

#order-table-total{
    width:100%;
    margin: 0;
}

#order-table-total .total{
    width:10%;
    font-weight: bold;
    text-align: right;
}

#order-table-total .total-empty{
    background: none;
}

.success-message{
    text-align:center;
}

.processing-message{
    text-align:center;
}

#btn_merchant{
    padding: 10px 15px;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    background:#61ce70;
    color:#fff;
    position:absolute;
    right:10px;
    bottom:10px;
}

.merchant-info{
    padding: 0px 20px;
    border: 2px solid #F5F5F5;
    box-shadow: 2px 3px 5px gray;
    -moz-box-shadow: 2px 3px 5px gray;
    -webkit-box-shadow: 2px 3px 5px gray;
    margin: 20px 0;
}

#send-order{
    padding: 10px 15px;
    font-size: 18px;
    cursor: pointer;
    background-color: #4CAF50;
    color: #fff;
}

#send-order:hover{
    background-color: #fff;
    color: #4CAF50;
    border: 1px solid #4CAF50;
}

.send-order-container{
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

#merchantResponse{
    display: inline-block;
}

#data-info{
    font-size: 18px;
    padding: 10px 15px;
}

#order{
    border-bottom: 1px #CCC solid;
    padding-bottom: 20px;
    position: relative;
}

.open-merchant-modal{
    width:110px;
    background: #37A4F0;
    border-radius: 70px;
    -webkit-border-radius: 70px; 
    -moz-border-radius: 70px; 
}

.order-modal{
    max-width:930px;
}

#data-info{
    position:initial;
    bottom: 50px;
    right: 30px;
    z-index: 2;
}

#data-info span{
    position: absolute;
    bottom: 14px;
    left: 21px;
    width: 100px;
    text-align: center;
    color: #fff;
    padding: 30px 0;
}

.image-table-left{
    width: 28px;
}

.image-table-right{
    width: 27px;
    float: right;
}

#change-merchant{
    width: 300px;
    text-align: center;
    padding: 40px 0;
}

#change-merchant label{
    display: block;
    font-size: 18px;
}

#change-merchant #change-merchantID{
    height: 25px;
    display: block;
    margin: 10px 0 10px 78px;
}

#order #data-info{
    position: inherit;
    float:right;
}

#change-merchantResponse{
    color:red;
    display: block;
    margin-top: 10px;
}

#image-table-left{
    background: transparent;
    border: none;
    cursor: pointer;
}

#image-table-right{
    background: transparent;
    border: none;
    cursor: pointer;
    float: right;
}

.product-item-image{
    width:170px;
    height:170px;
    background: round;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}

.product-added{
    position: relative;
    top: 115px;
    font-size: 22px;
    background: #fff;
    display:none;
    z-index: 1;
    padding: 15px 0;
    font-weight: bold;
    box-shadow: 0px 5px 4px gray;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;
    color: #3982B4;
}

#send-order-response{
    display: block;
    color: red;
    margin: 15px;
    font-size: 16px;
}

#get-single-merchant{
    width: 300px;
    text-align: center;
    padding: 40px 0;
}

#get-single-merchant label{
    font-size: 16px;
}

#get-single-merchant input{
    display: block;
    margin: 0 auto;
}

#get-single-merchant #merchantID{
    margin: 10px 0 10px 78px;
    width: 135px;
    height: 21px;
    font-size: 16px;
}

#get-single-merchant #btn-get-merchant{
    padding: 10px;
    font-size: 16px;
}

.popup-product-item ul{
    margin: 5px 0;
}

.popup-product-item #amount{
    width: 160px;
    margin: 10px 0;
    height:20px;
}

.popup-product-item #comment{
    width: 166px;
    height: 42px;
}

.popup-product-item #btn-add-product-item{
    margin: 10px 0;
    font-size: 16px;
    width: 168px;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

.popup-product-item{
    position: relative;
    /*top: 62px;*/
    background: #3982B4;
    width: 170px;
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    z-index: 3;
}

footer{
    margin-top: 40px;
}

#subtotal{
    display:none;
}

#send_email_to_merchant{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

#send_email_to_merchant_label{
    font-size: 16px;
    vertical-align: middle;
}

#order-table .order-details:hover td{
    background: #f5f5f5;
}

.editProductItemContainer{
    position:fixed;
    background:#3982B4;
    width: 170px;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 3;
    top: 100px;
    left: 200px;
    display: none;
    color: #ffffff;
    font-size:15px;
    text-align: left;
}

.editProductItemContainer span{
    margin-bottom:5px;
}

.editProductItemContainer #editProductItemDescription{
    display: block;
}

.editProductItemContainer input#editProductItemAmount{
    width: 160px;
    margin: 10px 0;
    height: 20px;
}

.editProductItemContainer #editProductItemComment{
    width: 166px;
    height: 42px;
}

.editProductItemContainer input#btn-add-product-item{
    margin: 10px 0;
    font-size: 16px;
    width: 168px;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

.editProductItemContainer #delete{
    font-size: 16px;
    width: 168px;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    background:#CD6132;
    color:#fff;
}

.product-item-update-close-window{
    width: 25px;
    float: right;
}

.edit_product_item{
    text-align:center;
} 

#product_selector{
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}

#product_selector_category{
    height: 30px;
    width: 170px;
}

#products .product-item .product-item-add-close-window{
    width: 25px;
    height: 25px;
    float: right;
}

#modal-success-save{
    padding: 0;
}

#modal-success-save .success-order-image{
    background: green;
}

#modal-success-save .success-order-image img{
    width: 110px;
    padding: 40px 20px;
}

#modal-success-save .success-order-text{
    padding: 40px;
}

#modal-success-save h1{
    font-size: 28px;
}

#modal-success-save h2{
    margin: 15px;
    font-size: 18px;
}

#modal-success-save h2.second_header_line{
    margin: 15px 0 30px 0;
}


#modal-success-save .close-modal-success{
    padding: 15px 30px;
    background:#F9C72B;
    border-radius: 25px;
    color:#fff;
    font-size: 17px;
    text-decoration: none;
}

#modal-success-save .close-modal-success:hover{
    background: #ffffff;
    color:#F9C72B;
    border:2px solid #F9C72B;
}

.btn_order{
    padding: 5px 0;
    background-color: #4CAF50;
    color: #fff;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px; 
    border-radius: 7px; 
}

.btn_order:hover{
    background-color: #fff;
    color: #4CAF50;
    border: 1px solid #4CAF50;
}

.lbl_note{
    display: block;
    font-size: 17px;
    color: #47433F;
    margin-left: 10px;
}

#note{
    font-size:15px;
}

.homepage-merchant-info ul fieldset{
    border:none;
}

#get_latest_order{
    background: #4CAF50;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
}

#get_latest_order:hover{
    background: #fff; 
    color: #4CAF50;
    border: 1px solid #4CAF50;
}

#get_latest_order_response{
    color:red;
}

#productResponse{
    color:orange;
}

.modal-sending-container h2{
    padding: 30px;
}

.add-new-product{
    position:relative;
}

.add-new-product img{
    width:20px;
}

.add-new-product .add-new-product-form{
    position: absolute;
    background: #fff;
    box-shadow: 0px 0px 8px gray;
    -moz-box-shadow: 0px 0px 8px gray;
    -webkit-box-shadow: 0px 0px 8px gray;
    padding: 20px;
    width: 300px;
}

.add-new-product p.add-new-product-label{
    display: inline;
    vertical-align: top;
    padding: 0 0 0 5px;
}

.add-new-product-field{
    padding:0;
}

.add-new-product-container{
    border:none;
}

.add-new-product-container .autocomplete{
    display:inline;
}

.add-new-product-container input, .add-new-product-container #add-new-product-price{
    float: right;
    width: 200px;
    margin: 5px 0;
    height: 22px;
}

.add-new-product-container label{
    float: left;
    margin: 10px 0 0 0;
    height: 26px;
}

.add-new-product-container #btn-add-new-product{
    padding: 5px 15px;
    font-size: 15px;
    cursor: pointer;
    background-color: #4CAF50;
    color: #fff;
    clear: both;
    height: 35px;
    float: none;
    margin: 0 auto;
    margin-top: 15px;
}

#add-new-product-by-product-nameautocomplete-list, #add-new-product-by-product-idautocomplete-list{
    top: 30px;
    left: -43px;
}

.field-group{
    clear: both;
}


.add-new-product #add-new-product-trigger{
    display: inline;
    cursor: pointer;
}

.add-new-product-close-icon{
    position: absolute;
    right: 1px;
    top: 2px;
    cursor:pointer;
}

#back-to-order{
    padding: 8px 15px;
    font-size: 17px;
    cursor: pointer;
    background-color: #BEBEBE;
    color: #fff;
}

.restriction-message{
    position: absolute;
    bottom: 30px;
    background: #cc0000;
    color: #ffffff;
    text-align: center;
    margin-left: 25%;
    padding: 15px;
    border-radius: 10px;
}

.hide-restriction-message{
    display: none;
}

.show-restriction-message{
    display: initial;
}

.restriction-message p{
    font-size: 17px;
}

#already_exist{
    display:none;
    width:100%;
    color:red;
}

.export-catalog p{
    padding: 0;
    font-size: 15px;
}

.export-catalog #products .product-item{
    text-align: left;
    padding: 10px;
    box-shadow: 0px 0px 5px 1px grey;
    background: #f2f2f2;
    height: 300px;
    position: relative;
}

.export-catalog #products .product-item .product-item-image{
    border: none;
}

.export-catalog .price-container{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    left: 0;
    background: cadetblue;
    height: 40px;
}

.export-catalog .export-catalog-price{
    font-size: 20px;
    color: white;
    margin-top: 4px;
}

.export-catalog .hide{
    display: none !important;
}

.export-catalog .show{
    display: initial;
}

.export-catalog #access-token-export-catalog{
    width: 200px;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 100px;
}

.export-catalog #access-token-export-catalog input#export-catalog-token{
    margin: 10px 0;
    height: 20px;
}

.export-catalog #access-token-export-catalog input.btn_order{
    padding: 5px 10px;
    font-size: 16px;
}

.export-catalog #access-token-export-catalog #export-catalog-response{
    color: red;
    display: block;
    margin-top: 10px;
    font-size: 16px;
}

.export-catalog #access-token-export-catalog label{
    font-size: 16px;
}

.export-catalog #product_selector{
    margin: 0 auto;
    display: block;
    padding: 30px 0 10px 0;
}