@font-face {font-family:'Open Sans'; font-style: normal; font-weight: 400; src: url(../font/opensans-regular.ttf);}
@font-face {font-family:'Open Sans'; font-style: normal; font-weight: 600; src: url(../font/opensans-semibold.ttf);}
@font-face {font-family:'Open Sans'; font-style: italic; font-weight: 400; src: url(../font/opensans-regular-italic.ttf);}
@font-face {font-family:'Open Sans'; font-style: italic; font-weight: 600; src: url(../font/opensans-semibold-italic.ttf);}


html {height: 100%;}
body {background-color: #f5f5f5; font: 12px 'Open Sans', Arial, sans-serif; color: #666}

.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.btn-small i, .btn-mini i {font-size: 14px;}

.radius4 {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.gradient {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.container-fluid {padding: 0 15px;}
.shadow {-webkit-box-shadow: 0px 2px 2px -2px #cccccc; box-shadow: 0px 2px 2px -2px #cccccc;}
.color-green {color: #629b3e !important;}
.color-red {color: #d13b3b !important;}
.color-blue {color: #4c9ecd !important;}


.form-login {width: 340px; padding: 20px 20px 0 20px; margin: 50px auto 20px; background-color: #fff; border: 1px solid #e5e5e5;}
.form-login .title {font-size: 18px; font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.form-login .controls {margin-left: 120px;}
.form-login .control-label {text-align: left; width: 120px;}


.dropdown-menu li {font-size: 12px;}
.dropdown-menu li a {color: #666; padding: 3px 15px;}
.dropdown-menu li i {font-size: 14px; margin-right: 5px;}

.modal-large { width: 700px; margin-left: -350px; }

#header {
	height: 45px; padding: 10px 15px 10px 5px; color: #fff; border-bottom: 1px solid #0a0e0f; font-size: 20px;
	background: #1b2329;
	background: -moz-linear-gradient(top, #1b2329 0%, #11161a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b2329), color-stop(100%,#11161a));
	background: -webkit-linear-gradient(top, #1b2329 0%,#11161a 100%);
	background: -o-linear-gradient(top, #1b2329 0%,#11161a 100%);
	background: -ms-linear-gradient(top, #1b2329 0%,#11161a 100%);
	background: linear-gradient(to bottom, #1b2329 0%,#11161a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2329', endColorstr='#11161a',GradientType=0 );
}
#header .title {background: url(../img/logo.png) no-repeat; padding-left: 60px; float: left; line-height: 50px;}
#header .user {color: #83acfe; float: right; font-size: 15px; background-color: #111; padding: 5px; border: 1px solid #000; border-bottom: 1px solid #1f282e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#header .user .avatar {width: 35px; height: 35px; margin-right: 5px; display: inline-block; vertical-align: middle; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}
#header .nav {margin-top: 7px;}
#header .nav > li {margin-right: 10px;}
#header .nav > li > a {color: #82949f; font-size: 12px; background-color: #111; border: 1px solid #000; border-bottom: 1px solid #232e36; margin: 0;}
#header .nav > li > a:hover {color: #fff; border-bottom: 1px solid #283b47;}
#header .nav > li > a > i {font-size: 14px; margin-right: 5px;}
#header .nav > li > a > span {margin-left: 2px; font-size: 10px;}
#header .nav > li .caret {border-top-color: #82949f;}




#sidebar-background {height: 100%; width: 200px; position: fixed; left: 0; top: 0; background-color: #11161a; z-index: -1;}
#sidebar {width: 200px; float: left; position: absolute;}
#sidebar ul.menu {list-style: none; margin: 0;}
#sidebar ul.menu li {border-bottom: 1px solid #000; border-top: 1px solid #1f282e; border-left: 5px solid #364050;}
#sidebar ul.menu li:hover {border-left: 5px solid #59a2b9;}
#sidebar ul.menu a {color: #82949f; display: block; padding: 8px 10px; text-decoration: none; cursor: pointer;}
#sidebar ul.menu a:hover {background-color: #151b20; color: #fff;}
#sidebar ul.menu i {display: inline-block; vertical-align: middle; font-size: 18px; width: 20px; text-align: center;}
#sidebar ul.menu span {display: inline-block; vertical-align: middle; margin-left: 8px;}
#sidebar ul.menu strong {float: right; margin-top: 5px;}
#sidebar ul.menu li.active {border-left: 5px solid #59a2b9;}
#sidebar ul.menu li.active a {color: #b4bfc6; background-color: #181f24;}
#sidebar ul.menu li.active a:hover {color: #fff;}

#sidebar ul.menu ul.children {list-style: none; margin: 0; display: none;}
#sidebar ul.menu ul.children li {border-top: 1px solid #0c0c0c; border-bottom:0; border-left: 0;}
#sidebar ul.menu ul.children li:hover {}
#sidebar ul.menu ul.children a {color: #999; padding: 5px 10px 5px 15px; background-color: #0e1317;}
#sidebar ul.menu ul.children a:hover {background-color: #151b20; color: #fff;}
#sidebar ul.menu ul.children i {font-size: 14px; width: 17px; text-align: center;}
#sidebar ul.menu li.active ul.children { display: block;}
#sidebar ul.menu li.active ul.children li.active a {background-color: #151b20; color: #fff;}

#content {margin: 0 0 100px 200px;}


.breadcrumb {border: 1px solid #d5d5d5; background-color: #eee;}
.breadcrumb a {color: #888; text-decoration: none;}
.breadcrumb a:hover {color: #555;}
.breadcrumb i {font-size: 14px;}
.pagetitle {font-size: 28px; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding: 15px; background-color: #e5e5e5;}
.pagetitle i {margin-right: 5px;}



.button-bar {margin-bottom: 10px;}
.button-bar .filter {float: right;}
.button-bar .filter * {margin-bottom: 0;}


.box {-webkit-box-shadow: 0px 2px 2px -2px #cccccc; box-shadow: 0px 2px 2px -2px #cccccc; margin-bottom: 20px;}
.box .box-header {padding: 10px; background-color: #e5e5e5; font-weight: bold; border: 1px solid #d5d5d5; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;}
.box .box-header-tools {list-style: none; float: right; padding: 0; margin: -10px -10px 0 0;}
.box .box-header-tools i {font-size: 14px;}
.box .box-header-tools a {text-decoration: none; display: block; }
.box .box-header-tools li {float: left; border-left: 1px solid #ccc; height: 37px; padding: 0 15px; line-height: 37px;}
.box .box-header-tools li.link {padding: 0;}
.box .box-header-tools li.link a {padding: 0 15px; color: #666;}
.box .box-header-tools li.link a:hover {background-color: #eee; color: #333;}
.box .box-toolbar {padding: 10px; background-color: #f5f5f5; border: 1px solid #d5d5d5; border-top: 0;}
.box .box-content {border: 1px solid #d5d5d5; border-top: 0; background-color: #fff;}
.box .box-content .form-actions {margin-bottom: 0;}
.box .box-content .pagination {background-color: #f5f5f5; border-top: 1px solid #e5e5e5; padding: 15px 10px; margin: 0;}
.box .padded {padding: 20px;}
.box label {font-size: 12px;}
.box textarea {resize: none;}

.box-mini .box-header {background-color: #ededed;}
.box-mini .box-content {background-color: #f9f9f9;}

.table {margin: 0;}
.table thead {background-color: #eee}
.table thead td {border-left: 1px solid #d5d5d5;}
.table tbody td {border-left: 1px solid #eaebef; border-top: 1px solid #eaebef;}
.table tbody td i {font-size: 14px;}
.table tbody tr:first-child td {border-top: 1px solid #d5d5d5;}
.table td:first-child {border-left: 0;}
.table .selector {width: 18px; text-align: center;}
.table .selector input {margin: 0;}
.table .process {text-align: right;}
.table .sort-handle i {font-size: 11px !important;}


.image-list {padding: 0 10px 10px 10px; display: table;}
.image-list:after {clear: both;}
.image-list .item {width: 180px; height: 160px; float: left; padding: 20px 10px 0 10px;}
.image-list .item img {width: 139px;}
.image-list .placeholder {width: 200px; height: 180px; float: left;}



.widgets .item {position: relative; width: 23%; margin: 0 2% 3% 0;}
.widgets .item a {display: block; color: #fff; text-decoration: none;}
.widgets .item a i {font-size: 32px;}
.widgets .item a span {display: block; font-weight: bold; font-size: 12px;}
.widgets .item a {display: block;}
.widgets .item .btn {display: block; position: absolute; right: -5px; top: -5px;}