@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,vietnamese);

html,body{height:100%;margin:0;padding:0;font-family:'Open Sans',sans-serif;color:#545454;text-rendering:optimizeLegibility;}
h1,h2,h3,h4,h5,h6,p{margin-top:0;}

.page-header{vertical-align:middle;margin:20px 0 15px 0;padding:0;border-bottom:1px solid #e9e9e9;}
.page-header h1{font-family:'Open Sans',sans-serif;font-weight:300;font-size:30px;color:#4c4d5a;display:inline-block;margin-bottom:15px;text-shadow:0 1px #fff;}

.breadcrumb{display:inline-block;background:none;margin:8px 0 19px 0;padding:0 10px;border-radius:0;}
.breadcrumb li a{color:#999999;font-size:14px;padding:0px;margin:0px;}
.breadcrumb li a:hover{text-decoration:none;}
.breadcrumb li + li:before{content:"\f105";font-family:FontAwesome;color:#BBB;padding:0 5px;font-size:10px;}

a:hover,a:focus{text-decoration:none;}

#container{min-height:100%;width:100%;position:relative;background:#f6f6f6;overflow:hidden;}
.container-fluid{padding:0 20px;}

#header{min-height:0px;background:#FFF;border-bottom:1px solid #d8d8d8;margin:0;padding:0;box-shadow:0px 0px 3px #ccc;}
#header .container-fluid{padding:0;}
#header .navbar-header{transition:0.3s all;border-right:1px solid #eee;width:235px;display:none;}
#header .navbar-brand{margin-left:8px;}
#header .navbar-nav > li{display:inline-block;}
#header .navbar-right > li{border-left:1px solid #eee;}
#header .navbar-right{margin-right:0;margin:0px 0px 0px 0px;float:right;}
#header #user-profile{max-width:30px;margin-right:15px;}
#header .nav > li > a{padding:0px 21px;line-height:45px;cursor:pointer;color:#6D6D6D;border-left:0px solid #E1E1E1;}
#header .nav > li.dropdown > a{padding-left:10px;padding-right:10px;}
#header .nav > li.dropdown > a{padding-left:10px;padding-right:10px;}

/* Desktop */
@media (min-width:768px){
	#header .navbar-header{display:inline-block;}
	#header #user-profile{max-width:none;}
	#header .nav > li > a{line-height:60px;}
}

#button-menu{line-height:30px;font-size:24px;float:left;padding:10px 16px;line-height:25px;display:inline-block;cursor:pointer;color:#6D6D6D;border-right:1px solid #eee;}

/* Desktop */
@media (min-width:768px){
	#button-menu{display:none;}
}

#column-left{width:235px;height:100%;overflow:auto;background-color:#242d37;position:absolute;top:0px;left:-235px;padding-top:60px;z-index:10;}
#column-left::-webkit-scrollbar{width:10px;background-color:rgba(200,200,200,0);}
#column-left::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(128,139,156,0.2);}
#content{padding-bottom:40px;}
#column-left,#content,#footer{transition:all 0.3s;}
#column-left + #content,#column-left + #content + #footer{position:relative;left:0px;}
#column-left.active{left:0px;}
#column-left.active + #content,#column-left.active + #content + #footer{left:235px;}

/* Desktop */
@media (min-width:768px){
	#column-left{left:0px;}
	#column-left + #content,#column-left + #content + #footer{left:0px;margin-left:235px;}
	#column-left.active + #content,#column-left.active + #content + #footer{left:0px;margin-left:235px;}
}

/* Navigation */
#navigation{text-transform:uppercase;padding:15px 15px 15px 15px;color:#FFF;background:#19222E;display:block;}

/* Menu */
#menu,#menu ul,#menu li{padding:0;margin:0;list-style:none;}
#menu{margin-bottom:25px;}

#menu li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:0px solid #515151;}
#menu li a.parent:after{font-family:FontAwesome;float:right;margin-right:8px;}
#menu li a.parent:after{content:"\f107";}
#menu li a.collapsed:after{content:"\f105";}

/* 1st lvl */
#menu > li{position:relative;border-bottom:1px solid #2b3642;}
#menu > li > a{font-size:14px;color:#b3cbdd;padding-left:20px;border-bottom:0px solid #585858;}
#menu > li > a:hover{background-color:#444;}
#menu > li > a > i{font-size:16px;width:18px;margin-right:5px;}
#menu > li.active > a{color:#0b91d2;background-color:#171b21;}
#menu > li > ul{background-color:#293141;}

/* 2nd lvl */
#menu li li a{color:#7f8a9b;}
#menu li li a:before{content:"\f101";font-size:13px;font-family:FontAwesome;margin-left:10px;margin-right:10px;transition:margin ease 0.5s;}
#menu li li a:hover:before{margin-right:20px;}
#menu li li a:hover{color:#FFF;background-color:#242d37;}

#menu li li.active > a{color:#0b91d2;background-color:#242d37;}
#menu li ul a{padding-left:20px;}
#menu li li ul a{padding-left:40px;}
#menu li li li ul a{padding-left:60px;}
#menu li li li li ul a{padding-left:80px;}

/* footer */
#footer{height:100px;text-align:center;}

/* Navs
/* Tabs */
.nav-tabs > li > a{color:#a5a5a5;border-radius:2px 2px 0 0;}
.nav-tabs > li > a:hover{border-color:#eee #eee #ddd;}
.nav-tabs{margin-bottom:25px;}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{font-weight:bold;color:#333;}
.form-control:hover{border:1px solid #b9b9b9;border-top-color:#a0a0a0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
div.required .control-label:not(span):before,td.required:before{content:'* ';color:#F00;font-weight:bold;}

.btn-group{white-space:nowrap;}
.table thead td span[data-toggle="tooltip"]:after,label.control-label span:after{font-family:FontAwesome;color:#1E91CF;content:"\f059";margin-left:4px;}
fieldset legend{padding-bottom:5px;}
input[type="radio"],input[type="checkbox"]{margin:2px 0 0;}
.radio,.checkbox{min-height:18px;}

input[type="radio"],.radio input[type="radio"],.radio-inline input[type="radio"],input[type="checkbox"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{
	position:relative;width:13px;width:16px \0;height:13px;
	height:16px \0;-webkit-appearance:none;background:white;
	border:1px solid #dcdcdc;border:1px solid transparent \0;border-radius:1px;}

input[type="radio"]:focus,.radio input[type="radio"]:focus,.radio-inline input[type="radio"]:focus,input[type="checkbox"]:focus,.checkbox input[type="checkbox"]:focus,.checkbox-inline input[type="checkbox"]:focus{
	border-color:#4d90fe;outline:0;}

input[type="radio"]:active,.radio input[type="radio"]:active,.radio-inline input[type="radio"]:active,input[type="checkbox"]:active,.checkbox input[type="checkbox"]:active,.checkbox-inline input[type="checkbox"]:active{
	background-color:#ebebeb;border-color:#c6c6c6;}

input[type="radio"]:checked,.radio input[type="radio"]:checked,.radio-inline input[type="radio"]:checked,input[type="checkbox"]:checked,.checkbox input[type="checkbox"]:checked,.checkbox-inline input[type="checkbox"]:checked{
	background:#fff;}

input[type="radio"],.radio input[type="radio"],.radio-inline input[type="radio"]{width:15px;width:18px \0;height:15px;height:18px \0;border-radius:1em;}

input[type="radio"]:checked::after,.radio input[type="radio"]:checked::after,.radio-inline input[type="radio"]:checked::after{
	position:relative;top:3px;left:3px;display:block;
	width:7px;height:7px;content:'';
	background:#666;border-radius:1em;}

input[type="checkbox"]:hover,.checkbox input[type="checkbox"]:hover,.checkbox-inline input[type="checkbox"]:hover{
	border-color:#c6c6c6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:none \9;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:none \9;}

input[type="checkbox"]:checked::after,.checkbox input[type="checkbox"]:checked::after,.checkbox-inline input[type="checkbox"]:checked::after{
	position:absolute;top:-6px;left:-5px;display:block;content:url('../image/checkmark.png');}
.table thead td{font-weight:bold;}
.table thead > tr > td,.table tbody > tr > td{vertical-align:middle;}
.table a.asc:after{content:" \f106";font-family:FontAwesome;}
.table a.desc:after{content:" \f107";font-family:FontAwesome;}
.pagination{margin:0;}
.form-group{padding-top:15px;padding-bottom:15px;margin-bottom:0;}
.form-group + .form-group{border-top:1px solid #ededed;}

/* Panels */
.panel{border-radius:0px;}
.panel .panel-heading{position:relative;}
.panel-heading h3 i{margin-right:5px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.panel-heading h3{font-weight:500;display:inline-block;}

/* Primary Panel */
.panel-primary{border:1px solid #c3e4f6;border-top:2px solid #5cb7e7;}
.panel-primary .panel-heading{color:#1e91cf;border-color:#96d0f0;background:white;}

/* Default Panel */
.panel-default{border:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.panel-default .panel-heading{color:#4c4d5a;border-color:#dcdcdc;background:#f6f6f6;text-shadow:0 -1px 0 rgba(50,50,50,0);}

.img-thumbnail i{color:#FFF;background-color:#EEE;text-align:center;vertical-align:middle;width:100px;height:100px;padding-top:20px;vertical-align:middle;display:inline-block;}
.img-thumbnail.list i{width:40px;height:40px;padding-top:10px;}

/* Tiles */
.tile{margin-bottom:15px;border-radius:3px;color:#FFF;transition:all 1s;}
.tile-primary{background-color:#1b80c2;}
.tile-success{background-color:#53b953;}
.tile-warning{background-color:#f3aa41;}
.tile-danger{background-color:#e45847;}
.tile:hover{opacity:0.95;}
.tile a{color:#FFF;}
.tile-heading{padding:5px 8px;text-transform:uppercase;color:#FFF;text-shadow:0 -1px 0 rgba(0,0,0,.4);background-color:rgba(255,255,255,0.1);}
.tile .tile-heading .pull-right{transition:all 1s;opacity:0.7;}
.tile:hover .tile-heading .pull-right{opacity:1;}
.tile-body{padding:15px;color:#FFF;line-height:48px;text-shadow:0 -1px 0 rgba(0,0,0,.4);}
.tile .tile-body i{font-size:50px;opacity:0.3;transition:all 1s;}
.tile:hover .tile-body i{color:#FFF;opacity:1;}
.tile .tile-body h2{font-size:42px;}
.tile-footer{padding:5px 8px;background-color:rgba(0,0,0,0.1);}

#stats{border-radius:2px;color:#808b9c;background:#2e3a47;margin:15px 20px;padding:5px 0;}
#stats ul,#stats li{padding:0;margin:0;list-style:none;}
#stats li{font-size:11px;color:#9d9d9d;padding:5px 10px;border-bottom:1px dotted #373737;}
#stats div:first-child{margin-bottom:4px;}
#stats .progress{height:3px;margin-bottom:0;}

.jqvmap-label{z-index:999;}

.alert{overflow:auto;}

/* Fix form-group margin inside the modal */
.modal-body .form-group{margin:0;}

/* Fixed Sumernote Button Height */
.note-toolbar.panel-heading i{font-size:14px;}

/* Filemanager Folder Size */
#filemanager .fa-folder.fa-5x{font-size:10.5em;}

#extension-list{color:#4b525d;}
#extension-list h2{margin-top:54px;margin-bottom:44px;}
#extension-list section{border:1px solid #ddd;}
#extension-list section > div{position:relative;}
#extension-list section > div + div{border-top:1px solid #ddd;padding:10px;}
#extension-list section:hover{border:1px solid #1b80c2;}
#extension-list > .row{margin-top:40px;}
#extension-list > .row > *{margin-bottom:30px;}
#extension-list .extension-preview{min-height:150px;}

#extension-list .extension-preview .extension-description{
	position:absolute;background-color:rgba(36,45,55,0.9);
	color:#fff;padding:10px;font-size:14px;
	line-height:16px;opacity:0;height:100%;width:100%;}

#extension-list .extension-preview .extension-description:hover{opacity:1;}

@media screen and (min-width:992px) and (max-width:1199px){
	#extension-list .extension-preview{min-height:123px;}
	#extension-list .extension-preview .extension-description{font-size:12.5px;padding:6px;}
}

#extension-list .extension-preview img{margin:0 auto;}
#extension-list .extension-name{min-height:100px;}

#extension-list .extension-name p{color:#000;margin-bottom:0;font-weight:600;}
#extension-list .extension-name p:first-child{font-size:17px;}
#extension-list .extension-name p span{color:#4b525d;font-weight:400;}
#extension-list .extension-name h4 a,#extension-list .extension-name p a{color:#000;}
#extension-list .extension-name + div > .row{margin-top:0;}

@media screen and (min-width:992px) and (max-width:1199px){
	#extension-list .extension-name + div > .row{font-size:14px;}
}

#extension-list i{color:#10b4e9;}
#extension-list span{font-weight:600;}
#marketplace-extension-info #banner img{margin-left:auto;margin-right:auto;}
#marketplace-extension-info .extension-review{border-top:5px solid #1b80c2;padding-top:50px;margin-top:50px;margin-bottom:50px;}
#marketplace-extension-info .nav-tabs{font-size:14px;}
#marketplace-extension-info .nav-tabs + .tab-content{margin-top:30px;margin-bottom:30px;}
#marketplace-extension-info iframe{width:100%;height:500px;}

@media screen and (max-width:767px){
	#marketplace-extension-info iframe{height:350px;}
}

#marketplace-extension-info #buy{color:#4b525d;}
#marketplace-extension-info #buy #price{color:#000;font-size:20px;padding-top:15px;padding-bottom:5px;}
#marketplace-extension-info #buy i{color:#10b4e9;}
#marketplace-extension-info #buy hr{border-color:#ddd;margin:10px 0;}
#marketplace-extension-info #sales{color:#4b525d;}
#marketplace-extension-info #sales i{color:#7ec239;margin-right:10px;font-size:24px;}
#marketplace-extension-info #sales strong{font-size:24px;}
#marketplace-extension-info #comment{color:#4b525d;}
#marketplace-extension-info #comment i{margin-right:10px;font-size:22px;}
#marketplace-extension-info #comment strong{font-size:22px;}
#marketplace-extension-info .reply > div{margin-top:15px;}
#marketplace-extension-info .well .media{line-height:1.2;}
#marketplace-extension-info .well .media .media-body{padding-top:6px;}
#marketplace-extension-info .well .media .media-body span{font-size:24px;font-weight:600;}
#marketplace-extension-info .well .media .media-body small{color:#878f9a;}

@media screen and (max-width:992px){
	#marketplace-extension-info .container-fluid{padding-bottom:30px;}
}

.list-check{list-style:none;}
.list-check li::before{font-family:'FontAwesome';content:'\f00c';margin-left:-30px;width:29px;display:inline-block;color:#7ebd38;}
.list-check.list-color-blue li::before{color:#02afe9;}
.well.filter{background-color:#fff;}

@font-face{
	font-family:'opencart';src:url('fonts/opencart.eot?h4wsna');
	src:url('fonts/opencart.eot?h4wsna#iefix') format('embedded-opentype'),url('fonts/opencart.ttf?h4wsna') format('truetype'),url('fonts/opencart.woff?h4wsna') format('woff'),url('fonts/opencart.svg?h4wsna#opencart') format('svg');
	font-weight:normal;font-style:normal;
}

[class^="opencart-icon-"],[class*=" opencart-icon-"]{font-family:'opencart' !important;
	speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;
	/* Better Font Rendering =========== */
	line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.opencart-icon-comment:before{content:"\e91b";}
.opencart-icon-cart-mini:before{content:"\e91c";}