@charset "utf-8";
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
@font-face{font-family: 'OpenSansSemibold';src: url('../fonts/opensans-semibold.eot');src: url('../fonts/opensans-semibold.eot') format('embedded-opentype'),url('../fonts/opensans-semibold.woff') format('woff'),url('../fonts/opensans-semibold.ttf') format('truetype'),url('../fonts/opensans-semibold.svg#OpenSansSemibold') format('svg');}
@font-face {font-family: 'OpenSansRegular';src: url('../fonts/opensans-regular.eot');src: url('../fonts/opensans-regular.eot') format('embedded-opentype'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype'), url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');}
@font-face {font-family: 'museo_slab100';src: url('../fonts/museo_slab-webfont.eot');src: url('../fonts/museo_slab-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/museo_slab-webfont.woff2') format('woff2'),url('../fonts/museo_slab-webfont.woff') format('woff'),url('../fonts/museo_slab-webfont.ttf') format('truetype'), url('../fonts/museo_slab-webfont.svg#museo_slab100') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'museo_slab700';src: url('../fonts/museo_slab_2-webfont.eot');src: url('../fonts/museo_slab_2-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/museo_slab_2-webfont.woff2') format('woff2'),url('../fonts/museo_slab_2-webfont.woff') format('woff'),url('../fonts/museo_slab_2-webfont.ttf') format('truetype'),
         url('../fonts/museo_slab_2-webfont.svg#museo_slab700') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family:'OpenSans-Bold';src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf')  format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'honey_scriptlight';src: url('../fonts/honeyscript-light_0-webfont.eot');src: url('../fonts/honeyscript-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/honeyscript-light_0-webfont.woff2') format('woff2'),url('../fonts/honeyscript-light_0-webfont.woff') format('woff'),url('../fonts/honeyscript-light_0-webfont.ttf') format('truetype'),url('../fonts/honeyscript-light_0-webfont.svg#honey_scriptlight') format('svg');font-weight: normal;font-style: normal;}	
@font-face {font-family: 'museo_slab500';src: url('../fonts/museo_slab_1-webfont.eot');src: url('../fonts/museo_slab_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo_slab_1-webfont.woff2') format('woff2'),url('../fonts/museo_slab_1-webfont.woff') format('woff'),url('../fonts/museo_slab_1-webfont.ttf') format('truetype'),
         url('../fonts/museo_slab_1-webfont.svg#museo_slab500') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sanslight';src: url('../fonts/OPENSANS-LIGHT_0-webfont.eot');src: url('../fonts/OPENSANS-LIGHT_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OPENSANS-LIGHT_0-webfont.woff2') format('woff2'),url('../fonts/OPENSANS-LIGHT_0-webfont.woff') format('woff'),url('../fonts/OPENSANS-LIGHT_0-webfont.ttf') format('truetype'),
         url('../fonts/OPENSANS-LIGHT_0-webfont.svg#open_sanslight') format('svg');font-weight: normal;font-style: normal;}		 		 
.btn:focus, .btn.active,input:focus, input:hover .selectpicker:focus{outline:none !important;-webkit-outline:0px !important;}
.btn, a{transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
a:focus, a.active{ outline:none !important}

/*========================================= Admin Css ======================================================================*/

.adminmenu{ position:absolute; left:0;width:100px; height:100%;padding-top:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54d582+0,4fc679+100 */
background: #54d582; /* Old browsers */
background: -moz-linear-gradient(left, #54d582 0%, #4fc679 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#54d582), color-stop(100%,#4fc679)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #54d582 0%,#4fc679 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #54d582 0%,#4fc679 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #54d582 0%,#4fc679 100%); /* IE10+ */
background: linear-gradient(to right, #54d582 0%,#4fc679 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54d582', endColorstr='#4fc679',GradientType=1 ); /* IE6-9 */

}
.side-collapse-container{ padding-left:100px}
.adminmenu .navbar-nav li{ display:block; float:none; }
.adminmenu .navbar-nav li{background:url(../images/admin-menu-icon.png) no-repeat;width:100px; height:100px;}
.adminmenu .navbar-nav li a{width:100px; height:100px;border-bottom:1px solid #6ADB92;-moz-transition: all 0.3s ease 0s;}
.adminmenu .navbar-nav li a:before {bottom: 0;content: "";display: block;height: 1px;left: 0;position: absolute;width: 100%;}
.adminmenu .navbar-nav li a:before {background:#1FAC91;}
.adminmenu .navbar-nav li.active a,.adminmenu .navbar-nav li.active a:hover,.adminmenu .navbar-nav li.active a:focus{ background:url(../images/admin-menu-icon-hover.png);opacity:1}
.adminmenu .navbar-nav li a:hover,.adminmenu .navbar-nav li a:focus{-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;opacity:0.4;}
.adminmenu .navbar-nav li.user-menu{ background-position:30px 30px}
.adminmenu .navbar-nav li.category-menu{ background-position:30px -65px}
.adminmenu .navbar-nav li.region-menu{ background-position:30px -163px}
.adminmenu .navbar-nav li.plan-menu{ background-position:30px -267px}
.adminmenu .navbar-nav li.history-menu{ background-position:30px -364px}
.adminmenu .navbar-nav li.blog-menu{ background-position:30px -468px}
.adminmenu .navbar-nav li.cms-menu{ background-position:30px -565px}
.adminmenu .navbar-nav li.order-menu {  background-position: 27px -265px;}
.adminmenu .navbar-nav li.drivers-menu{ background-position:30px -368px}
.adminmenu .navbar-nav li.notification-menu {  background-position: 30px -468px;}
.adminmenu .navbar-nav li.import-menu {  background-position: 30px -648px;}
.adminmenu .navbar-nav li.export-menu {  background-position: 30px -569px;}
.adminmenu .navbar-nav li.customer-menu {  background-position: 30px -720px;}
.adminmenu .navbar-nav .active{opacity: 0.4;transition: all 0.3s ease 0s;}

.summarybox{ background-color:#406476; width:280px; position:absolute; height:100%}
.summarybox .imagebox{ height:auto; position:relative;}
.summarybox .imagebox .overlay-layer{ background:url(../images/overlay-tran.png); position:absolute; width:100%; height:100%}
.summarybox .imagebox .username{ position:absolute; bottom:0; width:100%; padding:20px 30px 30px;}
.summarybox .imagebox .username h2{ color:#fff;font-family: 'OpenSansRegular'; margin:0}
.summarybox .visitorbox{ padding:20px}
.summarybox h3{font-family: 'OpenSansSemibold'; }
.summarybox .visitorbox .countbox{ color:#fff}
.summarybox .visitorbox .icon{ width:85px; height:85px; float:left; text-align:center; border-right:1px solid #658296 }
.summarybox .visitorbox .countbox{ overflow:hidden; height:85px; padding-left:20px}
.summarybox .visitorbox .countbox h1{font-family: 'open_sanslight'; /*margin-top:-7px !important*/  }
.summarybox .visitorbox .countbox span{font-family: 'OpenSansRegular'; font-size:16px;}
.summarybox .visitorbox ul li{ border-bottom:1px solid #658296; margin-bottom:20px}
.adminside{ margin-bottom:80px;}
.main-container{ min-height:850px; padding-left:280px;}
.main-container .top_header{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5b58+0,ff887f+100 */
background: #ff5b58; /* Old browsers */
background: -moz-linear-gradient(left, #ff5b58 0%, #ff887f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff5b58), color-stop(100%,#ff887f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ff5b58 0%,#ff887f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ff5b58 0%,#ff887f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ff5b58 0%,#ff887f 100%); /* IE10+ */
background: linear-gradient(to right, #ff5b58 0%,#ff887f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5b58', endColorstr='#ff887f',GradientType=1 ); /* IE6-9 */
padding:15px 15px; min-height:68px}
.main-container .top_header h1{font-family: 'open_sanslight'; font-size:35px; margin-top:0; margin-bottom:0; display:inline-block;}
.main-container .top_header h1 img{ margin-right:10px;position:relative; line-height:33px}
.main-container .top_header .right-section{ float:right; width:300px; text-align:right}
.customsearch01{ width:200px;}
.customsearch01 button {right:auto; left:0;z-index: 9; color:#fff}
.customsearch01 button:hover,.customsearch01 button:focus{ color:#fff !important;box-shadow:none !important}
.customsearch01 .search-query {border-radius:25px !important;padding-left: 37px; background:url(../images/search-trans_bg.png); border:0px; color:#fff}
ul.adminsetting-logout{ display:inline-block; margin-left:10px; margin-bottom:0}
ul.adminsetting-logout li{ margin:0 2px; padding-top:6px}
ul.adminsetting-logout li a{ color:#fff; font:25px;}
ul.adminsetting-logout li a span{font-size:20px;}
ul.adminsetting-logout li a:hover{ color:#4fc87a;}
ul.adminsetting-logout li .dropdown-menu{ background-color:#ffffff; border:0px;left:auto;right:-4px; min-width:200px; margin-top:24px;
box-shadow:0 0.3px 1.5px 0 rgba(0, 0, 0, 0.4); }
ul.adminsetting-logout li .dropdown-menu em{ position:absolute;top:-14px;left:auto; right:10px; opacity:9;}
ul.adminsetting-logout li .dropdown-menu li a{ color:#999;font-size:15px; padding:10px 15px; border-bottom:1px solid #EDEDED }
ul.adminsetting-logout li .dropdown-menu li a span{ display:inline-block; width:20px; font-size:15px}
ul.adminsetting-logout li .dropdown-menu li:last-child a,.afterlogin_menu .navbar-nav  li .dropdown-menu li:last-child a:hover{ border-bottom:0px; }
ul.adminsetting-logout .dropdown-menu li a:hover,ul.adminsetting-logout li .dropdown-menu li a:focus{color:#FF5B58; background-color:transparent;border-bottom:1px solid #FF5B58; }
.customsearch01 .search-query::-webkit-input-placeholder {color:#fff;}
.customsearch01 .search-query:-moz-placeholder {color:#fff;}
.customsearch01 .search-query::-moz-placeholder {color:#fff;}  
.customsearch01 .search-query:-ms-input-placeholder {color:#fff;}
.main-container .tabpanel{ padding-top:10px}
.main-container .tabpanel .nav-tabs{  border-bottom:1px solid #E0E0E0;padding-left:35px;}
.main-container .tabpanel .nav-tabs li{ margin-bottom:-3px; margin-right:20px}
.main-container .tabpanel .nav-tabs li a{ border-width:0px 0px 0px 0px; font-size:16px; padding:10px 5px; color:#1DB792; border-radius:0px; border-bottom:2px solid #E0E0E0; }
.main-container .tabpanel .nav-tabs li a:hover{ background-color:transparent}
.main-container .tabpanel .nav-tabs li a i{ margin-right:8px}
.main-container .tabpanel .nav-tabs li.active a{ border-bottom:3px solid #FF5E5A; color:#FF5E5A}
.main-container .tabpanel .table-container{ border:1px solid #E0E0E0; border-radius:0 0 4px 4px;}
.main-container .tabpanel .table-container .panel-heading {padding: 10px 15px 10px;}
.main-container .tabpanel .table-container .table{border-top:1px solid #E0E0E0;}
.main-container .tabpanel .table-container .table tbody tr:nth-child(even) {background-color:#F8F8F8;}
.admintable .table th{ background-color:#F0F0F0; font-weight:normal; border-bottom:1px solid #E0E0E0}
.admintable .table th .action-th{ width:70px}
.admintable .table th i{ color:#FF5B58; margin-right:5px}
.admintable .table td{ border-top:0px; border-bottom:1px dashed #E8E8E8; vertical-align:middle; font-size:14px}
.admintable .table td .checkbox{ margin-top:0}
.admintable .table td .checkbox label{ font-size:14px;font-family: 'OpenSansRegular'; color:#666666; padding-left:0}
.admintable .table td .checkbox input[type=checkbox] {display: none;}
.admintable .table td .checkbox label:before {content: "";display: inline-block;width:20px;height:20px;margin-right:8px;left: 0; position:relative; top:6px;
background:url(../images/uncheck.png) no-repeat}
.admintable .table td .checkbox input[type=checkbox]:checked + label:before {content: "";background:url(../images/check.png) no-repeat;}
.adminfooter{ background-color:#406476; padding:30px 20px; height:80px; color:#7A939F; font-size:13px; position:absolute; bottom:0; width:100%; /*z-index:99999999999999;*/text-align:center}
.main-container .tabpanel .table-container .loadmore{ padding:10px 0; margin-bottom:10px}
.main-container .tabpanel .table-container .loadmore a{ font-size:16px; color:#999999}
.search-form .form-group {float: right !important;transition: all 0.35s;-webkit-transition: all 0.35s;-o-transition: all 0.35s;transition: all 0.35s; border-radius: 0s;width:26px;height:26px;background-color:#FF5B58;  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/border-radius: 25px;border: 1px solid #FF5B58; margin-bottom:0; position:relative}
.search-form .form-group input.form-control { color:#fff;padding-right: 20px;border: 0 none;background: transparent;box-shadow: none;display:block; height:26px; font-size:13px;padding-bottom:3px;padding-top:1px;}
.search-form .form-group input.form-control::-webkit-input-placeholder {color:#fff}
.search-form .form-group input.form-control:-moz-placeholder {color:#fff}
.search-form .form-group input.form-control::-moz-placeholder {color:#fff}
.search-form .form-group input.form-control:-ms-input-placeholder {color:#fff}
.search-form .form-group{width:100%;border-radius:25px 25px 25px 25px;}
.search-form .form-group .form-control-feedback {position: absolute;top:0px;right:-1px;z-index: 2;display: block;width:26px;text-align: center;color: #fff; left: initial;font-size:13px;background-color:#FF5B58;border:0px;cursor:pointer;pointer-events:inherit;border-radius: 25px; height:24px; line-height:27px;}
.main-container .tabpanel .panel-heading .right ul{ margin-bottom:0px; height:27px;}
.main-container .tabpanel .panel-heading .right ul li.search-li{width:200px}
.main-container .tabpanel .panel-heading .right ul li.add-li a{ font-size:27px; color:#54D582; height:27px; display:inline-block; margin-top:-4px}
.plantable thead th > div.region{ width:200px} 
.plantable thead th > div{ width:100px}
.blogtable tbody td .blog-image{ width:95px}
.blogtable tbody td .blog-image img{ border:3px solid #CD4377;}
.adminside .tabpanel .viewblog,.adminside .tabpanel .create-blog{ border-top:1px solid #e0e0e0; padding-top:20px}
.adminside .tabpanel .viewblog .imagebox .img img{ border:3px solid #CD4377;}
.addblogimage{ width:117px; position:relative}
.addblogimage a.delete{position: absolute;right: -7px;top: -10px;}

.adminpagination{ padding:10px 15px}
.adminpagination .pagination{ margin:10px 0}
.loginpage {padding-top: 50px}
.loginpage .form-wrap {width:360px;margin: 0 auto; background-color:#F3F2ED; padding:25px; border:1px solid #dddddd}
.loginpage h1 {color: #333;font-size:30px;text-align: center;font-family: 'OpenSansSemibold';padding-bottom:25px; margin-top:0px;}
.loginpage .form-group {margin-bottom: 25px;}
.loginpage .form-group .form-control{ height:44px}
.loginpage .checkbox label {color: #6d6d6d;font-size:14px;font-weight: normal;}
.disable-fileld {  pointer-events: none;
}


.visitorbox .checkbox label{ font-size:14px;font-family: 'OpenSansRegular'; color:#ffffff; padding-left:0; padding-bottom: 20px;}
.visitorbox .checkbox input[type=checkbox] {display: none;}

.visitorbox .checkbox label:before {content: "";display: inline-block;width:20px;height:20px;margin-right:8px;left: 0; position:relative; top:6px;
background:url(../images/uncheck02.png) no-repeat}
.visitorbox .checkbox input[type=checkbox]:checked + label:before {content: "";background:url(../images/check02.png) no-repeat;}

/*--================preset===============*/
.heading01{font-family: 'museo_slab500'; font-size:40px; color:#CC4377; background:url(../images/heading01-brdr.jpg) no-repeat bottom; padding-bottom:20px; margin-top:0}
.heading02{font-family: 'museo_slab500'; font-size:22px; color:#333; margin-top:0}
.map-section {padding:30px 0 30px;width: 100%; margin-top:20px; position:relative; background:url(../images/map_bg.png) repeat-x;}
.txt-dec-no:hover,.txt-dec-no:focus{ text-decoration:none}
.size16{ font-size:16px !important}
.size18{ font-size:18px}
.p-tb-8{ padding-top:8px !important; padding-bottom:8px !important; }
.p-tb-5{ padding-top:5px !important; padding-bottom:5px !important; }
.p-tb-0{ padding-top:0px !important; padding-bottom:0px !important; }
.color-333{ color:#333 !important}.color-666{ color:#666666 !important}.color-999{ color:#999 !important}
.color-fff{ color:#fff;}.red{ color:#F00 }
.color-pink{ color:#CC4377}
.color-lightpink{ color:#D76691}
.link-pink{ color:#D76691}
.link-pink:hover,.link-pink:focus{ color:#D76691}
.link-gray{ color:#666666 }
.link-gray:hover,.link-gray:focus{ color:#D76691}
.color-orange{ color:#F18E0C !important}.color-blue{color:#004A8A !important}.color-green{ color:#1DB792}
.link-green{ color:#1DB792}.link-green:hover,.link-green:focus{ color:#1DB792}
.m-b-0{ margin-bottom:0 !important}.m-b-5{ margin-bottom:5px}.m-b-10{ margin-bottom:10px !important}.m-b-15{ margin-bottom:15px !important}.m-b-20{ margin-bottom:20px !important}.m-b-25{ margin-bottom:25px !important}.m-b-30{ margin-bottom:30px}
.m-b-40{ margin-bottom:40px !important}.m-b-45{ margin-bottom:45px}.m-b-50{ margin-bottom:50px !important}.m-b-55{ margin-bottom:55px}.m-b-60{ margin-bottom:65px !important}.m-b-18 {margin-bottom:18px !important;}.m-b-19 {margin-bottom:19px !important}.m-tb-0 {margin-top:0;margin-bottom:0}.m-tb-5 {margin-top:5px;margin-bottom:5px}.m-tb-10 {margin-top:10px;margin-bottom:10px}.m-tb-20 {margin-top:20px;margin-bottom:20px}.m-lr-15 {margin-left:15px;margin-right:15px;}.m-lr-14 {margin-left:14px;margin-right:14px;}.m-lr-10 {margin-left:10px;margin-right:10px;}.m-t-0{ margin-top:0 !important}.m-t-10{ margin-top:10px}.m-t-5{ margin-top:5px}.m-t-20{ margin-top:20px;}.m-t-30{ margin-top:30px;}
.m-t-40{ margin-top:40px !important}
.p-0{ padding:0 !important}
.p-b-0{ padding-bottom:0px !important}
.p-t-20 {padding-top:20px;}.p-t-30 {padding-top:30px;}.p-t-15 {padding-top:15px;}.p-b-20 {padding-bottom:20px !important;}
.p-l-0 {padding-left:0px;}.p-r-0 {padding-right:0px;}.p-tb-10 {padding-top:10px !important;padding-bottom:10px !important}.p-tb-15 {padding-top:15px;padding-bottom:15px;}
.m-lr-0{ margin-left:0px; margin-right:0px;}
.m-10{margin: 10px !important;}
.p-lr-0{ padding-left:0px !important; padding-right:0px !important;}.p-lr-5{ padding-left:5px; padding-right:5px}.p-lr-20{ padding-left:20px; padding-right:20px}
.color-bbb{ color:#BBBBBB}
.color-red {color: #f43548;}
.btn-ttc{font-family: 'OpenSansSemibold'; font-size:14px; border:1px solid #ccc; border-radius:4px; color:#666666;}
.btn-ttc i{transition: left 500ms ease 0s;-webkit-transition: left 500ms ease 0s;-o-transition: left 500ms ease 0s;-ms-transition: left 500ms ease 0s;left:0; position:relative}
.btn-ttc:hover{ background-color:#efefef}
.btn-ttc:hover i{ left:-5px}
.btn-ttc1{ border:1px solid #D9D9D9; background-color:#fff; color:#666666;font-family: 'OpenSansSemibold';}
.btn-ttc1:hover{ background-color:#efefef}
.btn-ttc1 i{ font-size:18px; margin-right:6px}
/* Tooltip */
  .test + .tooltip > .tooltip-inner {background-color: #FFF;color: #54D582; border: 1px solid #FFF;padding: 5px;font-size: 14px;}
  /* Tooltip on top */
  .test + .tooltip.top > .tooltip-arrow {border-top: 5px solid #FFF;}
  /* Tooltip on bottom */
  .test + .tooltip.bottom > .tooltip-arrow {border-bottom: 5px solid #FFF;}
  /* Tooltip on left */
  .test + .tooltip.left > .tooltip-arrow {border-left: 5px solid #FFF;}
  /* Tooltip on right */
  .test + .tooltip.right > .tooltip-arrow {border-right: 5px solid #FFF;}

.assign_tb{margin:15px 0 0;}
/*.assign_product .table-responsive {  overflow: visible;}*/
/*.assign_product .dropdown-menu{min-width:100%;}*/
.dropdown-menu.dropdown-menu-form {  top: 47px;  width: 100%;}
.order_details{width:100%; height:auto; display:block; overflow:hidden; border:1px solid #eee; padding:10px 0; margin:0 0 30px; border-radius:4px;}
.product_profile{ width:100%; height:auto; float:left;}
.product_profile h4{font-size:24px; color:#333; text-align:left;}
.product_profile p{font-size:14px; color:#333; text-align:left; margin:0 0 5px;}
.product_details{width:100%; height:auto; float:left; display:block; border-left:1px solid #eee; padding:0 0 0 15px;}
.product_details ul{margin:0; padding:0;}
.product_details li{width:100%; height:auto; padding:8px 0; list-style:none; margin:0; border-bottom:1px solid #eee; float:left;}
.product_details li h4{width:100px; height:auto; float:left; font-size:14px; color:#333; margin:0 15px 0 0;}
.product_details li span{width:50%; height:auto; float:left; font-size:14px; color:#666;}
.product_details li:last-child {  border-bottom: medium none;}
.product_img{width:100%; float:left; display:block;}
.product_img img{ height:60px; padding:0 0 0 30px;}
tfoot {  background: #f0f0f0 none repeat scroll 0 0;  text-align: right;  width: 100%;}
.button01 a {  background: #54d582 none repeat scroll 0 0;  border-color: #54d582;  border-radius: 4px;  color: #fff;
  padding: 4px 10px; text-decoration:none;}
.button01 a:hover{background:#6ADB92; border-color:#6ADB92;}
.modal-footer .btn.btn-primary{background:#ff5b58; border-color:#ff5b58;}
.modal-footer .btn.btn-primary:hover{background:#ff8380; border-color:#ff8380;}
.modal-footer {  text-align: center;}
.modal-body > img {  display: block;  margin: 0 auto 10px;  text-align: center;  width: 72px;}
/*.modal-body{text-align:center;}*/
/*.loadmorebtn.ng-scope button {  margin: 0 0 15px;}*/
.btn-success {  background-color: #ff5b58;  border-color: #ff5b58;  color: #fff;}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  background-color: #ff8380;  border-color: #ff8380;  color: #fff !important;}
.noresize{resize:none;}
#google_places_ac {resize: none;}
.multiselect-parent.btn-group.dropdown-multiselect {display: block;}
.multiselect-parent .dropdown-menu{min-width: 100%; max-height: 215px; overflow-x: hidden !important; overflow-y: auto !important;}
.multiselect-parent .dropdown-toggle{ width: 100%; text-align:left;white-space: nowrap; height:44px; text-overflow: ellipsis; overflow: hidden;}
.multiselect-parent .dropdown-toggle em{font-style: normal; text-align: left; white-space: nowrap; display:block; text-overflow: ellipsis; overflow: hidden; padding:3px 14px 0 0;}
.multiselect-parent .dropdown-toggle .caret {position: absolute;  right: 10px;  top: 20px; }
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px rgb(255, 91, 88) inset !important;-webkit-text-fill-color: #fff !important; border-radius:20px;}
.help-block{display:inline-block;}
.form-group.required .control-label:after {content:"*";  color:red;}
/*.multiselect-parent .dropdown-menu.dropdown-menu-form {height: 200px!important;}*/

.tab-content{border-top: solid 1px #e0e0e0; min-height: 600px;}
.create-blog .btn-group.bootstrap-select{ width: 100% !important; height: 44px;}
.create-blog .btn-group.bootstrap-select .btn{ height: 44px;}
.loadmorebtn{ padding:15px 0;}
.side-collapse-container .main-container .content .panel.panel-default {border-radius: 0;  margin-bottom: 0;  overflow-x: hidden;}
.side-collapse-container .main-container .content{padding:15px;}
.side-collapse-container .main-container .content .panel.panel-default .panel-body {  padding-bottom: 0;  padding-top: 0;  position: relative;}
.side-collapse-container .main-container table{margin-bottom:0;}
.table-container .admintable .subfilter{margin:10px !important; width:300px !important; }
.table-container .table-responsive.admintable .alert {margin-bottom: 0;}
.main-container .top_header .right-section .close {background: #dedede none repeat scroll 0 0;  border-radius: 90%;  padding: 5px 8px;}
.main-container .top_header .right-section .close:hover {color: #ff5b58;}
.product_price .table-responsive .dropdown-menu {  height: 300px !important;}
.product_price .dropdown-menu.inner {  height: 295px !important; padding-right:11px;}
.unit_dropdown .dropdown-menu.dropdown-menu-form {  height: 128px !important;}
.subfilter{ width: 303px !important;}
.dropdown-menu > li > a { padding-bottom: 4px;padding-top: 4px;}



@media(min-width:1200px) and (max-width:1680px){
	.assign_product .admintable .multiselect-parent .ng-binding{width:200px;}
}
@media(min-width:1200px){.table-responsive{ overflow: visible;}}

@media(min-width:992px) and (max-width:1199px){
h3{ font-size:24px}	
h2{ font-size:25px}
.summarybox {width: 240px;}
.summarybox .imagebox {height: 240px;}
.summarybox .visitorbox .icon {width: 70px;}
.summarybox .visitorbox .countbox h1 {font-size: 28px; margin-top:0px !important}
.summarybox .visitorbox .countbox span {font-size: 14px;}
.main-container {padding-left: 240px;}
.main-container .top_header h1 {font-size: 26px;}

}
@media(min-width:768px) and (max-width:991px){
h3{ font-size:22px}	
h2{ font-size:21px}	
.summarybox .visitorbox h3{ margin-bottom:20px}
.summarybox {height:auto; position:relative; width: 100%;}
.summarybox .visitorbox {overflow: hidden;padding: 10px;}
.summarybox .visitorbox .countbox h1 {font-size: 30px; margin-top:0px !important}
.summarybox .imagebox {height:auto;position: relative;width:186px; float:left; margin-right:0px}
.summarybox .imagebox .username {padding: 10px 20px 25px;}
.main-container {padding-left: 0; padding-top:0px;  min-height:0}
.summarybox .visitorbox ul li {border-bottom: 1px solid #658296;float: left;margin:5px 3px;width:48%; margin-right:5px;}
.summarybox .visitorbox .icon {float: left;height: 65px;width:60px;}
.summarybox .visitorbox .countbox {height: 65px;padding-left: 10px;}
.summarybox .visitorbox .countbox span {font-size: 13px;}
.main-container .top_header {min-height: 0;padding: 10px 0;}
.main-container .top_header h1 {font-size:25px; padding-left:0}
.main-container .top_header .right-section {width: 284px;}
.main-container .tabpanel .nav-tabs {padding-left: 15px;}
.main-container .tabpanel .panel-body {padding: 25px 15px;}
.adminfooter {padding: 23px 20px;position: absolute;}
ul.adminsetting-logout li .dropdown-menu {margin-top: 12px}
}
@media (max-width:767px){
body{ font-size:14px}	
.header01 {margin-bottom: 0px;}
.m-b-xs-20{ margin-bottom:20px !important}
.m-b-xs-10{ margin-bottom:10px !important}
.m-t-xs-20{ margin-top:20px !important}
h3{ font-size:22px}	
h2{ font-size:21px}	
.adminmenu{position:fixed; top:0;width:100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54d582+0,4fc679+100 */
background: #54d582; /* Old browsers */
background: -moz-linear-gradient(left, #54d582 0%, #4fc679 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#54d582), color-stop(100%,#4fc679)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #54d582 0%,#4fc679 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #54d582 0%,#4fc679 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #54d582 0%,#4fc679 100%); /* IE10+ */
background: linear-gradient(to right, #54d582 0%,#4fc679 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54d582', endColorstr='#4fc679',GradientType=1 ); /* IE6-9 */ height:auto;}
.side-collapse-container{width:100%;position:relative;left:0;transition:left .4s; padding-left:0;}
.side-collapse-container.out{left:100px;}
.side-collapse {overflow-y:auto;overflow-x:hidden;top:43px;bottom:0;left:0;width:100px;position:fixed;transition:width .4s;background: #1fc097; display: none;
background: -moz-linear-gradient(top,  #1fc097 0%, #1fbf9b 8%, #20c09e 8%, #22bfa2 19%, #22bea8 24%, #25beac 36%, #25bdb0 38%, #26beb2 46%, #27bcb8 51%, #28bcbc 63%, #28bcbe 64%, #2abbc0 64%, #2dbacc 89%, #2ebad1 93%, #2eb9d0 96%, #2fb9d5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1fc097), color-stop(8%,#1fbf9b), color-stop(8%,#20c09e), color-stop(19%,#22bfa2), color-stop(24%,#22bea8), color-stop(36%,#25beac), color-stop(38%,#25bdb0), color-stop(46%,#26beb2), color-stop(51%,#27bcb8), color-stop(63%,#28bcbc), color-stop(64%,#28bcbe), color-stop(64%,#2abbc0), color-stop(89%,#2dbacc), color-stop(93%,#2ebad1), color-stop(96%,#2eb9d0), color-stop(100%,#2fb9d5));
background: -webkit-linear-gradient(top,  #1fc097 0%,#1fbf9b 8%,#20c09e 8%,#22bfa2 19%,#22bea8 24%,#25beac 36%,#25bdb0 38%,#26beb2 46%,#27bcb8 51%,#28bcbc 63%,#28bcbe 64%,#2abbc0 64%,#2dbacc 89%,#2ebad1 93%,#2eb9d0 96%,#2fb9d5 100%);
background: -o-linear-gradient(top,  #1fc097 0%,#1fbf9b 8%,#20c09e 8%,#22bfa2 19%,#22bea8 24%,#25beac 36%,#25bdb0 38%,#26beb2 46%,#27bcb8 51%,#28bcbc 63%,#28bcbe 64%,#2abbc0 64%,#2dbacc 89%,#2ebad1 93%,#2eb9d0 96%,#2fb9d5 100%);
background: -ms-linear-gradient(top,  #1fc097 0%,#1fbf9b 8%,#20c09e 8%,#22bfa2 19%,#22bea8 24%,#25beac 36%,#25bdb0 38%,#26beb2 46%,#27bcb8 51%,#28bcbc 63%,#28bcbe 64%,#2abbc0 64%,#2dbacc 89%,#2ebad1 93%,#2eb9d0 96%,#2fb9d5 100%);
background: linear-gradient(to bottom,  #1fc097 0%,#1fbf9b 8%,#20c09e 8%,#22bfa2 19%,#22bea8 24%,#25beac 36%,#25bdb0 38%,#26beb2 46%,#27bcb8 51%,#28bcbc 63%,#28bcbe 64%,#2abbc0 64%,#2dbacc 89%,#2ebad1 93%,#2eb9d0 96%,#2fb9d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fc097', endColorstr='#2fb9d5',GradientType=0 )}
.side-collapse.in {width:0;}
.side-collapse-container.out .main-container{}
.summarybox {height:auto; position:relative; width: 100%; margin-top:43px}
.summarybox .visitorbox {overflow: hidden;padding: 10px;}
.summarybox .visitorbox .countbox h1 {font-size:20px; margin-top:0px !important}
.summarybox .imagebox {height:auto;position: relative;width:140px; float:left; margin-right:10px}
.summarybox .imagebox img{ height:auto}
.main-container {padding-left: 0; padding-top:0px; min-height:0}
.summarybox .visitorbox ul{width:100%; overflow-x:hidden;height:230px; overflow-y:auto}
.summarybox .visitorbox ul li {margin:5px 5px 5px -8px;width:100%; float:none; margin-right:5px; display:block}
.summarybox .visitorbox .icon {float: left;height:50px;width:45px; padding:10px}
.summarybox .visitorbox .countbox {height:50px;padding-left: 10px;}
.summarybox .visitorbox .countbox span {font-size:12px;}
.main-container .top_header {min-height: 0;padding: 10px 0;}
.main-container .top_header h1 {font-size:22px; margin-bottom:0px; padding-left:0}
.main-container .top_header h1 img{ height:25px}
.main-container .tabpanel .nav-tabs {padding-left:10px;white-space: nowrap;width: 100%;}
.main-container .tabpanel .panel-body {padding: 25px 15px;}
.adminmenu .navbar-header .navbar-toggle {background-color: #fff;margin:7px 12px;padding:6px;}
.adminmenu .navbar-header .navbar-toggle .icon-bar{background-color:#cd4377 !important}
.adminmenu .navbar-collapse .nav.navbar-nav{ margin-top:0 !important}
.summarybox .imagebox .username {padding: 10px;position: relative;width: 100%;}
.summarybox .imagebox .username h2{ font-size:17px;}
.summarybox .imagebox .username h2 br{display:none}
.summarybox .imagebox .overlay-layer {display: none;}
.summarybox h3 {margin-bottom: 15px;}
.adminmenu ul.adminsetting-logout {display: inline-block;margin-right: 8px; margin-bottom:0}
.adminmenu ul.adminsetting-logout > li {margin: 0 3px; padding-top: 12px;}
.adminmenu ul.adminsetting-logout li .dropdown-menu{ background-color:#ffffff; border:0px;left:auto;right:-4px; min-width:200px; margin-top:6px;box-shadow:0 0.3px 1.5px 0 rgba(0, 0, 0, 0.4); }
.adminmenu ul.adminsetting-logout li .dropdown-menu em{ position:absolute;top:-14px;left:auto; right:10px; opacity:9;}
.adminmenu ul.adminsetting-logout li .dropdown-menu li a{ color:#999;font-size:15px; padding:10px 15px; border-bottom:1px solid #EDEDED }
.adminmenu ul.adminsetting-logout li .dropdown-menu li a span{ display:inline-block; width:20px; font-size:15px}
.adminmenu ul.adminsetting-logout li .dropdown-menu li:last-child a,.afterlogin_menu .navbar-nav  li .dropdown-menu li:last-child a:hover{ border-bottom:0px; }
.adminmenu ul.adminsetting-logout .dropdown-menu li a:hover,.adminmenu ul.adminsetting-logout li .dropdown-menu li a:focus{color:#D76691; background-color:transparent;border-bottom:1px solid #D76691 }
.main-container .top_header .right-section {float: left;width: 100%;}
.customsearch01 {width: 100%;}
.table-container .table-responsive {border:0px solid #ddd;}
.adminfooter {padding: 3px 11px;}
.search-form .form-group {float: none !important;}
.search-form .form-group .form-control-feedback {left: initial;right: auto;}
.search-form .form-group input.form-control {height: 26px;padding-bottom:4px;padding-left: 30px;padding-top:1px;}
.main-container .tabpanel .table-container .panel-heading .right ul {float: none !important;}
.main-container .tabpanel .nav-tabs li {margin-right:5px;float: none;display: inline-block;}
.main-container .tabpanel .panel-heading .right ul li.search-li{width:150px}
}
@media (max-width:420px){
.listing-page .right-section .showlist .right .comparetext {float:none;margin-right:0px;margin-bottom: 20px; display:block}
.listing-page .right-section .showlist .right .sortby {display: block;float: none; margin-top: 15px;  width: 258px;}
.listing-page .right-section .showlist .right .sortby .bootstrap-select.btn-group .btn .caret {height: 44px;}
.content .panel-body .btn-default {font-size: 14px;}
	}
        
@media (max-width:359px){
.editprofile-popup .edit_innerform .videobox .picbox {margin-right: 15px;width:90px; margin-bottom:10px}
.editprofile-popup .edit_innerform .picturebox .picbox {margin-right: 15px;width:90px; margin-bottom:10px}
.edit-profile-page.detail-page .commonpage-content .left-section .userprofile p span {width:58%;}
.summarybox .imagebox{ float:none}
.summarybox .visitorbox ul{ white-space:nowrap; width:100%; overflow-x:scroll;overflow-y:hidden; height:auto}
.summarybox .visitorbox ul li {margin:5px 3px;width:195px; float:none; margin-right:5px; display:inline-block}	
.innermenu .navbar-nav li a {padding: 18px 11px !important;}	
div.bhoechie-tab-content .btngroup01 a { margin-right: 10px;padding: 11px 0;width: 83px;}	
.request-page .header01 .right a{ margin:5px 0}	
.review-page .commonpage-content .panel.view img {float: none !important; margin-bottom:15px}
.btngrp .delete-ac{ clear:both; display:inline-block; margin-top:10px}	
.social-link li a {width:45px;}	
.boxes05_innerbox {width:100%;}	
.listing-page .right-section .professional-list ul li {margin: 10px 0;width: 147px;}
.main-container .tabpanel .table-container .panel-heading .right ul li.search-li{width:50%;} 

}