@font-face {
  font-family: Glyphicons Halflings;
  src: url('fonts/glyphicons-halflings-regular.ttf'); 
}
* {
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	box-sizing: border-box;
}
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
body, html {
	height: 100%;
	font-size: 12px;
	font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.471;
}
/*---------------------------------------------*/
a {
	color: #0055a4;
	margin: 0px;
	/*transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;*/
}
a:focus {
	outline: none !important;
}
a:hover {
	text-decoration: none;
	color: #149446;
}
/*---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
p {
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}
ul, li {
	margin: 0px;
	list-style-type: none;
}
/*---------------------------------------------*/
input {
	outline: none;
	border: none;
}
textarea {
	outline: none;
	border: none;
}
textarea:focus, input:focus {
	border-color: transparent !important;
}
 input:focus::-webkit-input-placeholder {
color:transparent;
}
input:focus:-moz-placeholder {
color:transparent;
}
input:focus::-moz-placeholder {
color:transparent;
}
input:focus:-ms-input-placeholder {
color:transparent;
}
 textarea:focus::-webkit-input-placeholder {
color:transparent;
}
textarea:focus:-moz-placeholder {
color:transparent;
}
textarea:focus::-moz-placeholder {
color:transparent;
}
textarea:focus:-ms-input-placeholder {
color:transparent;
}
 input::-webkit-input-placeholder {
color: #fff;
}
input:-moz-placeholder {
color: #fff;
}
input::-moz-placeholder {
color: #fff;
}
input:-ms-input-placeholder {
color: #fff;
}
 textarea::-webkit-input-placeholder {
color: #fff;
}
textarea:-moz-placeholder {
color: #fff;
}
textarea::-moz-placeholder {
color: #fff;
}
textarea:-ms-input-placeholder {
color: #fff;
}
label {
	margin: 0;
	display: block;
}
.approval{
	background:#f00;color: white;font-weight: bold;display: inline-block;padding:5px 10px;font-weight: bold;border-radius: 3px;
}
body, html {
	background: #eff2f4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px
}
.top-header {
	background: #fff
}
p.error{padding:0 15px 15px 15px}
/*menu*/
.navbar-nav a {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #149446
}
.navbar-nav a.active{background: #149446;color:#fff}
.dropdown {
    border-right: 1px solid #fff;
}
.dropdown-menu > li > a {
	padding: 3px 10px;
	/*max-width: 300px;*/
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: normal;
	line-height: auto;
}
.dropdown-menu {
	font-size: 12px;
	/*max-height: 400px;*/
	overflow-y: auto;
}
.navbar {
	margin-bottom: 0;
}
.navbar-nav > li > a {
	line-height: 30px;
}
.navbar .dropdown-menu > li > a {
	line-height: 40px;
	padding: 0 10px
}
.navbar .dropdown-menu {
	margin: 0px !important;
	padding: 0px !important;
}
.navbar-nav > li > a:hover, .dropdown-menu > li > a:hover {
	background: #149446;
	color: #fff
}
.navbar-collapse {
	margin: 0;
	background: none
}
.margin_top{margin-top:0}
@media (min-width: 768px) {
ul.nav li:hover > ul.dropdown-menu {
	display: block;
}
}
@media (max-width: 767px) {
.navbar-collapse {
	margin: 0 -15px;
	background: #eff2f4
}
.navbar-nav > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
}
.dropdown-menu {
	max-width: 100%
}
.dropdown-menu > li > a {
	max-width: 100%
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: #149446;
	border-color: #149446;
	color: #fff
}
.margin_top{margin-top:10px}
}

/*end menu*/

