html, body { height: 100%; color:#131313; background-color: #eef5f9;}

#wrapper { min-height : 100%; position : relative; }
#content { padding-bottom : 400px; }

.auth-page {padding-top: 50px;}
.vendor-login{padding:30px;background-color:#F7F7F7;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,0.3);overflow:hidden;}
.vendor-login h1{text-align:center;font-size:1.8em;}
.vendor-login input[type=submit]{width:100%;display:block;margin-bottom:10px;position:relative}
.vendor-login input[type=text],input[type=password]{height:44px;font-size:16px;width:100%;margin-bottom:10px;-webkit-appearance:none;background:#fff;border:1px solid #d9d9d9;border-top:1px solid silver;padding:0 8px;box-sizing:border-box;-moz-box-sizing:border-box}
.vendor-login input[type=text]:hover,input[type=password]:hover{border:1px solid #b9b9b9;border-top:1px solid #a0a0a0;-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.vendor-login .login{text-align:center;font-size:14px;font-weight:700;height:36px;padding:0 8px}
.vendor-login .submit{border:0;color:#fff;text-shadow:0 1px rgba(0,0,0,0.1);background-color:#4d90fe;font-size:14px}
.vendor-login .submit:hover{border:0;text-shadow:0 1px rgba(0,0,0,0.3);background-color:#357ae8}
.vendor-login a{text-decoration:none;color:#666;font-weight:400;text-align:center;display:inline-block;opacity:.6;transition:opacity ease .5s}
.vendor-login .login-help{font-size:12px}

.left-side { z-index:9; background-color: #ffffff; box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08); padding: 15px;  bottom: 0;  display: block;  left: 0; overflow: auto; position: absolute;top: 51px; color:#67757c;}
.left-side ul {margin: 0; padding: 0; margin-top: 30px; list-style: none;}
.left-side ul li {margin-bottom: 20px;}
.left-side ul li a { border-radius: 4px; color: #607d8b;  display: block;  font-size: 15px;  padding: 8px 35px 8px 15px; white-space: nowrap;}
.left-side ul li a:hover {color: #26c6da; text-decoration: none;}
.left-side ul li.active a, .btn-green {color:#ffffff; background-color: #26c6da; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.btn-green:hover {color:#ffffff;}
.left-side ul li a i {display: inline-block;   font-size: 21px;   height: 27px;   vertical-align: middle;   width: 27px;}

.navbar-blue { min-height: 70px; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.5); z-index: 100; background-color: #1e88e5; border-radius: 0; color:#ffffff;}
.navbar-blue li a {color:#ffffff; padding-top: 25px; padding-bottom: 25px;}
.navbar-blue li a:hover {background-color: transparent;}

.page-titles { background-color: #ffffff; box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);  left: 0;  padding: 30px 20px; position: absolute; top: -20px; width: 100%;}
.page-titles h2 {color:#009efb; font-size:22px; margin: 0; padding: 0;}

.right-side {padding-top: 80px;}

.content {border:1px solid #d7dfe3; border-radius: 4px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); padding: 15px; background-color: #ffffff; color:#67757c;}

.form-box .form-control, .form-box .form-control:hover {border:0; border-bottom: 1px solid #ccc; box-shadow: none; border-radius: 0; padding-left: 0; padding-right: 20px;}
.form-box .form-group {position: relative; margin-bottom: 30px; }
.form-box .form-group img.language { position: absolute; top:10px; right:0;}
.bordered-group {border:1px solid #e7e7e7; padding: 5px;}
.blue-grey.lighten-4 {background-color: #cfd8dc;}
.orders-page .tr-more {background-color: #f2f2f2; display: none;}
.orders-page .fa-chevron-up {display: none;}
.orders-page .tr-more ul { margin: 0; padding: 0; list-style: none;}
.orders-page .tr-more ul li { margin-bottom: 15px; }
.orders-page .tr-more .product { margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #e3dede;}
.orders-page .tr-more .product a {color:#333333;}
.orders-page .tr-more .product img {float:left; width:100px; margin-right: 5px;}
.orders-page .tr-more .product .name {display: block; font-size:12px; margin-bottom: 10px;}
.orders-page .tr-more .product .quantity {font-size: 16px;} 
.orders-page .fast-orders h2 {text-transform: uppercase; font-size:20px;}

table.table td, table.table th {padding: 20px !important;}

.product-list { margin-bottom: 20px; background-color: #fff; border:0 none; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 20px;}
.product-list .img-container { border-radius: 4px; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  cursor: default;   overflow: hidden;    position: relative;  text-align: center; margin-bottom: 20px;}
.product-list .img-container a { height: 200px; display: inline-block; background-position: center; background-size: cover; width: 100%;  transition: all 0.2s linear 0s;}
.product-list .product-body h4 {font-weight: 300; font-size: 18px; text-align: center;}
.product-list .product-body h4 a { display: inline-block;    height: 20px;    cursor: pointer;  overflow: hidden;color: #424242;    transition: all 0.4s ease 0s;}
.product-list .product-body h4 a:hover {text-decoration: none;}
.product-list .product-body .product-text {height: 40px;    overflow: hidden;}
.product-list .product-body .product-footer { border-top: 1px solid rgba(0, 0, 0, 0.125); padding-top: 10px;}
.product-list .product-body .product-footer .price {height: 20px;    margin-bottom: 5px;    overflow: hidden;}
.product-list .product-body .product-footer .buttons { text-align: center;}

.loadUploadOthers {display: none;}
.others-images-container {margin-bottom: 5px;}
.other-img { display: inline-block;    position: relative;}
.other-img a { position: absolute; right: 0;  top: 0; background-color: #fff; color: red;}
.other-img img {width: 100px; height: 100px;}

.vendor-update {max-width: 300px;float: left;margin-top: 17px;margin-left: 20px;}
.vendor-update .form-control {font: left; max-width: 100px; display: inline;}

.locale-container {display: none;}
footer {width:100%; position:absolute;bottom:0;left:0; }