@import "http://fonts.googleapis.com/css?family=Open+Sans&subset=vietnamese";
*, *:after, *:before {margin: 0;padding: 0;}
html, body {height:100%;margin:0;padding:0;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
time:before, time:after {content: ' // ';color:#ddd;}
i, em {font-family: Georgia,serif;}
h1, h2, h3 {margin-top: 0;}
h1 {font-size: 1.8em;padding: 0;margin: 0;}
h2 {font-size: 1.3em;padding: 0;margin: 0;}
h3 {font-size: 1em;}
a {text-decoration: none;color: #222;cursor:pointer;}
a img {border: none;}
img {height:auto;max-width:100%;vertical-align: middle;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
td {vertical-align:middle;}
button {cursor:pointer;}
button:focus {outline: none;}
button::-moz-focus-inner {border: 0;}
a, input, select {outline: 0 none!important;}
ol, ul{margin:0;padding:0;list-style: none;}
ul li, ol li{margin:0;padding:0;}
input[type="text"], input[type="email"],input[type="password"], input[type="url"], input[type="search"], textarea {
	background:  white;
	border: 1px solid #D9D9D9;
	color: #626262;
	display: inline-block;
	height: 33px;
	line-height: 19px;
	padding: 0 1%;
    max-width:98%;
	vertical-align: top;
	min-width:100px;
	font-family:'Segoe UI', 'Open Sans', Helvetica, Arial, sans-serif;
    transition:all 0.25s ease 0s;
    -moz-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
}
input[type="text"]:focus, input[type="email"]:focus,input[type="password"]:focus, 
input[type="url"]:focus, input[type="search"]:focus, textarea:focus {
	border-color: #008478;
}

.pmt-editor-wrapper textarea {
    min-height:295px;
}

input[type="radio"], input[type="checkbox"] {
    cursor:pointer!important;
}
input[type="radio"] {
	margin:0 10px;
}

select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 5px 10px;
    vertical-align: middle;
    width: auto;
	min-width:40px;
	cursor:pointer;
}
option {
	padding:4px 10px 4px 5px;
}
textarea {
	padding:5px 1%;
	height: 55px;
	font-size: 13px;
}
body {
	direction:1tr;
	line-height: 24px;
	font-size:13px;
	font-weight:400;
	font-family:'Segoe UI', 'Open Sans', Helvetica, Arial, sans-serif;
	background:#fff;
	color:#333333;
	min-width:1000px;
}
/*Class reset*/
.pmt-block {display:block;}
.clear {clear:both;}
.success {z-index:99999;border: 1px solid #ccc; background: #f5f5f5; width: 200px; position: absolute; top: 0;}
.pmt-inner {margin:0 auto;width:1000px;padding:10px;position:relative;}
.pmt-ab:before, .pmt-ab:after {content:" ";display:table;}
.pmt-ab:after {clear:both;}
.center {text-align:center;line-height:100%;}
.label-success {background-color:#3CC051;}
.label-info {background-color:#57B5E3;}
.label-warning {background-color:#FCB322;}
.label-danger {background-color:#999999;}



#pmt-nav-dashboard a > i {background-position: 0 -1px;}
#pmt-nav-dashboard a:hover > i, #pmt-nav-dashboard.selected a.top > i {background-position:0 -30px;}

#pmt-nav-product a > i {background-position: -30px -1px;}
#pmt-nav-product a:hover > i, #pmt-nav-product.selected a.top > i {background-position:-30px -30px;}

#pmt-nav-category a > i {background-position: -60px -1px;}
#pmt-nav-category a:hover > i, #pmt-nav-category.selected a.top > i {background-position:-60px -30px;}

#pmt-nav-page a > i {background-position: -90px -1px;}
#pmt-nav-page a:hover > i, #pmt-nav-page.selected a.top > i {background-position:-90px -30px;}

#pmt-nav-customers a > i {background-position: -120px -1px;}
#pmt-nav-customers a:hover > i, #pmt-nav-customers.selected a.top > i {background-position:-120px -30px;}

#pmt-nav-setting a > i {background-position: -150px -1px;}
#pmt-nav-setting a:hover > i, #pmt-nav-setting.selected a.top > i {background-position:-150px -30px;}

#pmt-nav-help a > i {background-position: -180px -1px;}
#pmt-nav-help a:hover > i, #pmt-nav-help.selected a.top > i {background-position:-180px -30px;}

#pmt-nav-news a > i {background-position: -210px -1px;}
#pmt-nav-news a:hover > i, #pmt-nav-news.selected a.top > i {background-position:-210px -31px;}

/****** PMT BUTTON CLASS ******/
.pmt-button, .k-button, .heading .k-button {
	border: 1px solid rgba(0, 0, 0, 0.15)!important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #404040;
	font-family: 'Roboto','Open Sans','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 13px;
	background: none;
	cursor: pointer;
	padding: 5px 13px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
     border-radius:2px;
    background-color:transparent;
}
.pmt-button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.pmt-button:first-child{*margin-left:0;}
.pmt-button:hover,.pmt-button:focus {
	text-decoration:none;
	background-position:0 -15px;
	-webkit-transition:background-position 0.1s linear;
	-moz-transition:background-position 0.1s linear;
	-o-transition:background-position 0.1s linear;
	transition:background-position 0.1s linear;
}
.pmt-button.active{
    border:none;
	background-image:none;
	outline:0;
	-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);
	-ms-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);
	-o-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);
}
.pmt-button.disabled,.pmt-button[disabled]{
	cursor:default;
	background-image:none;
	opacity:0.65;
	filter:alpha(opacity=65);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.heading .k-button {
    padding:5px 13px !important;
}

.heading .k-button span {
    margin-right:5px;
}
.btn-private, .heading #delete {	
    background-color: #f65339;
	color: #fff;
    border-radius: 2px;
	box-shadow: 0 -1px #c5422e inset;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.btn-private:hover, .heading #delete:hover {
    background-color: #F9573E;
}
.btn-private:active, .heading #delete:active {
	box-shadow: 0 0 #c5422e inset;
}
.btn-green, .heading #add {
    background: #15B595;
	color: #fff;
    border-radius: 2px;
	box-shadow: 0 -1px #138E76 inset;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.btn-green:hover, .heading #add:hover {
    background-color: #18BF9D;
}
.btn-green:active, .heading #add:active {
    box-shadow: 0 0 #138E76 inset;
}

.btn-blue {
    background: #2A80B9;
	color: #fff;
    border-radius: 2px;
	box-shadow: 0 -1px #22678E inset;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.btn-blue:hover {
    background-color: #2D87BF;
}
.btn-blue:active {
    box-shadow: 0 0 #22678E inset;
}

.btn-default {background-color:#c3c6c9;}

.btn-insert-upload {
    background-color:#15B595;
    border: 1px solid #14A082;
    color: #fff;
}
.btn-insert-upload:hover {
    background-color:#13c4a5;
    color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.buttons .k-button {
    margin-left:15px;
}

.fill-input {
    width:98%!important;
}

.k-grid #edit {
    background:#37BC9B!important;
    border:none;
}
.k-grid #edit:hover {
    background:#008478!important;
    border:none;
}
.k-grid #delete {
    background:#DA4453!important;
    border:none;
}
.k-grid #delete:hover {
    background:#B23945!important;
    border:none;
}

.label-description{
    color: #999;
    font-size: 12px;
    font-style: italic;
    max-width: 80%;
}