/* -------------------*
 *       RESET        *
 *------------------- */
button { width:auto; padding:0; overflow:visible; cursor:pointer; line-height:normal !important; }
button::-moz-focus-inner { border:0; padding:0;  margin:-1px 0 0 0; }
button:active { box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3); }

* { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; }

/* -------------------*
 *       GLOBAL       
 *------------------- */
body { font-size:13px; color:#000; background:#fafafa; font-family:'Open Sans', Helvetica, Arial, sans-serif; }
input, select, textarea, button { font-size:13px; font-family:'Open Sans', Helvetica, Arial, sans-serif; }
html, body, .body, .page, .main { height:100%; }
.body { position:relative; }
hr { margin:20px 0 20px 0; }
ol, ul, p { margin-bottom:20px; }
a { color:#222; text-decoration:none; }
a:hover, a:focus { color:#222; text-decoration:underline; }


/* headlines
----------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin-top:0; padding-top:10px; line-height:1.3em; font-family: 'Open Sans', Helvetica, Arial, sans-serif !important; }
h1, .h1 { font-size:33px; font-weight:700; line-height:1.4em; padding-top:0; margin:0 0 10px 0; }
h2, .h2 { font-size:22px; font-weight:700; }
h3, .h3 { font-size:16px; font-weight:700; }
h4, .h4 { }

/* clear 
----------------------------------------- */
.clear { clear:both; }


/* -------------------*
 *       LAYOUT       *
 *------------------- */

/* main
---------------------------------------- */
.main { background:#fafafa; position:relative; }
main { padding:30px 25px 25px 250px; }
.main-container { background:#fafafa; }

/* nav
---------------------------------------- */
.nav .caret { width:10px; height:6px; border:0; margin-left:4px; background:url(../images/layout/bg-caret.png) no-repeat 0 0; }
.nav li.open .caret,
.nav li.open.active .caret,
.nav li.open-active .caret,
.nav li.parent-active .caret,
.nav li.active .caret { background-position:0 -6px; }

/* navbar toggle button
------------------------- */
.navbar-toggle { display:block; position:fixed; padding:10px; top:20px; left:170px; z-index:50; border-radius:0; }
.navbar-toggle span { width:18px; height:2px; display:block; margin:0 0 3px 0; background:#383838; }
.navbar-toggle:hover span { background:#e86635; }

/* aside
------------------------- */
aside { width:220px; overflow:auto; border-right:1px solid #efefef; font-size:#282828; background:#fff; position:fixed; z-index:49; top:0; bottom:0; left:0; box-shadow:1px 0 4px rgba(0,0,0,0.1); }
aside .sidebar-header { padding:20px 0; text-align:center; }
aside .sidebar-header .logo { display:inline-block; }
aside .sidebar-content { padding-bottom:100px; }
aside .sidebar-footer { padding:20px 15px; position:fixed; bottom:0; left:0; width:220px; background:#fff; }
aside .sidebar-footer .account-name { display:block; margin-bottom:2px; }
aside .sidebar-footer a { font-size:12px; color:#1a8ddd; text-decoration:none; }
aside .sidebar-footer a:hover { color:#1a8ddd; text-decoration:underline; }
aside .sidebar-footer .divider { display:inline-block; color:#eee; margin:0 2px; }
aside .nav > li { border-top:1px solid #eee; margin:0; }
aside .nav > li:first-child { border-top:none; }
aside .nav > li a,
aside .nav > li a:focus { padding:10px 30px 10px 45px; color:#282828; border-radius:0; text-decoration:none; position:relative; }
aside .nav > li.parent-active > a,
aside .nav > li.parent-active > a:focus,
aside .nav > li.open > a,
aside .nav > li.open > a:focus { font-weight:700; background:#f6f6f6 !important; }
aside .nav > li.active.open > a,
aside .nav > li.active > a:focus,
aside .nav > li.active > a,
aside .nav > li.active > a:hover { background:#f6f6f6; color:#222; font-weight:700; }
aside .nav > li > a:hover { background:#f6f6f6; }
aside .nav > li > a .caret { position:absolute; top:16px; right:20px; }
aside .nav .dropdown-menu { position:static; float:none; margin:0; border:0; border-radius:0; box-shadow:none; background:#f6f6f6; }
aside .nav > li.parent-active .dropdown-menu { display:block; }
aside .nav > li ul { display:none; }
aside .nav .dropdown-menu { padding:0 20px 0 45px; }
aside .nav .dropdown-menu li { border-top:1px solid #eee; }
aside .nav .dropdown-menu li a { font-size:12px; color:#282828 !important; text-decoration:none; background:none !important; padding:10px 5px; }
aside .nav .dropdown-menu li a:hover { text-decoration:underline; }
aside .nav .dropdown-menu li.active a { font-weight:700; }
aside .nav > li i { width:27px; height:27px; display:block; position:absolute; top:7px; left:15px; background:url(../images/layout/icon-navigation.png) no-repeat top left; }
aside .nav > li i.icon-dashboard { background-position:0 0; }
aside .nav > li i.icon-customers { background-position:0 -27px; }
aside .nav > li i.icon-orders { background-position:0 -54px; }
aside .nav > li i.icon-settings { background-position:0 -81px; }
aside .nav > li i.icon-statistics { background-position:0 -108px; }
aside .nav > li i.icon-campaigns { background-position:0 -135px; }
aside .nav > li i.icon-logistics { background-position:0 -162px; }
aside .nav > li i.icon-gift-cards { background-position:0 -189px; }

/* breadcrumb
------------------------- */
.breadcrumb { font-size:11px; padding:0; margin:0 0 5px 0; background:none; }
.content .breadcrumb a { color:#222; }
.content-head .breadcrumb { margin:10px 0 0 0; }
.breadcrumb .divider { display:inline-block; margin:0 2px; }
.breadcrumb .here { color:#b4b4b4; }

/* content head
------------------------- */
.content-head { padding-bottom:20px; }

/* thumb links
------------------------- */
.thumb-links { padding-bottom:10px; }
.thumb-links a { font-size:12px; text-align:center; outline:none; width:110px; height:160px; margin:0 9px 10px 0; float:left; }
.thumb-links a span { width:110px; height:110px; position:relative; margin-bottom:10px; display:block; background:#fff; border:1px solid #f4f4f4; border-radius:4px; }
.thumb-links a i { width:49px; height:49px; display:block; position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px; background:url(../images/layout/icons-dashboard-links.png) no-repeat top left; }
.thumb-links a:hover i { margin-top:-30px; }
.thumb-links a .thumb-01 i { background-position:0 0; }
.thumb-links a .thumb-02 i { background-position:-49px 0; }
.thumb-links a .thumb-03 i { background-position:-98px 0; }
.thumb-links a .thumb-04 i { background-position:-147px 0; }
.thumb-links a .thumb-05 i { background-position:-196px 0; }
.thumb-links a .thumb-06 i { background-position:-245px 0; }
.thumb-links a .thumb-07 i { background-position:-294px 0; }
.thumb-links a .thumb-08 i { background-position:-343px -49px; }
.thumb-links a .thumb-09 i { background-position:-392px 0; }
.thumb-links a .thumb-10 i { background-position:-441px 0; }
.thumb-links a:hover .thumb-01 i { background-position:0 -49px; }
.thumb-links a:hover .thumb-02 i { background-position:-49px -49px; }
.thumb-links a:hover .thumb-03 i { background-position:-98px -49px; }
.thumb-links a:hover .thumb-04 i { background-position:-147px -49px; }
.thumb-links a:hover .thumb-05 i { background-position:-196px -49px; }
.thumb-links a:hover .thumb-06 i { background-position:-245px -49px; }
.thumb-links a:hover .thumb-07 i { background-position:-294px -49px; }
.thumb-links a:hover .thumb-08 i { background-position:-343px -49px; }
.thumb-links a:hover .thumb-09 i { background-position:-392px -49px; }
.thumb-links a:hover .thumb-10 i { background-position:-441px -49px; }

/* filter box
------------------------- */
.filter-box { float:right; }
.filter-box form { float:left; padding-right:20px; }
.filter-box form .form-control { font-size:12px; height:32px; background:#fff; }
.filter-box form .input-group { width:230px; float:left; }
.filter-box form .btn { border-left:0 !important; margin-left:0 !important; width:32px; height:32px; position:relative; }
.filter-box form .btn i { width:15px; height:15px; display:block; position:absolute; top:7px; left:9px; background:url(../images/layout/icon-zoom.png) no-repeat top left; }
.filter-box .btn-xs { padding:3px 8px; font-size:10px; text-transform:uppercase; color:#222; }
.filter-box .filter-btn { float:right; margin:-5px 0; border-left:1px solid #eee; padding:10px 0 10px 20px; }

/* box
------------------------- */
.box { background:#fff; padding:20px 30px 5px 30px; margin-bottom:20px; border:1px solid #f4f4f4; border-radius:5px; }
.content a { color:#0096db; }
.box hr { margin-left:-30px; margin-right:-30px; }

/* accordion item
------------------------- */
.accordion-item h2 { padding-top:0; }
.accordion-item .accordion-arrow { width:18px; height:18px; margin-top:5px; position:relative; float:right; background:#e9e9e9; border-radius:50% !important; -webkit-border-radius:50% !important; -moz-border-radius:50% !important; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s; }
.accordion-item .accordion-arrow:hover { background-color:#d2d2d2; }
.accordion-item .accordion-arrow i { width:10px; height:6px; display:block; position:absolute; top:50%; left:50%; margin:-3px 0 0 -5px; background:url(../images/layout/icon-accordion-arrow.png) no-repeat bottom left; }
.accordion-item.show-content .accordion-arrow i { background-position:top left; }
.accordion-item .accordion-content { display:none; }
.accordion-item.show-content .accordion-content { display:block; }

/* order detail
------------------------- */
.order-detail .order-title { font-size:33px; }
.order-detail .subtitle { display:block; }
.order-detail .order-detail-table th { font-weight:normal; padding:6px 20px 6px 0; }
.order-detail .order-detail-table td { padding:6px 0; }
.order-detail .order-detail-table .order-table-link-bottom { vertical-align:bottom; padding-bottom:12px; }

.order-box-wrap { margin-top:-35px; }
.order-box { padding:30px; }
.order-box.grey-box { background:#f7f7f7; }
.order-box .order-detail-table { width:100%; }

.order-actions a { display:inline-block; padding:5px 3px; }
.order-actions i { width:9px; height:9px; display:block; background:url(../images/layout/icon-order-table-actions.png) no-repeat top left; }
.order-actions .link-edit i { background-position:0 0; }
.order-actions .link-edit:hover i { background-position:0 -9px; }
.order-actions .link-remove i { background-position:-9px 0; }
.order-actions .link-remove:hover i { background-position:-9px -9px; }

.order-color-box { color:#fff; margin-bottom:30px; background:#ea672c; padding:0 10px 20px 10px; border-radius:4px; }
.order-color-box table thead tr th { color:#fff; }
.order-color-box table tbody tr td { color:#222; background:#fff; }
.order-color-box table tfoot tr th { font-size:12px; padding:1px 8px; font-weight:normal; border:0; }
.order-color-box .table-striped > tbody > tr:nth-of-type(2n+1) td { background:#fdfdfd; }
.order-color-box .table .table-total th { font-size:20px; border-top:2px solid #fff; }
.order-color-box .order-colos-offset { padding:0 10px; }
.order-color-box .order-colos-offset label { font-size:12px; color:#fff; }
.order-color-box .order-colos-offset label input { margin-top:2px; }
.order-color-box .btn.btn-link { color:#fff; }
.form-coupons { font-size:12px; padding:0 10px; }
.form-coupons label { color:#fff; padding-right:10px; }
.form-coupons .form-control { font-size:12px; padding:5px; height:30px; }
.form-coupons .btn-link { font-size:12px; text-transform:none; font-weight:normal; text-decoration:underline; color:#fff; text-shadow:none; }
.form-coupons .btn-link:hover { text-decoration:none; }

.bullet-list { list-style:none; padding-left:0; }
.bullet-list li { padding:0 0 0 10px; margin-bottom:15px; background:url(../images/layout/bullet.png) no-repeat 0 7px; }

/* table
------------------------- */
.table { font-size:12px; }
.table thead tr th { color:#7d7d7d; font-weight:normal; border-color:#000; }
.table thead a { color:#7d7d7d; display:inline-block; padding-right:35px; margin-right:5px; background:url(../images/layout/icon-sort-default.png) no-repeat right 3px; }
.table thead a.sort-up { background-image:url(../images/layout/icon-sort-up.png); }
.table thead a.sort-down { background-image:url(../images/layout/icon-sort-down.png); }
.table tbody tr.tr-highlight td { font-weight:700; background:#fbeee9; border-color:#ecdfda; }

.table-striped > tbody > tr:nth-of-type(2n+1) { background:#fdfdfd; }
.table-striped > tbody > tr:hover td { background:#f3f3f3; }

.text-center .nav-table { display:inline-block; }
.table tbody tr td { vertical-align:middle; border-color:#ededed; }
.nav-table .btn-more { width:18px; height:18px; color:#222; font-weight:700; font-size:12px; line-height:1em; display:block; padding:0; text-align:center; vertical-align:middle; background:#e9e9e9; border-radius:50% !important; -webkit-border-radius:50% !important; -moz-border-radius:50% !important; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s; }
.nav-table .btn-more:hover { background:#d2d2d2 !important; }
.nav-table li.open .dropdown-menu { left:auto; right:0; }
.nav-table .dropdown-menu { width:auto; min-width:110px !important; font-size:12px; border-color:#e9e9e9; position:fixed; right:auto !important; }
.order-detail .nav-table .dropdown-menu { font-size:13px; }
.order-detail .nav-table .dropdown-menu a { padding:4px 20px; }
.nav-table .dropdown-menu li { border-top:1px solid #e9e9e9; }
.nav-table .dropdown-menu li:first-child { border-top:0; }
.nav-table .dropdown-menu li a:hover { color:#0096db; }
.table .table-total th { font-size:15px; font-weight:700; border-top:2px solid #000; padding-top:5px; }

.table.table-vertical-top tbody td { vertical-align:top; }

.label { font-size:11px; font-weight:normal; border-radius:3px; }
.label-color-01 { background:#f39b7a; }
.label-color-02 { background:#bd9c9a; }
.label-color-03 { background:#b5a1c1; }
.label-color-04 { background:#e07b78; }
.label-color-05 { background:#86a7dd; }
.label-color-06 { background:#9db972; }
.label-color-07 { background:#f4a5a5; }
.label-color-08 { background:#8fc4dd; }
.label-color-09 { background:#ababab; }
.label-color-10 { background:#88cfbd; }

/* labels
------------------------- */
.label { border-radius:0; }
.label.label-warning { background:#e3b670; }
.label.label-info { background:#8bc3c5; }
.label.label-success { background:#60c180; }
.label.label-danger { background:#dc7774; }
.label.label-primary { background:#9cc4f8; }

/* paginate
------------------------- */
.paginate { font-size:12px; }
.paginate .pagination-text { line-height:30px; float:left; }
.paginate .pagination { float:right; margin:0; }
.paginate .pagination li { background:none; padding:0; }
.paginate .pagination li a { color:#222; border-color:#e8e8e8; border-radius:0; }
.paginate .pagination li.active a { color:#222 !important; background:#f2f2f2; border-color:#e8e8e8; }

.pagination-box { font-size:12px; }
.pagination-box .pagination-text { float:left; padding:5px 0; }
.pagination-box .pagination { float:right; margin:0; }
.pagination-box .pagination li a { border-color:#f4f4f4; }
.pagination-box .pagination li.active a { color:#222; background:#e9e9e9; border-color:#f4f4f4; }

.alert { font-size:15px; border:0; }
.alert .close { top:-4px; opacity:0.5; color:#fff; }
.alert.alert-warning .close { color:#222; }
.alert .close:hover { opacity:1; }
.alert.alert-success { color:#fff; background:#9db972; }
.alert.alert-info { color:#fff; background:#8fc4dd; }
.alert.alert-warning { color:#222; background:#f3cd74; }
.alert.alert-danger { color:#fff; background:#e07b78; }

/* tabs
------------------------- */
.tabs .nav a { text-decoration:none; outline:none; }
.tabs .tab-content { padding:20px 0 0 0; }

.tab-nav .nav-tabs { float:right; border:0; }
.tab-nav .nav-tabs a { border-color:#ebebeb; float:left; margin:0; border-radius:0; background:#ebebeb; color:#878787; font-size:15px; font-weight:700; }
.tab-nav .nav-tabs a:hover { background:#2f2f2f; border-color:#2f2f2f; color:#fff; }
.tab-nav .nav-tabs li.active a { color:#222; border-color:#f4f4f4 !important; border-bottom-color:#fff !important; }
.tab-nav .nav-tabs li:first-child,
.tab-nav .nav-tabs li:first-child a { border-top-left-radius:3px; }
.tab-nav .nav-tabs li:last-child,
.tab-nav .nav-tabs li:last-child a { border-top-right-radius:3px; }

/* forms
---------------------------------------- */
form .form-control { font-size:13px; height:40px; border-color:#e8e8e8; background-color:#f8f8f8; }
form .has-error .form-control { background-color:#fef5f6; border-color:#eaa2a7; }
form textarea.form-control { height:auto; resize:vertical; }
form label { font-weight:400; color:#7d7d7d; }
form .req { color:#ff0000; }

.form-filter label { font-weight:400; color:#7d7d7d; display:block; }
form.form-filter label { font-size:12px; }
.form-filter .form-title { font-size:15px; font-weight:700; line-height:28px; padding-right:25px; }
.form-filter .form-group { float:left; padding-right:20px; }
.form-filter .form-control { font-size:12px; height:30px; padding:5px; }
.form-filter select.form-control { width:200px; }
.form-filter input.form-control { width:100px; }
.form-filter .no-label-box { float:left; padding-top:22px; padding-bottom:15px; }
.form-filter .btn { height:30px; padding-top:0; padding-bottom:0; }

form .checkbox,
form .radio { padding:10px 0 5px 0; cursor:auto !important; }
form .checkbox label,
form .radio label { color:#222; }
form .checkbox input,
form .radio input { margin-top:3px; }
form .checkbox-offset { padding:10px 0 20px 0; }
form .checkbox-offset-2 { padding:0; }
form .checkbox-offset label { width:100%; color:#222; margin-bottom:8px; }
form .checkbox-inline { margin-top:0; padding-bottom:10px; }
form .checkbox-inline label { margin:0 15px 10px 0; }

form .form-group-checkbox { float:left; max-width:340px; border-right:1px solid #f0f0f0; margin-right:20px; padding-right:0 !important; }
form .form-group-checkbox label { float:left; width:50%; margin-right:0; padding-right:20px; }

.modal-body { padding:50px 70px; }
.modal .btn-close { width:34px; height:34px; display:block; position:absolute; top:-18px; right:-18px; background:url(../images/layout/btn-close.png) no-repeat top left; }
.modal-header .modal-title { padding:0; margin:0; }

.modal-fullview { padding:0 !important; background:#fff; }
.modal-fullview:not(.in) .modal-dialog { -webkit-transform: translate3d(-25%, 0, 0); transform: translate3d(-25%, 0, 0); }
.modal-fullview .modal-dialog { width:100%; margin:0; border:0; }
.modal-fullview .modal-content { border-radius:0; border:0; box-shadow:none; -webkit-box-shadow:none; }

.title-modal-close { position:relative; }
.title-modal-close .link-close { display:block; position:absolute; top:10px; left:-30px; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s; }
.title-modal-close .link-close:hover { color:#222; }

.mce-container { border-color:#e8e8e8 !important; }

.buttons { padding:10px 0; }
.buttons a.btn { float:left; margin:0 20px 10px 0; padding:10px 20px 10px 60px; color:#fff; text-shadow:none !important; border:1px solid #ddd; border-radius:3px; position:relative; -webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; -o-transition:0s; transition:0s; }
.buttons a.btn i { width:26px; height:26px; display:block; position:absolute; top:6px; left:19px; background:url(../images/layout/icons-buttons.png) no-repeat top left; }
.buttons a.btn-email i { background-position:0 -26px; }
.buttons a.btn-email:hover i { background-position:0 0px; }
.buttons a.btn-fb i { background-position:-26px -26px; }
.buttons a.btn-fb:hover i { background-position:-26px 0; }
.buttons a.btn-tw i { background-position:-52px -26px; }
.buttons a.btn-tw:hover i { background-position:-52px 0; }
.buttons a.btn-yelp i { background-position:-78px -26px; }
.buttons a.btn-yelp:hover i { background-position:-78px 0; }
.buttons a.btn-gg i { background-position:-104px -26px; }
.buttons a.btn-gg:hover i { background-position:-104px 0; }
.buttons a.btn-email { color:#e96e3f; }
.buttons a.btn-email:hover { color:#fff; border-color:#e8521b; background: #e8521b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4NTIxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjQyMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #e8521b 0%, #db420a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8521b), color-stop(100%,#db420a)); background: -webkit-linear-gradient(top,  #e8521b 0%,#db420a 100%); background: -o-linear-gradient(top,  #e8521b 0%,#db420a 100%); background: -ms-linear-gradient(top,  #e8521b 0%,#db420a 100%); background: linear-gradient(to bottom,  #e8521b 0%,#db420a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8521b', endColorstr='#db420a',GradientType=0 ); }
.buttons a.btn-fb { color: #536ea8; }
.buttons a.btn-fb:hover { color:#fff; border-color:#3e61a5; background: #3e61a5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlNjFhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDNlN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #3e61a5 0%, #1d3e7f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e61a5), color-stop(100%,#1d3e7f)); background: -webkit-linear-gradient(top,  #3e61a5 0%,#1d3e7f 100%); background: -o-linear-gradient(top,  #3e61a5 0%,#1d3e7f 100%); background: -ms-linear-gradient(top,  #3e61a5 0%,#1d3e7f 100%); background: linear-gradient(to bottom,  #3e61a5 0%,#1d3e7f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e61a5', endColorstr='#1d3e7f',GradientType=0 ); }
.buttons a.btn-tw { color: #5aaff2; }
.buttons a.btn-tw:hover { color:#fff; border-color:#329def; background: #329def; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyOWRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjhlZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #329def 0%, #1f8ee2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#329def), color-stop(100%,#1f8ee2)); background: -webkit-linear-gradient(top,  #329def 0%,#1f8ee2 100%); background: -o-linear-gradient(top,  #329def 0%,#1f8ee2 100%); background: -ms-linear-gradient(top,  #329def 0%,#1f8ee2 100%); background: linear-gradient(to bottom,  #329def 0%,#1f8ee2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329def', endColorstr='#1f8ee2',GradientType=0 ); }
.buttons a.btn-yelp { color:#cd2a20; }
.buttons a.btn-yelp:hover { color:#fff; border-color:#bf0c00; background: #bf0c00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmMGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZjFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #bf0c00 0%, #af1a00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf0c00), color-stop(100%,#af1a00)); background: -webkit-linear-gradient(top,  #bf0c00 0%,#af1a00 100%); background: -o-linear-gradient(top,  #bf0c00 0%,#af1a00 100%); background: -ms-linear-gradient(top,  #bf0c00 0%,#af1a00 100%); background: linear-gradient(to bottom,  #bf0c00 0%,#af1a00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0c00', endColorstr='#af1a00',GradientType=0 ); }
.buttons a.btn-gg { color:#df523b; }
.buttons a.btn-gg:hover { color:#fff; border-color:#dd361c; background: #dd361c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkMzYxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDE2MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #dd361c 0%, #a01601 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd361c), color-stop(100%,#a01601)); background: -webkit-linear-gradient(top,  #dd361c 0%,#a01601 100%); background: -o-linear-gradient(top,  #dd361c 0%,#a01601 100%); background: -ms-linear-gradient(top,  #dd361c 0%,#a01601 100%); background: linear-gradient(to bottom,  #dd361c 0%,#a01601 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd361c', endColorstr='#a01601',GradientType=0 ); }

.ui-autocomplete { font-size:13px; border:1px solid #e8e8e8; background:#fff; border-radius:4px; box-shadow:0 2px 3px rgba(0,0,0,0.1); }
.ui-autocomplete li.ui-menu-item { font-size:13px; padding:4px 8px !important; color:#222; border:0 !important; margin:0 !important; }
.ui-autocomplete li.ui-menu-item.ui-state-focus { background:#eee; }

/* buttons
------------------------- */
.btn { text-decoration:none; text-transform:uppercase; font-weight:700; text-shadow:-1px -1px rgba(0,0,0,0.2); -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; transition:0.2s; }
.btn.btn-md { padding:10px 20px; }
.btn-primary { color:#fff !important; background:#e36739; border-color:#e4693a; border-bottom-color:#b9522b; }
.btn-primary:focus,
.btn-primary:hover { background:#e57c55; border-color:#e57c55; }
.btn-primary:active { background:#ca592e; box-shadow:inset 2px 2px 4px #803316; }

.btn-default { color:#222 !important; border-color:#eaeaea; background:#f6f6f6; text-shadow:none; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #f6f6f6 0%, #e4e4e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e4e4e4)); background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%); background: -o-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%); background: -ms-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%); background: linear-gradient(to bottom,  #f6f6f6 0%,#e4e4e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e4e4e4',GradientType=0 ); }
.btn-default:focus,
.btn-default:active,
.btn-default:hover { border-color:#ededed; background:#ededed; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #ededed 0%, #d6d6d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d6d6d6)); background: -webkit-linear-gradient(top,  #ededed 0%,#d6d6d6 100%); background: -o-linear-gradient(top,  #ededed 0%,#d6d6d6 100%); background: -ms-linear-gradient(top,  #ededed 0%,#d6d6d6 100%); background: linear-gradient(to bottom,  #ededed 0%,#d6d6d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d6d6d6',GradientType=0 ); }

.btn.btn-link { font-size:13px; text-decoration:underline; text-transform:none; font-weight:normal; color:#222; text-shadow:none; }
.btn.btn-link:hover { text-decoration:none; }

.btn-plus { width:20px; height:20px; display:inline-block; border-radius:50% !important; -webkit-border-radius:50% !important; -moz-border-radius:50% !important; background:#e7e7e7 url(../images/layout/icon-plus.png) no-repeat center center; }
.btn-plus:hover { background-color:#d5d5d5; }

/* datepicker
------------------------- */
.datepicker { font-size:10px; padding:10px; }
.datepicker table { border:1px solid #ebebeb; }
.datepicker table thead th { width:20px; height:20px; font-weight:normal; color:#fff; background:#de6334; border-radius:0; }
.datepicker table thead th:hover { background:#cd5223 !important; }
.datepicker table thead th.dow { color:#222; background:#f2f2f2 !important; }
.datepicker table tbody td { width:20px; height:20px; border:1px solid #f2f2f2; border-radius:0 !important; }
.datepicker table tbody td.selected,
.datepicker table tbody td.active { color:#fff; border-color:#f2f2f2 !important; background:#393939 !important; }
.input-daterange input { text-align:left; }

/* google map
------------------------- */
.map-body { min-height:100%; height:100%; position:relative; padding-bottom:75px; }
.map-body .map-iframe { height:100%; }
.map-body.show-orders-panel .map-iframe { width:50%; float:left; }
.map-body .map-panel { padding:20px 20px 10px 20px; text-align:center; background:#fff; position:fixed; bottom:0; left:0; right:0; }
.map-body .map-panel .btn { font-size:12px; font-weight:400; margin:0 3px 10px 3px; padding-left:28px; position:relative; }
.map-body .map-panel .btn-show-panel-nav { padding-left:10px; }
.map-body .map-panel .btn i { width:14px; height:14px; display:block; position:absolute; top:7px; left:10px; background:url(../images/layout/icons-map-panel.png) no-repeat top left; }
.map-body .map-panel .btn i.icon-map-reload { background-position:0 0; }
.map-body .map-panel .btn i.icon-map-directions { background-position:-14px 0; }
.map-body .map-panel .btn i.icon-map-order-info { background-position:-28px 0; }
.map-body .map-panel .btn i.icon-map-logout { background-position:-42px 0; }
.map-body .map-panel .btn i.icon-map-list { background-position:-56px 0; }

.orders-panel { display:none; float:right; padding:30px; width:50%; height:100%; overflow:visible; }
.map-body.show-orders-panel .orders-panel { display:block; }
.table-people-list td { cursor:pointer; }

html body .ui-tooltip { color:#fff; background:#2b2b2b !important; border:0 !important; border-radius:3px !important; box-shadow:none !important; }

.infobox-box { padding:20px 5px 20px 20px; }
.modal-infobox,
.infobox-content { font-size:12px; }
.modal-infobox table,
.infobox-content table { margin-bottom:20px; }
.modal-infobox table th,
.infobox-content table th { font-weight:normal; white-space:nowrap; color:#7d7d7d; vertical-align:top; padding:2px 30px 2px 0 !important; border:0 !important; }
.modal-infobox table td,
.infobox-content table td { vertical-align:top; padding:2px 0 !important; border:0 !important; }
.modal-infobox .popup-footer,
.infobox-content .popup-footer { text-align:center; padding-top:5px; }
.modal-infobox .popup-footer .footer-link,
.infobox-content .popup-footer .footer-link { display:block; padding-top:15px; }
.modal-infobox .popup-footer .footer-link a,
.infobox-content .popup-footer .footer-link a { color:#0096db; }

.info-box-close { width:34px !important; height:34px !important; margin:-25px -25px 0 0; opacity:1 !important; display:block !important; background:url(../images/layout/btn-close.png) no-repeat top left; }
.info-box-close img { display:none; }

/* popup box
------------------------- */
.popup-body { background:#fff; }
.popup-box { padding:20px; }

/* -------------------*
 *         IE         *
 *------------------- */
.clearfix { zoom:1\9; }

/* -------------------*
 *     RESPONSIVE     *
 *------------------- */

@media all and (max-width:1199px) {
	form .form-group-checkbox { width:100%; max-width:1000px; border:0; border-bottom:1px solid #f0f0f0; }
	form .form-group-checkbox .checkbox,
	form .form-group-checkbox .radio { width:100%; padding-top:0; }
	form .form-group-checkbox .checkbox label,
	form .form-group-checkbox .radio label { float:none; display:inline-block; width:auto; }
	.form-filter .no-label-box { padding:0 0 20px 0; width:100%; }
	form .form-group-checkbox label { width:100%; margin-bottom:5px; }
}

@media all and (max-width:991px) {
	.content-head .filter-box { margin-bottom:20px; }
	.content-head .breadcrumb { clear:both; }
	form.form-filter { padding-bottom:20px; }
	.form-filter .form-group { width:100%; padding-right:0; }
	.form-filter .no-label-box { padding:0; }
	.form-filter .form-control { width:100% !important; }
	.order-box-wrap { margin-top:0px; }
	.order-box-wrap .order-box { padding:20px; padding-left:0; }
	.order-box-wrap .order-box.grey-box { padding-left:20px; }
}

@media all and (min-width:768px) {
	.hide-sidebar main { padding-left:85px; }
	.hide-sidebar .navbar-toggle { top:0px; left:10px; }
	.hide-sidebar aside { width:60px; overflow:visible; }
	.hide-sidebar aside .logo img { width:40px; }
	.hide-sidebar aside .nav > li > a { width:60px; padding:10px 0; text-indent:-999px; }
	.hide-sidebar aside .nav .dropdown-menu { display:none !important; }
	.hide-sidebar aside .nav > li:hover .dropdown-menu { display:block !important; position:absolute; z-index:50; left:60px; top:0; margin:0; padding:0; box-shadow:2px 1px 2px rgba(0,0,0,0.1); }
	.hide-sidebar aside .nav .dropdown-menu li a { font-size:13px; padding:10px 20px; }
	.hide-sidebar aside .nav .caret { display:none; }
	.hide-sidebar aside .sidebar-header { padding-top:50px; }
	.hide-sidebar aside .sidebar-content { padding:0; }
	.hide-sidebar aside .sidebar-footer { display:none; }
}
@media all and (max-width:767px) {
	body,
	.form-control { font-size:13px; }

	h1, .h1 { font-size:28px; }
	h2, .h2 { font-size:18px; }
	h3, .h3 { font-size:14px; }

	main,
	.hide-sidebar main { padding-left:15px; padding-right:15px; padding-top:15px; }
	aside { width:220px; left:-220px; padding-top:0; }
	.show-navigation aside { left:0; width:100%; }
	aside .sidebar-footer { display:none; }
	aside .sidebar-content { padding-bottom:0px; }

	.map-body.show-orders-panel .map-iframe { display:none; }
	.orders-panel { width:100%; }

	.box { padding:20px 15px 5px 15px; }

	.infobox-box { padding:10px 0 0 0; }
	.info-box-close { display:none !important; }
	.map-body { padding-bottom:50px; }
	.map-body .map-panel { padding:10px 10px 1px 10px; }
	.map-body .map-panel.show-panel-nav .map-panel-nav { display:block !important; }
	.map-body .map-panel .btn { display:block; font-size:10px; }
	.modal-infobox table th,
	.infobox-content table th { padding-right:10px !important; }

	.modal-body { padding:20px; }
	.infobox-box .btn,
	.modal .btn { white-space:normal; } 
	.modal .btn-close { top:-8px; right:-8px; }
	.title-modal-close { padding-left:25px; }
	.title-modal-close .link-close { left:0; }

	.gm-style-iw > div { max-width:100% !important; }

	.navbar-toggle { position:absolute !important; left:5px; top:0px;}
	.hide-sidebar .navbar-toggle { display:none; }
	.hide-sidebar aside  .navbar-close { font-size:20px; position:absolute; top:12px; left:15px; }
	.hide-sidebar aside  .navbar-close:hover { color:#e86635; }
	.hide-sidebar aside { width:100%; left:0; overflow:auto; }
	.hide-sidebar aside 
	.hide-sidebar aside .sidebar-content { padding-bottom:20px; }
	.hide-sidebar aside .sidebar-footer { width:100%; position:relative; display:block; border-top:1px solid #eee; }

	
}
@media all and (max-width:480px) {
	.navbar-toggle { top:0px;}
	.filter-box,
	.filter-box form { width:100%; padding-right:0; }
	.filter-box .filter-btn { border:0; padding:0; margin:0 0 15px 0; }

	.filter-box form .input-group { width:100%; }
}