/*breadcrumb*/
.breadcrumb-custom {
	background: #0055a4
}
.breadcrumb-arrow {
	padding: 10px 0;
	margin: 0
}
.breadcrumb-arrow li {
	list-style: none;
	display: inline-block;
}
.breadcrumb-arrow li a, .breadcrumb-arrow li span {
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
	font-size:15px
	
}
.breadcrumb-arrow li span {
	color:#CCC
}
.breadcrumb-arrow li span {
	padding: 0
}
/*end breadcrumb*/
/*border */
.content-border {
	padding: 10px;
	background: #fff;
	margin-top: 20px;
	border: 1px solid #ddd;
	border-radius: 3px
}
.content-border::before,.content-border::after{
	content:'';
	display: table;
    border-collapse: collapse;
	clear:both;	
}
.content-border h2 {
	font-size: 17px;
	color: #0055a4;
	margin: 0;
	padding-bottom: 10px
}
.box-info .form-control{width:90% !important}
/*end border*/
/*customer*/
.item-row::before, .item-row::after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.item-row-content {
	width: 50%;
	float: left;
	margin-bottom: 10px
}
.item-row-content-full{
	width: 100%;
	float: left;
	margin-bottom: 10px
}
.item-row-col {
	width: 100%;
	float: left;
}
.padding-name {
	line-height: 30px
}
.paddingtop {
	padding-top: 10px
}
.col-custom1{
	width:12.5%;
}
.col-custom2{
	width:87.5%;
}
 @media (max-width: 768px) {
.item-row-content {
	width: 100%;
}
.padding-name {
	padding-left: 0;
	font-size: 13px
}
.padding-input {
	padding-right: 0
}
.col-custom1{
	width:100%;
}
.col-custom2{
	width:100%;
}
}
/*end customer*/


