@charset "utf-8";

html {position: relative; min-height: 100%;}
body {background: #f0f0f0; margin-bottom: 150px;}
/*h1 {margin: 0; display: inline-block;}
h3 {font-size: 14px; line-height: 14px; margin: 0 20px 15px 20px; padding: 4px 10px; background: #eee;}
h4 {border-bottom: 1px solid #e8e8e8; padding-bottom: 7px; margin: 20px 0 15px 0;}
h4:first-of-type {margin-top: 0;}	*/

input[type="text"] {display: inline-block; margin-bottom: 5px;}
/*input[type="checkbox"] {margin-top: 9px;}*/

table p {margin-bottom: 0;}
table thead,
table thead a {color: #666;}
table thead th {text-transform: uppercase; font-size: 12px;}
#event_time thead th {text-align:center}
table td a {color: #333;}
.table {margin: 0;}
.table > tbody > tr > th,
.table > tbody > tr > td {padding: 6px 8px; font-size: 12px;}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #f6f6f6;}

.footer {position: absolute; bottom: 0; width: 100%; height: 100px; line-height: 100px; text-align: center; background: url("/img/commons/bg_footer.gif") repeat-x scroll center top #2e3740; color: #fff; font-size: 12px;}
.footer .container {margin-top: 0;}

.pagination {margin: 0;}

.navbar-inverse .navbar-brand {color: #fff;}
.navbar-fixed-top {border: 0;}
.navbar-fixed-top .container-fluid {margin: 0 auto;}
.navbar-right {margin-right: 0;}

.container,
.container-fluid {margin-top: 70px; min-height: 100%;}

.help-block {font-size: 12px;}

/* form */
.form-horizontal .form-group {margin-bottom: 10px;}
.form-horizontal .form-group:last-of-type {margin-bottom: 0;}
.form-horizontal .form-group input,
.form-horizontal .form-group textarea {margin-bottom: 0;}

.form-horizontal .credit-cast {margin-bottom: 10px;}

.alert {margin: 0 0 10px 0; padding: 10px 35px 10px 15px; line-height: 20px;}
.alert-dismissable .close,
.alert-dismissible .close {top: 1px;}

/**************************************************/


/* bootstrapvalidator */
.bv-form .form-control-feedback {line-height: 37px;}
.bv-form .select-container .form-control-feedback {right: -15px;}
.has-error button {border-color: #a94442;}
.has-success button {border-color: #3c763d;}

/* bootstrap-tagsinput*/
.bootstrap-tagsinput {margin-bottom: 0; width: 100% !important;}

/* fileselect */
.has-success .input-group-btn span.btn-default {border-color: #3C763D; color: #3C763D;}
.has-error .input-group-btn span.btn-default {border-color: #A94442; color: #A94442;}
.btn-file {position: relative; overflow: hidden;}
.btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;}
input[readonly] {background-color: white !important; cursor: text !important;}
    
/* header */
#header {background: #2e3740; color: #fff;}
#header .nav {margin-bottom: 10px !important; position: absolute; right: 0; top: 0;}

#header .nav > li {float: left; height: 50px; position: relative; width: 44px;}
#header .nav > li > span {position: absolute; width: 44px; height: 50px; line-height: 50px; font-size: 22px; text-align: center;}
#header .nav > li > a {display: block; height: 0; line-height: 2; overflow: hidden; padding: 50px 0 0 0; width: 44px;}
#header .nav > li.open,
#header .nav > li:hover {background-color: #22D694;}
.page-header a.btn.btn-success.pull-right {
    /*position: absolute;
    top: 30px;
    right: 10px;*/
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {background: none;}
.navbar-inverse .navbar-nav > li > .dropdown-menu {margin-top: 1px;}
.navbar-nav .dropdown-menu {background-color: #2e3740; border: 0;}
.navbar-nav .dropdown-menu > li > a {color: #fff;}
.navbar-nav .dropdown-menu li > a:hover {background-color: #22D694; color: #fff;}
/*
.form-horizontal .control-label {width: 140px;}
.form-horizontal .controls {margin-left: 160px;}
.form-horizontal .form-actions {padding-left: 160px;}
.form-horizontal .input-prepend, .form-horizontal .input-append {display: block;}
.form-horizontal .control-group {margin-bottom: 10px;}
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {margin-top: 0; font-size: 12px;}
.form-horizontal textarea, .form-horizontal select {margin-bottom: 5px;}
.form-actions {background-color: #FFF; border-top: 0;  margin: 0; padding: 0;}
.input-prepend textarea {border-radius: 0 4px 4px 4px;}

.table th, .table td {padding: 4px 8px;}
*/

/**************************************************/

/*.well-white p {margin: 0;}
.well-white select,
.well-white table,
.well-white input {margin: 0;}*/

.well-white {background-color: #fff; border: 1px solid #d5d5d5; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin-bottom: 20px; position: relative;}
.well-white.top {border-radius: 6px 6px 0 0;}
.well-white.bottom {border-radius: 0 0 6px 6px;}
.well-white .page-header {margin: 0; padding: 10px; border: 0; border-bottom: 1px solid #E8E8E8;}
.well-white .page-header h1 {font-size: 22px; font-weight: bold; line-height: 34px; height: 34px;}

.well-white .page-special {background: #f1f1f1; padding: 10px; border-top: 1px solid #E8E8E8;}
.well-white .page-special form {margin: 0;}
.well-white .page-special input {margin-bottom: 0;}
.well-white .page-special form div.col-md-1,
.well-white .page-special form div.col-md-3 {display:inline-block; padding: 0; margin-right: 10px; width: 25%;}
.well-white .page-special form div.col-md-1 {width: auto;}

.well-white .page-body {padding: 15px 10px;}
.well-white .page-body.form-horizontal.half {width: 40%; float: left;}

.well-white .page-footer {margin: 0; padding: 10px; line-height: 22px; position: relative; font-size: 12px; border-top: 1px solid #E8E8E8;padding-bottom: 100px;}
.well-white .page-footer > div {padding-left: 5px;} /* delete button */

/**************************************************/

/* uploader */
.qq-uploader i {margin-top: 2px;}
.qq-uploader ul {padding: 0; margin: 5px 0 0 0; list-style: none;}
.qq-uploader ul li {text-align: left; margin-bottom: 5px;}

.qq-upload-file,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-retry,
.qq-upload-delete,
.qq-upload-cover,
.qq-upload-status-text {margin-right: 10px;}
.qq-drop-processing {display: none;}
.qq-upload-list {text-align: left; margin-top: 10px;} 

/* products */
#image-uploaded {background: #e9e9e9; padding: 10px 10px 0 10px; border-radius: 4px; border: 1px solid #ccc; min-height: 30px;}
#image-uploaded .preview {position: relative; display: inline-block; margin: 0 10px 10px 0; border: 1px solid #ccc;}
#image-uploaded a {width: 26px; height: 26px; background: #000; opacity: .5; color: #fff; padding: 2px 0 0 4px; font-size: 18px;}
#image-uploaded .remove {position: absolute; top:0; left: 0;}
#image-uploaded .cover {position: absolute; top:0; left: 30px;}
#image-uploaded .dismiss, #image-uploaded .cover {z-index: 99;}

table .poster {width: 70px; height: auto;}
table .avatar {width: 40px; height: auto;}

form .poster {width: 240px; height: auto;}
form .avatar {width: 150px; height: auto;}

/* shops */
.shop-logo-img {margin-top: 5px;}
td.description {width: 240px;}

/* products */
.product-image {width: 50px;}
#single-variation {margin-bottom: 5px;}
.product-variation {list-style: none; margin: 5px 0 0 0; padding: 0;}
.product-variation a {color: #333;}
.product-variation li {margin-bottom: 5px;}
.product-variation li:last-child {margin-bottom: 0;}
.product-variation .form-control {margin: 0;}
.form-control.variation {width: 220px;}
.form-control.qty {width: 80px;}

/* post category */
.lang .input-group-addon {min-width: 40px;}
.banner .input-group-addon {min-width: 60px; text-align: left;}

/* admin order */

/**************************************************/


/* --------------------------------
    plugin - tagit
-------------------------------- */
ul.tagit {padding: 5px 12px; margin-bottom: 0; list-style: none; border: 1px solid #CCC; border-radius: 4px; height: 34px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
ul.tagit li.tagit-choice {float: left; display: inline-block; border-radius: 2px; border: 0px; background: #F1F1F1; color: #333; font-size: 12px; height: 22px; line-height: 22px; margin: 0 6px 0 0; padding: 0px 6px;}
ul.tagit li.tagit-choice .tagit-close {margin-left: 5px; font-weight: bold; cursor: pointer; color: #CE0000;}
ul.tagit li.tagit-choice .tagit-close:hover {text-decoration: none;}
ul.tagit li.tagit-new {display: inline-block;}
ul.tagit li.tagit-new input[type="text"] {height: 22px; border-width: 0;}

.tagit-autocomplete.ui-menu {
    list-style:none;
    padding: 0;
    margin: 0;
    display:block;
    float: left;
    background-color: #FFF;
    border: 1px solid #CCC;
}
.tagit-autocomplete.ui-menu li.ui-menu-item {
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    margin:0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    cursor: pointer;
}
.tagit-autocomplete.ui-menu li.ui-menu-item:hover {background-color: #EAEAEA;}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }



.note-group-select-from-files, .note-group-image-url{
    margin-right: 0px!important;
    margin-left: 0px!important;
}


.divider-vertical {
    height: 50px;
    width:1px!important;
    margin: 0 9px;
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #FFF;
}

.btn-toolbar {
    float: right;
}
.header-content {
    display: inline-block;
    width: 100%;
}
.header-content a.btn {
	display: inline-block;
    vertical-align: middle;
    margin: 40px 0 25px 0;
}
.header-content h1 {
    float: left;
    margin: 40px 0 25px 0;
}