@charset "utf-8";
/* Some overrides from default bootstrap styles */

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif; }
/* COMPONENTS */


/* labels */
.label, .badge { font-weight: lighter; font-size: 90%; }
.label-success, .badge-success { background-color: rgb(129, 189, 130); }
.label-info, .badge-info { background-color: rgb(104, 163, 213); }
/* alerts */
.alert [class^="icon-"], .alert [class*=" icon-"] { font-size: 27px; position: relative; top: 4px; margin-bottom: 8px; margin-right: 17px; display: inline-block; color: #f1c359; }
.alert-success [class^="icon-"], .alert-success [class*=" icon-"] { color: #81ad53; }
.alert-info [class^="icon-"], .alert-info [class*=" icon-"] { color: #4993c6; }
.alert-danger [class^="icon-"], .alert-danger [class*=" icon-"] { color: #d5393e; }
/* code*/
code { color: rgb(78, 153, 223); }
/* HTML ELEMENTS */
input, button, select, textarea { font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif; }

input[type="text"], input[type="password"], textarea { font-size: 13px; -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075);/*border: none;
	-webkit-box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
	-moz-box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
	box-shadow: inset rgba(112, 112, 112, 0.3) 0 1px 1px,inset rgba(0,0,0,0.3) 0 0 1px,rgba(255,255,255,0.4) 0 1px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;*/ }
.inline-input input[type="text"], .inline-input input[type="password"], input[type="text"].inline-input, input[type="password"].inline-input { background: #fff; border-top: 0 none; border-left: 0 none; border-right: 0 none; border-bottom: 1px solid #d0dde9; border-radius: 0; box-shadow: none; border-color: #dee3ea; }
.inline-input input[type="text"]:focus, .inline-input input[type="password"]:focus, input[type="text"].inline-input:focus, input[type="password"].inline-input:focus { box-shadow: none; border-color: #5d6a80; }
.inline-input input[type="text"]:hover, .inline-input input[type="password"]:hover, input[type="text"].inline-input:hover, input[type="password"].inline-input:hover { border-color: #959fb0; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #A2CEF0; -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6); box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);*/ }
input[type="reset"] { text-transform: uppercase; border: 0 none; background: none; text-decoration: underline; font-size: 12px; }
input[type="password"] { font-size: 16px; letter-spacing: 1px; }
textarea { background: #fff; border-color: #dee3ea; }
select { margin: 0; height: 24px; border-color: #d0dde9; border-radius: 2px; font-size: 13px;max-width: 200px; } 
input[type="file"] { font-size: 12px; line-height: 12px; display: inline-block; }
input[disabled], textarea[disabled], input[readonly], textarea[readonly] {  }
/* native placeholders */
input:-moz-placeholder, textarea:-moz-placeholder {
 color: #9ba0a5;
 font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
 font-size: 13px;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #9ba0a5;
 font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
 font-size: 12px;
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #9ba0a5;
 font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
 font-size: 12px;
}
.Wdate { 100%; height: 34px !important; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
/* PREPEND & APPEND INPUT */
.input-group input, .input-group input, .input-group .uneditable-input, .input-group .uneditable-input { border: 1px solid #d6e2eb; }
.input-group .input-group-addon { background-color: #f2f5f9; border: 1px solid #d6e2eb; padding: 4px 8px; font-size: 13px; }
/* NAVBAR */
.navbar-inverse { min-height: 48px; margin-bottom: 0px; border-radius: 0px; border-bottom: 1px solid #191e23; background: #2c3742; /* Old browsers */ background: -moz-linear-gradient(top, #2c3742 0%, #28303a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c3742), color-stop(100%, #28303a)); background:#333333;
}
/* navbar-nav*/
.navbar-inverse .navbar-nav { padding-right: 20px; }
/* menu toggler */
.navbar-inverse .navbar-toggle { float: left; margin-top: 10px; margin-left: 15px; }
/* navbar brand*/
.navbar-inverse .navbar-brand { color: #ffffff; text-transform: uppercase; font-weight: lighter; padding: 11px 30px; font-weight:bold; }
.navbar-inverse .navbar-brand strong { font-weight: normal; }
/* navbar links */
.navbar-inverse .nav > li > a { padding: 28px 15px 8px; border-left: 1px solid #101417; color: rgb(214, 214, 214); outline: 0px; height: 80px; transition: background .1s linear; -moz-transition: background .1s linear; /* Firefox 4 */ -webkit-transition: background .1s linear; /* Safari and Chrome */ -o-transition: background .1s linear;  /* Opera */ }
.navbar-inverse .nav > li > a:hover { background: rgba(25, 31, 36,0.6); }
/* dropdown caret */
.dropdown .caret { position: relative; top: -1px; }
/* dropdown active */
.dropdown.open > a, .dropdown.open > a:hover, .dropdown.open > a:focus { border-color: #101417; }
/* dropdown menu */
.dropdown-menu > li > a { font-size: 13px; outline: none; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background: rgb(60, 91, 121) !important; }
/* PAGINATION */
.pagination > li > a, .pagination > li > span { font-weight: 600; }
.pagination.inverse a, .pagination.inverse span { background-color: #333e4a; color: #fff; border-top-color: #333e4a; border-bottom-color: #333e4a; border-right-color: #566676; border-left-color: #566676; }
.pagination.inverse a:hover, .pagination.inverse span:hover { background-color: #000; }
.pagination.inverse > li.active > a { color: #3b9ff3; background-color: #212b36; border-right-color: #212b36; border-left-color: #212b36; }
/* TABLES*/

.table thead { border-top: 1px solid #dee3ea; }
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5fafc; }
.table th.sortable { cursor: pointer; }
.table th.sortable:hover { text-decoration: underline; }
.table thead th { font-weight: bold; position: relative; padding-bottom: 20px !important; padding-top: 5px !important; text-transform: uppercase; font-size: 11px; vertical-align: top !important; border-bottom: 0px !important; }
.table td { color: #526273; border-top-color: #dddddd !important; vertical-align: middle !important; }
.table th.align-right, .table td.align-right { text-align: right; padding-right: 10px !important; }
table tr.first td { border-top: 0 none; }
table th span.line { position: absolute; top: 0; left: -8px; border-left: 1px solid #dee3ea; height: 10px; }
/* modals */
.modal-backdrop.in { opacity: 0.5 !important; }


/* override navbar toggle */
@media (max-width: 768px) {
.navbar-toggle { display: block !important; }
}
body { font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif; position: relative; margin: 0px;
background:url(../../images/line.png) repeat-y; font-size: 12px; padding: 0px;/*-webkit-font-smoothing: antialiased;*/ }
h1, h2, h3, h4, h5 { margin: 0; line-height: inherit; color: #29323d; }
h1 small, h2 small, h3 small, h4 small, h5 small { margin-left: 15px; font-style: italic; }
body.menu { overflow-x: hidden; }
body.menu .content { margin-left: 165px; position: fixed; width: 850px; }
body.menu #sidebar-nav { position: absolute; left: 0; /*height: 100%;*/ border-right: 0px; box-shadow: none; }
input.search { background: url("img/lens.png") #fcfcfc no-repeat 95%; box-shadow: none; height: 30px; width: 220px; font-size: 13px; padding: 10px 6px; border: 1px solid #d0dde9; margin-top: 5px !important; border-radius: 2px; }
.header { margin-bottom: 30px; }
.header h1, .header h2, .header h3, .header h4, .header h5 { float: left; margin-top: 5px; }
/* Custom navbar stuff */
/* search input */
.navbar-inverse { /* navbar settings and logout icons */ /* notification menu with custom dropdowns */ /* navbar popup dialog */
}
.navbar-inverse input.search { height: 27px; width: 220px; padding: 3px 6px; background: url("../../img/lens.png") #0f1217 no-repeat 95%; border: 1px solid #0f1217; position: relative; border-radius: 4px; top: 9px; color: #000; font-size: 13px; margin-right: 40px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }
.navbar-inverse input.search:focus { background-color: #fff; border: 0; }
.navbar-inverse .settings i { color: #9ba3ad; font-size: 21px; }
.navbar-inverse .notification-dropdown { position: relative; }
.navbar-inverse .notification-dropdown > a:hover, .navbar-inverse .notification-dropdown > a.active { background: #254261 !important; box-shadow: inset 1px 0px 1px 0px #3e5a79; }
.navbar-inverse .notification-dropdown i { font-size: 17px; color: #9ba3ad; }
.navbar-inverse .notification-dropdown .count { position: absolute; top: 1px; left: 58%; background: #35bac4; padding: 0px 5px; border-radius: 30px; color: #fff; line-height: 16px; z-index: 9999; text-align: center; font-size: 11px; }
.navbar-inverse .pop-dialog { position: absolute; right: -10px; top: 55px; display: none;/* navbar popup dialog for notifications *//* navbar popup dialog for messages */ }
.navbar-inverse .pop-dialog.is-visible { display: block; -webkit-animation: reveal .2s ease-out; -moz-animation: reveal .2s ease-out; animation: reveal .2s ease-out; }
.navbar-inverse .pop-dialog .body { box-shadow: 0px 1px 9px 1px #c2c2c2; }
.navbar-inverse .pop-dialog .close-icon { float: right; text-decoration: none; z-index: 9999; position: relative; }
.navbar-inverse .pop-dialog .footer { border-top: 1px solid #e6e8e9; background-color: #eff4f7; margin: 15px 0px -10px 0px; border-radius: 0px 0px 5px 5px; padding: 12px 20px; text-align: center; }
.navbar-inverse .pop-dialog .footer a { font-weight: 600; color: #7d91a8; }
.navbar-inverse .pop-dialog .notifications { width: 330px; margin: 10px -10px 0px -10px; }
.navbar-inverse .pop-dialog .notifications h3 { font-size: 13px; color: #404951; font-weight: bold; padding-left: 20px; margin-top: 5px; margin-bottom: 15px; }
.navbar-inverse .pop-dialog .notifications .item { display: block; padding: 10px 0px 8px 20px; border-top: 1px solid #e7e8ea; color: #363636; text-decoration: none; padding-left: 50px; position: relative; transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; -o-transition: all .25s linear; }
.navbar-inverse .pop-dialog .notifications .item:hover { background: #f0f6ff; }
.navbar-inverse .pop-dialog .notifications .item > i { color: #fc827b; position: absolute; left: 19px; font-size: 18px; }
.navbar-inverse .pop-dialog .notifications .item > i.icon-user { left: 18px; }
.navbar-inverse .pop-dialog .notifications .item .time { float: right; color: #82a3c1; font-style: italic; font-weight: 600; font-size: 11px; min-width: 60px; margin-right: 5px; }
.navbar-inverse .pop-dialog .notifications .item .time i { font-size: 13px; color: #cfcfcf; margin-right: 1px; }
.navbar-inverse .pop-dialog .messages { width: 325px; margin: 10px -10px 0px -10px; }
.navbar-inverse .pop-dialog .messages .item { display: block; padding: 10px 20px 15px 20px; height: 80px; border-bottom: 1px solid #e7e8ea; color: #363636; text-decoration: none; position: relative; transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; -o-transition: all .25s linear; }
.navbar-inverse .pop-dialog .messages .item.last { border-bottom: 0px; }
.navbar-inverse .pop-dialog .messages .item:hover { background: #f0f6ff; }
.navbar-inverse .pop-dialog .messages .item .display { float: left; border-radius: 50px; margin-right: 15px; }
.navbar-inverse .pop-dialog .messages .item .name { font-size: 12px; color: #404951; font-weight: bold; }
.navbar-inverse .pop-dialog .messages .item .msg { font-size: 11px; color: #636363; line-height: 13px; position: relative; top: 2px; }
.navbar-inverse .pop-dialog .messages .item .time { position: absolute; right: 0px; bottom: 6px; color: #82a3c1; font-style: italic; font-weight: 600; font-size: 11px; min-width: 60px; margin-right: 5px; }
.navbar-inverse .pop-dialog .messages .item .time i { font-size: 13px; color: #cfcfcf; margin-right: 1px; }
.navbar-inverse .pop-dialog .messages .footer { margin-top: 6px; }
/* Sidebar */
#sidebar-nav { position: absolute; width: 240px; float: left; margin: 0em;  background:#333333;height: auto; margin-top:-10px;
    min-height: 100%; }
#sidebar-nav #dashboard-menu { list-style: none; padding-right: 15px; padding-left: 15px; margin-bottom: 0; margin-left: 20px;/* sidebar submenus */ }
#sidebar-nav #dashboard-menu > li > a { display: block; padding: 19px 14px 15px 14px; margin-left: -15px; margin-bottom: 5px; color: #6e829b; outline: 0px; text-decoration: none; line-height: 21px; }
#sidebar-nav #dashboard-menu > li { position: relative;/* font awesome icon */ }






#sidebar-nav #dashboard-menu > li.normal {}

#sidebar-nav #dashboard-menu > li.active { }


#sidebar-nav #dashboard-menu > li .icon-group { font-size: 12px; }
#sidebar-nav #dashboard-menu > li i { font-size: 23px; top: 17px; }
#sidebar-nav #dashboard-menu > li:hover i { opacity: 1; }
#sidebar-nav #dashboard-menu > li.active > a, #sidebar-nav #dashboard-menu > li > a:hover { color: #ffffff; text-decoration: none; }
#sidebar-nav #dashboard-menu > li.active a { font-weight: 600;  }
#sidebar-nav #dashboard-menu > li.active i { opacity: 1; }
#sidebar-nav #dashboard-menu .pointer { position: absolute; right: 9px; top: 20px; }
#sidebar-nav #dashboard-menu .pointer .arrow, #sidebar-nav #dashboard-menu .pointer .arrow_border { border-color: transparent #fff transparent transparent; border-width: 11px; border-style: solid; font-size: 0; left: 50%; line-height: 0; margin: 0 auto; position: absolute; top: 0; width: 0; z-index: 1002; left: 0; margin-left: 45%; }
#sidebar-nav #dashboard-menu .pointer .arrow_border { border-color: transparent #c0d2dd transparent transparent; border-width: 11px; margin-left: -1px; border-style: solid; z-index: 1001; top: 0px; }
#sidebar-nav #dashboard-menu h4 span { transition: color .1s linear; -moz-transition: color .1s linear; -webkit-transition: color .1s linear; -o-transition: color .1s linear; font-size:14px; font-weight:bold;  margin-left:0; display:block; float:left; margin-left:15px;




}
#sidebar-nav #dashboard-menu h4.ui-elements span { margin-left: 25px; }
#sidebar-nav #dashboard-menu h4 i { left: 0; height: 24px; display:block; float:left; width: 24px; opacity: 0.7; transition: opacity .1s ease; -moz-transition: opacity .1s ease; -webkit-transition: opacity .1s ease; -o-transition: opacity .1s ease; font-size:12px; margin-top:14px;  }
#sidebar-nav #dashboard-menu h4 i.icon-chevron-down { position: relative; float: right; top: 5px; font-size: 11px; color: #686868; width: initial; height: initial; }
#sidebar-nav #dashboard-menu > li.active .dropdown-toggle { border-bottom: 0px; box-shadow: none;
    }
#sidebar-nav #dashboard-menu ul.submenu { list-style-type: none; display: none; margin-top: 7px; margin-bottom: 15px; margin-right: -15px; margin-left: -55px; padding-left: 15px; padding-bottom: 10px; }
#sidebar-nav #dashboard-menu ul.submenu.active { display: block; }
#sidebar-nav #dashboard-menu ul.submenu h4 { font-weight: normal!important; font-size: 16px!important; color: #ffffff; text-decoration: none; display: block;  height:40px; line-height:40px; border-bottom:1px solid #404040; margin-left:-20px;


border-top:1px solid #262626;
}


#sidebar-nav #dashboard-menu ul.submenu   li:first-child h4 { font-weight: normal!important; font-size: 14px; color: #ffffff; text-decoration: none; display: block;  height:40px; line-height:40px; border-bottom:1px solid #404040; margin-left:-20px;



}





.clear{ clear:both;}


#sidebar-nav #dashboard-menu ul.submenu li.active a { font-weight: normal; font-size: 14px; color: #ffffff; text-decoration: none; display: block;  height:40px; line-height:40px; border-bottom:1px solid #404040; background:#3f75a4;


border-top:1px solid #262626;
}
#sidebar-nav #dashboard-menu ul.submenu li{ text-indent:20px; clear:both;}


#sidebar-nav #dashboard-menu ul.submenu a:hover { text-decoration: none; color:#ffffff; font-weight:bold; }
#sidebar-nav #dashboard-menu ul.submenu a.active { font-weight: bold; text-shadow: none; font-weight:bold; }
#pad-wrapper { padding: 0px 30px; margin-top: 20px; }
#pad-wrapper h4 { color: #696d73; font-style: italic; }
#pad-wrapper .head { padding-bottom: 20px; }
.content { min-width: 400px; min-height: 620px;  padding-bottom: 50px; /*overflow: scroll; */ position: relative; background: #fff; margin-left: 247px; }
.content.wide-content { margin-left: 0; border-radius: 0; }
.content .skins-nav { opacity: 1; -webkit-transition: right .3s; -moz-transition: right .3s; -ms-transition: right .3s; -o-transition: right .3s; transition: right .3s; position: fixed; right: -88px; top: 135px; font-size: 13px; z-index: 9999; }
.content .skins-nav:hover { right: 0; }
.content .skins-nav a { display: block; color: #fff; text-decoration: none; padding-left: 10px; height: 37px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; margin-bottom: 3px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.content .skins-nav a.first_nav { background: rgba(95, 175, 228, 0.8); }
.content .skins-nav a.first_nav:hover { background: #5fafe4; }
.content .skins-nav a.second_nav { background: rgba(36, 43, 77, 0.8); }
.content .skins-nav a.second_nav:hover { background: #242b4d; }
.content .skins-nav a .icon { float: left; width: 9px; height: 10px; background: url("../../img/skin-nav-bullets.png") 0 0 no-repeat; margin: 15px 15px 0 5px; }
.content .skins-nav a.selected .icon { background-position: 0 -9px; }
.content .skins-nav a .text { padding-right: 12px; white-space: nowrap; display: block; width: 115px; position: relative; top: 9px; -webkit-transition: width .2s; -moz-transition: width .2s; -ms-transition: width .2s; -o-transition: width .2s; transition: width .2s; }

/* responsive */
@media (max-width: 768px) {
#pad-wrapper { padding: 0px 15px; }
.content { min-width: 0px; margin: 0; }
#dashboard-menu .pointer { display: none; }
#sidebar-nav { left: -200px; position: fixed; z-index: 9999; background-color: #f7f7f7; padding-top: 0px; border-right: 1px solid #ccc; width: 165px; box-shadow: 1px 1px 4px 1px #e9e9e9; -webkit-transition: left .3s ease; -moz-transition: left .3s ease; -o-transition: left .3s ease; -ms-transition: left .3s ease; transition: left .3s ease; }
#sidebar-nav #dashboard-menu { margin-left: 10px; }
#sidebar-nav #dashboard-menu li a span { visibility: visible; }
#sidebar-nav #dashboard-menu li:last-child a { border-bottom: 0px; box-shadow: none; }
}
@media (max-width: 822px) {
.navbar-inverse input.search { display: none; }
}
@media (max-width: 767px) {
#main-stats .stat { width: 50%; float: left; }
}
/* THIS ARE ALL NEW EXTRA ELEMENTS BESIDE TWITTER BOOTSTRAP */
/* glow btn group */
.btn-group.large button.glow { padding: 6px 15px; font-size: 13px; }
.btn-group.large i { font-size: 13px; }
.btn-group .dropdown-menu > li > a { font-size: 12px; }
.btn-group button.glow { float: left; font-size: 11px; font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #313d4c; font-weight: 700; padding: 5px 10px; line-height: 14px; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%, #f7f7f7 100%);   /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f7f7f7', GradientType=0 );
/* IE6-9 */
border: 1px solid #d0dde9; transition: color .1s linear; -moz-transition: color .1s linear; /* Firefox 4 */ -webkit-transition: color .1s linear; /* Safari and Chrome */ -o-transition: color .1s linear;/* Opera */ }
.btn-group button.glow.large { font-size: 12px; }
.btn-group button.glow:active, .btn-group button.glow.active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; color: #a8b5c7; }
.btn-group button.glow:hover { color: #a8b5c7; }
.btn-group button.glow.left { border-radius: 4px 0 0 4px; border-right: 0; }
.btn-group button.glow.middle { border-right: 0; }
.btn-group button.glow.right { border-radius: 0 4px 4px 0; }
.btn-group > .btn.glow { font-size: 12px; float: left; font-weight: 500; padding: 6px 14px; color: #313d4c; line-height: 14px; border: 1px solid #d0dde9; }
.btn-group > .btn.glow:hover { background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); background: -o-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); background: -ms-linear-gradient(top, #fefefe 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #fefefe 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f7f7f7', GradientType=0 );
}
.btn-group > .btn.glow.dropdown-toggle { padding: 6px 9px; }
/* FLAT BUTTONS */
.btn-flat { display: inline-block; margin: 0; line-height: 15px; vertical-align: middle; font-size: 12px; text-shadow: none; box-shadow: none; background-image: none; border: 0 none; color: #fff; font-weight: 500; border-radius: 4px; background: #4387bf; border: 1px solid #3883c0; cursor: pointer; padding: 7px 14px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; }
.btn-flat [class^="icon-"], .btn-flat [class*=" icon-"] { margin-right: 3px; }
.btn-flat:active { -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset; background: #30628b; opacity: 1; }
.btn-flat:hover { text-decoration: none; opacity: 0.87; color: #fff; }
.btn-flat.large { font-size: 13px; padding: 10px 16px; }
.btn-flat.small { font-size: 11px; padding: 5px 9px; }
.btn-flat.inverse { background: #343e4b; border: 1px solid #000; }
.btn-flat.inverse:active { background: #000; }
.btn-flat.gray { background: #7e91aa; border: 1px solid #888e97; }
.btn-flat.gray:active { background: #5d6b7e; color: #f3f3f3; }
.btn-flat.primary { background: #3b9ff3; border: 1px solid #3b9ff3; }
.btn-flat.primary:active { background: #2b76b6; color: #edf6fd; }
.btn-flat.success { background: #96bf48; border: 1px solid #7ea13d; font-weight: 600; }
.btn-flat.white { color: #626263; background: #fff; border: 1px solid #d0dde9; }
.btn-flat.white:hover { border-color: #bbb; color: #000; }
.btn-flat.info { background: #5ba0a3; color: #fff; border-color: #5ba0a3; }
.btn-flat.info:active { background: #30696c; }
.btn-flat.danger { background: #b85e80; border-color: #b85e80; color: #fff; }
.btn-flat.danger:active { background: #6e354a; }
.btn-flat.icon { padding: 7px 10px; color: #1a2129; background: #e6ebf3; border: 1px solid #d8dde4; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.4) inset, 0px 1px 0px 0px #cccccc; }
.btn-flat.icon:active { background: #e0e6ef; -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3) inset; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3) inset; }
.btn-flat.icon i { font-size: 14px; }
/* GLOW BUTTONS */
.btn-glow { font-size: 13px; border-radius: 4px; color: #333; padding: 5px 10px; text-align: center; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 0px 0px #cccccc; display: inline-block; border: 1px solid #e5e5e5; vertical-align: middle; cursor: pointer; background: #ffffff; background: -moz-linear-gradient(top, white 0%, #eef0f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eef0f1)); background: -webkit-linear-gradient(top, white 0%, #eef0f1 100%); background: -o-linear-gradient(top, white 0%, #eef0f1 100%); background: -ms-linear-gradient(top, white 0%, #eef0f1 100%); background: linear-gradient(to bottom, white 0%, #eef0f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef0f1', GradientType=0 );
}
.btn-glow:hover { text-decoration: none; background: #ffffff; background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); background: -o-linear-gradient(top, white 0%, #e6e6e6 100%); background: -ms-linear-gradient(top, white 0%, #e6e6e6 100%); background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E6E6E6', GradientType=0 );
}
.btn-glow.large { font-size: 14px; padding: 9px 16px; }
.btn-glow.small { font-size: 11px; padding: 4px 7px; }
.btn-glow:active, .btn-glow.active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important; }
.btn-glow [class^="icon-"], .btn-glow [class*=" icon-"] { margin-right: 3px; }
.btn-glow i.shuffle { top: 2px; }
.btn-glow.inverse { border-color: #000; color: #fff; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5); background: #353f4c; /* Old browsers */ background: -moz-linear-gradient(top, #353f4c 0%, #222a33 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353f4c), color-stop(100%, #222a33)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #353f4c 0%, #222a33 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #353f4c 0%, #222a33 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #353f4c 0%, #222a33 100%); /* IE10+ */ background: linear-gradient(to bottom, #353f4c 0%, #222a33 100%);   /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#353f4c', endColorstr='#222a33', GradientType=0 );
/* IE6-9 */
}
.btn-glow.inverse:hover { background: -webkit-linear-gradient(top, #434c58 0%, #424a53 100%); }
.btn-glow.primary { border-color: #2480c2; color: #fff; text-shadow: rgba(0, 0, 0, 0.35) 0 1px 0; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5); background: #54b3ff; background: -moz-linear-gradient(top, #54b3ff 0%, #0078d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #54b3ff), color-stop(100%, #0078d9)); background: -webkit-linear-gradient(top, #54b3ff 0%, #0078d9 100%); background: linear-gradient(#54b3ff, #0078d9); background: -o-linear-gradient(top, #54b3ff 0%, #0078d9 100%); background: -ms-linear-gradient(top, #54b3ff 0%, #0078d9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54b3ff', endColorstr='#0078d9', GradientType=0 );
}
.btn-glow.primary:hover { background: #389beb; background: -moz-linear-gradient(top, #389beb 0%, #0078d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #389beb), color-stop(100%, #0078d9)); background: -webkit-linear-gradient(top, #389beb 0%, #0078d9 100%); background: linear-gradient(#389beb, #0078d9); background: -o-linear-gradient(top, #389beb 0%, #0078d9 100%); background: -ms-linear-gradient(top, #389beb 0%, #0078d9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(56, 155, 235)', endColorstr='#0078d9', GradientType=0 );
}
.btn-glow.primary:active { background: #389beb; background: -moz-linear-gradient(top, #389beb 0%, #0078d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #389beb), color-stop(100%, #0078d9)); background: -webkit-linear-gradient(top, #389beb 0%, #0078d9 100%); background: linear-gradient(#389beb, #0078d9); background: -o-linear-gradient(top, #389beb 0%, #0078d9 100%); background: -ms-linear-gradient(top, #389beb 0%, #0078d9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(56, 155, 235)', endColorstr='#0078d9', GradientType=0 );
}
.btn-glow.primary[disabled] { border: 0px; box-shadow: none !important; background: #81b7e2 !important; cursor: default; }
.btn-glow.success { background: #96bf48; background: linear-gradient(to bottom, #a9d651 0%, #96bf48 100%); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5); border: 1px solid #99bd56; text-shadow: rgba(0, 0, 0, 0.24706) 0px 1px 0px; color: #fff; }
/* Switch slider button */
.slider-frame { position: relative; display: inline-block; margin: 0 auto; width: 67px; background-color: #d5dde4; height: 23px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.3); }
.slider-frame.info { background-color: rgba(92, 160, 163, 0.9); }
.slider-frame.success { background-color: rgba(151, 192, 73, 0.9); }
.slider-frame.primary { background-color: rgba(91, 158, 214, 0.9); }
.slider-frame.danger { background-color: #d94774; }
.slider-button { display: block; width: 37px; height: 23px; line-height: 23px; background: #fff; border: 1px solid #d0dde9; -moz-border-radius: 9px; border-radius: 9px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; color: #000; font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; cursor: pointer; }
.slider-button.on { margin-left: 29px; }
/* Custom Select */
.ui-select { width: 175px; margin-left: 0px !important; vertical-align: middle; min-width: 100px; height: 34px; min-height: 34px !important; position: relative; overflow: hidden; background: #ffffff; background: url("img/select-bg.png"), -moz-linear-gradient(top, white 0%, #f0f1f2 100%); background: url("img/select-bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f0f1f2)); background: url("img/select-bg.png"), -webkit-linear-gradient(top, white 0%, #f0f1f2 100%); background: url("img/select-bg.png"), -o-linear-gradient(top, white 0%, #f0f1f2 100%); background: url("img/select-bg.png"), -ms-linear-gradient(top, white 0%, #f0f1f2 100%); background: url("img/select-bg.png"), linear-gradient(to bottom, white 0%, #f0f1f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f1f2', GradientType=0 );
display: inline-block; border: 1px solid #cfdde8; border-radius: 5px; background-position: 94%; background-repeat: no-repeat; }
.ui-select select { line-height: inherit; width: 135%; font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; border: none; padding: 1px 30px 0px 7px; height: 34px; -webkit-appearance: none; color: #737f8d; text-shadow: 1px 1px 1px #fff; background: transparent; }
/* jQuery UI Slider overrides */
.ui-slider { border: 1px solid #cfdde8; height: 7px; background: #edeeef; box-shadow: inset 0px -3px 7px 0px #fff; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url("../../img/jquery-ui/slider-handler.png") no-repeat; border: none; width: 16px; height: 17px; top: -6px; outline: 0; }
.ui-slider.vertical-handler .ui-state-default { background: url("../../img/jquery-ui/slider-handler2.png") no-repeat; width: 11px; height: 21px; top: -8px; }
.ui-slider .ui-slider-range { border: 1px solid #30a1ec; background: #4faeef; box-shadow: inset 0px 0px 3px 0px white; }
.ui-slider.success .ui-slider-range { background: #96bf48; border: 1px solid #79af5e; }
.ui-slider.info .ui-slider-range { background: #5ba0a3; border: 1px solid #5ba0a3; }
/* Custom Dialog */
.pop-dialog { z-index: 10000; display: inline-block; }
.pop-dialog.is-visible { display: block; -webkit-animation: reveal .2s ease-out; -moz-animation: reveal .2s ease-out; animation: reveal .2s ease-out; }
.pop-dialog .pointer { position: relative; top: -22px;/* pop-dialog with pointer to the right */ }
.pop-dialog .pointer .arrow, .pop-dialog .pointer .arrow_border { border-color: transparent transparent #fff; border-style: solid; border-width: 8px; cursor: pointer; position: absolute; top: 7px; z-index: 1002; left: 25px; }
.pop-dialog .pointer .arrow_border { border-color: transparent transparent #a1a1a1; border-width: 9px; top: 4px; z-index: 1001; left: 24px; }
.pop-dialog .pointer.right .arrow { left: auto; right: 25px; }
.pop-dialog .pointer.right .arrow_border { left: auto; right: 24px; }
.pop-dialog .body { width: auto; background-color: #fff; border: 1px solid #a1a1a1; border-radius: 5px; box-shadow: 0px 0px 9px 0px #d6d6d6; padding: 10px; }
/* Dropdown with dialog */
.ui-dropdown { position: relative; display: inline-block; }
.ui-dropdown .head { color: #272727; font-size: 13px; position: relative; border: 1px solid #dedede; border-radius: 4px; padding: 4px 46px 4px 12px; text-shadow: 1px 1px 1px #fff; box-shadow: 1px 1px 4px 0px #efefef; cursor: pointer; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(47%, #f8f8f8), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f8f8f8 47%, #f4f4f4 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #f8f8f8 47%, #f4f4f4 100%);   /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 );
/* IE6-9 */
}
.ui-dropdown .head:hover, .ui-dropdown .head.active { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(47%, #fdfdfd), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #fdfdfd 47%, #f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #fdfdfd 47%, #f1f1f1 100%);   /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F1F1F1', GradientType=0 );
/* IE6-9 */
}
.ui-dropdown .head:active, .ui-dropdown .head.active { box-shadow: none; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.ui-dropdown .head i.arrow-down { position: absolute; top: 12px; right: 16px; }
.ui-dropdown .dialog { display: none; position: absolute; right: 0px; top: 42px; z-index: 100; }
.ui-dropdown .dialog.is-visible { display: block; -webkit-animation: reveal .2s ease-out; -moz-animation: reveal .2s ease-out; animation: reveal .2s ease-out; }
.ui-dropdown .dialog .pointer { position: relative; top: -22px; }
.ui-dropdown .dialog .pointer .arrow, .ui-dropdown .dialog .pointer .arrow_border { border-color: transparent transparent #fff; border-style: solid; border-width: 8px; cursor: pointer; position: absolute; top: 7px; z-index: 1002; right: 25px; }
.ui-dropdown .dialog .pointer .arrow_border { border-color: transparent transparent #a1a1a1; border-width: 9px; top: 4px; z-index: 1001; right: 24px; }
.ui-dropdown .dialog .body { width: 440px; background-color: #fff; border: 1px solid #a1a1a1; border-radius: 5px; box-shadow: 0px 0px 9px 0px #d6d6d6; padding: 8px 10px 8px 10px; }
.ui-dropdown .dialog .body p.title { font-weight: 600; margin-bottom: 10px; font-size: 13px; }
.ui-dropdown .dialog .body form select { display: inline-block; width: 120px; vertical-align: top; height: 27px; margin-right: 2px; }
.ui-dropdown .dialog .body form input[type="text"] { height: 17px; width: 90px; margin-right: 2px; }
.ui-dropdown .dialog .body form a { vertical-align: top; }
 @-webkit-keyframes reveal { 0% {
 margin-left: -999px;
 opacity: 0;
}
 1% {
 margin-left: 0;
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}
 80% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes reveal { 0% {
 margin-left: -999px;
 opacity: 0;
}
 1% {
 margin-left: 0;
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}
 80% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: translateY(0);
}
}
/* general table styles */
.table-wrapper { width: 100%; margin-bottom: 100px; }
.table-wrapper .filter-block { margin-bottom: 34px; }
.table-wrapper .filter-block .new-product { padding: 4px 14px; }
.table-wrapper .table th input[type="checkbox"] { margin-top: 4px; }
.table-wrapper .table input[type="checkbox"] { float: left; margin-top: 11px; margin-right: 23px; }
.table-wrapper .table .img { height: 31px; float: left; background: white; width: 31px; border: 1px solid #dfe4eb; text-align: center; cursor: pointer; margin-right: 23px; }
.table-wrapper .table .img img { margin-top: 4px; }
.table-wrapper .table tr.first td { border-top: 0 none; }
.table-wrapper .table td a { text-decoration: underline; display: inline-block; }
.table-wrapper .table td.description { vertical-align: middle; color: #516372; }
.table-wrapper .table ul.actions { margin: 5px 0 0 0; padding: 0; float: right; }
.table-wrapper .table ul.actions li { display: inline; padding: 5px 6px 0px 3px; }
.table-wrapper .table ul.actions li.last { border: 0 none; }
.table-wrapper .table ul.actions i { cursor: pointer; opacity: 0.6; transition: opacity .1s linear; -moz-transition: opacity .1s linear; -webkit-transition: opacity .1s linear; -o-transition: opacity .1s linear; }
.table-wrapper .table ul.actions i:hover { opacity: 1; }
.table-wrapper .label { position: relative; }
/* products table specific styles */
.table-wrapper.products-table a.name { position: relative; top: 6px; }
/* orders table specific styles */
.table-wrapper.orders-table td { padding: 12px 8px; }
/* users table specific styles */
.table-wrapper.users-table .table td { vertical-align: middle; font-size: 13px; }
.table-wrapper.users-table .table img.avatar { float: left; margin-right: 14px; max-width: 45px; position: relative; top: 8px; }
.table-wrapper.users-table .table a.name { color: #3389d1; display: block; font-weight: 600; font-size: 14px; margin: 15px 0 0 0; }
.table-wrapper.users-table .table .subtext { font-size: 12px; margin-left: 0; color: #778391; font-style: italic; margin-top: 0; }

/*Responsive*/
@media (max-width: 979px) {
.pointer { top: 26.8%; }
}
@media (max-width: 768px) {
.table-wrapper { padding: 0px 15px; }
.table-wrapper .table .img, .table-wrapper .table .avatar { display: none; }
.table-wrapper .table input[type="checkbox"] { margin-right: 10px; }
.table-wrapper .table .label { display: none; }
.table-wrapper .filter-block .search { width: 30%; margin: 0 10px 0 0; }
.table-wrapper .filter-block .order-search { float: left; margin: 0; width: 40%; }
.table-wrapper .filter-block .user-search { float: left; margin: 0; width: 55%; }
.table-wrapper .filter-block .add-user { margin-top: 0; }
}
@media (max-width: 480px) {
.table-wrapper .filter-block .search { float: right; width: 48%; margin: 0; }
.table-wrapper .filter-block .new-product { float: right; margin-top: 15px; }
.table-wrapper .filter-block .order-search { float: left; width: 43%; }
.table-wrapper .filter-block .add-user { margin-top: 0; }
.table-wrapper .filter-block .user-search { float: left; margin: 0; width: 55%; }
}
.new-user { /* form sidebar*/ }
.new-user .form-wrapper .with-sidebar { border-right: 1px solid #edeef1; box-shadow: 4px 0px 3px -1px rgba(226, 226, 226, 0.1); }
.new-user .form-wrapper .container { width: 90%; float: left; }
.new-user .form-wrapper .field-box { margin-bottom: 25px; margin-left: 0; float: left; width: 100%; }
.new-user .form-wrapper label { display: inline-block; float: left; font-weight: 600; font-size: 13px; cursor: auto; width: 120px; }
.new-user .form-wrapper input[type="text"] { margin: 0; padding: 3px 6px; width: 75%; display: inline-block; }
.new-user .form-wrapper .address-fields { margin-left: 0px; float: left; width: 75%; }
.new-user .form-wrapper .address-fields input[type="text"]:first-child { width: 100%; }
.new-user .form-wrapper input.small { width: 27%; margin-top: 20px; margin-right: 20px; }
.new-user .form-wrapper input.last { margin-right: 0; }
.new-user .form-wrapper input:-moz-placeholder {
 font-style: italic;
}
.new-user .form-wrapper input:-ms-input-placeholder {
 font-style: italic;
}
.new-user .form-wrapper input::-webkit-input-placeholder {
 font-style: italic;
}
.new-user .form-wrapper textarea { height: 88px; }
.new-user .textarea { margin-top: 27px; }
.new-user .textarea span.charactersleft { color: #9ba0a5; display: inline-block; text-align: left; margin-left: 20%; margin-top: 8px; font-size: 13px; font-style: italic; }
.new-user .actions { margin-top: 30px; text-align: right; padding-right: 40px; }
.new-user .actions span { text-transform: uppercase; color: #7e91aa; font-weight: 600; display: inline-block; vertical-align: middle; margin: 0 2px 0 8px; }
.new-user .actions input.reset { color: #7e91aa; font-weight: 500; }
.new-user .form-sidebar .alert { margin: 20px 0px 60px 0px; }
.new-user .form-sidebar .alert i { margin-bottom: 40px; }
.new-user .form-sidebar h6 { font-weight: 600; text-transform: uppercase; }
.new-user .form-sidebar p { color: #777e86; }
.new-user .form-sidebar ul { margin: 0; padding: 0; list-style: none; }
.new-user .form-sidebar ul a { text-decoration: underline; }

/* responsive */
@media (max-width: 767px) {
.new-user .form-wrapper .container { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #edeef1; box-shadow: 0px 4px 3px -1px rgba(226, 226, 226, 0.1); }
.new-user .form-wrapper .with-sidebar { border-right: 0 none; box-shadow: none; }
.new-user .form-wrapper label { margin: 0; }
.new-user .form-wrapper .textarea label { width: 100%; text-align: left; margin-bottom: 10px; }
.new-user .form-wrapper .textarea textarea { width: 97%; }
.new-user .textarea span.charactersleft { display: inline-block; margin-left: 0; }
.new-user .actions { margin-top: 0; }
.new-user .form-sidebar { margin-top: 40px; }
}
@media (max-width: 979px) {
.new-user .form-wrapper .address-fields { margin-top: 30px; width: 100%; }
.new-user .form-wrapper input.small { width: inherit; margin: 20px 0px 0px 0px; }
}
.clear { clear: both; }
.login-bg { background: #000; width: 100%; height: 100%; }
.login-wrapper { position: absolute; top: 90px; left: 0; right: 0; text-align: center; }
.login-wrapper .logo { margin-bottom: 45px; position: relative; left: -2px; }
.login-wrapper .box { margin: 0 auto; padding: 35px 0 30px; float: none; width: 400px; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; background: rgba(255, 255, 255, 0.65); }
.login-wrapper .box .content-wrap { width: 82%; margin: 0 auto; }
.login-wrapper .box h6 { text-transform: uppercase; margin: 0 0 30px 0; font-size: 18px; font-weight: 600; }
.login-wrapper .box input[type="text"], .login-wrapper .box input[type="password"] { font-size: 15px;  margin-bottom: 18px; border-color: #b2bfc7; padding-left: 12px; }
.login-wrapper .box input[type="password"] { margin-bottom: 10px; }
.login-wrapper .box input:-moz-placeholder {
 color: #9ba8b6;
 font-size: 15px;
 letter-spacing: 0px;
 font-style: italic;
}
.login-wrapper .box input:-ms-input-placeholder {
 color: #9ba8b6;
 font-style: italic;
 letter-spacing: 0px;
 font-size: 15px;
}
.login-wrapper .box input::-webkit-input-placeholder {
 color: #9ba8b6;
 font-style: italic;
 letter-spacing: 0px;
 font-size: 15px;
}
.login-wrapper .box a.forgot { display: block; text-align: right; font-style: italic; text-decoration: underline; color: #3d88ba; font-size: 13px; margin-bottom: 6px; }
.login-wrapper .box .remember { display: block; overflow: hidden; margin-bottom: 20px; }
.login-wrapper .box .remember input[type="checkbox"] { float: left; margin-right: 8px; }
.login-wrapper .box .remember label { float: left; color: #4a576a; font-size: 13px; font-weight: 600; }
.login-wrapper .box .login { text-transform: uppercase; font-size: 13px; padding: 8px 30px; }
.login-wrapper .no-account { margin: 0 auto; float: none; text-align: center; font-size: 14px; margin-top: 25px; }
.login-wrapper .no-account p { display: inline-block; color: #aaaaaa; }
.login-wrapper .no-account a { color: #aaaaaa; margin-left: 7px; border-bottom: 1px solid; transition: all .1s linear; -moz-transition: all .1s linear; /* Firefox 4 */ -webkit-transition: all .1s linear; /* Safari and Chrome */ -o-transition: all .1s linear;/* Opera */ }
.login-wrapper .no-account a:hover { text-decoration: none; color: #fff; border-bottom-color: #fff; }
/* background switcher */
.bg-switch { position: absolute; background: rgba(255, 255, 255, 0.8); top: 60px; border-radius: 0px 10px 10px 0px; padding: 10px 10px 0px 10px; z-index: 999; }
.bg-switch .bgs .bg { text-align: center; margin-bottom: 13px; text-decoration: none; display: block; }
.bg-switch .bgs .bg.active img { border-color: #000; }
.bg-switch .bgs .bg img { width: 80px; height: 60px; border: 2px solid #9fcef1; cursor: pointer; }

/* responsive */
@media (max-width: 767px) {
.login-wrapper .box { width: 350px; }
}
@media (max-width: 480px) {
.login-wrapper .box { width: 90%; }
}
.margintop10 { margin-top: 20px; }
.ui-input { width:100%; margin-left: 0px !important; vertical-align: middle; position: relative; overflow: hidden; background: #ffffff; );
display: inline-block; border-radius: 5px; background-position: 94%; background-repeat: no-repeat; }
.clear { clear: both; }
.paddingbottom15 { padding-bottom: 15px; }
.separator { border-top: 1px solid #edeff1; padding-top: 10px; box-shadow: inset 0px 3px 4px -1px #fafafa; }
.uploadinput { background: url(../../../static/images/uploadinput.png) no-repeat; width: 182px; height: 36px; border: none !important; text-indent: 20px; }
.uploadbtn { background: url(../../../static/images/uploadbtn.png) no-repeat; width: 64px; height: 36px; border: none; }
.ehdel_upload_show input[type="image"] { border: none !important; }
.ehdel_upload_show input { float: left; }
.ehdel_upload { float: left; margin-top: -38px; *margin-top:-40px;
filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; line-height: 32px; width: 250px !important; height: 40px; }
.uploadhack { margin-top: -3px; width: 270px; }
.pagestyle { text-align: center; }
.pagestyle span { padding: 6px 3px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; font-size: 12px; }
.pagestyle a { padding: 6px 3px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; font-size: 12px; }
.labelsize { line-height: 32px; text-align: right; /*width:30px !important;*/ }
.table-hover a {  }
.redcolor { color: #F00; }
.fonthack { line-height: 30px; }
.atexunderline { text-decoration: none !important; }
.tablehor { margin-bottom: 0 !important; border-top:0px!important;  }

.tablehor td{ border-top:0px!important; }


tr.bordertdhack td { border-top: none !important; }
.red { color: #F00; }
.labelself { float: left; line-height: 32px; text-indent: 20px; }
.repeople td { border-top: 1px solid #30a0eb !important; }
.repeoplenone td { border-top: none !important; }
.repeopletalbe { background: #e7f4fd; border: 1px solid #30a0eb !important; }
.magrinzero { margin: 0; }
#main-stats { background-color: #fdfdfd; border-bottom: 1px solid #efeef3; }
#main-stats .stats-row { box-shadow: inset -1px 0px 5px 2px #f9f9f9; margin: 0; }
#main-stats .stat { padding: 10px 0px 10px 0px; position: relative; }
#main-stats .stat.last { border-right: 0px; }
#main-stats .stat .data { color: #29323a; text-transform: uppercase; font-weight: 600; font-size: 14px; padding-right: 50px; }
#main-stats .stat .data .number { color: #32a0ee; font-size: 14px; margin-right: 15px; }
#main-stats .stat .date { color: #b4b8bb; font-weight: lighter; font-family: 'Lato', 'Open Sans'; font-style: italic; font-size: 13px; position: absolute; right: 50px; }
.section { border-top: 1px solid #edeff1; margin-top: 100px; padding-top: 45px; box-shadow: inset 0px 3px 4px -1px #fafafa; }
/* Stats chart */
#statsChart { height: 250px; margin-top: 35px; }
/* specific chart styles */
.legendLabel { font-size: 12px; font-family: "Open Sans", Arial; color: #9da3a9; }
.h5title h5{ text-indent:20px; font-weight:bold;}


.timeactive{ background:url(/static/images/admin/timelineon.png?2017914) no-repeat center center; color:#006c99; font-weight:bold }

.timenormal{ background:url(/static/images/admin/timeline.png?2017914) no-repeat center center; color:#d3d2d9; font-weight:bold; }
.timetable{ border:1px solid #DBE6E3; border-top:none;}
.bgnone{ background:none !important;}





	
.pop-header .pop-close, .pop-con .pop-icon {  }
.pop-mask { position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.15; filter: alpha(opacity=15); left: 0; top: 0; z-index: 999999; display: none; 
}
.pop-main { border: 4px solid rgba(0,0,0,.1); border: 4px solid #ccc\9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 410px; position: fixed; z-index: 1000001; display: none; overflow: hidden; left: 50%; margin-left: -409px; }
.pop-header { position: relative; padding: 0 10px; height: 36px; line-height: 36px; background: #f7f7f7; font-size: 16px; color: #666; font-family: "Microsoft YaHei"; text-align:center; font-weight:bold; }
.pop-header .pop-close, .pop-header .tell-me-close { display: block; width: 13px; height: 13px; background-position: -41px -44px; position: absolute; right: 13px; top: 0px; cursor:pointer; }
.pop-con { padding: 10px 10px 20px; background: #fff; position: relative; min-height: 80px; text-align: center; }
.pop-con .pop-icon { display: block; width: 39px; height: 39px; background-position: -118px -43px; position: absolute; left: 20px; top: 20px; }
.pop-con .pop-text { padding: 10px 20px 15px 60px; font-size: 14px; line-height: 1.5em; text-align: left; }

.pop-login .msg-wrap .msg-icon, .pop-login .item .icon, .pop-login .item-coagent a i {  }
.pop-login { display: none; width: 700px!important; }
.pop-login .form { width: 560px; margin: 0 auto; padding:0; }
.pop-login .form .mt { display: block; overflow: hidden; height: 27px; }
.pop-login .form .mt h2 { height: 27px; line-height: 27px; float: left; color: #666; font-size: 20px; }
.pop-login .form .mt .right_register { float: right; line-height: 27px; }
.pop-login .form .mt .right_register .text { float: left; }
.pop-login .form .mt .right_register .icon { float: left; width: 6px; height: 9px;  margin: 9px 0 0 4px; }
.pop-login .form .mc { overflow: hidden; text-align: left; }
.pop-login .msg-wrap { min-height: 31px; height: auto; margin: 5px 0; visibility: hidden; }
.pop-login .msg-wrap .msg-error { position: relative; background: #fff6f7; color: #E31939; border: 1px solid #ff6d82; padding: 3px 10px 3px 40px; line-height: 18px; min-height: 18px; }
.pop-login .msg-wrap .msg-icon { position: absolute; left: 13px; top: 5px; display: block; width: 14px; height: 14px; background-position: 0 0; }
.pop-login .item { overflow: hidden; height: 38px; position: relative; border: 1px solid #ddd; margin-bottom: 20px; }
.drtable tr td{ padding:5px;}
.drtable tr td.last{ text-indent:80px;}



.adrrtable tr td{ padding:10px!important; border:0!important; color:#616161!important}
.adrrtable tr td.first{vertical-align:middle;}




	
		.formifx td .form-control { float:left; width:auto;}
		
		.jistyle{ width:50px; height:50px; background:#fe8901; color:#FFF; font-size:16px; line-height:50px; font-weight:bold;border-radius: 50px;}
		
				.soustyle{ width:50px; height:50px; background:#75cd6f; color:#FFF; font-size:16px; line-height:50px; font-weight:bold;border-radius: 50px;}


.leftform{ float:left!important; font-weight:100; display:block; width:auto; line-height:30px; text-align:left; padding-right:5px; padding-left:5px;}

.leftform2{ float:left!important; font-weight:100; display:block; width:80px; line-height:30px; text-align:left; padding-right:5px; padding-left:5px;}
.listleft .lista{ float:left; line-height:32px; margin-right:10px; min-height:36px; margin-bottom:10px;}

.activefontb a:active{color:#3b9ff3;}
.activefontb a:hover{}

.activefontb a:link{ color:#3b9ff3;}

.activefontb a:visited{color:#F00!important}
.manifestfilewidth{ width:180px;}
.colstyle{ line-height:24px; float:left;}
.seletcwidth select{ width:120px;}
.blue {color:blue;}

.form-control { margin-bottom: 5px; margin-left: 3px;margin-right: 10px;

  }
  li.s_menu{   font-size:12px; }
  
  
    li.s_menu a{ border-bottom:0!important; border-top:0!important;
}








#sidebar-nav #dashboard-menu li.s_menu a span { transition: color .1s linear; -moz-transition: color .1s linear; -webkit-transition: color .1s linear; -o-transition: color .1s linear; font-size:12px; margin-left:0; display:block; float:left; margin-left:40px;




}
#sidebar-nav #dashboard-menu li.s_menu a.ui-elements span { margin-left: 25px; }
#sidebar-nav #dashboard-menu li.s_menu a i { left: 0; height: 24px; display:block; float:left; width: 24px; opacity: 0.7; transition: opacity .1s ease; -moz-transition: opacity .1s ease; -webkit-transition: opacity .1s ease; -o-transition: opacity .1s ease; font-size:12px; margin-top:14px;  }
#sidebar-nav #dashboard-menu li.s_menu a i.icon-chevron-down { position: relative; float: right; top: 5px; font-size: 11px; color: #686868; width: initial; height: initial; }
#sidebar-nav #dashboard-menu > li.active .dropdown-toggle { border-bottom: 0px; box-shadow: none;
    }
#sidebar-nav #dashboard-menu ul.submenu { list-style-type: none; display: none; margin-top: 7px; margin-bottom: 15px; margin-right: -15px; margin-left: -55px; padding-left: 15px; padding-bottom: 10px; }
#sidebar-nav #dashboard-menu ul.submenu.active { display: block; }
#sidebar-nav #dashboard-menu ul.submenu li.s_menu a { font-weight: normal!important; font-size: 13px; color: #ffffff; text-decoration: none; display: block;  height:40px; line-height:40px; border-bottom:1px solid #404040; margin-left:-20px;


border-top:1px solid #262626;
}


#sidebar-nav #dashboard-menu ul.submenu   li:first-child li.s_menu a { font-weight: normal!important; font-size: 14px; color: #ffffff; text-decoration: none; display: block;  height:40px; line-height:40px; border-bottom:1px solid #404040; margin-left:-20px;



}