/*custom bootstrap*/
.form-control {
	height: 30px;
	font-size: 13px;
	padding: 6px
}
.navbar-brand {
	height: 61px;
	padding: 2px;
}
.navbar-header {
	margin-right: 20px;
}
.navbar-brand img {
	height: 100%
}
.btn-default.focus,
.btn-default:focus,.btn-default:hover, .btn-default.active,
.btn-default:active,.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
.open>.dropdown-toggle.btn-default{
 background-color:#fff;
}
.btn-default {
    background-color: #d1cccc;
    border-color: #b0afaf;
}
.btn-default:hover {
	 background-color: #d1cccc;
    border-color: #b0afaf;
}
.role_user{font-weight:normal}
/*.btn-default:hover {
 color:#333;
 background-color:#0ff;
 border-color:#adadad
}
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
 color:#333;
 background-color:#f00;
 border-color:#adadad
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,

.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
 color:#333;
 background-color:#f0f;
 border-color:#8c8c8c
}*/
/*end custom bootstrap*/
/*view products*/
.product-grid {
    font-family: Raleway,sans-serif;
    text-align: center;
    padding: 0 0 10px;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom:20px
}
.product-grid .product-image {
    position: relative;
    transition: all .3s ease 0s;
	height:150px
}
.product-grid .product-image a {
   
}
.product-grid .product-image img {
    height: 100%;
	width:auto
}
.product-grid .social {
   
    padding: 0;
    margin: 0;
    list-style: none;
	text-align:center
    
}
.product-grid .social li {
    display:inline-block
}
.product-grid .social li a {
    
    font-size: 28px;
    line-height: 40px;
    
}
.product-grid .title a {
    font-size:17px
}
.content-border .col-md-2, .content-border col-sm-4,.content-border .col-md-12{padding-left:10px;padding-right:10px}
.padding-product{padding:20px}
/*view products*/
/*autocomplete*/
.tt-query, /* UPDATE: newer versions use tt-input instead of tt-query */
.tt-hint, .tt-input {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-query { /* UPDATE: newer versions use tt-input instead of tt-query */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu { /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
	/*left:0 !important;*/
    width: 422px;
    margin-top: 5px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.tt-suggestion:hover {
    color: #f0f0f0;
    background-color: #0097cf;
}
.tt-suggestion{padding:5px 10px;cursor:pointer}
.tt-suggestion p {
    margin: 0;
}
.search-content input[type="text"]{
    padding-left:26px;
	/*width:300px !important*/
}

.form-search {
    position: relative;
}

.form-search:before {
    content:'';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(http://getbootstrap.com/2.3.2/assets/img/glyphicons-halflings.png);
    background-position: -48px 0;
    position: absolute;
    top:8px;
    left:8px;
    opacity: .5;
    z-index: 1000;
}
.form-inline{float:right}
.twitter-typeahead{display:block !important}
@media (max-width:768px){
	.tt-menu{width:100%}	
	.search-content input[type="text"] {
		width:100% !important
	}
	.form-inline{float:none};
	
}
/*end autocomplete*/
/*search product*/
.search-content{margin:0 0 10px 0;padding:10px 10px 0 10px;background:#eff2f4}
.search-content::before, .search-content::after {
    content: "";
    display: table;
    border-collapse: collapse;
	clear:both
}
/*end search product*/

/*link product */
.list-product{margin:0;list-style:none}
.list-product li{display:inline-block;padding-right:15px}
.list-product li a{font-size:15px}
/*link product*/
/*custom input*/
.select-wrapper{
	position:relative;
	background: #fafafa;
}
.select-wrapper:before {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right:6px solid transparent;
    border-top: 6px solid #fff;
    pointer-events: none;
	z-index:15;
}
.select-wrapper:after {
    position: absolute;
    right: 1px;
    top: 0px;
	bottom:0;
    width: 33px;
    height: auto;
    content: "";
    z-index: 10;
	background:#0055a4;
	border-radius:0 4px 4px 0;
}
.select-wrapper select {
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    width: 100%;
    color: #714BB9;
	z-index:999999;
	position:relative;
}
select::-ms-expand {
    display: none;
}
.select-wrapper option:hover {
    line-height:50px
}
select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px #000 inset;
}
select:focus > option:checked { 
    background: #000 !important;
	height:50px
}
select:active, select:hover {
  outline-color: red

}
.bootstrap-select .btn-default{background:#fff}
/*custom input*/
/*uplad button*/
.custom_input_file{
	position:absolute;
	z-index:2;top:0;
	left:0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
	background-color:transparent;
	color:transparent;	
}
/*end upload button*/
span.option_item { 
	width: 50%; 
	display: inline-block;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;  
	line-height:12px
}
.filter-option .price{
	display:none
}

/*table */

@media (min-width: 761px) {
.table-main .form-control {
    display: block;
}
.table-main {
	width: 100%
}
.table-main th {
	background: #dae8ef;
	border: 1px solid #C1D5DF;
	outline: none;
	padding: 5px;
	line-height: 28px;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center
}
.table-main td {
	border: 1px solid #C1D5DF;
	padding: 5px;
	line-height: 28px;
	font-size: 12px;
	/*text-overflow: ellipsis;
	white-space: nowrap;*/
}

.input-width{width:40%}
}
@media (max-width: 760px) {
.table-main .form-control {
    display: inline-block;
}
/* Force table to not be like tables anymore */
table.table-main, .table-main thead, .table-main tbody, .table-main th, .table-main td, .table-main tr {
	display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
.table-main thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.table-main tr {
	margin: 0 0 1rem 0;
}
.table-main tr:nth-child(odd) {
	background: #ccc;
}
.table-main td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	padding-bottom: 5px;
	padding-top: 5px
}
.table-main td:before {
	position: absolute;
	top: 0;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 5px
}
.input-width{width:100%}

}
.table-main tr:nth-child(odd) td {
	background: #fff;
}
.table-main tr:nth-child(even) td {
	background: #ecf4f8;
}
.table-main tr:hover td {
	background: #D1E3EC;
}
.input-number {
	text-align: right
}
.form-control {
	width: 95% !important;
	display: inline-block
}
.textred {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
}
.col-list {
	float: left
}
.col-1 {
	width: 3%;
}
.col-2 {
	width: 97%
}
.col-list .form-control {
	width: 80% !important;
	display: inline-block
}
.groupcb {
	padding: 3px;
	background: #CCC;
	margin-bottom: 2px
}
.groupcb:before, .groupcb:after {
	content: "";
	display: table;
	border-collapse: collapse;
	clear: both;
}
.cke_notifications_area{
	display: none !important;
}
@media (max-width: 678px) {
.col-list .form-control {
	width: 60% !important;
}
@media (max-width: 479px) {
.form-control {
 width: 90% !important
}
.col-1 {
 width: 8%;
}
.col-2 {
 width: 90%
}
}
/*table*/
/*input label*/
label{
	display:inline-block !important;
	font-size:inherit !important	
}
/*input label*/
@media (min-width: 1024px) {
span.filter-option {
   max-width:300px !important; 
}
}
@media (max-width: 1023px) {
span.filter-option {
   max-width:200px !important;
}
}