@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../font/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300); */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300); */


html {
 min-height:100%;
 position:relative;
}

body {
    padding-bottom: 0px;
	background-color:#E4E6E9;
	
	font-family: 'Open Sans';
	font-size:13px;
	color:#393939;
	
	min-height:100%;
}

/* the body content background */
body:before {
 content:"";
 display:block;
 position:fixed;
 top:0; bottom:0; max-height:100%; min-height:100%; width:100%; z-index:-1;
 background-color:#FFF;
}




/* ace default theme layout */
#main-container {
 padding:0;
 position:relative;
}

.navbar {
 margin-bottom:0;
}

.navbar-inverse .navbar-inner {
 border:none;
 box-shadow:none;
 border-radius:0;

 margin:0;
 padding-left:0;
 padding-right:0;

 min-height:45px;
 position:relative;
}
.navbar-inverse .navbar-inner  {
 background:#438EB9;
}

.navbar-inverse  {
 padding-left:0;
 padding-right:0;
 margin-left:0;
 margin-right:0;
}

.navbar-inverse .brand,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-link,
.navbar-inverse .brand, .navbar-inverse .nav > li > a 
{
 color:#FFF;
}
.navbar-inverse .brand {
 font-size:24px;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
 background-color:#D67E31;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
 border-top-color:#FFF;
}

.navbar-inverse .brand{
 text-shadow:none;
}
.navbar-inverse .nav > li > a {
 font-size:13px;
 text-shadow:none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
 box-shadow:none;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
 background-color:#336E96;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
 background-color:#DB873D;
}

/* ace-nav > user's top menu */
.ace-nav {
 height:100%;
}
.ace-nav > li {
 line-height:45px;
 background-color:#2E6589;

 border-left:1px solid #DDD;
 padding:0;
 
 position:relative;
}

.ace-nav > li  > a > [class*="icon-"] {
 font-size:16px;
 color:#EEE;
}

.ace-nav > li  > a  , .ace-nav > li > span{
 position:relative;
 color:#EEE;
 
 display:block;
 height:100%;

 padding:0 8px !important;
 background-color:none;
}
.ace-nav > li:first-child{
 border-left:none;
}


.ace-nav > li  > a > .badge{
 position:relative;

 top:-4px; left:2px;
 padding-right:5px; padding-left:5px;
}

.nav-user-photo {
 margin:-4px 8px 0 0;

 border-radius:24px;
 border:2px solid #FFF;
 
 max-width:36px !important;
}
.ace-nav > li.grey{
 background:#555;
}
.ace-nav > li.purple {
 background:#892E65;
}
.ace-nav  > li.green{
 background:#2E8965;
}
.ace-nav  > li.light-blue{
 background:#62A8D1;
}
.ace-nav  > li.red{
 background:#B74635;
}

.ace-nav  > li.light-green{
 background:#9ABC32;
}
.ace-nav  > li.light-purple{
 background:#CB6FD7;
}
.ace-nav  > li.light-orange{
 background:#F79263;
}
.ace-nav  > li.dark{
 background:#404040;
}
.ace-nav  > li.light-blue2{
 background:#42A8E1;
}
.ace-nav  > li.white-pink{
 background:#F4DAE5;
}

.ace-nav > li.no-border {
 border-left:none;
}
.ace-nav > li.margin-1 {
 margin-left:1px;
}
.ace-nav > li.margin-2 {
 margin-left:1px;
 margin-right:1px;
}





/* breadcrumbs and searchbox */
#breadcrumbs {
 position:relative;
 z-index:13;
 
 border-bottom:1px solid #E5E5E5;
 background-color:#F5F5F5;
 
 min-height:40px;
 line-height:39px;
 
 padding:0 12px 0 0;
 
 display:block;
}


.breadcrumb {
 background-color:transparent;
 display:inline-block;
 line-height:24px;

 margin:0 22px 0 12px; padding:0;

 font-size:13px;
 color:#333;
 
 border-radius:0;
}

.breadcrumb > li > a {
 display:inline-block;
 padding:0 4px;
 color:#4C8FBD;
}

.breadcrumb > li  , .breadcrumb > .active{
 color:#555;
}
.breadcrumb .icon-home{
 margin-left:4px; margin-right:2px;
 font-size:20px;
 position:relative; top:2px;
}
.breadcrumb .icon-angle-right{
 height:22px;
 padding:0;
 margin:0;

 position:relative; top:1px;

 font-size:14px;
 color:#B2B6BF;
}
.breadcrumb > li > .divider {
 padding:0 4px;
}


/* searchbox */
#nav-search {
  position:absolute;
  top:5px; right:22px;
  line-height:24px;
}
#nav-search .form-search {
 margin-top:1px;
}
#nav-search-input {
 border-color:#6FB3E0;
 border-width:1px;

 width:120px;
 height:18px !important;
 border-radius:4px !important;
 
 font-size:13px;
 color:#666 !important;

 z-index:11;
 
 -moz-transition: all 0.15s ease;
 -webkit-transition: all 0.15s ease;
 -o-transition: all 0.15s ease;
 -ms-transition: all 0.15s ease;
 transition: all 0.15s ease;
}
#nav-search-input + .dropdown-menu {
 min-width:0;
 left:0; right:0;
}
#nav-search-btn {
 border-radius:0;
}
#nav-search-input:focus {
 color:#656A72;
 box-shadow:none;
 opacity:1;
}
#nav-search-icon {
 color:#6FB3E0;
 font-size:14px;
 line-height:24px;
}



/* nav-search inside sidebar */
#sidebar > #nav-search {
 position:static;
 text-align:center;
 
 background-color:#FAFAFA;
 height:35px;
 padding-top:5px;
 
 border-bottom:1px solid #DDD;
}
#sidebar > #nav-search  > .form-search #nav-search-input {
 width:130px !important;
 border-radius:0 !important;
 max-width:130px !important;
 opacity:1 !important;
}
#sidebar > #nav-search  #nav-search-input + .dropdown-menu {
 text-align:left;
}
#sidebar.menu-min > #nav-search > .form-search {
 position:absolute; left:5px;
 z-index:14;
}
#sidebar.menu-min > #nav-search > .form-search   #nav-search-input {
 width:0 !important;
 max-width:0 !important;
 opacity:0 !important;
}
#sidebar.menu-min > #nav-search:hover  #nav-search-input,
#sidebar.menu-min > #nav-search  #nav-search-input:focus,
#sidebar.menu-min > #nav-search  #nav-search-input:hover,
#sidebar.menu-min > #nav-search  #nav-search-input:active
 {
 width:130px !important;
 max-width:130px !important;
 opacity:1 !important;
}
#sidebar.menu-min > #nav-search > .form-search   #nav-search-icon {
	border:1px solid;
	border-radius:32px;

	background-color:#FFF;
	padding:0 5px;
}

#sidebar > #nav-search > .form-search   #nav-search-icon ,
#sidebar.menu-min > #nav-search:hover #nav-search-icon ,
#sidebar.menu-min > #nav-search > .form-search  #nav-search-input:focus ~ #nav-search-icon,
#sidebar.menu-min > #nav-search > .form-search  #nav-search-input:hover ~ #nav-search-icon,
#sidebar.menu-min > #nav-search > .form-search  #nav-search-input:active ~ #nav-search-icon
{
	border:none;
	border-radius:0;
	padding:0 3px;
}








/** SIDEBAR */

/* the grey background of sidebar */
#sidebar:before {
 content:""; display:block;
 width:189px;
	
 position:fixed; bottom:0px; top:0px;
 z-index:-1;
	
 background-color:#F2F2F2;
 border-right:1px solid #CCC;
}


#sidebar {
 width:189px;
 position:absolute;
 margin-left:0;  margin-top:0;
 
 border-right:1px solid #CCC;
 background-color:#FFF;
}
body.navbar-fixed {
 padding-top:45px;
}
#sidebar.fixed {
 position:fixed;
}



#sidebar-shortcuts {
 background-color:#FAFAFA;
 line-height:37px; max-height:40px;
 margin-bottom:0;
 border-bottom:1px solid #DDD;
 text-align:center;
}
#sidebar-shortcuts-large {
 padding-bottom:4px;
}
#sidebar-shortcuts-mini {
 display:none;
 font-size:0;
 width:42px;
 line-height:18px;
 padding-top:2px; padding-bottom:2px;
 
 background-color:#FFF;
}
#sidebar-shortcuts-mini > .btn{
 border-width:0 !important;
 font-size:0;
 line-height:0;
 padding:8px !important;
 margin:0 1px;
 
 border-radius:0 !important;
 opacity:0.85;
}



#main-content {
 margin-left:190px;
 margin-right:0; margin-top:0;
 min-height:100%;
 padding:0;
}



/* side navigation */
.nav-list {
 margin:0; padding:0;
 list-style:none;
}

li [class^="icon-"], .nav-list li [class^="icon-"], li [class*=" icon-"], .nav-list li [class*=" icon-"] {
 width:auto;
}

.nav-list > li > a, .nav-list .nav-header {
 margin:0;
}

.nav-list > li {
 display:block;
 padding:0;
 margin:0;

 border:none;
 border-top:1px solid #FCFCFC;
 border-bottom:1px solid #E5E5E5;

 position:relative;
}

.nav-list > li:first-child {
 border-top:none;
}

.nav-list > li > a {
 display:block;
 height:38px; line-height:36px;
 
 padding:0 16px 0 7px; 
 background-color:#F9F9F9;
 
 color:#585858;
 text-shadow:none !important;
 
 font-size:13px;
 text-decoration:none;
}
.nav-list > li > a > [class*="icon-"]:first-child {
 display:inline-block;
 vertical-align:middle;

 min-width:30px;
 text-align:center;

 font-size:18px;
 font-weight:normal;
}

.nav-list > li > a:focus {
 background-color:#F9F9F9;
 color:#1963AA;
}
.nav-list > li > a:hover  {
 background-color:#FFF;
 color:#1963AA;
}
.nav-list > li > a:hover:before{
 display:block; content:"";
 position:absolute;
 top:-1px; bottom:0; left:0;
 width:3px; max-width:3px; overflow:hidden;
 background-color:#3382AF;
}
.nav-list > li.active > a:hover:before{
 display:none;
}
.menu-min .nav-list > li > a:hover:before{
 width:2px; max-width:2px;
}


.nav-list > li.separator {
 height:3px;
 background-color:#62597F;
 position:static;
 margin:1px 0;
 
 box-shadow:none;
}



/* menu active/open states */
.nav-list > li.active {
 background-color:#FFF;
}
.nav-list > li.open > a {
 background-color:#FAFAFA;
 color:#1963AA;
}
.nav-list > li.active > a , .nav-list > li.active > a:hover, .nav-list > li.active > a:focus
 {
 background-color:#FFF;
 color:#0B6CBC;
 font-weight:bold;
 font-size:13px;
}
.nav-list > li.active > a > [class*="icon-"] {
 font-weight:normal;
}



/* the caret inside the active link */
.nav-list > li.active > a:after  , .nav-list > li.active.open > .submenu > li.active > a:after {
 display:inline-block;
 content:"";
 
 position:absolute !important;
 right:0; top:4px;

 border:8px solid transparent;
 border-width:14px 10px;
 /*border-right-color:#F27243;*/
 border-right-color:#0B6CBC;
}
.nav-list > li.active > a.dropdown-toggle:after {
  border-width:12px 7px;
  top:6px;
}

.nav-list > li.active.open > a:after {
 display:none;
}
.nav-list > li.active.open > .submenu > li.active > a:after {
 top:2px;
}
/* the border on right of active link */
.nav-list > li.active:after {
 display:inline-block; content:"";
 position:absolute;
 right:-2px; top:-1px; bottom:0;
 border-right:2px solid #0B6CBC;
}
/*** end of arrow ***/






/* the submenu indicator arrow */
.nav-list > li > a  > .arrow {
 display:inline-block;
 width:14px !important; height:14px;
 line-height:14px;
 
 text-shadow:none;
 font-size:18px;
 
 position:absolute;
 right:10px; top:11px;
 
 padding:0;
 color:#666;
}
.nav-list > li > a:hover > .arrow , .nav-list > li.active > a  > .arrow , .nav-list > li.open > a > .arrow  {
  color:#1963AA;
}





/* submenu */
.nav-list > .active > ul.submenu {
 display:block;
}
.nav-list > li.open {
 border-bottom-color:#E5E5E5;
}

.nav-list > li > .submenu {
 display:none;
 list-style:none;
 margin:0; padding:0;

 position:relative;
 background-color:#FFF;
 
 border-top:1px solid #E5E5E5;
}


.nav-list > li > .submenu > li {
 margin-left:0;
 position:relative;
}
.nav-list > li > .submenu > li > a {
 display:block;
 color:#616161;
 
 padding:7px 0 8px 32px;
 margin:0;
 
 border-bottom:1px dotted #E4E4E4;
}
.nav-list > li > .submenu > li > a:focus {
 text-decoration:none;
}
.nav-list > li > .submenu > li:last-child > a {
 border-bottom:none;
}
.nav-list > li > .submenu > li:first-child > a {
 border-top:1px solid #FAFAFA;
}
.nav-list > li > .submenu > li > a:hover{
 text-decoration:none;
 color:#4B88B7;
}
.nav-list > li > .submenu > li.active > a{
 color:#0B6CBC;
}




/* tree like menu */
.nav-list > li > .submenu > li {
 position:relative;
}
/* the horizontal dashed line */
.nav-list > li > .submenu > li:before {
 display:inline-block;
 content:"";
 width:9px;
 
 position:absolute; left:21px; top:17px;
 /*border-top:1px dashed #79A3CC;*/
 border-top:1px dashed #B1C9E0;
}
.nav-list > li > .submenu > li > a {
 padding-left:37px;
 position:relative;
}
/* the vertical dashed line */
.nav-list > li > .submenu > li:after {
 content:""; display:inline-block;
 position:absolute;
 top:0; bottom:0; left:18px; width:0px;
 /*border-left:1px dashed #79A3CC;*/
 border-left:1px dashed #B1C9E0;
}




/* optional icon before each item */
.nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
 display:none;

 font-size:12px; font-weight:normal;
 width:22px; height:16px; line-height:16px; text-align:center;
 position:absolute; left:8px; top:10px; z-index:1;

 background-color:#FFF;
}
.nav-list > li > .submenu > .active > a > [class*="icon-"]:first-child,
.nav-list > li > .submenu > :hover > a > [class*="icon-"]:first-child {
 display:inline-block;

}
.nav-list > li > .submenu > .active > a > [class*="icon-"]:first-child {
 color:#C86139;
}



/* side menu minimizer icon */
#sidebar-collapse  {
 border-bottom:1px solid #E0E0E0;
 background-color:#F3F3F3;
 
 text-align:center;
 padding:3px 0;
 
 position:relative;
}

#sidebar-collapse > [class*="icon-"]{
 display:inline-block;
 
 cursor:pointer;
 font-size:14px;
 color:#AAA;
 
 border:1px solid #BBB;
 padding:0 5px;
 line-height:18px;
 
 border-radius:16px;

 background-color:#FFF;
 position:relative;
}


#sidebar-collapse:before {
 content:"";
 display:inline-block;
 
 height:0;
 border-top:1px solid #E1E1E1; 
 position:absolute;
 left:15px; right:15px; top:13px;
}







/* minimized side menu*/
#sidebar.menu-min:before {
	width:42px;
}
#sidebar.menu-min  {
	width:42px;
}
#sidebar.menu-min + #main-content {
	margin-left:43px;
}
 
.menu-min .nav-list > li > a {
	position:relative;
}
.menu-min .nav-list > li > a > span {
	display:none;
	
	position:absolute;
	left:41px; top:-2px;	
	width:158px; height:39px;
	
	line-height:38px;
	background-color:#F5F5F5;
	z-index:121;
	
	box-shadow:2px 1px 2px 0 rgba(0,0,0,0.2);
	border:1px solid #CCC;
	
	padding-left:12px;
 }
.menu-min .nav-list > li:hover > a {
	color:#1963AA;
}
 
.menu-min .nav-list > li > a.dropdown-toggle > span {
	box-shadow:none;
	border:none;
	top:-1px; left:42px;
	width:163px;
	border-bottom:1px solid #DDD;
}
.menu-min .nav-list > li.active > a > span {
	border-left-color:#1963AA;
}


.menu-min .nav-list > li.open > a  {
	background-color:#FAFAFA;
	color:#585858;
}
.menu-min .nav-list > li.open.active > a  {
	background-color:#FFF;
}
.menu-min .nav-list > li.open:hover > a {
	color:#1963AA;
}
.menu-min .nav-list > li.active > a:after  {
	border-width:10px 6px;
	top:8px;
}
.menu-min .nav-list > li.active.open > a:after {
	display:block;
}
.menu-min  .nav-list > li.active.open > .submenu > li.active > a:after {
  display:none;
}

.menu-min .nav-list > li:hover > a > span {
	display:block;
}
.menu-min .nav-list > li > a  > .arrow {
	display:none;
}

.menu-min  #sidebar-shortcuts {
	position:relative;
}
.menu-min #sidebar-shortcuts-mini {
	display:block;
}
.menu-min  #sidebar-shortcuts-large {
	display:none;
	position:absolute; left:42px; top:-1px;
	width:175px;
	z-index:20;
	background-color:#FFF;
	box-shadow:2px 1px 2px 0 rgba(0,0,0,0.2);
	border:1px solid #CCC;
	padding:0 2px 3px;
}
.menu-min  #sidebar-shortcuts:hover #sidebar-shortcuts-large{
	display:block;
}

.menu-min #sidebar-collapse:before {
	left:5px; right:5px;
}
.menu-min #sidebar-collapse  > [class*="icon-"] {
	font-size:13px;
	padding:0 4px;
	line-height:15px;
 
	border-width:1px;
	border-color:#BBB;
}
.menu-min .nav-list > li > ul.submenu {
	background:#FFF;
	position:absolute; z-index:120;
	left:41px; top:-2px;

	width:175px;
	border:1px solid #CCC;

	box-shadow:2px 1px 2px 0 rgba(0,0,0,0.2);

	padding-top:40px;
	padding-bottom:2px;

	display:none !important;
}
.menu-min .nav-list > li:hover > ul.submenu {
	display:block !important;
}
.menu-min .nav-list > li.active > ul.submenu {
	border-left-color:#1963AA;
}

/* hide the tree like submenu in minimized mode */
.menu-min .nav-list > li > ul.submenu > li:before ,
.menu-min .nav-list > li > ul.submenu > li:after
{
	display:none;
}
.menu-min .nav-list > li > ul.submenu > li > a {
	border-left:none;
	margin-left:0;
	padding-left:24px;
}

.menu-min  .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
	width:16px;
}
.menu-min .nav-list > li > .submenu > .active > a > [class*="icon-"]:first-child,
.menu-min  .nav-list > li > .submenu > :hover > a > [class*="icon-"]:first-child  {
	left:7px;
}

/* side menu toggler in mobile view */
#menu-toggler { 
 display:none;
}




#page-content {
 margin:0;
 background:#FFF;
 
 padding:8px 20px 24px;
}



#page-content > .page-header:first-child  {
 margin:0 0 12px;
 border-bottom:1px dotted #E2E2E2;
}
#page-content > .page-header:first-child > h1 {
 padding:0;
 margin:0 8px;
 font-size:24px;
 font-weight:300;

 color:#2679B5;
}


#page-content > .page-header:first-child > h1 > small{
 margin:0 6px;
 font-size:14px;
 color:#8089A0; font-weight:normal;
}









/* other page sections */
#ace-settings-container {
 position:absolute; right:0; top:50px; z-index:10;
}
#ace-settings-btn {
 display:inline-block; float:left;
 width:42px; margin:0;
 text-align:center;
 border-radius:6px 0 0 6px !important;
 opacity:0.4;
 filter:alpha(opacity=40);
 
 vertical-align:top;
}
#ace-settings-btn:hover , #ace-settings-btn.open {
 opacity:1;
 filter:alpha(opacity=100);
}

#ace-settings-box {
 display:none; float:left;
 width:125px; padding:0 14px;
 background-color:#FFF;

 border:2px solid #FFB34B;
}
#ace-settings-box.open {
 display:inline-block;
}

#ace-settings-box > div {
 margin:6px 0;
 color:#444;
 max-height:24px;
}
#ace-settings-box > div > label {
 font-size:13px;
}



#btn-scroll-up {
 border:none;
 position:absolute; right:2px; bottom:2px;
 line-height:20px;
 padding-bottom:4px;
}












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

/* some classes*/
.hidden { display:none; }
.center { text-align:center; }
.position-relative { position:relative; }
.position-absolute { position:absolute; }

.dark { color:#333 !important; }
.white { color:#FFF !important; }
.red { color:#DD5A43 !important; }
.light-red { color:#FF7777 !important; }
.blue { color:#478FCA !important; }
.light-blue { color:#93CBF9 !important; }
.green { color:#69AA46 !important; }
.light-green { color:#B6E07F !important;}
.orange { color:#FF892A !important; }
.purple { color:#A069C3 !important; }
.pink { color:#C6699F !important; }
.pink2 { color:#D6487E !important; }
.brown { color:brown !important; }
.grey { color:#777 !important; }

.bigger-110 {font-size:110%;}
.bigger-125 { font-size:125%;}
.bigger-150 { font-size:150%; }
.bigger-200 { font-size:200%; }
.smaller-90 {font-size:90%;}
.smaller-75 { font-size:75%;}
.smaller-50 { font-size:50%; }


.hr {
 display:block;
 height:0px; overflow:hidden; font-size:1px;
 margin:12px 0;
 border-top:1px solid #E3E3E3;
}
.hr-double {
 height:1px;
 border-top:1px solid #E3E3E3;
 border-bottom:1px solid #E3E3E3;
}
.hr8 { margin:8px 0;}
.hr12 { margin:12px 0; }
.hr16 { margin:12px 0; }
.hr18 { margin:18px 0; }
.hr24 { margin:24px 0; }
.hr32 { margin:32px 0; }
.hr.dotted { border-top-style:dotted;}
.hr-double.dotted { border-bottom-style:dotted;}

.space , .space-18, .space-24 , .space-36, .space-9, .space-6, .space-3,
.vspace , .vspace-18, .vspace-24 , .vspace-36, .vspace-9, .vspace-6, .vspace-3
 {
 display:block;
 height:0; overflow:hidden; font-size:0;
 margin:12px 0;
}
.vspace , .vspace-18, .vspace-24 , .vspace-36, .vspace-9, .vspace-6, .vspace-3 {
 display:none;/* visible only on smaller devices */
}


.space-18 , .vspace-18 { margin:18px 0;}
.space-24 , .vspace-24 { margin:24px 0;}
.space-36 , .vspace-36 { margin:36px 0; }
.space-9 , .vspace-9{ margin:9px 0; }
.space-6 , .vspace-6{ margin:6px 0; }
.space-3 , .vspace-3 { margin:3px 0; }




/* headers */
.header {
 line-height:28px;
 margin-bottom:16px;
 margin-top:18px;
 padding-bottom:4px;
 border-bottom:1px solid #CCC;
}
.header.blue {
 border-bottom-color:#C2DAEE;
}
.header.green {
 border-bottom-color:#D9E8C6;
}
.header.purple {
 border-bottom-color:#E0D1F1;
}
.header.orange {
 border-bottom-color:#FFD8AB;
}
.header.red {
 border-bottom-color:#F4C9C1;
}
.header.grey {
 border-bottom-color:#D2D2D2;
}
.header.pink {
 border-bottom-color:#ECCEDF;
}
.header.pink2 {
 border-bottom-color:#F1C3D5;
}
.header.light-blue {
 border-bottom-color:#DBEEFD;
}
.header.light-red {
 border-bottom-color:#FFD2D2;
}
.header.light-green {
 border-bottom-color:#E7F5D5;
}
.header.brown {
 border-bottom-color:#E1B9B9;
}


.header > [class*="icon-"] {
 margin-right:2px;
}






/** typography **/

/* headings */
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1 { font-size:32px; }
h2 { font-size:25px; }
h3 { font-size:22px; }
h4 { font-size:18px; }
h5 { font-size:15px; }
h6 { font-size:13px; }

.lighter { font-weight:lighter; }
.bolder { font-weight:bolder; }
h1.smaller { font-size:31px; }
h2.smaller { font-size:24px; }
h3.smaller { font-size:21px; }
h4.smaller { font-size:17px; }
h5.smaller { font-size:14px; }
h6.smaller { font-size:12px; }
h1.bigger { font-size:33px; }
h2.bigger { font-size:26px; }
h3.bigger { font-size:23px; }
h4.bigger { font-size:19px; }
h5.bigger { font-size:16px; }
h6.bigger { font-size:14px; }
h1.block,h2.block,h3.block,h4.block,h5.block ,h6.block{ margin-bottom:16px;}
.inline {
 display:inline-block !important;
}
.block {
 display:block !important;
}


blockquote  , blockquote.pull-right{
 border-color:#E5EAF1;
}


/* list styling */
li > ul.margin,
li > ol.margin
 {
 margin-left:18px;
}

.unstyled > li > [class*="icon-"]:first-child , .inline > li > [class*="icon-"]:first-child {
 width:20px;
 text-align:center;
}

.spaced > li{
 margin-top:9px;
 margin-bottom:9px;
}
.spaced2 > li {
 margin-top:15px;
 margin-bottom:15px;
}
li.divider:before{
 content:"";
 display:inline-block;
}
li.divider{
 margin-top:3px;
 margin-bottom:3px;
 height:0;
}
.spaced > li.divider{
 margin-top:5px;
 margin-bottom:5px;
}
.spaced2 > li.divider {
 margin-top:8px;
 margin-bottom:8px;
}





/* UI Elements */

/** TABS */
.tab-content {
 border:1px solid #C5D0DC;
 padding:16px 12px;
 position:relative; z-index:11;
}
.tab-content.no-padding {
 padding:0;
}
.tab-content.padding-8 {
 padding:8px 6px;
}
.tab-content.padding-4 {
 padding:4px 3px;
}
.tab-content.padding-24 {
 padding:24px 18px;
}



.nav-tabs {
 border-color:#D6D6D6;
 margin-bottom:-1px;
}
.nav-tabs > li > a , .nav-tabs > li > a:focus {
 border-radius:0 !important;
 border-color:#CDCDCD;

 background-color:#F9F9F9;
 color:#999;

 margin-right:-1px; 1margin-left:1px;
 line-height:16px;
 
 position:relative; z-index:11;
 border-color:#C5D0DC;

}
.nav-tabs > li:first-child > a {
 margin-left:0;
}

.nav-tabs > li > a > .badge{
 padding:0 4px;
 line-height:15px;
}


.nav-tabs > li > a:hover{
 background-color:#FFF;
 color:#4C8FBD;
 border-color:#C5D0DC;
}

.nav-tabs > li.active > a  , .nav-tabs > li.active >  a:hover , .nav-tabs > li.active > a:focus{
 color:#576373;
 border-color:#C5D0DC;
 border-top:2px solid #4C8FBD;
 border-bottom-color:transparent;
 background-color:#FFF;

 z-index:12; line-height:16px;
 margin-top:-1px;

 box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15);
}

.nav-tabs > li > a:active , .nav-tabs > li > a:focus {
 outline:none !important;
}



/* tabs below */
.tabs-below > .nav-tabs {
 margin-bottom:0;
 margin-top:-1px;
 border-color:#C5D0DC;
}

.tabs-below > .nav-tabs > li > a , .tabs-below > .nav-tabs > li > a:hover , .tabs-below > .nav-tabs > li > a , .tabs-below > .nav-tabs > li > a:focus{
 border-color:#C5D0DC;
}
.tabs-below > .nav-tabs > li.active > a , .tabs-below > .nav-tabs > li.active > a:hover , .tabs-below > .nav-tabs > li.active > a , .tabs-below > .nav-tabs > li.active > a:focus {
 border-color:#C5D0DC;
 border-top-width:1px;
 border-bottom:2px solid #4C8FBD;
 border-top-color:transparent;

 margin-top:0;
 box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);
}




/* tabs left */
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
 min-width:60px;
}
.tabs-left > .nav-tabs {
 margin-bottom:0;
 margin-right:-1px;
 border-color:#C5D0DC;
}
.tabs-left > .nav-tabs > li > a , .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus{
 border-color:#C5D0DC;
 margin:0 -1px 0 0;
}

.tabs-left > .nav-tabs > li.active > a  , .tabs-left > .nav-tabs > li.active > a:hover  , .tabs-left > .nav-tabs > li.active > a:focus{
 border-color:#C5D0DC;
 border-top-width:1px;
 border-left:2px solid #4C8FBD;
 border-right-color:transparent;
 margin:0 -1px 0 -1px;
 
 box-shadow: -2px 0 3px 0 rgba(0,0,0,0.15);
}


/* tabs right */
.tabs-right > .nav-tabs {
 margin-bottom:0;
 margin-left:-1px;
 border-color:#C5D0DC;
}
.tabs-right > .nav-tabs > li > a , .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
 border-color:#C5D0DC;
 margin:0 0 0 -1px;
}

.tabs-right > .nav-tabs > li.active > a  , .tabs-right > .nav-tabs > li.active > a:hover  , .tabs-right > .nav-tabs > li.active > a:focus{
 border-color:#C5D0DC;
 border-top-width:1px;
 border-right:2px solid #4C8FBD;
 border-left-color:transparent;
 margin:0 -1px 0 -1px;
 
 box-shadow: 2px 0 3px 0 rgba(0,0,0,0.15);
}

/* icon in tabs */
.nav-tabs > li > a > [class*="icon-"] {
 opacity:0.75;
}
.nav-tabs > li.active > a > [class*="icon-"] {
 opacity:1;
}


.nav-tabs > li > a > .badge.badge-icon {
 padding-left:0; padding-right:0;
 text-align:center;
 opacity:0.75;
}
.nav-tabs > li > a > .badge.badge-icon > [class*="icon-"] {
 margin:0;
 padding:0;
}

.nav-tabs > li > a > .badge {
 opacity:0.75;
}
.nav-tabs > li.active a > .badge {
 opacity:1;
}



/* dropdown in tabs */
.nav-tabs .dropdown-toggle .caret {
 margin-top:7px;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus  {
 background-color: #4F99C6;
 border-color: #4F99C6;
 color: #FFFFFF; 
}





/** accordion */
.accordion-group {
 border-radius:0;
 border-color:#C5D0DC;
 background-color:#FFF;
}
.accordion-group:last-child {
 border-bottom-width:1px;
}
.collapse {
 background-color:#FFF;
}

.accordion-heading .accordion-toggle {
 color:#4C8FBD;
 background-color:#F1F9FF;
}
.accordion-heading .accordion-toggle.collapsed {
 color:#679;
 font-weight:normal;
 background-color:#F1F9FF;
}
.accordion-heading .accordion-toggle:hover {
 color:#4C8FBD;
 background-color:#F1F9FF;
}

.accordion-heading .accordion-toggle {
 position:relative;
}
.accordion-heading .accordion-toggle:after{
 content:"\f107";
 font-family:FontAwesome;
 font-size:16px;
 display:inline-block;
 color:#4C8FBD;
 position:absolute; right:6px; 
 width:14px; line-height:18px;
 text-align:center;
}
.accordion-heading .accordion-toggle.collapsed:after{
 content:"\f104";
 color:#679;
}
.accordion-heading .accordion-toggle.collapsed:hover:after{
 color:#4C8FBD;
}


.accordion-heading .accordion-toggle:focus,.accordion-heading .accordion-toggle:active {
 outline:none;
 text-decoration:none;
}
.collapse.in  > .accordion-inner , .accordion-inner {
 border-top:1px solid #C5D0DC;
}

.accordion-heading .accordion-toggle > [class*="icon-"]:first-child{
 width:16px;
}
.accordion-heading .accordion-toggle:hover > [class*="icon-"]:first-child{
 text-decoration:none;
}
.accordion-inner.no-padding {
 padding:0;
}




/* progressbar */
.progress {
 border-radius:0;
 height:18px;
 box-shadow:none;
 background:#DADADA;
}
.progress .bar {
 box-shadow:none;
 line-height:18px;
}
.progress[data-percent] {
 position:relative;
}
.progress[data-percent]:after {
 display:inline-block;
 content:attr(data-percent);
 color:#FFF;
 position:absolute;
 left:0; right:0; top:0; bottom:0; line-height:16px;
 text-align:center;
 font-size:12px; font-family:Verdana;
}

.progress.progress-small {
 height:12px;
}
.progress.progress-small .bar {
 line-height:10px;
 font-size:11px;
}
.progress.progress-small[data-percent]:after {
 line-height:10px;
 font-size:11px;
}

.progress.progress-mini {
 height:9px;
}
.progress.progress-mini .bar {
 line-height:8px;
 font-size:11px;
}
.progress.progress-mini[data-percent]:after {
 line-height:8px;
 font-size:11px;
}



.progress .bar {
 background-image:none;
 background-color:#2A91D8;
}
.progress-danger .bar, .progress .bar-danger {
 background-image:none;
 background-color:#CA5952;
}
.progress-success .bar, .progress .bar-success {
 background-image:none;
 background-color:#59A84B;
}
.progress-warning .bar, .progress .bar-warning {
 background-image:none;
 background-color:#F2BB46;
}
.progress .bar + .bar {
 box-shadow:none;
}
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
 background-color:#CC4942;
}
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
 background-color:#EBA450;
}
.progress-success.progress-striped .bar, .progress-striped .bar-success {
 background-color:#55B83B;
}
.progress-info.progress-striped .bar, .progress-striped .bar-info {
 background-color:#148BCF;
}

.progress {
 position:relative;
}
.progress:before {
 display:inline-block;
 content:"";
 position:absolute;
 left:0; right:0;
 top:0; bottom:0;
 background:radial-gradient(9px 9px 0deg, circle cover, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%);
}



/* modals */
.modal {
 border-radius:0;
}
.modal-footer {
 border-top-color:#E4E9EE;
 box-shadow:none;
 background-color:#EFF3F8;
}
.modal-header .close {
 font-size:32px;
}

/* wells */
.well {
 border-radius:0;
}
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
 margin-top:0;
}
.well h1, .well h2, .well h3 {
 line-height:36px;
}


/* alerts */
.alert {
 font-size:14px;
 border-radius:0;
}
.alert .close {
 font-size:16px;
}
.alert-block p + p {
 margin-top:10px;
}



/* tooltips and popovers */
.tooltip.left {
  margin-left: -11px;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip-inner  {
 background-color:#333;
 color:#FFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px; font-weight:bold;
 text-shadow:1px 1px 0 rgba(42,45,50,0.5);
 border-radius:0;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #333;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #333;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #333;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #333;
}


.tooltip-error + .tooltip > .tooltip-inner  {
 background-color:#C94D32;
 color:#FFF;
 text-shadow:1px 1px 0 rgba(100,60,20,0.3);
 border-radius:0;
}
.tooltip-error + .tooltip.top .tooltip-arrow {
  border-top-color: #C94D32;
}
.tooltip-error + .tooltip.right .tooltip-arrow {
  border-right-color: #C94D32;
}
.tooltip-error + .tooltip.left .tooltip-arrow {
  border-left-color: #C94D32;
}
.tooltip-error + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #C94D32;
}

.tooltip-success + .tooltip > .tooltip-inner  {
 background-color:#629B58;
 color:#FFF;
 text-shadow:1px 1px 0 rgba(60,100,20,0.3);
 border-radius:0;
}
.tooltip-success + .tooltip.top .tooltip-arrow {
  border-top-color: #629B58;
}
.tooltip-success + .tooltip.right .tooltip-arrow {
  border-right-color: #629B58;
}
.tooltip-success + .tooltip.left .tooltip-arrow {
  border-left-color: #629B58;
}
.tooltip-success + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #629B58;
}

.tooltip-warning + .tooltip > .tooltip-inner  {
 background-color:#ED9421;
 color:#FFF;
 text-shadow:1px 1px 0 rgba(100,90,10,0.3);
 border-radius:0;
}
.tooltip-warning + .tooltip.top .tooltip-arrow {
  border-top-color: #ED9421;
}
.tooltip-warning + .tooltip.right .tooltip-arrow {
  border-right-color: #ED9421;
}
.tooltip-warning + .tooltip.left .tooltip-arrow {
  border-left-color: #ED9421;
}
.tooltip-warning + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #ED9421;
}


.tooltip-info + .tooltip > .tooltip-inner  {
 background-color:#4B89AA;
 color:#FFF;
 text-shadow:1px 1px 0 rgba(40,50,100,0.3);
 border-radius:0;
}
.tooltip-info + .tooltip.top .tooltip-arrow {
  border-top-color: #4B89AA;
}
.tooltip-info + .tooltip.right .tooltip-arrow {
  border-right-color: #4B89AA;
}
.tooltip-info + .tooltip.left .tooltip-arrow {
  border-left-color: #4B89AA;
}
.tooltip-info + .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #4B89AA;
}




/* popover */
.popover {
 border-radius: 0;
 padding:0;
 border-color:#ccc;
 border-width:1px;
 
 box-shadow:0 0 4px 2px rgba(0,0,0,0.2);
 color:#4D6883;
}

.popover-title {
 border-radius: 0;
 background-color:#EFF3F8;
 color:#555;
 border-bottom:1px solid #DFE3E8;

 text-shadow:1px 1px 1px rgba(220,220,220,0.2);
 
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #EFF3F8;
  border-top-width: 0;
}


.tooltip-error + .popover .popover-title  {
 background-color:#F7F0EF; border-bottom-color:#E8E0DF;
 color:#B75445;
 text-shadow:none;
}
.tooltip-error + .popover {
 color:#555;
 border:1px solid #F7F0EF;
}
.tooltip-error + .popover.top .arrow:after {
 border-top-color:#F7F0EF;
}
.tooltip-error + .popover.bottom .arrow:after {
 border-bottom-color:#F7F0EF;
}
.tooltip-error + .popover.right .arrow:after {
 border-right-color:#F7F0EF;
}
.tooltip-error + .popover.left .arrow:after {
 border-left-color:#F7F0EF;
}


.tooltip-warning + .popover .popover-title  {
 background-color:#F4EEE3; border-bottom-color:#E4DCD3;
 color:#D67E31;
 text-shadow:none;
}
.tooltip-warning + .popover {
 color:#555;
 border:1px solid #F4EEE3;
}
.tooltip-warning + .popover.top .arrow:after {
 border-top-color:#F4EEE3;
}
.tooltip-warning + .popover.bottom .arrow:after {
 border-bottom-color:#F4EEE3;
}
.tooltip-warning + .popover.right .arrow:after {
 border-right-color:#F4EEE3;
}
.tooltip-warning + .popover.left .arrow:after {
 border-left-color:#F4EEE3;
}

.tooltip-success + .popover .popover-title  {
 background-color:#E8F2E3; border-bottom-color:#D8E2D3;
 color:#629B58;
 text-shadow:none;
}
.tooltip-success + .popover {
 color:#555;
 border:1px solid #E8F2E3;
}
.tooltip-success + .popover.top .arrow:after {
 border-top-color:#E8F2E3;
}
.tooltip-success + .popover.bottom .arrow:after {
 border-bottom-color:#E8F2E3;
}
.tooltip-success + .popover.right .arrow:after {
 border-right-color:#E8F2E3;
}
.tooltip-success + .popover.left .arrow:after {
 border-left-color:#E8F2E3;
}


.tooltip-info + .popover .popover-title  {
 background-color:#E5EDF8; border-bottom-color:#D5DDE8;
 color:#3F79B6;
 text-shadow:none;
}
.tooltip-info + .popover {
 color:#555;
 border:1px solid #E5EDF8;
}
.tooltip-info + .popover.top .arrow:after {
 border-top-color:#E5EDF8;
}
.tooltip-info + .popover.bottom .arrow:after {
 border-bottom-color:#E5EDF8;
}
.tooltip-info + .popover.right .arrow:after {
 border-right-color:#E5EDF8;
}
.tooltip-info + .popover.left .arrow:after {
 border-left-color:#E5EDF8;
}


.popover-notitle + .popover .popover-title  {
 display:none;
}
.popover-notitle + .popover.top .arrow:after {
 border-top-color:#FFF;
}
.popover-notitle + .popover.bottom .arrow:after {
 border-bottom-color:#FFF;
}
.popover-notitle + .popover.right .arrow:after {
 border-right-color:#FFF;
}
.popover-notitle + .popover.left .arrow:after {
 border-left-color:#FFF;
}











/** buttons */
.btn {
 display:inline-block;
 padding:0 12px 1px;
 line-height:32px;

 color:#FFF !important;
 text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) !important;
 font-size:14px;

 background-image:none !important;
 background-color:#ABBAC3 !important;
 border:5px solid #ABBAC3;
 border-radius:0 !important;
 box-shadow:none !important;
 
 -moz-transition: all 0.1s ease-in-out;
 -webkit-transition: all 0.1s ease-in-out;
 -o-transition: all 0.1s ease-in-out;
 -ms-transition: all 0.1s ease-in-out;
 transition: all 0.1s ease-in-out;
 
 cursor:pointer;
  
 vertical-align:middle;
 margin:0;
 
 position:relative;
}
.btn-large {
 padding:0 14px 1px;
 line-height:38px;
 border-width:6px;
 font-size:16px;
}
.btn-small {
 padding:0 8px;
 line-height:24px;
 border-width:4px;
 font-size:13px;
}
.btn-mini {
 padding:0 5px;
 line-height:22px;
 border-width:2px;
 font-size:12px;
}
.btn-minier {
 padding:0 4px;
 line-height:18px;
 border-width:1px;
 font-size:11px;
}


button.btn:active  {
 top:1px; left:1px;
}

.btn-default {
 background-color:#ABBAC3 !important;
 border-color:#ABBAC3;
}
.btn:hover , .btn-default:hover {
 background-color:#8B9AA3 !important;
}
.btn.active  , .btn-default.active{
 background-color:#91A0A5 !important;
 border-color:#8796A0;
}
.btn.disabled, .btn-default.disabled,
.btn[disabled], .btn-default[disabled]
{
 background-color:#ABBAC3 !important;
}



.btn-primary {
 background-color:#2283C5 !important;
 border-color:#2283C5;
}
.btn-primary:hover {
 background-color:#045E9F !important;
}
.btn-primary.active {
 background-color:#1A76B7 !important;
 border-color:#106EAF;
}
.btn-primary.disabled , .btn-primary[disabled]{
 background-color:#2283C5 !important;
}



.btn-info {
 background-color:#6FB3E0 !important;
 border-color:#6FB3E0;
}
.btn-info:hover{
 background-color:#4F99C6 !important;
}
.btn-info.active  {
 background-color:#5CA3D0 !important;
 border-color:#4F99C6;
}
.btn-info.disabled , .btn-info[disabled]{
 background-color:#6FB3E0 !important;
}


.btn-success {
 background-color:#87B87F !important;
 border-color:#87B87F;
}
.btn-success:hover ,.btn-success.active{
 background-color:#629B58 !important;
}
.btn-success.active {
 background-color:#68A563 !important;
 border-color:#629B58;
}
.btn-success.disabled , .btn-success[disabled]{
 background-color:#87B87F !important;
}



.btn-warning {
 background-color:#FFB752 !important;
 border-color:#FFB752;
}
.btn-warning:hover{
 background-color:#E59729 !important;
}
.btn-warning.active {
 background-color:#EA9E33 !important;
 border-color:#E59729;
}
.btn-warning.disabled , .btn-warning[disabled]{
 background-color:#FFB752 !important;
}



.btn-danger {
 background-color:#D15B47 !important;
 border-color:#D15B47;
}
.btn-danger:hover  {
 background-color:#B74635 !important;
}
.btn-danger.active {
 background-color:#BF4E3D !important;
 border-color:#B74635;
}
.btn-danger.disabled , .btn-danger[disabled]{
 background-color:#D15B47 !important;
}



.btn-inverse {
 background-color:#555 !important;
 border-color:#555;
}
.btn-inverse:hover{
 background-color:#303030 !important;
}
.btn-inverse.active {
 background-color:#3E3E3E !important;
 border-color:#303030;
}
.btn-inverse.disabled , .btn-inverse[disabled]{
 background-color:#555 !important;
}



.btn-pink {
 background-color:#D6487E !important;
 border-color:#D6487E;
}
.btn-pink:hover{
 background-color:#B73766 !important;
}
.btn-pink.active {
 background-color:#C0406F !important;
 border-color:#B73766;
}
.btn-pink.disabled , .btn-pink[disabled]{
 background-color:#D6487E !important;
}


.btn-purple {
 background-color:#9585BF !important;
 border-color:#9585BF;
}
.btn-purple:hover {
 background-color:#7461AA !important;
}
.btn-purple.active {
 background-color:#7E6AB2 !important;
 border-color:#7461AA;
}
.btn-purple.disabled , .btn-purple[disabled]{
 background-color:#9585BF !important;
}


.btn-yellow {
 background-color:#FEE188 !important;
 border-color:#FEE188;
 color:#996633 !important;
 text-shadow:0 -1px 0 rgba(255, 255, 255, 0.4) !important;
}
.btn-yellow:hover {
 background-color:#F7D05B !important;
}
.btn.btn-yellow.active {
 background-color:#F9D570 !important;
 border-color:#EDCC71;
}
.btn.btn-yellow.active:after {
 border-bottom-color:#C96338;
}
.btn-yellow.disabled , .btn-yellow[disabled]{
 background-color:#FEE188 !important;
}


.btn-light {
 color:#888 !important;
 background-color:#E7E7E7 !important;
 border-color:#E7E7E7;
 text-shadow:0 -1px 0 rgba(250, 250, 250, 0.25) !important;
}

.btn-light:hover  {
 background-color:#D9D9D9 !important;
}
.btn.btn-light.active {
 background-color:#DFDFDF !important;
 border-color:#D5D5D5;
 color:#515151;
}
.btn.btn-light.active:after {
 border-bottom-color:#aaa;
}
.btn-light.disabled , .btn-light[disabled]{
 background-color:#E7E7E7 !important;
}


.btn-light.btn-mini:after {
 left:-2px; right:-2px; top:-2px; bottom:-2px;
}
.btn-light.btn-small:after {
 left:-4px; right:-4px; top:-4px; bottom:-4px;
}
.btn-light.btn-large:after {
 left:-6px; right:-6px; top:-6px; bottom:-6px;
}


.btn-grey {
 background-color:#A0A0A0 !important;
 border-color:#A0A0A0;
}
.btn-grey:hover  {
 background-color:#888 !important;
}
.btn-grey.active {
 background-color:#929292 !important;
 border-color:#888;
}
.btn-grey.disabled , .btn-grey[disabled]{
 background-color:#A0A0A0 !important;
}



.btn-white {
 background-color:#F7F7F7 !important;
 border-color:#D7D7D7;
 text-shadow:none !important;
}
.btn-white:hover  {
 background-color:#EEE !important;
}
.btn-white.active {
 background-color:#F1F1F1 !important;
 border-color:#999;
}
.btn-white.disabled , .btn-white[disabled]{
 background-color:#F7F7F7 !important;
}




.btn.disabled.active,
.btn.disabled:focus,
.btn[disabled]:active  , .btn[disabled].active,
.btn[disabled]:focus
{
 outline:none;
}
.btn.disabled:active   , .btn[disabled]:active {
 top:0; left:0;
}


/* active buttons */
.btn.active {
 color:#EFE5B5;
}
.btn.active:after {
 display:inline-block;
 content:"";
 position:absolute;
 border-bottom:1px solid #EFE5B5;
 left:-4px; right:-4px; bottom:-4px;
}
.btn-small.active:after {
 left:-3px; right:-3px; bottom:-3px;
 border-bottom-width:1px;
}
.btn-large.active:after {
 left:-5px; right:-5px; bottom:-5px;
 border-bottom-width:1px;
}
.btn-mini.active:after {
 left:-1px; right:-1px; bottom:-1px;
 border-bottom-width:1px;
}



/* icons in buttons */
.btn > [class*="icon-"] {
 margin-right:4px;
 font-size:110%;
 
 display:inline;
 min-width:12px;
}
.btn-large > [class*="icon-"] {
 margin-right:6px;
 font-size:110%;
}
.btn-small > [class*="icon-"] {
 margin-right:3px;
 font-size:110%;
}
.btn-mini > [class*="icon-"] {
 margin-right:2px;
 font-size:120%;
}
.btn > .icon-round{
 padding:1px 2px;
 border:2px solid #FFF;
 border-radius:16px;
}

.btn > .icon-on-right[class*="icon-"] {
 margin-right:0;
 margin-left:4px;
}
.btn-large > .icon-on-right[class*="icon-"]{
 margin-left:6px;
 margin-right:0;
}
.btn-small > .icon-on-right[class*="icon-"] {
  margin-left:3px;
  margin-right:0;
}
.btn-mini > .icon-on-right[class*="icon-"]{
 margin-left:2px;
 margin-right:0;
}


.btn >.icon-only{
 margin:0;
 vertical-align:middle;
 text-align:center;
 padding:0;
 width:24px;
}

.btn-link {
 border:none !important;
 background-color:transparent;
 color:#0088CC !important;
 text-shadow:none !important;
 padding:4px 12px !important;
 line-height:20px !important;
}
.btn-link:hover {
 background:none !important;
 text-shadow:none !important;
}
.btn-link.active {
 background:none !important;
 text-decoration:underline;
 color:#0077BB !important;
}
.btn-link.active:after {
 display:none;
}
.btn-link.disabled , .btn-link[disabled]{
 background:none;
 opacity:0.65;
}
.btn-link.disabled:hover{
 background:none !important;
 text-decoration:none !important;
}



/* button groups */
.btn-group > .btn:first-child  , .btn-group > .btn:last-child {
 border-radius:0;
}
.btn-group > .btn + .btn  , .btn-group + .btn{
 margin:0 1px 0 0;
}
.btn-group > .btn:first-child {
 margin:0 1px 0 0;
}
.btn-group > .btn  , .btn-group + .btn{
 margin:0 1px 0 0;
 border-width:3px !important;
}
.btn-group > .btn-large  , .btn-group + .btn-large{
 border-width:4px !important;
}
.btn-group > .btn-small  , .btn-group + .btn-small{
 border-width:2px !important;
}
.btn-group > .btn-mini  , .btn-group + .btn-mini{
 border-width:1px !important;
}

.btn-group-vertical > .btn , .btn-group-vertical > .btn + .btn {
 margin:1px 0 0;
}



.btn-group > .btn:after , .btn-group + .btn:after {
 left:-2px; right:-2px; bottom:-2px;
 border-bottom-width:1px;
}
.btn-group > .btn-small:after  , .btn-group + .btn-small:after {
 left:-1px; right:-1px; bottom:-1px;
 border-bottom-width:1px;
}
.btn-group > .btn-large:after  , .btn-group + .btn-large:after {
 left:-3px; right:-3px; bottom:-3px;
 border-bottom-width:1px;
}
.btn-group > .btn-mini:after  , .btn-group + .btn-mini:after {
 left:0px; right:0px; bottom:0px;
 border-bottom-width:1px;
}

.btn-group > .btn  + .btn.dropdown-toggle {
 padding-right:3px;
 padding-left:3px;
}
.btn-group > .btn  + .btn-large.dropdown-toggle {
 padding-right:4px;
 padding-left:4px;
}


.btn > .caret {
 margin-top:15px;
 margin-left:1px;
 border-width:5px;
 border-top-color:#FFF;
}

.btn-small > .caret {
 margin-top:10px;
 border-width:4px;
}
.btn-mini > .caret {
 margin-top:9px;
 border-width:4px;
}
.btn-large > .caret {
 margin-top:18px;
 border-width:6px;
}

.btn-group > .dropdown-toggle {
 border-radius:0;
}





/* application buttons */
.btn.btn-app {
 display:inline-block;
 width:100px;
 margin:2px;
 position:relative;

 font-size:18px;
 font-weight:normal;
 color:#FFF;
 
 text-align:center;
 text-shadow:0 -1px -1px rgba(0,0,0,0.2) !important;
 border:none;
 border-radius:12px !important;
 
 padding:12px 0 8px;
 
 background:#B3C1CB !important;
 background: -moz-linear-gradient(top,  #BCC9D5 0%, #ABBAC3 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BCC9D5), color-stop(100%,#ABBAC3)) !important;
 background: -webkit-linear-gradient(top,  #BCC9D5 0%,#ABBAC3 100%) !important;
 background: -o-linear-gradient(top,  #BCC9D5 0%,#ABBAC3 100%) !important;
 background: -ms-linear-gradient(top,  #BCC9D5 0%,#ABBAC3 100%) !important;
 background: linear-gradient(to bottom,  #BCC9D5 0%,#ABBAC3 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BCC9D5', endColorstr='#ABBAC3',GradientType=0 ) !important;
}

.btn-app.btn-primary {
 background:#298ACB !important;
 background: -moz-linear-gradient(top,  #3B98D6 0%, #197EC1 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B98D6), color-stop(100%,#197EC1)) !important;
 background: -webkit-linear-gradient(top,  #3B98D6 0%,#197EC1 100%) !important;
 background: -o-linear-gradient(top,  #3B98D6 0%,#197EC1 100%) !important;
 background: -ms-linear-gradient(top,  #3B98D6 0%,#197EC1 100%) !important;
 background: linear-gradient(to bottom,  #3B98D6 0%,#197EC1 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B98D6', endColorstr='#197EC1',GradientType=0 ) !important;
}

.btn-app.btn-info{
 background:#78BC43 !important;
 background: -moz-linear-gradient(top,  #75B5E6 0%, #5BA4D5 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75B5E6), color-stop(100%,#5BA4D5)) !important;
 background: -webkit-linear-gradient(top,  #75B5E6 0%,#5BA4D5 100%) !important;
 background: -o-linear-gradient(top,  #75B5E6 0%,#5BA4D5 100%) !important;
 background: -ms-linear-gradient(top,  #75B5E6 0%,#5BA4D5 100%) !important;
 background: linear-gradient(to bottom,  #75B5E6 0%,#5BA4D5 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75B5E6', endColorstr='#5BA4D5',GradientType=0 ) !important;
}
.btn-app.btn-success{
 background:#84B357 !important;
 background: -moz-linear-gradient(top,  #8EBF60 0%, #7DAA50 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8EBF60), color-stop(100%,#7DAA50)) !important;
 background: -webkit-linear-gradient(top,  #8EBF60 0%,#7DAA50 100%) !important;
 background: -o-linear-gradient(top,  #8EBF60 0%,#7DAA50 100%) !important;
 background: -ms-linear-gradient(top,  #8EBF60 0%,#7DAA50 100%) !important;
 background: linear-gradient(to bottom,  #8EBF60 0%,#7DAA50 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8EBF60', endColorstr='#7DAA50',GradientType=0 ) !important;
}
.btn-app.btn-danger{
 background:#D23E37 !important;
 background: -moz-linear-gradient(top,  #D55B52 0%, #D12723 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D55B52), color-stop(100%,#D12723)) !important;
 background: -webkit-linear-gradient(top,  #D55B52 0%,#D12723 100%) !important;
 background: -o-linear-gradient(top,  #D55B52 0%,#D12723 100%) !important;
 background: -ms-linear-gradient(top,  #D55B52 0%,#D12723 100%) !important;
 background: linear-gradient(to bottom,  #D55B52 0%,#D12723 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D55B52', endColorstr='#D12723',GradientType=0 ) !important;
}
.btn-app.btn-warning{
 background:#FFB752 !important;
 background: -moz-linear-gradient(top,  #FFBF66 0%, #FFA830 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFBF66), color-stop(100%,#FFA830)) !important;
 background: -webkit-linear-gradient(top,  #FFBF66 0%,#FFA830 100%) !important;
 background: -o-linear-gradient(top,  #FFBF66 0%,#FFA830 100%) !important;
 background: -ms-linear-gradient(top,  #FFBF66 0%,#FFA830 100%) !important;
 background: linear-gradient(to bottom,  #FFBF66 0%,#FFA830 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBF66', endColorstr='#FFA830',GradientType=0 ) !important;
}
.btn-app.btn-purple{
 background:#9182BB !important;
 background: -moz-linear-gradient(top,  #9B8AC5 0%, #8A7CB4 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9B8AC5), color-stop(100%,#8A7CB4)) !important;
 background: -webkit-linear-gradient(top,  #9B8AC5 0%,#8A7CB4 100%) !important;
 background: -o-linear-gradient(top,  #9B8AC5 0%,#8A7CB4 100%) !important;
 background: -ms-linear-gradient(top,  #9B8AC5 0%,#8A7CB4 100%) !important;
 background: linear-gradient(to bottom,  #9B8AC5 0%,#8A7CB4 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9B8AC5', endColorstr='#8A7CB4',GradientType=0 ) !important;
}
.btn-app.btn-pink{
 background:#D6487E !important;
 background: -moz-linear-gradient(top,  #DB5E8C 0%, #CE3970 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DB5E8C), color-stop(100%,#CE3970)) !important;
 background: -webkit-linear-gradient(top,  #DB5E8C 0%,#CE3970 100%) !important;
 background: -o-linear-gradient(top,  #DB5E8C 0%,#CE3970 100%) !important;
 background: -ms-linear-gradient(top,  #DB5E8C 0%,#CE3970 100%) !important;
 background: linear-gradient(to bottom,  #DB5E8C 0%,#CE3970 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB5E8C', endColorstr='#CE3970',GradientType=0 ) !important;
}
.btn-app.btn-inverse{
 background:#393939 !important;
 background: -moz-linear-gradient(top,  #494949 0%, #303030 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#303030)) !important;
 background: -webkit-linear-gradient(top,  #494949 0%,#303030 100%) !important;
 background: -o-linear-gradient(top,  #494949 0%,#303030 100%) !important;
 background: -ms-linear-gradient(top,  #494949 0%,#303030 100%) !important;
 background: linear-gradient(to bottom,  #494949 0%,#303030 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#303030',GradientType=0 ) !important;
}
.btn-app.btn-grey{
 background:#888 !important;
 background: -moz-linear-gradient(top,  #848484 0%, #707070 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(100%,#707070)) !important;
 background: -webkit-linear-gradient(top,  #848484 0%,#707070 100%) !important;
 background: -o-linear-gradient(top,  #848484 0%,#707070 100%) !important;
 background: -ms-linear-gradient(top,  #848484 0%,#707070 100%) !important;
 background: linear-gradient(to bottom,  #848484 0%,#707070 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#707070',GradientType=0 ) !important;
}
.btn-app.btn-light{
 color:#5A5A5A !important;
 text-shadow:0 1px 1px #EEE !important;
 border:2px solid #DDD;

 background:#EEE !important;
 background: -moz-linear-gradient(top,  #F4F4F4 0%, #E6E6E6 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#E6E6E6)) !important;
 background: -webkit-linear-gradient(top,  #F4F4F4 0%,#E6E6E6 100%) !important;
 background: -o-linear-gradient(top,  #F4F4F4 0%,#E6E6E6 100%) !important;
 background: -ms-linear-gradient(top,  #F4F4F4 0%,#E6E6E6 100%) !important;
 background: linear-gradient(to bottom,  #F4F4F4 0%,#E6E6E6 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#E6E6E6',GradientType=0 ) !important;
}

.btn-app.btn-yellow{
 color:#996633 !important;
 text-shadow:0 -1px 0 rgba(255, 255, 255, 0.4) !important;
 border:2px solid #FEE188;

 background:#FEE188 !important;
 background: -moz-linear-gradient(top,  #FFE8A5 0%, #FCD76A 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE8A5), color-stop(100%,#FCD76A)) !important;
 background: -webkit-linear-gradient(top,  #FFE8A5 0%,#FCD76A 100%) !important;
 background: -o-linear-gradient(top,  #FFE8A5 0%,#FCD76A 100%) !important;
 background: -ms-linear-gradient(top,  #FFE8A5 0%,#FCD76A 100%) !important;
 background: linear-gradient(to bottom,  #FFE8A5 0%,#FCD76A 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE8A5', endColorstr='#FCD76A',GradientType=0 ) !important;
}
.btn-app.btn-yellow.active{
 border-color:#FEE188;
}

.btn.btn-app > [class*=icon] {
 display:block;
 font-size:42px;
 
 margin:0 0 4px;
 line-height:36px;
 min-width:0;
 
 padding:0;
}

.btn.btn-app.btn-small{
 width:80px;
 font-size:16px;
 border-radius:10px !important;
 padding-bottom:9px;
}
.btn.btn-app.btn-small > [class*=icon]{
 display:block;
 font-size:32px;
 line-height:30px;
 margin:0 0 3px;
}
.btn.btn-app.btn-mini{
 width:64px;
 font-size:15px;
 border-radius:8px !important;
 padding-bottom:7px;
 padding-top:8px;
}
.btn.btn-app.btn-mini > [class*=icon] {
 display:block;
 font-size:24px;
 line-height:24px;
 margin:0 0 0px;
}

.btn.btn-app.btn-mini.btn-light{
 width:64px;
 padding-bottom:6px;
}


.btn.btn-app.no-radius{
 border-radius:0 !important;
}
.btn.btn-app.radius-4{
 border-radius:4px !important;
}


.btn-app > .badge , .btn-app > .label{
 position:absolute !important;
 top:-2px; right:-2px;
 padding:1px 3px;
 text-align:center;
 font-size:12px;
}
.btn-app > .label {
 padding:1px 6px 3px;
 font-size:13px;
}
.btn.btn-app.radius-4 > .badge,
.btn.btn-app.no-radius > .badge{
 border-radius:3px;
}
.btn-app > .badge-right , .btn-app > .label-right{
 right:auto;
 left:-2px;
}
.btn.btn-app.radius-4 > .badge.no-radius,
.btn.btn-app.no-radius > .badge.no-radius{
 border-radius:0;
}

.btn.btn-app.active {
 color:#FFF;
}
.btn.btn-app.active:after {
 display:none;
}
.btn.btn-app.btn-yellow.active {
 color:#963;
}
.btn.btn-app.btn-light.active {
 color:#515151;
}


/* pagination */
.pagination ul > li > a , .pager > li > a{
 border-width:1px;
 border-radius:0 !important;
}
.pagination ul > li > a, .pager > li > a{
 color:#2283C5;
 background-color:#FAFAFA;
 margin:0 -1px 0 0;
 border-color:#E0E8EB;
}
.pagination ul > li > a:hover , .pager > li > a:hover {
 background-color:#EAEFF2;
}

.pagination ul > li.disabled > a , .pagination ul > li.disabled > a:hover ,
.pager > li.disabled > a , .pager > li.disabled > a:hover {
 background-color:#F9F9F9;
 border-color:#D9D9D9;
}

.pagination ul > li.active > a, .pagination ul > li.active > a:hover {
 background-color:#6FAED9;
 border-color:#6FAED9;
 color:#FFF;
 text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}




/* labels & badges */
.label {
 border-radius:0;
 text-shadow:none;
 font-size:11px;
 font-weight:normal;
 padding:1px 5px 3px;
 background-color:#ABBAC3 !important;
}
.label[class*="span"][class*="arrow"] {
 min-height:0;
}
.badge {
 text-shadow:none;
 font-size:12px;
 padding-top:1px;
 padding-bottom:3px;
 font-weight:normal;
 line-height:15px;
}
.label-transparent, .badge-transparent {
 background-color:transparent !important;
}
.label-success, .badge-success {
 background-color:#82AF6F !important;
}
.badge-important, .label-important {
 background-color:#D15B47 !important;
}
.badge-info, .label-info {
 background-color:#3A87AD !important;
}
.badge-inverse, .label-inverse {
 background-color:#333 !important;
}
.badge-warning, .label-warning {
 background-color:#F89406 !important;
}
.badge-pink, .label-pink {
 background-color:#D6487E !important;
}
.badge-purple, .label-purple {
 background-color:#9585BF !important;
}
.badge-yellow, .label-yellow {
 background-color:#FEE188 !important;
 border-color:#FEE188;
 color:#996633 !important;
}
.badge-light, .label-light {
 background-color:#E7E7E7 !important;
 color:#888 !important;
}
.label-grey, .badge-grey {
 background-color:#A0A0A0 !important;
}


.label.arrowed , .label.arrowed-in {
 position:relative;
}
.label.arrowed  {
 margin-left:9px;
}
.label.arrowed-in  {
 margin-left:9px;
}
.label.arrowed:before , .label.arrowed-in:before {
 display:inline-block;
 content:"";
 position:absolute;
 left:-14px; top:0;
 border:9px solid transparent;
 border-width:9px 7px;
 
 border-right-color:#ABBAC3;
}
.label.arrowed-in:before {
 border-color:#ABBAC3;
 border-left-color:transparent !important;
 left:-9px;
}
.label.arrowed-right , .label.arrowed-in-right {
 position:relative;
}
.label.arrowed-right  {
 margin-right:9px;
}
.label.arrowed-in-right  {
 margin-right:9px;
}
.label.arrowed-right:after , .label.arrowed-in-right:after {
 display:inline-block;
 content:"";
 position:absolute;
 right:-14px; top:0;
 border:9px solid transparent;
 border-width:9px 7px;
  
 border-left-color:#ABBAC3;
}
.label.arrowed-in-right:after {
 border-color:#ABBAC3;
 border-right-color:transparent !important;
 right:-9px;
}


.label-success.arrowed:before {
 border-right-color:#82AF6F;
}
.label-success.arrowed-in:before {
 border-color:#82AF6F;
}
.label-success.arrowed-right:after  {
 border-left-color:#82AF6F;
}
.label-success.arrowed-in-right:after {
 border-color:#82AF6F;
}

.label-warning.arrowed:before {
 border-right-color:#F89406;
}
.label-warning.arrowed-in:before {
 border-color:#F89406;
}
.label-warning.arrowed-right:after  {
 border-left-color:#F89406;
}
.label-warning.arrowed-in-right:after {
 border-color:#F89406;
}

.label-important.arrowed:before {
 border-right-color:#D15B47;
}
.label-important.arrowed-in:before {
 border-color:#D15B47;
}
.label-important.arrowed-right:after  {
 border-left-color:#D15B47;
}
.label-important.arrowed-in-right:after {
 border-color:#D15B47;
}

.label-info.arrowed:before {
 border-right-color:#3A87AD;
}
.label-info.arrowed-in:before {
 border-color:#3A87AD;
}
.label-info.arrowed-right:after  {
 border-left-color:#3A87AD;
}
.label-info.arrowed-in-right:after {
 border-color:#3A87AD;
}

.label-inverse.arrowed:before {
 border-right-color:#333;
}
.label-inverse.arrowed-in:before {
 border-color:#333;
}
.label-inverse.arrowed-right:after  {
 border-left-color:#333;
}
.label-inverse.arrowed-in-right:after {
 border-color:#333;
}

.label-pink.arrowed:before {
 border-right-color:#D6487E;
}
.label-pink.arrowed-in:before {
 border-color:#D6487E;
}
.label-pink.arrowed-right:after  {
 border-left-color:#D6487E;
}
.label-pink.arrowed-in-right:after {
 border-color:#D6487E;
}

.label-purple.arrowed:before {
 border-right-color:#9585BF;
}
.label-purple.arrowed-in:before {
 border-color:#9585BF;
}
.label-purple.arrowed-right:after  {
 border-left-color:#9585BF;
}
.label-purple.arrowed-in-right:after {
 border-color:#9585BF;
}

.label-yellow.arrowed:before {
 border-right-color:#FEE188;
}
.label-yellow.arrowed-in:before {
 border-color:#FEE188;
}
.label-yellow.arrowed-right:after  {
 border-left-color:#FEE188;
}
.label-yellow.arrowed-in-right:after {
 border-color:#FEE188;
}

.label-light.arrowed:before {
 border-right-color:#E7E7E7;
}
.label-light.arrowed-in:before {
 border-color:#E7E7E7;
}
.label-light.arrowed-right:after  {
 border-left-color:#E7E7E7;
}
.label-light.arrowed-in-right:after {
 border-color:#E7E7E7;
}

.label-grey.arrowed:before {
 border-right-color:#A0A0A0;
}
.label-grey.arrowed-in:before {
 border-color:#A0A0A0;
}
.label-grey.arrowed-right:after  {
 border-left-color:#A0A0A0;
}
.label-grey.arrowed-in-right:after {
 border-color:#A0A0A0;
}



/* label-large */
.label-large{
  font-size:13px;
  padding:3px 8px 5px;
}
.label-large.arrowed  {
 margin-left:12px;
}
.label-large.arrowed-in  {
 margin-left:12px;
}
.label-large.arrowed:before , .label-large.arrowed-in:before {
 left:-16px;
 border-width:11px 8px;
}
.label-large.arrowed-in:before {
 left:-12px;
}
.label-large.arrowed-right  {
 margin-right:11px;
}
.label-large.arrowed-in-right  {
 margin-right:11px;
}
.label-large.arrowed-right:after , .label-large.arrowed-in-right:after {
 right:-16px;
 border-width:11px 8px;
}
.label-large.arrowed-in-right:after {
 right:-12px;
}






/* dropdown menus */
.icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] {
 background-image:none;
}

.dropdown-menu {
 border-radius:0;
 box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}
.dropdown-submenu > a:after {
 margin-right:-5px;
}

.dropdown-menu.dropdown-icon-only {
 min-width:0;
}
.dropdown-menu.dropdown-icon-only > li {
 float:left;
 margin:0 4px;
}
.dropdown-menu.dropdown-icon-only > li > a [class*="icon-"]{
 width:18px;
 font-size:16px;
}
.dropdown-menu.dropdown-icon-only > li > a .icon-2x{
 width:36px;
 font-size:22px;
}

.dropdown-menu li a {
 margin-bottom:1px; margin-top:1px;
}
.dropdown-menu li a {
 font-size:13px;
 padding-left:11px; padding-right:11px;
}
.dropdown-menu li a:hover , .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-submenu:hover > a , .dropdown-menu li > a:focus , .nav-tabs .dropdown-menu li > a:focus{
 background:#4F99C6;
}
.dropdown-menu.dropdown-default li a:hover , .dropdown-menu.dropdown-default .active > a, .dropdown-menu.dropdown-default .active > a:hover,
.dropdown-default > .dropdown-submenu:hover > a , .dropdown-default li > a:focus , .nav-tabs .dropdown-default li > a:focus{
 background:#ABBAC3;
}
.dropdown-menu.dropdown-info li a:hover , .dropdown-menu.dropdown-info .active > a, .dropdown-menu.dropdown-info .active > a:hover,
.dropdown-info > .dropdown-submenu:hover > a , .dropdown-info li > a:focus , .nav-tabs .dropdown-info li > a:focus{
 background:#6FB3E0;
}
.dropdown-menu.dropdown-purple li a:hover , .dropdown-menu.dropdown-purple .active > a, .dropdown-menu.dropdown-purple .active > a:hover,
.dropdown-purple > .dropdown-submenu:hover > a , .dropdown-purple li > a:focus, .nav-tabs .dropdown-purple li > a:focus{
 background:#9585BF;
}
.dropdown-menu.dropdown-success li a:hover , .dropdown-menu.dropdown-success .active > a, .dropdown-menu.dropdown-success .active > a:hover,
.dropdown-success > .dropdown-submenu:hover > a , .dropdown-success li > a:focus, .nav-tabs .dropdown-success li > a:focus{
 background:#87B87F;
}
.dropdown-menu.dropdown-warning li a:hover , .dropdown-menu.dropdown-warning .active > a, .dropdown-menu.dropdown-warning .active > a:hover,
.dropdown-warning > .dropdown-submenu:hover > a , .dropdown-warning li > a:focus, .nav-tabs .dropdown-warning li > a:focus{
 background:#FFA24D;
}
.dropdown-menu.dropdown-danger li a:hover , .dropdown-menu.dropdown-danger .active > a, .dropdown-menu.dropdown-danger .active > a:hover,
.dropdown-danger > .dropdown-submenu:hover > a , .dropdown-danger li > a:focus, .nav-tabs .dropdown-danger li > a:focus{
 background:#D15B47;
}
.dropdown-menu.dropdown-inverse li a:hover , .dropdown-menu.dropdown-inverse .active > a, .dropdown-menu.dropdown-inverse .active > a:hover,
.dropdown-inverse > .dropdown-submenu:hover > a , .dropdown-inverse li > a:focus, .nav-tabs .dropdown-inverse li > a:focus{
 background:#555;
}
.dropdown-menu.dropdown-pink li a:hover , .dropdown-menu.dropdown-pink .active > a, .dropdown-menu.dropdown-pink .active > a:hover,
.dropdown-pink > .dropdown-submenu:hover > a , .dropdown-pink li > a:focus, .nav-tabs .dropdown-pink li > a:focus{
 background:#D6487E;
}
.dropdown-menu.dropdown-grey li a:hover , .dropdown-menu.dropdown-grey .active > a, .dropdown-menu.dropdown-grey .active > a:hover,
.dropdown-grey > .dropdown-submenu:hover > a , .dropdown-grey li > a:focus, .nav-tabs .dropdown-grey li > a:focus{
 background:#A0A0A0;
}
.dropdown-menu.dropdown-light li a:hover , .dropdown-menu.dropdown-light .active > a, .dropdown-menu.dropdown-light .active > a:hover,
.dropdown-light > .dropdown-submenu:hover > a , .dropdown-light li > a:focus, .nav-tabs .dropdown-light li > a:focus{
 background:#E9E9E9;
 color:#333;
}
.dropdown-menu.dropdown-lighter li a:hover , .dropdown-menu.dropdown-lighter .active > a, .dropdown-menu.dropdown-lighter .active > a:hover,
.dropdown-lighter > .dropdown-submenu:hover > a , .dropdown-lighter li > a:focus, .nav-tabs .dropdown-lighter li > a:focus{
 background:#F3F3F3;
 color:#444;
}
.dropdown-menu.dropdown-yellow li a:hover , .dropdown-menu.dropdown-yellow .active > a, .dropdown-menu.dropdown-yellow .active > a:hover,
.dropdown-yellow > .dropdown-submenu:hover > a , .dropdown-yellow li > a:focus, .nav-tabs .dropdown-yellow li > a:focus{
 background:#FEE188;
 color:#444;
}


.dropdown-submenu > .dropdown-menu {
 border-radius:0 !important;
}
.dropdown-light .dropdown-submenu:hover > a:after , .dropdown-lighter .dropdown-submenu:hover > a:after {
 border-left-color:#444;
}
.nav-tabs .dropdown-menu {
 border-radius:0;
}

/* closer to the toggle button */
.dropdown-menu.dropdown-closer {
 top:80%;
 left:-10px;
}
.dropdown-menu.pull-right.dropdown-closer {
 right:-10px;
 left:auto;
}
.dropdown-menu.dropdown-close{
 top:92%;
 left:-5px;
}
.dropdown-menu.pull-right.dropdown-close {
 right:-5px;
 left:auto;
}



/* colorpicker dropdown */
.dropdown-colorpicker > .dropdown-menu{
 top:80%;
 left:-7px;
}
.dropdown-colorpicker > .dropdown-menu.pull-right {
 right:-7px;
 left:auto;
}

.dropdown-colorpicker > .dropdown-menu {
 padding:4px;
 min-width:120px; max-width:120px;
}

.dropdown-colorpicker > .dropdown-menu > li , .dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {
 display:block;
 float:left;
 width:20px; height:20px;
 margin:2px;
}
.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn{
 margin:0;
 padding:0;
 float:none;
 position:relative;
 border-radius:0;
 
 -webkit-transition: all 0.1s ease;
 -moz-transition: all 0.1s ease;
 -o-transition: all 0.1s ease;
 transition: all 0.1s ease;
}
.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn:hover{
 opacity:0.8;
 transform:scale(1.08);
 text-decoration:none;
}
.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after {
 font-family:FontAwesome;
 display:inline-block; position:absolute; left:0; right:0; text-align:center; line-height:20px;
 content:"\f00c";
 font-size:11px;
 color:#FFF;
}

.btn-colorpicker {
 display:inline-block;
 width:20px; height:20px;
 background-color:#DDD;
 vertical-align:middle;
 
 border-radius:0;
}



/* top user info dropdowns */
.dropdown-navbar {
 padding:0;
 width:240px;
 border-color:#BCD4E5;
 box-shadow:0 2px 4px rgba(30, 30, 100, 0.25);
}
.dropdown-navbar > li {
 padding:0px 8px;
 background-color:#FFF;
}
.dropdown-navbar > li:hover{
 background-color:#F4F9FC !important;
}

.dropdown-navbar > li.nav-header {
 text-shadow:none;
 background-color:#ECF2F7 !important;
 color:#8090A0;
 padding-top:7px; padding-bottom:7px;
 font-size:13px; font-weight:bold; text-transform:none;
 border-bottom:1px solid #BCD4E5;
}
.dropdown-navbar > li > [class*="icon-"]  , .dropdown-navbar > li > a > [class*="icon-"]{
 margin-right:5px !important;
 color:#555;
 font-size:14px;
}
.dropdown-navbar > li.nav-header > [class*="icon-"]  {
 color:#8090A0;
}

.dropdown-navbar > li  > a {
 padding:10px 2px;
 margin:0;
 border-bottom:1px solid #E4ECF3;
 font-size:12px;
 line-height:16px;
 color:#555;
}
.dropdown-navbar > li  > a:active {
 background-color:transparent;
 color:#555;
}


.dropdown-navbar > li  > a:hover {
 background-color:transparent !important;
 color:#555;
}

.dropdown-navbar > li:last-child  > a {
 border-bottom:0 solid #DDD;
 border-top:1px dotted transparent;
 color:#4F99C6;
 
 text-align:center;
 font-size:13px;
}

.dropdown-navbar > li:last-child  > a:hover {
 background-color:#FFF;
 color:#4F99C6;
 text-decoration:underline;
}
.dropdown-navbar > li:last-child  > a:hover > [class*="icon-"] {
 text-decoration:none;
}

.dropdown-navbar > li > a .progress{
 margin-bottom:0;
 margin-top:4px;
}

.dropdown-navbar > li  > a .badge {
 line-height:16px;
 padding-right:4px; padding-left:4px;
 font-size:12px;
}


.msg-photo {
 margin-right:6px;
 max-width:42px;
}
.msg-body {
 display:inline-block;
 line-height:20px;
 white-space:normal;
 vertical-align:middle;
	
 max-width:175px;
}
.msg-title {
 display:inline-block;
 line-height:14px;
}
.msg-time {
 display:block;
 font-size:11px;
 color:#777;
}
.msg-time > [class*="icon-"] {
 font-size:14px;
 color:#555;
}


.dropdown-navbar.navbar-pink {
 border-color:#E5BCD4;
}
.dropdown-navbar.navbar-pink > li.nav-header {
 background-color:#F7ECF2 !important;
 color:#B471A0;
 border-bottom-color:#E5BCD4;
}
.dropdown-navbar.navbar-pink > li.nav-header:hover {
 background-color:#F7ECF2 !important;
}
.dropdown-navbar.navbar-pink > li:hover{
 background-color:#FCF4F9 !important;
}

.dropdown-navbar.navbar-pink > li.nav-header > [class*="icon-"]{
 color:#C06090;
}
.dropdown-navbar.navbar-pink > li  > a {
 border-bottom-color:#F3E4EC;
}
/*
.dropdown-navbar.navbar-pink > li:last-child  > a {
color:#C64F99;
}
*/

.dropdown-navbar.navbar-grey {
 border-color:#E5E5E5;
}
.dropdown-navbar.navbar-grey > li.nav-header {
 background-color:#F2F2F2 !important;
 color:#3A87AD;
 border-bottom-color:#E5E5E5;
}
.dropdown-navbar.navbar-grey > li.nav-header:hover {
 background-color:#F2F2F2 !important;
}
.dropdown-navbar.navbar-grey > li.nav-header > [class*="icon-"]{
 color:#3A87AD;
}
.dropdown-navbar.navbar-grey > li:hover{
 background-color:#F8F8F8 !important;
}
.dropdown-navbar.navbar-grey > li  > a {
 border-bottom-color:#EEE;
}



.dropdown-navbar.navbar-green {
 border-color:#B4D5AC;
}
.dropdown-navbar.navbar-green > li.nav-header {
 background-color:#EBF7E4 !important;
 color:#8A6;
 border-bottom-color:#C4E0AC;
}
.dropdown-navbar.navbar-green > li.nav-header:hover {
 background-color:#EBF7E4 !important;
}
.dropdown-navbar.navbar-green > li:hover{
 background-color:#F4F9EF !important;
}

.dropdown-navbar.navbar-green > li.nav-header > [class*="icon-"]{
 color:#90C060;
}
.dropdown-navbar.navbar-green > li  > a {
 border-bottom-color:#ECF3E4;
}
.dropdown-navbar.navbar-green > li:last-child  > a {

}


.dropdown-navbar [class*="btn"][class*="icon-"] {
 border:none;
 margin:0 5px 0 0;
 width:24px;
 text-align:center;
 padding-left:0;
 padding-right:0;
}


#user_menu > li > a {
 padding:4px 12px;
}
#user_menu > li > a > [class*="icon-"] {
 margin-right:6px;
 font-size:120%;
}
#user_info {
max-width:100px;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

vertical-align:top;
line-height:15px; 
position:relative; top:6px;
}
#user_info > small {
 display:block;
}





















/* tables */
.table-bordered {
 border-radius:0 !important;
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child {
 border-radius:0 !important;
}
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child {
 border-radius:0 !important;
}
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child {
 border-radius:0 !important;
}

.table-bordered {
 border-radius:0 !important;
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child {
 border-radius:0 !important;
}
.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child {
 border-radius:0 !important;
}
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child {
 border-radius:0 !important;
}

.table thead:first-child tr{
 background:#F2F2F2;
 background: -moz-linear-gradient(top,  #F8F8F8 0%, #ECECEC 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#ECECEC));
 background: -webkit-linear-gradient(top,  #F8F8F8 0%,#ECECEC 100%);
 background: -o-linear-gradient(top,  #F8F8F8 0%,#ECECEC 100%);
 background: -ms-linear-gradient(top,  #F8F8F8 0%,#ECECEC 100%);
 background: linear-gradient(to bottom,  #F8F8F8 0%,#ECECEC 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#ECECEC',GradientType=0 );

 color:#707070;
 font-weight:normal;
}
.table thead:first-child tr  th{
 border:1px solid #DDD;
 border-width:0 1px;
 font-weight:bold;
}
.table thead:first-child tr  th > [class*="icon-"]{
 margin-right:2px;
}
.table thead:first-child tr  th:first-child{
 border-left-color:#F1F1F1;
}
.table thead:first-child tr  th:last-child{
 border-right-color:#F1F1F1;
}
.table-bordered thead:first-child tr  th {
 border-width:0 0 0 1px;
 border-color:#DDD;
 vertical-align:middle;
}
.table-bordered thead:first-child tr  th:first-child {
 border-left-color:#DDD;
}


.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #F1F1F1;
}

td .lbl , th .lbl {
  margin-bottom:0;
}
td > .lbl:only-child , th > .lbl:only-child {
 vertical-align:top;
}

td.center, th.center {
 text-align:center;
}


.table-header {
 background-color:#307ECC;
 color:#FFF;
 font-size:14px;
 line-height:38px;
 padding-left:12px;
 margin-bottom:1px;
}




























/** form elements */
.form-line {
 margin-bottom:24px; padding-bottom:12px;
 border-bottom:1px solid #EEE;
}
.form-actions {
 display:block;
}


.help-button {
 display:inline-block;
 height:18px; width:18px; line-height:20px; text-align:center;
 padding:0;
 background-color:#65BCDA;
 color:#FFF;
 font-size:12px; font-weight:bold;
 cursor:default;
 
 margin-left:4px;
 border-radius:16px;
 border-color:#FFF;
 border:2px solid #FFF;
 
 box-shadow:0px 1px 0px 1px rgba(0, 0, 0, 0.2);
}
.help-button:hover {
 background-color:#65BCDA;
 text-shadow:none;
}





label , .lbl {
 vertical-align:middle;
}
td > label , th > label  , label.inline{
 margin-bottom:0;
 line-height:inherit;
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
 border-radius:0 !important;
 border-width:1px;
 color:#AAA;
 background-color:#FFF;
 border-color:#D5D5D5;

 box-shadow:none;
 
 -moz-transition-duration:0.1s;
 -webkit-transition-duration:0.1s;
 -o-transition-duration:0.1s;
 -ms-transition-duration:0.1s;
 transition-duration:0.1s;
}


input.block {
 display:block;
 margin-bottom:9px;
}


textarea.autosize-transition {
 -webkit-transition: height 0.2s ;
 -moz-transition: height 0.2s ;
 -o-transition: height 0.2s ;
 -ms-transition: height 0.2s ;
 transition: height 0.2s ;
}
.limiterBox {
 border: 1px solid #222;
 border-top: none;
 background-color: #333;
 padding: 3px 6px;
 font-size: 12px;
 color:#FFF;
 margin-top:6px;
}
.limiterBox:after {
 display:none;
}
.limiterBox:before {/* the arrow */
  display:block;
  content:"";
  
  position: absolute;
  width: 0; height: 0;
  top: -8px;
  left: 50%;
  margin-left: -5px;
  
  border-color: transparent;
  border-style: solid;
  border-bottom-color: #333;
  border-width: 0 8px 8px;
}



select {
 border-radius:0;
 border-width:1px;
}
select:focus {
 outline:none;
 box-shadow:0px 0px 0px 2px rgba(245, 153, 66, 0.3);
 border-color:#F59942;
}
option {
 padding:3px 4px;
}
option:hover  , option:active, option:focus{
 background-color:#E5E9EE;
 color:#111;
}
option[value=""] {
 padding:0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus
{
 box-shadow:0px 0px 0px 2px rgba(245, 153, 66, 0.3);
 
 color:#838182;
 border-color:#F59942;
 background-color:#FFF;
}
input[disabled] {
  color:#848484;
  background-color:#EEE;
}
input[readonly] {
  color:#939192;
  background:#F5F5F5 !important; cursor:default;
}
input[readonly]:focus {
 box-shadow:0px 0px 0px 2px rgba(150, 150, 150, 0.3);
 border-color:#AAA;
 background-color:#F9F9F9;
}


.width-50 { width:50% !important;}
.width-75 { width:75% !important;}
.width-80 { width:80% !important;}
.width-90 { width:90% !important;}
.width-100 { width:100%;}

.help-inline {
 font-size:13px !important;
}


.input-icon {
 position:relative;
}
span.input-icon {
 display:inline-block;
}

.input-icon > input , .input-icon > input {
 padding-left:24px;
 padding-right:6px;
}
.input-icon.input-icon-right > input , .input-icon.input-icon-right > input{
 padding-left:6px;
 padding-right:24px;
}
.input-icon > [class*="icon-"] {
 padding:0 3px;
 z-index:2;
 position:absolute; top:1px; bottom:1px;
 left:3px;
 line-height:28px;
 
 display:inline-block;
 color:#909090;
 font-size:16px;
}
.input-icon.input-icon-right > [class*="icon-"] {
 left:auto;
 right:3px;
}
.input-icon > input:focus + [class*="icon-"] {
 color:#579;
}

.input-icon + .help-inline {
 padding-left:8px;
}





/* checkboxes , radio and switches */
.radio [type=checkbox] + label,
.checkbox [type=radio] + label
{
  float: left;
  margin-left: -20px;

}

.form-search .radio [type=radio] + label, .form-search .checkbox [type=checkbox] + label,
.form-inline .radio [type=radio] + label, .form-inline .checkbox [type=checkbox] + label
{
margin-left:0;
margin-right:3px;
}


.form-search .input-append .search-query:focus  , .form-search .input-prepend .search-query:focus {
 box-shadow:none;
}

/* Checkbox & Radio */
input[type=checkbox] , input[type=radio] {
	opacity:0;
	position:absolute;
	z-index:12;
	width:18px; height:18px;
}
input[type=checkbox]:focus , input[type=radio]:focus ,
input[type=checkbox]:checked , input[type=radio]:checked
{
 outline:none !important;
}

input[type=checkbox] + .lbl , input[type=radio] + .lbl {
	position: relative; z-index:11;
	display:inline-block;
	margin:0;
	line-height:20px;

	min-height:14px;
	min-width:14px;
	font-weight:normal;
}

input[type=checkbox] + .lbl.padding-4::before , input[type=radio] + .lbl.padding-4::before  {
	margin-right:4px;
}
input[type=checkbox] + .lbl.padding-6::before , input[type=radio] + .lbl.padding-6::before {
	margin-right:6px;
}
input[type=checkbox] + .lbl.padding-8::before , input[type=radio] + .lbl.padding-8::before {
	margin-right:8px;
}


input[type=checkbox] + .lbl::before , input[type=radio] + .lbl::before {
	font-family:fontAwesome; font-weight:normal;
	font-size: 11px; color: #32A3CE;
	content:"\a0";
	display:inline-block;
	background-color: #FAFAFA;
	border: 1px solid #CCC;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);/*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
	border-radius: 0;
	display: inline-block;
	text-align:center;
	
	vertical-align:middle;

	height:13px; line-height:13px;
	min-width:13px;	
	
	margin-right:1px;
}


input[type=checkbox]:active + .lbl::before, input[type=checkbox]:checked:active + .lbl::before ,
input[type=radio]:active + .lbl::before, input[type=radio]:checked:active + .lbl::before
 {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type=checkbox]:checked + .lbl::before ,
input[type=radio]:checked + .lbl::before
{
	display:inline-block;
	content: '\f00c';
	background-color: #f5f8fC;
	border-color:#adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}


input[type=checkbox]:hover + .lbl::before ,
input[type=radio]:hover + .lbl::before,
input[type=checkbox] + .lbl:hover::before ,
input[type=radio] + .lbl:hover::before
 {
	border-color:#FF893C;
}


input[type=checkbox].ace-checkbox-2 + .lbl::before {
	box-shadow: none;
}
input[type=checkbox].ace-checkbox-2:checked + .lbl::before {
	background-color: #F9A021;
	border-color:#F9A021;
	color: #FFF;
}



input[type=checkbox]:disabled + .lbl::before ,
input[type=radio]:disabled + .lbl::before {
	background-color:#DDD !important;
	border-color:#CCC !important;
	box-shadow:none !important;
	
	color:#BBB;
}


input[type=radio] + .lbl::before {
	border-radius:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
}
input[type=radio]:checked + .lbl::before{
	content:"\2022";
}




/* switches */
input[type=checkbox].ace-switch :active + .lbl::before, input[type=checkbox].ace-switch :checked:active + .lbl::before 
 {
	box-shadow: none;
}

input[type=checkbox].ace-switch  {
 width:55px;
 height:20px;
}

input[type=checkbox].ace-switch + .lbl {
	margin:0 4px;
	min-height:24px;
}

input[type=checkbox].ace-switch + .lbl::before {
	font-family:Arial, Helvetica, sans-serif;
	content:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";

	color:#999;
	font-weight:bold;
	font-size:11px;
	
	line-height:18px; line-height:21px\9;/*ie9*/
	height:18px;
	overflow:hidden;
	
	border-radius:12px;

	background-color: #F5F5F5;
	box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,.2);
	 
	border: 1px solid #CCC;
	
	text-align:left;
	float:left;
	padding:0;
	width:50px;
	text-indent:-19px; text-indent:-21px\9;
	margin-right:0;

	
	-webkit-transition: text-indent .4s ease;
	-moz-transition: text-indent .4s ease;
	-o-transition: text-indent .4s ease;
	-ms-transition: text-indent .4s ease;
	transition: text-indent .4s ease;
}

input[type=checkbox].ace-switch:checked + .lbl::before{
	text-indent:9px;

	color:#FFF;
	background-color:#8AB2C9;
	border-color:#468FCC;
}

input[type=checkbox].ace-switch + .lbl::after {
	font-family:Arial, Helvetica, sans-serif;
	content: '|||'; 
	font-size: 10px;
	font-weight:lighter;
	color:#E5E5E5;
	background-color:#FFF;
	
	text-shadow:-1px 0px 0 rgba(0, 0, 0, 0.15);
	text-align:center;
	border-radius:12px;
	
	width:22px; height:22px; line-height:20px;
	position: absolute;
	top: -2px; left: -3px;
	padding:0;

	box-shadow: 0px 1px 1px 1px rgba(0,0,0,.3);
	text-shadow:0px 1px 1px rgba(0,0,0,0.3) inset;

	-webkit-transition: left .4s ease;
	-moz-transition: left .4s ease;
	-o-transition: left .4s ease;
	-ms-transition: left .4s ease;
	transition: left .4s ease;
}

input[type=checkbox].ace-switch:checked + .lbl::after {
	left:34px;
	background-color:#FFF;
	color:#8AB2C9;
}


input[type=checkbox].ace-switch-2 + .lbl::before {
	content:"YES\a0\a0\a0\a0\a0\a0\a0\a0NO";
}
input[type=checkbox].ace-switch-3 + .lbl::after {
	font-family:FontAwesome;
	font-size:13px; line-height:23px;
	content:"\f00d";
	top:-1px;
}
input[type=checkbox].ace-switch-3:checked + .lbl::after {
	content:"\f00c";
}

input[type=checkbox].ace-switch-4 + .lbl::before  , input[type=checkbox].ace-switch-5 + .lbl::before {
	content:"ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	line-height:19px; height:20px; overflow:hidden;
	line-height:21px\9;
	
	border-radius:12px;
	
	display:inline-block;
	background-color: #8B9AA3;
	border: 1px solid #8B9AA3;

	color:#FFF;
	width:52px;
	text-indent:-25px; text-indent:-28px\9;
	
	display: inline-block;
	position: relative;
	
	margin-right:8px;
	
	box-shadow:none;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}

input[type=checkbox].ace-switch-4:checked + .lbl::before , input[type=checkbox].ace-switch-5:checked + .lbl::before{
	text-indent:9px;
	background-color:#468FCC;
	border-color:#468FCC;
}

input[type=checkbox].ace-switch-4 + .lbl::after , input[type=checkbox].ace-switch-5 + .lbl::after {
	font-family:Arial, Helvetica, sans-serif;
	content: '|||'; text-shadow:-1px 0px 0 rgba(0, 0, 0, 0.2);
	font-size: 7px; font-weight:lighter;
	color:#8B9AA3; text-align:center;
	position: absolute;
	border-radius:12px;
	
	color:#5B6A73;
	top: 2px; left: 2px;
	width:18px; height:18px; line-height:16px;
	background-color:#FFF;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}

input[type=checkbox].ace-switch-4:checked + .lbl::after , input[type=checkbox].ace-switch-5:checked + .lbl::after {
	left:34px;
	background-color:#FFF;
}

input[type=checkbox].ace-switch-5 + .lbl::before {
	content:"YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
}

input[type=checkbox].ace-switch-5:checked + .lbl::before {
	text-indent:8px;
}


input[type=checkbox].ace-switch-6 + .lbl {
	position: relative;
}

input[type=checkbox].ace-switch-6 + .lbl::before {
	font-family:FontAwesome;
	content:"\f00d";
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow:none;
	border:none;

	font-weight:lighter;
	font-size:16px;


	border-radius:12px;

	display:inline-block;
	background-color: #888;

	color:#F2F2F2;

	width:52px; height:22px; line-height:20px;
	text-indent:32px;

	-webkit-transition: background 0.1s ease;
	-moz-transition: background 0.1s ease;
	-o-transition: background 0.1s ease;
	-ms-transition: background 0.1s ease;
	transition: background 0.1s ease;
}

input[type=checkbox].ace-switch-6:checked + .lbl::before{
	content: "\f00c";
	text-indent:6px;

	color:#FFF;
	border-color:#B7D3E5;
	background-color:#FF893C;
}

input[type=checkbox].ace-switch-6 + .lbl::after {
	content: ''; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);

	position: absolute;
	top: 2px; left: 3px;
	
	border-radius:12px;
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);

	width:10px; height:10px;
	text-align:center;
	
	background-color:#F2F2F2;
	border:4px solid #F2F2F2;
	
	-webkit-transition: left 0.2s ease;
	-moz-transition: left 0.2s ease;
	-o-transition: left 0.2s ease;
	-ms-transition: left 0.2s ease;
	transition: left 0.2s ease;
}


input[type=checkbox].ace-switch-6:checked + .lbl::after {
	left:32px;

	background-color:#FFF;
	border:4px solid #FFF;
	text-shadow:0 -1px 0 rgba(0, 200, 0, 0.25);
}

input[type=checkbox].ace-switch-7 {
	width:75px;
}
input[type=checkbox].ace-switch-7 + .lbl {
	position: relative;
}
input[type=checkbox].ace-switch-7 + .lbl::before {
	content:"OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";

	font-weight:bolder;
	font-size:14px;
	line-height:20px;

	display:inline-block;
	background-color: #FFF;
	border: 2px solid #AAA;
	border-radius:0;
	box-shadow:none;

	color:#aaa;

	width:70px; height:22px; line-height:22px; overflow:hidden;
	text-indent:4px;
	
	display: inline-block;
	position: relative;
	
	margin-right:8px;
	

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

input[type=checkbox].ace-switch-7:checked + .lbl::before{
	color:#468FCC;
	background-color: #FFF;
	text-indent:-33px;
	border-color:#6FB3E0;
}

input[type=checkbox].ace-switch-7 + .lbl::after {
	content: '\f00d';
	font-family:FontAwesome;
	font-size: 16px;

	position: absolute;
	top: 3px;
	left: 39px;
	width:32px; height:20px; line-height:18px;
	
	text-align:center;
	
	background-color:#aaa;
	color:#FFF;
	border-radius:0;
	box-shadow:none;

	transition: all .2s ease-in-out;
}

input[type=checkbox].ace-switch-7:checked + .lbl::after {
	left:3px;
	content:'\f00c';
	background-color:#468FCC;
	color: #FFF;
}





/* addon */
.input-prepend .add-on, .input-append .add-on {
 border-radius:0 !important;
}
.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
 border-color:#92BF65;
}
.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
 border-color:#F09784;
}
.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
 border-color:#E0C43A;
}
.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
 border-color:#64A6BC;
}

.input-append > .btn, .input-prepend  >.btn {
 line-height:20px;
 padding:0 6px;
 border-radius:0;
}
.input-append > .btn-small, .input-prepend > .btn-small {
 line-height:22px;
}
.input-append > .btn + .btn, .input-prepend  > .btn  + .btn{
 margin-left:1px;
}

.input-append > .btn-group > .btn, .input-prepend > .btn-group > .btn {
 line-height:23px;
}
.input-append > .btn-group > .btn-small, .input-prepend > .btn-group > .btn-small {
 line-height:26px;
}

.input-append > .btn > .caret, .input-prepend > .btn > .caret,
.input-append > .btn-small > .caret, .input-prepend > .btn-small > .caret,
.input-append > .btn-group > .btn > .caret, .input-prepend > .btn-group > .btn > .caret,
.input-append > .btn-group > .btn-small > .caret, .input-prepend > .btn-group > .btn-small > .caret {
 margin-top:10px;
}





/* custom file input control */
.ace-file-input {
 position:relative;
 height:38px;
 line-height:38px;
 margin-bottom:9px;
}

.ace-file-input input {
 position:absolute; z-index:-1;
 visibility:hidden;
}

.ace-file-input label {
 display:block;
 position:absolute;
 top:0; left:0; right:0; height:28px;
 
 background-color:#FFF;
 border:1px solid #E3E3E3;

 cursor:pointer;
 
 box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.06);
 
 -webkit-transition: all 0.15s ;
 -moz-transition: all 0.15s ;
 -o-transition: all 0.15s ;
 transition: all 0.15s ;
}

.ace-file-input label:hover {
 box-shadow:0px 0px 0px 4px rgba(245, 153, 66, 0.3);
 border-color:#F59942;
}

.ace-file-input label:before { /* the button */
 display:inline-block;
 content:attr(data-title);
  
 position:absolute;
 right:0px; top:0px; bottom:0px; padding:0 8px;
 line-height:24px;
 text-align:center;
 
 background-color:#6FB3E0;
 color:#FFF;
 font-size:11px; font-weight:bold;
 
 border:2px solid #FFF;
 border-left-width:4px;
 
 -webkit-transition: all 0.3s ;
 -moz-transition: all 0.3s ;
 -o-transition: all 0.3s ;
 -ms-transition: all 0.3s ;
 transition: all 0.3s ;
}


.ace-file-input label [class*="icon-"] , .ace-file-multiple label.selected span [class*="icon-"] { /* the icon */
 display:inline-block;
 position:absolute;
 left:0px; top:0px; bottom:0px; text-align:center;
 font-family:FontAwesome; font-size:13px;

 line-height:22px; width:22px;

 border:2px solid #FFF;
 
 background-color:#D1D1D1;
 color:#FFF;
 
 -webkit-transition: all 0.1s ;
 -moz-transition: all 0.1s ;
 -o-transition: all 0.1s ;
 -ms-transition: all 0.1s ;
 transition: all 0.1s ;
}


.ace-file-input label span { /* the file name container */
 display:inline-block;
 height:28px; max-width:80%;  white-space:nowrap;  overflow:hidden;
 line-height:28px;
 color:#888;
 font-size:13px;
 
 position:static;
 padding-left:30px;
}

.ace-file-input label span:after { /* the file name */
 display:inline-block;
 content:attr(data-title);
}
.ace-file-input label.selected span {
 color:#666;
}

.ace-file-input .remove { /* the remove button */
 position:absolute;
 right:-8px; top:6px;
 display:none;

 width:17px; text-align:center;
 height:17px; line-height:15px;
 
 font-size:11px; font-weight:normal;

 background-color:#FB7142; border-radius:24px;
 color:#FFF;
}
.ace-file-input a:hover{
 text-decoration:none;
}

.ace-file-input label.selected  {
 right:16px;
}
.ace-file-input label.selected + .remove {
 display:inline-block;
}

.ace-file-input label.selected [class*="icon-"] {
 background-color:#EFAD62;
}
.ace-file-input label.selected .icon-picture {
 background-color:#BD7A9D;
}
.ace-file-input label.selected .icon-film {
 background-color:#87B87F;
}
.ace-file-input label.selected .icon-music {
 background-color:#8B7AC9;
}
.ace-file-input label.selected .icon-archive {
 background-color:#EFAD62;
}

.ace-file-input label.hide-placeholder:before {
 display:none;
}





.ace-file-multiple {
 height:auto;
}
.ace-file-multiple label {
 position:relative;
 height:auto;
 border:1px dashed #AAA;
 border-radius:4px;
}
.ace-file-multiple label:before { /* the button */
 display:inline-block;
 content:attr(data-title);
  
 position:relative;
 right:0px; left:0; margin:12px;
 line-height:22px;
 
 background-color:#FFF;
 color:#CCC;
 font-size:18px; font-weight:bold;
 
 border:none;
}



.ace-file-multiple label span {
 position:relative;
 display:block;
 padding:0;
 height:auto;
 width:auto; max-width:100%; margin:0px 4px;
 border-bottom:1px solid #DDD;
}
.ace-file-multiple label span:last-child {
 border-bottom-width:0;
 margin-bottom:1px;
}
.ace-file-multiple label span:first-child {
 margin-top:1px;
}


.ace-file-multiple label span:after { /* the file name */
 display:none;
}
.ace-file-multiple label.selected span:after { /* the file name */
 display:inline-block;
 white-space:pre;
}

.ace-file-multiple label span img {
 padding:2px; margin:3px;
 border:1px solid #D7D7D7;
 background-color:#FFF;
 background-repeat:no-repeat;
 background-position: center;
 
 margin:4px 8px 4px 1px;
}
.ace-file-multiple label span img + [class*="icon-"] , .ace-file-multiple label.selected span img + [class*="icon-"]  {
 display:none;
}


.ace-file-multiple label span:last-child {
 border-bottom-width:0;
}


.ace-file-multiple .remove {
 right:-11px; top:-11px;
 border:3px solid #BBB;
 border-radius:32px;

 background-color:#FFF;
 color:red;
}
.ace-file-multiple label.selected + .remove:hover {
 border-color:#F4C0B1;
}



.ace-file-multiple label span [class*="icon-"] {
 position:relative;
 display:block;
 text-align:center;
 height:auto; line-height:64px;
 width:auto;
  
 font-size:64px; color:#D5D5D5;
 
 margin:4px 0 4px;

 background-color:transparent;
}
.ace-file-multiple label.selected:after {
 display:none;
}


.ace-file-multiple label.selected span [class*="icon-"]  {
 position:relative;
 margin-right:4px; margin-left:2px;
 line-height:24px;
 background-color:#EFAD62;

}


.ace-file-multiple label span.large {
 text-align:center;
 border-bottom:2px solid #222;
 margin:2px;
 margin:0 1px 3px;
}
.ace-file-multiple label span.large:last-child {
 margin:0 1px 0px;
 border-bottom-width:0;
}
.ace-file-multiple label span.large:after { /* image caption */
 position:absolute;
 top:auto; bottom:0; left:0; right:0;
 padding:0 4px;
 background-color:#555;
 color:#FFF;
 opacity:0.8;
}
.ace-file-multiple label span.large img {
 border-width:0px;
 margin:0px;
 padding:0;
}





.ace-file-input input[type=file][disabled] + label ,
.ace-file-input input[type=file][readonly] + label
{
 cursor: not-allowed;
 background-color:#EEE;  
}
.ace-file-input input[type=file][readonly] + label {
 cursor:default;
}

.ace-file-input input[type=file][disabled] + label:hover,
.ace-file-input input[type=file][readonly] + label:hover
{
 box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.06);
 border-color:#E3E3E3;
}
.ace-file-input input[type=file][disabled] + label:before,
.ace-file-input input[type=file][readonly] + label:before {
 border-color:#EEE;
 background-color:#A1AAAF;
}


.ace-file-multiple input[type=file][disabled] + label:hover,
.ace-file-multiple input[type=file][readonly] + label:hover
{
 border-color:#AAA;
}
.ace-file-multiple input[type=file][disabled] + label:before,
.ace-file-multiple input[type=file][readonly] + label:before {
 background-color:transparent;
}

.ace-file-multiple input[type=file][disabled] + label [class*="icon-"],
.ace-file-input input[type=file][readonly] + label [class*="icon-"]
 {
 border-color:#EEE;
}










/* spinner */
.ace-spinner {
 display:inline-block;
}
.ace-spinner .spinner-buttons {
 min-width:18px;
}
.ace-spinner .spinner-buttons > .btn:first-child {
 margin-top:0;
}

.ace-spinner .spinner-buttons > .btn {
 border-radius:0;
 
 font-size:10px;
 padding:0;
 width:16px;
 
 line-height:12px; height:12px;
 position:relative; left:-1px;
}

.ace-spinner .spinner-buttons > .btn > [class*="icon-"] {
 font-size:10px;
 margin:0; padding:0;
}

.ace-spinner .spinner-input {
 text-align:center;
 height:19px; line-height:19px;
 color:#777;
}







/* wizard */
.wizard-steps  {
 list-style:none;
 display:block;
 width:100%;
 padding:0;
 margin:12px 0 0;
 position:relative;
}

.wizard-steps li {
 display:block;
 text-align:center;
 float:left;
}

.wizard-steps li .step{
 text-align:center;
 border:5px solid #CED1D6; color:#546474; font-size:15px;
 border-radius:32px;
 line-height:12px;
 padding:5px 10px;
 background-color:#FFF;
 
 position:relative;
 z-index:2;
 display:inline;
}

.wizard-steps li:before {/* the line running through each step*/
 display:block;
 content:"";

 width:100%;
 height:1px; font-size:0; overflow:hidden;
 
 border-top:4px solid #CED1D6;
 
 position:relative; top:12px;
 z-index:1;
}

.wizard-steps li:last-child:before  {
 max-width:50%;
 width:50%;
}
.wizard-steps li:first-child:before {
 max-width:50%;
 left:50%;
}


.wizard-steps li.complete .step , .wizard-steps li.complete:before{
 border-color:#5293C4;
}
.wizard-steps li.active .step , .wizard-steps li.active:before {
 border-color:#5293C4;
}


.wizard-steps li.complete .step:before{
 display:block;
 position:absolute;
 top:0; left:0; bottom:0; right:0;
 padding:8px 0px;border-radius:32px;
 
 content:"\f00c";

 background-color:#FFF;
 z-index:103;
 
 font-family:FontAwesome;
 font-size:17px;
 color:#87BA21;
}

.wizard-steps li .title{
 display:block;
 margin-top:12px;
 max-width:100%;
 
 color:#949EA7;
 font-size:14px;
 
 z-index:104;
 
 text-align:center;
 table-layout:fixed;
 
 word-wrap:break-word;
}
.wizard-steps li.complete .title{
 color:#2B3D53;
}
.wizard-steps li.active .title{
 color:#2B3D53;
}


.step-content .step-pane {
  display: none;
  min-height:200px;
  padding:4px 8px 12px;
}

.step-content .active {
  display: block;
}

.wizard-actions {
 text-align:right;
}





/* third party form elements */

.chzn-container + .help-inline {
 vertical-align:middle;
}

/** chosen select boxes -- replace sprite icons with FontAwesome icons */
.chzn-select {
 display:inline !important; /* for validation plugin to work it must be displayed */
 visibility:hidden;
 opacity:0;
 position:absolute;
 z-index:-1;
}
.chzn-container , [class*="chzn-container"]{
 vertical-align:middle;
}

.chzn-container > .chzn-single {
 line-height:26px;
 height:26px;
 box-shadow:none;
 background:#FAFAFA;
}

.chzn-choices {
 box-shadow:none !important;
}
.chzn-container-single .chzn-single abbr {
 background: none;
}
.chzn-container-single .chzn-single abbr:after {
 content:"\f00d";
 display: inline-block;
 color:#888;
 font-family:FontAwesome;
 font-size:13px;

 position: absolute;
 right: 0; top: -7px;
}
.chzn-container-single .chzn-single abbr:hover:after {
 color:#464646;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover:after {
 color:#464646;
}

.chzn-container-single .chzn-single div b {
  background: none;
}
.chzn-container-single .chzn-single div b:before {
 content:"\f0d7";
 display:inline-block;
  
 color:#888;
 font-family:FontAwesome;
 font-size:12px;
  
 position:relative; top:-1px; left:1px;
}

.chzn-container-single .chzn-search input {
 background:none;

 border-radius:0;
 line-height:18px;
 height:18px;
}
.chzn-container-single .chzn-search {
 position:relative;
}
.chzn-container-single .chzn-search:after{
 content:"\f002";
 display:inline-block;
  
 color:#888;
 font-family:FontAwesome;
 font-size:14px;
  
 position:absolute; top:8px; right:12px;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
 background:none;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:before {
 content:"\f00d";
 display: inline-block;
 color:#888;
 font-family:FontAwesome;
 font-size:13px;
 
 position: absolute;
 right: 2px; top: -1px;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
 text-decoration:none;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover:before {
 color:#464646;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close:before {
 color:#464646;
}

.chzn-container .chzn-results-scroll-down span {
 background: none;
}
.chzn-container .chzn-results-scroll-up span {
 background: none;
}
.chzn-container .chzn-results-scroll-down span:before  , .chzn-container .chzn-results-scroll-up span:before{
 content:"\f0d7";
 display:inline-block;
  
 color:#888;
 font-family:FontAwesome;
 font-size:12px;
  
 position:relative; top:-1px; left:1px;
}
.chzn-container .chzn-results-scroll-up span:before {
 content:"\f0d8";
}
.chzn-container-active .chzn-single-with-drop div b:before {
 content:"\f0d8";
}


.chzn-rtl .chzn-search input {
  background: none;
}
.chzn-rtl .chzn-search:after {
 content:"";
 display:none;
}
.chzn-rtl .chzn-search:before {
 content:"\f002";
 display:inline-block;
  
 color:#888;
 font-family:FontAwesome;
 font-size:14px;
  
 position:absolute; top:9px; left:12px;
}


/** chosen - etc */
.chzn-container-single .chzn-single {
 border-radius:0;

}
.chzn-container .chzn-results .highlighted {
 background:#86BD6F;/* green */
 background:#4492C9;/* blue1 */
 background:#316AC5;
 color: #FFF;
}
.chzn-container-single .chzn-drop {
 border-radius:0;
 border-bottom:3px solid #4492C9;
 border-color:#4492C9;
}
.chzn-single.chzn-single-with-drop  , .chzn-container-active .chzn-single{
border-color:#4492C9;
}


.control-group.error .chzn-single{
 border-color:#F09784 !important;
}
.control-group.info .chzn-single{
 border-color:#64A6BC !important;
}
.control-group.warning .chzn-single{
 border-color:#E0C43A !important;
}
.control-group.success .chzn-single{
 border-color:#92BF65 !important;
}






/** jQuery UI Slider &  Spinner Control */
.ui-slider {
 background-color:#CCC;
}
.ui-slider-horizontal {
 height:9px;
}
.ui-slider-vertical {
 width:9px;
}
.ui-slider-range {
 background-color:#4AA4CE;
}
.ui-slider-handle {
 border-radius:0;

 background-color:#F5F5F5;
 border:1px solid #4AA4CE;
 position:relative;
 
 color:#4AA4CE;

}

.ui-slider-handle:hover {
 background-color:#FFF;
}
.ui-slider-handle:focus  , .ui-slider-handle:active{
 outline:none;
}

.ui-slider-handle:after  {
 display:inline-block;
 content:"|||";
 font-size:7px;
 font-family:Arial, Helvetica, sans-serif;
 position:absolute; top:0; bottom:0; left:0; right:0;
 text-align:center; line-height:14px;

}

.ui-slider-handle:hover , .ui-slider-handle:active, .ui-slider-handle:focus {
 box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
 text-decoration:none;
}
.ui-slider-handle:hover:after , .ui-slider-handle:active:after, .ui-slider-handle:focus:after {
 text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

.ui-slider-green .ui-slider-range {
 background-color:#8BBC67;
}
.ui-slider-green .ui-slider-handle {
 border-color:#8BBC67;
 color:#8BBC67;
}

.ui-slider-red .ui-slider-range {
 background-color:#D36E6E;
}
.ui-slider-red .ui-slider-handle {
 border-color:#D36E6E; color:#D36E6E;
}

.ui-slider-purple .ui-slider-range {
 background-color:#AC68BA;
}
.ui-slider-purple .ui-slider-handle {
 border-color:#AC68BA;
 color:#AC68BA;
}

.ui-slider-orange .ui-slider-range {
 background-color:#EFAD62;
}
.ui-slider-orange .ui-slider-handle {
 border-color:#EFAD62;
 color:#EFAD62;
}

.ui-slider-dark .ui-slider-range {
 background-color:#666;
}
.ui-slider-dark .ui-slider-handle {
 border-color:#606060;
 color:#606060;
}

.ui-slider-small.ui-slider-horizontal {
 height:5px;
}
.ui-slider-small.ui-slider-vertical {
 width:5px;
}
.ui-slider-small .ui-slider-handle {
 border-radius:12px;
}
.ui-slider-small .ui-slider-handle {
 width:14px; height:14px;
 top:-5px;
}
.ui-slider-small .ui-slider-handle:after {
 font-size:6px;
 line-height:13px;
}























/** input error states */
.control-group select,
.control-group textarea,
.control-group input[type="text"],
.control-group input[type="password"],
.control-group input[type="datetime"],
.control-group input[type="datetime-local"],
.control-group input[type="date"],
.control-group input[type="month"],
.control-group input[type="time"],
.control-group input[type="week"],
.control-group input[type="number"],
.control-group input[type="email"],
.control-group input[type="url"],
.control-group input[type="search"],
.control-group input[type="tel"],
.control-group input[type="color"]
{
	background:#FFF;
}
.control-group.success input, .control-group.success select, .control-group.success textarea {
 border-color:#92BF65;
 color:#8BAD4C;
 box-shadow:none;
}
.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
 box-shadow:0px 0px 0px 2px rgba(130, 188, 58, 0.3);
 color:#786;
 border-color:#81A85A;
}
.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
 color:#7BA065;
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
 border-color:#64A6BC;
 color:#4B89AA;
 box-shadow:none;
}
.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
 box-shadow:0px 0px 0px 2px rgba(58, 120, 188, 0.3);
 color:#678;
 border-color:#5A81A8;
}
.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
 color:#657BA0;
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
 border-color:#F09784;
 color:#D68273;
 box-shadow:none;
}
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
 box-shadow:0px 0px 0px 2px rgba(219, 137, 120, 0.3);
 color:#866;
 border-color:#DB8978;
}

.control-group input:disabled, .control-group input:disabled{
 color:#848484 !important;
 background-color:#EEE !important;
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
 color:#D16E6C;
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
 border-color:#E0C43A;
 color:#D3BD50;
 box-shadow:none;
}
.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
 box-shadow:0px 0px 0px 2px rgba(216, 188, 65, 0.3);
 color:#875;
 border-color:#D8BC41;
}
.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {
 color:#D19D59;
}

.control-group.warning .input-icon > [class*="icon-"] {
 color:#D3BD50;
}
.control-group.success .input-icon > [class*="icon-"] {
 color:#8BAD4C;
}
.control-group.error .input-icon > [class*="icon-"] {
 color:#D68273;
}
.control-group.info .input-icon > [class*="icon-"] {
 color:#4B89AA;
}


































/* Custom classes and elements */
/** dashboard info and stats mini boxes **/
.infobox-container {
 text-align:center;
 font-size:0;
}
.infobox {
 display:inline-block;
 width:200px; height:52px;

 color:#555;
 background-color:#FFF;
 box-shadow:none;
 border-radius:0;
 
 
 margin:-1px 0 0 -1px;

 padding:8px 3px 6px 9px;
 border:1px dotted;
 border-color:#D8D8D8 !important;

 vertical-align:middle; text-align:left;

 position:relative;
}

.infobox > .infobox-icon {
 display:inline-block;
 vertical-align:top;
 
 width:44px;
}
.infobox > .infobox-icon > [class*="icon-"] {
 display:inline-block;
 height:42px;
 margin:0;
 padding:1px 1px 0 2px;

 background-color:transparent;
 border:none;

 text-align:center; 
 
 position:relative;

 border-radius:128px; 
 box-shadow:1px 1px 0 rgba(0,0,0,0.2);
}
.infobox > .infobox-icon > [class*="icon-"]:before {
 opacity:0.88; filter:alpha(opacity=88);
 font-size:24px;
 display:block;
 padding:6px 0 7px; width:40px; text-align:center;

 background-color:rgba(255,255,255,0.22);

 color:#FFF;
 border-radius:128px;
 
 text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);
}

.infobox .infobox-content {
 color:#555;
}

.infobox > .infobox-data {
 display:inline-block;

 border:none;
 border-top-width:0;

 font-size:13px;

 text-align:left;

 line-height:21px;
 min-width:130px;
 
 padding-left:8px;
 
 position:relative; top:0;
}
.infobox > .infobox-data > .infobox-data-number {
 display:block;
 font-size:22px;
 margin:2px 0 4px;
 
 position:relative;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.15);
}
.infobox > .infobox-data > .infobox-text {
 display:block;
 font-size:16px;
 margin:2px 0 4px;
 
 position:relative;
 text-shadow:none;
}

.infobox-purple {
 color:#6F3CC4;
 border-color:#6F3CC4;
}
.infobox-purple  > .infobox-icon > [class*="icon-"]  {
 background-color:#6F3CC4;
}

.infobox-purple2 {
 color:#5F47B0;
 border-color:#5F47B0;
}
.infobox-purple  > .infobox-icon > [class*="icon-"]  {
 background-color:#5F47B0;
}

.infobox-pink {
 color:#CB6FD7;
 border-color:#CB6FD7;
}
.infobox-pink  > .infobox-icon > [class*="icon-"]  {
 background-color:#CB6FD7;
}

.infobox-blue {
 color:#6FB3E0;
 border-color:#6FB3E0;
}
.infobox-blue  > .infobox-icon > [class*="icon-"]  {
 background-color:#6FB3E0;
}

.infobox-blue2 {
 color:#3983C2;
 border-color:#3983C2;
}
.infobox-blue2  > .infobox-icon > [class*="icon-"]  {
 background-color:#3983C2;
}

.infobox-blue3 {
 color:#1144EB;
 border-color:#1144EB;
}
.infobox-blue3  > .infobox-icon > [class*="icon-"]  {
 background-color:#1144EB;
}

.infobox-red {
 color:#D53F40;
 border-color:#D53F40;
}
.infobox-red  > .infobox-icon > [class*="icon-"]  {
 background-color:#D53F40;
}

.infobox-brown {
 color:#C67A3E;
 border-color:#C67A3E;
}
.infobox-brown  > .infobox-icon > [class*="icon-"]  {
 background-color:#C67A3E;
}

.infobox-wood {
 color:#7B3F25;
 border-color:#7B3F25;
}
.infobox-wood  > .infobox-icon > [class*="icon-"]  {
 background-color:#7B3F25;
}

.infobox-lightbrown {
 color:#CEBEA5;
 border-color:#CEBEA5;
}
.infobox-lightbrown  > .infobox-icon > [class*="icon-"]  {
 background-color:#CEBEA5;
}

.infobox-orange {
 color:#E8B110;
 border-color:#E8B110;
}
.infobox-orange  > .infobox-icon > [class*="icon-"]  {
 background-color:#E8B110;
}

.infobox-orange2 {
 color:#F79263;
 border-color:#F79263;
}
.infobox-orange2  > .infobox-icon > [class*="icon-"]  {
 background-color:#F79263;
}

.infobox-green {
 color:#9ABC32;
 border-color:#9ABC32;
}
.infobox-green  > .infobox-icon > [class*="icon-"]  {
 background-color:#9ABC32;
}

.infobox-green2  {
 color:#0490A6;
 border-top-color:#EEE;
}
.infobox-green2  > .infobox-icon > [class*="icon-"]  {
 background-color:#0490A6;
}

.infobox-grey {
 color:#999;
 border-top-color:#EEE;
}
.infobox-grey  > .infobox-icon > [class*="icon-"]  {
 background-color:#999;
}

.infobox-black {
 color:#393939;
 border-top-color:#EEE;
}
.infobox-black  > .infobox-icon > [class*="icon-"]  {
 background-color:#393939;
}






.infobox-dark {
 margin:1px 1px 0 0;
 border-color:transparent !important;
 border:none;
  
 color:#FFF;
 padding:4px;
}
.infobox-dark > .infobox-icon > [class*="icon-"] , .infobox-dark > .infobox-icon > [class*="icon-"]:before {
 background-color:transparent;
 box-shadow:none; text-shadow:none;
 border-radius:0;
 font-size:30px;
}
.infobox-dark > .infobox-icon > [class*="icon-"]:before {
 opacity:1; filter:alpha(opacity=100);
}

.infobox-dark .infobox-content {
 color:#FFF;
}

.infobox-purple.infobox-dark {
 background-color:#6F3CC4;
 border-color:#6F3CC4;
}
.infobox-purple2.infobox-dark {
 background-color:#5F47B0;
 border-color:#5F47B0;
}
.infobox-pink.infobox-dark {
 background-color:#CB6FD7;
 border-color:#CB6FD7;
}
.infobox-blue.infobox-dark {
 background-color:#6FB3E0;
 border-color:#6FB3E0;
}
.infobox-blue2.infobox-dark {
 background-color:#3983C2;
 border-color:#3983C2;
}
.infobox-blue3.infobox-dark {
 background-color:#1144EB;
 border-color:#1144EB;
}
.infobox-red.infobox-dark {
 background-color:#D53F40;
 border-color:#D53F40;
}
.infobox-brown.infobox-dark {
 background-color:#C67A3E;
 border-color:#C67A3E;
}
.infobox-wood.infobox-dark {
 background-color:#7B3F25;
 border-color:#7B3F25;
}
.infobox-lightbrown.infobox-dark {
 background-color:#CEBEA5;
 border-color:#CEBEA5;
}
.infobox-orange.infobox-dark {
 background-color:#E8B110;
 border-color:#E8B110;
}
.infobox-orange2.infobox-dark {
 background-color:#F79263;
 border-color:#F79263;
}
.infobox-green.infobox-dark {
 background-color:#9ABC32;
 border-color:#9ABC32;
}
.infobox-green2.infobox-dark {
 background-color:#0490A6;
 border-color:#0490A6;
}
.infobox-grey.infobox-dark {
 background-color:#999;
 border-color:#999;
}
.infobox-black.infobox-dark {
 background-color:#393939;
 border-color:#393939;
}





.infobox > .infobox-progress {
 padding-top:0;
 display:inline-block;
 vertical-align:top;
 
 width:44px;
}
.percentage{
 font-size:14px;
 font-weight:bold;
 display:inline-block;
 vertical-align:top;
}

.infobox > .infobox-chart {
 padding-top:0;
 display:inline-block;
 vertical-align:text-bottom;
 width:44px;
 text-align:center;
}
.infobox > .infobox-chart > .sparkline {
 font-size:24px;
}
.infobox > .infobox-chart canvas {
 vertical-align:middle !important;
}



/* stat trend indicators and badges */
.infobox > .stat  , .infobox > .badge{
 display:inline-block;
 position:absolute; right:20px; top:11px;

 text-shadow:none;
 font-size:13px; font-weight:bold;

 color:#ABBAC3;
 padding-right:18px; padding-top:3px;

}
.infobox > .badge {
 border-radius:0;
 
 font-size:11px; font-weight:bold;
 line-height:15px; height:16px;
 padding:0 1px;
 
 color:#FFF;
}

.infobox > .stat:before {
 display:inline-block;
 content:"";
 
 width:8px; height:11px;
 background-color:#ABBAC3;
 
 position:absolute; right:4px; top:7px;
}
.infobox > .stat:after {
 display:inline-block;
 content:"";
 
 position:absolute; right:1px; top:-8px;
 
 border:12px solid transparent;
 border-width:8px 7px;
 border-bottom-color:#ABBAC3;
}

.infobox > .stat-success {
 color:#77C646;
}
.infobox > .stat-success:before {
 background-color:#77C646;
}
.infobox > .stat-success:after {
 border-bottom-color:#77C646;
}
.infobox > .stat-important {
 color:#E4564F;
}
.infobox > .stat-important:before {
 background-color:#E4564F;
 top:3px;
}
.infobox > .stat-important:after {
 border-top-color:#E4564F;
 border-bottom-color:transparent;
 bottom:-6px; top:auto;
}



.infobox-dark > .stat-success {
 color:#FFF;
}
.infobox-dark > .stat-success:before {
 background-color:#D0E29E;
}
.infobox-dark > .stat-success:after {
 border-bottom-color:#D0E29E;
}
.infobox-dark > .stat-important {
 color:#FFF;
}
.infobox-dark > .stat-important:before {
 background-color:#FF9896;
 top:3px;
}
.infobox-dark > .stat-important:after {
 border-top-color:#FF9896;
 border-bottom-color:transparent;
 bottom:-6px; top:auto;
}





.infobox-dark > .badge {
 color:#FFF;
 background-color:rgba(255,255,255,0.2) !important;

 top:2px; right:2px;
 border:1px solid #F1F1F1;
}
.infobox-dark > .badge-success > [class*="icon-"]{
 color:#C6E9A1;
}
.infobox-dark > .badge-important > [class*="icon-"]{
 color:#ECB792;
}
.infobox-dark > .badge-warning > [class*="icon-"]{
 color:#ECB792;
}



.infobox.no-border {
 border:none !important;
}


.infobox-small {
 width:125px; height:45px;
 text-align:left;
 
 padding-bottom:5px;
}
.infobox-small > .infobox-icon  , .infobox-small > .infobox-chart  , .infobox-small > .infobox-progress{
 display:inline-block;
 width:40px; max-width:40px; height:42px; line-height:38px;
 
 vertical-align:middle; 
}

.infobox-small > .infobox-data {
 display:inline-block;
 text-align:left;
 
 vertical-align:middle;
 max-width:72px; min-width:0;
}


.infobox-small > .infobox-chart > .sparkline {
 font-size:14px;
 margin-left:2px;
}
.infobox-small .percentage {
 font-size:13px; font-weight:normal;
 margin-top:2px; margin-left:2px;
}

.infobox-content > .approx {
 font-size:16px;
}










/* widget boxes */
.widget-box {
 padding:0;
 box-shadow:none;
 margin:3px 0;
 
 border-bottom:1px solid #CCC; 
}

.widget-header {
 position:relative;
 min-height:38px;

 background:#F2F2F2;
 background: -moz-linear-gradient(top,  #FFFFFF 0%, #EEEEEE 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
 background: -webkit-linear-gradient(top,  #FFFFFF 0%,#EEEEEE 100%);
 background: -o-linear-gradient(top,  #FFFFFF 0%,#EEEEEE 100%);
 background: -ms-linear-gradient(top,  #FFFFFF 0%,#EEEEEE 100%);
 background: linear-gradient(to bottom,  #FFFFFF 0%,#EEEEEE 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 );

 color:#669FC7;

 border:1px solid #CCC;
 border-bottom:1px solid #DDD;

 padding-left:12px;
 text-align:right;
}
.collapsed > .widget-header {
 border-bottom-width:0;
}


.widget-header-flat {
 background:#F7F7F7;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.widget-header-large {
 min-height:49px;
 padding-left:18px;
}
.widget-header-small {
 min-height:31px;
 padding-left:10px;
}

.widget-header  > h1, .widget-header  > h2, .widget-header  > h3, .widget-header  > h4, .widget-header  > h5, .widget-header  > h6 {
 line-height:36px;
 padding:0; margin:0;
 float:left;
 text-align:left;
}
.widget-header-large > h1, .widget-header-large > h2, .widget-header-large > h3,
.widget-header-large > h4, .widget-header-large > h5, .widget-header-large > h6   {
 line-height:48px;
}
.widget-header-small > h1, .widget-header-small > h2, .widget-header-small > h3,
.widget-header-small > h4, .widget-header-small > h5, .widget-header-small > h6   {
 line-height:30px;
}

.widget-header > h1 > [class*="icon-"] , .widget-header > h2 > [class*="icon-"] , .widget-header > h3 > [class*="icon-"],
.widget-header > h4 > [class*="icon-"] , .widget-header > h5 > [class*="icon-"] , .widget-header > h6 > [class*="icon-"]
 {
 margin-right:6px;
 font-weight:normal;
 font-size:110%;
 display:inline-block;
}



.widget-toolbar {
 display:inline-block;
 padding:0 10px;
 line-height:37px;
 position:relative;
 text-align:left;
}
.widget-toolbar.no-padding {
 padding:0;
}
.widget-toolbar.padding-5 {
 padding:0 5px;
}
.widget-toolbar:before {
 display:inline-block;
 content:"";
 position:absolute; top:3px; bottom:3px; left:-1px;
 border-right:1px solid #D9D9D9;
}
.widget-header-large > .widget-toolbar:before {
 top:6px; bottom:6px;
}

.widget-toolbar.no-border:before{
 display:none;
}
[class*="header-color-"] > .widget-toolbar:before {
 border-right-color:#EEE;
}
.header-color-orange > .widget-toolbar:before {
 border-right-color:#FEA;
}
.header-color-dark  > .widget-toolbar:before {
 border-right-color:#222;
 box-shadow:-1px 0 0 rgba(255, 255, 255, 0.2) , inset 1px 0 0 rgba(255, 255, 255, 0.1);
}


.widget-toolbar-dark {
 background:#444;
}
.widget-toolbar-light {
 background:#F0F0F0;
}

.widget-header > .widget-toolbar > [data-action] > [class*="icon-"] {
 margin-right:0;
}




.widget-toolbar label {
 display:inline-block;
 vertical-align:middle;
 margin-bottom:0;
}

.widget-header-large > .widget-toolbar {
 line-height:48px;
}
.widget-header-small > .widget-toolbar {
 line-height:29px;
}
/* widget toolbar basic buttons */
.widget-toolbar  > a {
 font-size:14px;
 margin:0 1px;
 display:inline-block;
 padding:0;
 line-height:24px;
}
.widget-toolbar > a:hover{
 text-decoration:none;
}
.widget-header-large > .widget-toolbar > a {
 font-size:15px;
 margin:0 1px;
}



/* toolbar buttons */
.widget-toolbar > .btn {
 line-height:27px;
 margin-top:-2px;
}
.widget-toolbar > .btn-small {
 line-height:24px;
}
.widget-toolbar > .btn-mini {
 line-height:22px;
}
.widget-toolbar > .btn-large {
 line-height:36px;
}
.widget-toolbar > .btn-minier {
 line-height:18px;
}


.widget-toolbar > .btn.smaller {
 line-height:26px;
 margin-top:-2px;
}
.widget-toolbar > .btn-small.smaller {
 line-height:23px;
}
.widget-toolbar > .btn-mini.smaller {
 line-height:21px;
}
.widget-toolbar > .btn-large.smaller {
 line-height:34px;
}


.widget-toolbar > .btn.bigger {
 line-height:28px;
 margin-top:-2px;
}
.widget-toolbar > .btn-small.bigger {
 line-height:25px;
}
.widget-toolbar > .btn-mini.bigger {
 line-height:23px;
}
.widget-toolbar > .btn-large.bigger {
 line-height:38px;
}




/* widget-toolbar buttons*/
[class*="header-color-"] > .widget-toolbar > [data-action="settings"] {
 color:#D3E4ED;
 text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
[class*="header-color-"] > .widget-toolbar > [data-action="reload"] {
 color:#DEEAD3;
 text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
[class*="header-color-"] > .widget-toolbar > [data-action="collapse"] {
 color:#E2E2E2;
 text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
[class*="header-color-"] > .widget-toolbar > [data-action="close"] {
 color:#FFD9D5;
 text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}

.header-color-orange > .widget-toolbar > [data-action="settings"] {
 color:#559AAB;
 text-shadow:none;
}
.header-color-orange > .widget-toolbar > [data-action="reload"] {
 color:#7CA362;
 text-shadow:none;
}
.header-color-orange > .widget-toolbar > [data-action="collapse"] {
 color:#777;
 text-shadow:none;
}
.header-color-orange > .widget-toolbar > [data-action="close"] {
 color:#A05656;
 text-shadow:none;
}


.widget-toolbar > [data-action]:focus {
 text-decoration:none;
}
.widget-toolbar > [data-action="settings"] ,
.header-color-dark > .widget-toolbar > [data-action="settings"]
{
 color:#99CADB;
}
.widget-toolbar > [data-action="reload"] ,
.header-color-dark > .widget-toolbar > [data-action="reload"]
{
 color:#ACD392;
}
.widget-toolbar > [data-action="collapse"] ,
.header-color-dark > .widget-toolbar > [data-action="collapse"]
{
 color:#AAA;
}
.widget-toolbar > [data-action="close"] ,
.header-color-dark > .widget-toolbar > [data-action="close"]
{
 color:#E09E96;
}





.widget-body {
 border:1px solid #CCC;
 border-top:none;
 background-color:#FFF;
}
.widget-main {
 padding:12px;
}
.collapsed .widget-main {
 display:none;
}
.widget-main.no-padding { padding:0; }
.widget-main.padding-5   { padding:5px; }
.widget-main.padding-3   { padding:3px; }
.widget-main.padding-18 { padding:18px; }
.widget-main.padding-24 { padding:24px; }
.widget-main.padding-36 { padding:36px; }

.widget-toolbar .progress {
 vertical-align:middle;
 display:inline-block;
 margin:0;
}



/* toolbar dropdowns */
.widget-toolbar > .dropdown , .widget-toolbar > .dropup{
 display:inline-block;
}
.widget-toolbar > .dropdown > .dropdown-menu:before , .dropdown-menu.dropdown-caret:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
.widget-toolbar > .dropdown > .dropdown-menu:after, .dropdown-menu.dropdown-caret:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.widget-toolbar > .dropdown > .dropdown-menu.pull-right:before, .dropdown-menu.pull-right.dropdown-caret:before {
    left: auto;
	right:9px;
}
.widget-toolbar > .dropdown > .dropdown-menu.pull-right:after, .dropdown-menu.pull-right.dropdown-caret:after {
    left: auto;
	right:10px;
}





/* widget header colors */
.widget-header[class*="header-color-"] {
 color:#FFF;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.header-color-blue {
 background:#307ECC;
 border-color:#307ECC;
}
.header-color-blue + .widget-body  {
 border-color:#307ECC;
}

.header-color-blue2 {
 background:#5090C1;
 border-color:#5090C1;
}
.header-color-blue2 + .widget-body {
 border-color:#5090C1;
}

.header-color-blue3 {
 background:#6379AA;
 border-color:#6379AA;
}
.header-color-blue3 + .widget-body  {
 border-color:#6379AA;
}


.header-color-green {
 background:#82AF6F;
 border-color:#82AF6F;
}
.header-color-green + .widget-body {
 border-color:#82AF6F;
}

.header-color-green2 {
 background:#2E8965;
 border-color:#2E8965;
}
.header-color-green2 + .widget-body {
 border-color:#2E8965;
}

.header-color-green3 {
 background:#4EBC30;
 border-color:#4EBC30;
}
.header-color-green3 + .widget-body {
 border-color:#4EBC30;
}

.header-color-orange {
 background:#FFC657;
 border-color:#E8B10D;
 color:#855D10 !important;
}
.header-color-orange + .widget-body {
 border-color:#E8B10D;
}

.header-color-red {
 background:#E2755F;
 border-color:#E2755F;
}
.header-color-red + .widget-body {
 border-color:#E2755F;
}

.header-color-red2 {
 background:#E04141;
 border-color:#E04141;
}
.header-color-red2 + .widget-body {
 border-color:#E04141;
}

.header-color-red3 {
 background:#D15B47;
 border-color:#D15B47;
}
.header-color-red3 + .widget-body {
 border-color:#D15B47;
}

.header-color-purple {
 background:#7E6EB0;
 border-color:#7E6EB0;
}
.header-color-purple + .widget-body {
 border-color:#7E6EB0;
}

.header-color-pink {
 background:#CE6F9E;
 border-color:#CE6F9E;
}
.header-color-pink + .widget-body {
 border-color:#CE6F9E;
}

.header-color-dark {
 background:#404040;
 border-color:#454545;
}
.header-color-dark + .widget-body {
 border-color:#666;
}

.header-color-grey {
 background:#848484;
 border-color:#999;
}
.header-color-grey + .widget-body {
 border-color:#aaa;
}

.widget-box.light-border > [class*="header-color-"] + .widget-body {
 border-color:#D6D6D6 !important;
}
.widget-box.no-border > .widget-body{
 border:none;
}
.widget-box.no-border {
 border-bottom:none;
}


/* transparent box */

.widget-box.transparent {
 border:none;
 box-shadow:none;
}
.transparent > .widget-header {
 background:none;
 filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);

 border:none;
 border-bottom:1px solid #DCE8F1;
 color:#4383B4;
 
 padding-left:3px;
}
.transparent > .widget-header-large {
 padding-left:5px;
}
.transparent > .widget-header-small {
 padding-left:1px;
}
.transparent  .widget-body {
 border:none;
 background-color:transparent;
}
.transparent  .widget-main {
 padding-left:0; padding-right:0;
}








/* table in widget */
.widget-header  + .widget-body .table thead:first-child tr {
 background:#FFF;
}
.widget-header[class*="header-color-"]  +.widget-body .table thead:first-child tr
 {
 background:#F2F2F2;
 background: -moz-linear-gradient(top,  #F8F8F8 0%, #ECECEC 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#ECECEC));
 background: -webkit-linear-gradient(top,  #F8F8F8 0%,#ECECEC 100%);
 background: -o-linear-gradient(top,  #F8F8F8 0%,#ECECEC 100%);
 background: -ms-linear-gradient(top,  #F8F8F8 0%,#ECECEC 100%);
 background: linear-gradient(to bottom,  #F8F8F8 0%,#ECECEC 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#ECECEC',GradientType=0 );
}

.widget-body .table {
 border-top:1px solid #E5E5E5;
}
.widget-body .table-bordered thead:first-child > tr {
 border-top:none;
}
.widget-main.no-padding .table {
 margin-bottom:0;
 border:none;
}
.widget-main.no-padding .table-bordered thead:first-child tr th:first-child ,
.widget-main.no-padding .table-bordered tbody tr td:first-child
{
 border-left-width:0;
}
.widget-main.padding-5 .table {
 margin-bottom:5px;
}



/* elements in widget */
.widget-body .alert:last-child {
 margin-bottom:0;
}

/* tabs in widget */
.widget-main  .tab-content {
 border:none;
}
.widget-toolbar > .nav-tabs {
 border-bottom:none;
 margin-bottom:0;
 position:relative;
 top:5px;
}
.widget-toolbar > .nav-tabs  > li > a {
 box-shadow:none;
}
.widget-toolbar > .nav-tabs  > li:not(.active) > a{
 border-color:transparent; 
 background-color:transparent;
}
.widget-toolbar > .nav-tabs  > li:not(.active) > a:hover{
 background-color:transparent;
}

.widget-toolbar > .nav-tabs  > li.active > a{
 background-color:#FFF;
 border-bottom-color:transparent;
 box-shadow:none;
}


.widget-header-small > .widget-toolbar > .nav-tabs {
 top:5px;
}
.widget-header-small > .widget-toolbar > .nav-tabs  > li > a {
 line-height:16px; padding-top:6px; padding-bottom:6px;
}
.widget-header-small > .widget-toolbar > .nav-tabs  > li.active > a {
 border-top-width:2px;
 margin-top:-1px;
}

.widget-header-large > .widget-toolbar > .nav-tabs {
 top:8px;
}
.widget-header-large > .widget-toolbar > .nav-tabs  > li > a {
 line-height:22px; padding-top:9px; padding-bottom:9px;
}
.widget-header-large > .widget-toolbar > .nav-tabs  > li.active > a {
 
}


[class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a{
 border-color:transparent;
 background-color:transparent;
 color:#FFF;
 margin-right:1px;
}
[class*="header-color-"] > .widget-toolbar > .nav-tabs  > li.active > a{
 background-color:#FFF;
 color:#555;
 border-top-width:1px;
 margin-top:0;
}
.header-color-orange > .widget-toolbar > .nav-tabs  > li > a{
 color:#855D10;
}
[class*="header-color-"] > .widget-toolbar > .nav-tabs  > li > a:hover {
 background-color:#FFF;
 color:#555;
 border-top-color:#FFF;
}


.transparent > .widget-header > .widget-toolbar > .nav-tabs > li > a{
 color:#555;
 background-color:transparent;
 border-right:1px solid transparent;
 border-left:1px solid transparent;
}
.transparent > .widget-header > .widget-toolbar > .nav-tabs > li.active > a{
 border-top-color:#4C8FBD;
 border-right:1px solid #C5D0DC;
 border-left:1px solid #C5D0DC;
 background-color:#FFF;
 box-shadow:none;
}





/* toolbox */
.widget-toolbox:first-child {
 padding:2px;
 border-bottom:1px solid #CCC;
}
.widget-toolbox:last-child {
 padding:2px;
 border-top:1px solid #CCC;
}
.transparent  .widget-toolbox:last-child {
 border:none;
 border-top:1px solid #CCC;
}
.widget-toolbox > .btn-toolbar {
 margin:0;
 padding:0;
}
.widget-toolbox {
 background-color:#EEE;
}

.widget-toolbox.padding-4 { padding:4px;}
.widget-toolbox.padding-6 { padding:6px;}
.widget-toolbox.padding-8 { padding:8px;}
.widget-toolbox.padding-12 { padding:12px;}

.widget-toolbox.center {
 text-align:center;
}



/*when clicking refresh*/
.widget-box-layer {
 position:absolute;
 top:0;bottom:0;right:0;left:0;
 background-color:rgba(0,0,0,0.3);
 
 text-align:center;
}
.widget-box-layer > [class*="icon-"] {
 position:relative;
 top:35%;
}
.widget-box-layer > .icon-spin {
 -moz-animation-duration:1.2s;
 -webkit-animation-duration:1.2s;
 -o-animation-duration:1.2s;
 -ms-animation-duration:1.2s;
 animation-duration:1.2s;
}



/* simple forms in widgetboxes */
.widget-main > form {
 margin-bottom:0;
}
.widget-main > form .input-append , .widget-main > form .input-prepend{
 margin-bottom:0;
}
.widget-main.no-padding > form > fieldset{
 padding:16px;
}
.widget-main.no-padding > form > .form-actions{
 margin:0;
 padding:10px 12px 12px;
}
.widget-main.no-padding > form > fieldset + .form-actions{
 padding:10px 0 12px;
}









/* custom pages */
/* login pages */
body.login-layout {
 background:#1D2024;
}
body.login-layout:before {
 display:none;
}
.login-container {
 width:375px;
 margin:0 auto;
}
.login-layout #main-content {
 margin-left:0;
 min-height:100%;
}

.login-layout input[type="text"],
.login-layout input[type="password"],
.login-layout input[type="datetime"],
.login-layout input[type="datetime-local"],
.login-layout input[type="date"],
.login-layout input[type="month"],
.login-layout input[type="time"],
.login-layout input[type="week"],
.login-layout input[type="number"],
.login-layout input[type="email"],
.login-layout input[type="url"],
.login-layout input[type="search"],
.login-layout input[type="tel"],
.login-layout input[type="color"]
{
 line-height:32px;
 height:32px; max-height:32px;

 margin-bottom:4px;/* default is 10 */
}
.login-layout  label {
 margin-bottom:11px;
}


.login-layout .widget-box {
 visibility:hidden;
 position:absolute;
 
 overflow:hidden;
 width:100%;

 -moz-transform:scale(0,1) translate(-150px);
 -webkit-transform:scale(0,1) translate(-150px);
 -o-transform:scale(0,1) translate(-150px);
 -ms-transform:scale(0,1) translate(-150px);
 transform:scale(0,1) translate(-150px);
}

.login-layout .widget-box.visible {
 -moz-transform:scale(1,1) translate(0);
 -webkit-transform:scale(1,1) translate(0);
 -o-transform:scale(1,1) translate(0);
 -ms-transform:scale(1,1) translate(0);
 transform:scale(1,1) translate(0);

 visibility:visible;
 
 -moz-transition: all .3s ease;
 -ms-transition: all .3s ease;
 transition: all .3s ease;
 -o-transition: none;
 -webkit-transition: none;/* works in chrome but not in safari, never scales back to 1! */
}


.login-layout .widget-box {
 border-bottom:none;
 box-shadow:none;
 padding:6px;
 background-color:#394557;
}
.login-layout .widget-box .widget-main {
 padding:16px 36px 36px;
 background:#F7F7F7;
}
.login-layout .widget-box .widget-main form {
 margin:0;
}

.login-layout .widget-box .widget-body .toolbar > div > a {
 font-size:15px;
 font-weight:400;
 text-shadow:1px 0px 1px rgba(0,0,0,0.25); 
}
#login-box .forgot-password-link {
 color:#FE9;
}
#login-box .user-signup-link {
 color:#CF7;
}

#login-box  .toolbar {
 background:#5090C1;
 border-top:2px solid #597597;
}
#login-box .toolbar > div {
 width:50%;
 display:inline-block;
 padding:9px 0 11px;
}
#login-box .toolbar > div:first-child {
 float:left;
 text-align:left;
}
#login-box .toolbar > div:first-child > a{
 margin-left:11px;
}
#login-box .toolbar > div:first-child + div{
 float:right;
 text-align:right;
}
#login-box .toolbar > div:first-child + div  > a{
 margin-right:11px;
}



#forgot-box  .toolbar {
 background:#C16050;
 border-top:2px solid #976559;
 padding:9px 18px;
}

#signup-box  .toolbar {
 background:#76B774;
 border-top:2px solid #759759;
 padding:9px 18px;
}

#forgot-box .back-to-login-link  , #signup-box .back-to-login-link{
 color:#FE9;
 font-size:14px;
 font-weight:bold;
 text-shadow:1px 0px 1px rgba(0,0,0,0.25); 
}










/* pricing table */
.pricing-box .price{
 font-size:22px;
 line-height:20px; height:28px;
 text-align:center;
 color:#555;
}
.pricing-box .price small {
 font-size:14px;
}

.pricing-box-small .price{
 line-height:20px; height:28px;
 text-align:center;
}

.pricing-table-header {
 padding-top:0;
 margin-top:0;
 text-align:left;

}
.pricing-table-header > li{
 padding:7px 0 7px 11px;
 font-size:13px;
}

.pricing-table {
 margin-top:0;
}
.pricing-table > li{
 text-align:center;
 padding:7px 0;
 font-size:13px;
}

.list-striped > li:nth-child(odd){
 background-color:#FFF;
}
.list-striped > li:nth-child(even){
 background-color:#F2F3EB;
}

.pricing-table-header.list-striped > li:nth-child(even){
 background-color:#EEE;
}

.pricing-box-small {
 box-shadow:none;
 margin-left:-2px;
 background-color:#FFF;
 
 position:relative;
 z-index:100;
}
.pricing-span[class*="span"] {
 margin:0;
 max-width:150px !important;
 float:left !important;
}

.pricing-box-small:hover {
  z-index:101;
  transform:scale(1.04);
  -o-transform:scale(1.04);
  -ms-transform:scale(1.04);
  
  box-shadow:0 0 4px 2px rgba(0,0,0,0.15);
}

.pricing-box-small:hover  .price > .label{
 transform:scale(0.96);
 -webkit-transform:none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.pricing-box-small:hover {
  -webkit-transform:none;/*chrome blurs when scaled, so disable it!*/
  zoom:1.04;
  left:-1px; top:-3px;
}
}

.pricing-box-small  .price > .label:before, .pricing-box-small  .price > .label:after {
 margin-top:-2px;
 opacity:0.9;
 filter:alpha(opacity=90);
}


.pricing-box > .widget-header  > h1, .pricing-box > .widget-header  > h2, .pricing-box > .widget-header  > h3,
.pricing-box > .widget-header  > h4, .pricing-box > .widget-header  > h5, .pricing-box > .widget-header  > h6 {
 float:none;
 margin-left:-9px;
 text-align:center;
}

.pricing-box .btn {
 font-size:16px;
}




/* invoice */
.invoice-info {
 line-height:24px !important;
 color:#444;
 vertical-align:bottom;
 margin-left:9px; margin-right:9px;
}
.invoice-info-label {
 display:inline-block;
 max-width:100px;
 text-align:right;
 font-size:14px;
}
.invoice-box .label-large[class*="arrowed"]{
 margin-left:11px !important;
 max-width:95%;
}



/* error pages*/
.error-container {
	margin:20px;
	padding:0;
	background:#FFF;
}






/* gallery */
.ace-thumbnails {
 list-style:none;
 margin:0; padding:0;
}
.ace-thumbnails > li {
 float:left;
 display:block;
 position:relative;
 overflow:hidden;

 margin:2px;
 border:2px solid #333;
}

.ace-thumbnails > li > :first-child{
 display:block;
 position:relative;
}
.ace-thumbnails > li .tags{
 display:inline-block;
 position:absolute;
 bottom:0; right:0; left:0; overflow:visible;
 
 opacity:0.9; filter:alpha(opacity=90);
 direction:rtl;
}
.ace-thumbnails > li  .tags > .label{
 display:table;
 margin:1px 1px 0 0;

 direction:ltr;
 text-align:left;
}

.ace-thumbnails > li > .tools{
 position:absolute;
 top:0; bottom:0;
 left:-30px;
 width:24px;
 
 background-color:rgba(0,0,0,0.55);

 text-align:center; 
 vertical-align:middle;
 
 -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
 transition: all 0.2s ease;
}

.ace-thumbnails > li:hover > .tools{
 left:0;
}
.ace-thumbnails > li > .tools.tools-bottom{
 width:auto; height:28px;
 left:0; right:0; top:auto;
 bottom:-30px;
}
.ace-thumbnails > li:hover > .tools.tools-bottom{
 bottom:0;
}

.ace-thumbnails > li > .tools.tools-top{
 width:auto; height:28px;
 left:0; right:0; top:-30px;
 bottom:auto;
}
.ace-thumbnails > li:hover > .tools.tools-top{
 top:0;
}

.ace-thumbnails > li > .tools.tools-right{
 left:auto; right:-30px;
}
.ace-thumbnails > li:hover > .tools.tools-right{
 right:0;
}



.ace-thumbnails > li > .tools > a , .ace-thumbnails > li > :first-child .inner a{
 display:block;
 color:#FFF;
 font-size:18px; font-weight:normal;
 padding:4px;
}
.ace-thumbnails > li > .tools > a:hover, .ace-thumbnails > li > :first-child .inner a:hover{
 text-decoration:none;
 color:#C9E2EA;
}
.ace-thumbnails > li > .tools.tools-bottom > a , .ace-thumbnails > li > .tools.tools-top > a , .ace-thumbnails > li > :first-child .inner a{
 display:inline-block;
}


.ace-thumbnails > li > :first-child > .text{
 position:absolute;
 right:0; left:0; bottom:0; top:0;

 text-align:center;
 
 color:#FFF;
 background-color:rgba(0,0,0,0.55);

 opacity:0;
 -moz-transition: all 0.2s ease;
 -webkit-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
 -ms-transition: all 0.2s ease;
 transition: all 0.2s ease;
}
.ace-thumbnails > li:hover > :first-child  > .text{
 opacity:1;
}


/* makes the text inside , vertically centered*/
.ace-thumbnails > li > :first-child  > .text:before {
 content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle;
 margin-right: 0; /* Adjusts for spacing */
}


.ace-thumbnails > li > :first-child  > .text > .inner {
 padding:4px 0;
 margin:0;

 display: inline-block;
 vertical-align: middle;
 max-width: 90%;
}








/* custom elements */
/* custom gridding under dashboard pie chart */
.grid3 {
 display:block; width:29%;
 float:left;
 margin:0 0.5%; padding:0 1.5%;
 border-right:1px solid #E3E3E3;
}
.grid3:last-child {
 border-right:none;
}
.grid4 {
 display:block; width:21.5%;
 float:left;
 margin:0 0.8%; padding:0 0.8%;
 border-right:1px solid #E3E3E3;
}
.grid4:last-child {
 border-right:none;
}








/* conversation */
.dialogs {
 padding:9px 9px 0;
 position:relative;
}
.itemdiv {
 padding-right:3px;
 min-height:64px;
 position:relative;
}

.itemdiv.dialogdiv {
 padding-bottom:14px;
}
.itemdiv.dialogdiv:before {
 position:absolute;
 display:block; content:"";
 
 top:0; bottom:0; left:19px;
 width:1px; max-width:1px; background-color:#E1E6ED;
 border:1px solid #D7DBDD;
 border-width:0 1px;
}
.itemdiv.dialogdiv:last-child:before {
 display:none;
}

.itemdiv.dialogdiv > .user > img{
 border-color:#C9D6E5;
}
.itemdiv.dialogdiv > .body{
 border:1px solid #DDE4ED;
 padding:3px 7px 7px;
 border-left-width:2px;
 margin-right:1px;
}
.itemdiv.dialogdiv > .body:before{
 content:""; display:block;
 position:absolute; left:-7px; top:11px;
 width:8px; height:8px;
 border:2px solid #DDE4ED;
 border-width:2px 0 0 2px;
 background-color:#FFF;
 
 -moz-transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 transform:rotate(-45deg);
}


.itemdiv.dialogdiv > .body > .time {
 position:static;
 float:right;
}
.itemdiv.dialogdiv > .body > .text {
 padding-left:0;
 padding-bottom:0px;
}
.itemdiv.dialogdiv > .body > .text:after {
 display:none;
}

.itemdiv.dialogdiv .tooltip  > .tooltip-inner {
 word-break:break-all;
}

.itemdiv:last-child > .body > .text {
 border-bottom:none;
}
.itemdiv:last-child > .body > .text:after{
 display:none;
}


.itemdiv > .user {
 display:inline-block;
 width:42px;
 position:absolute;
 left:0;
}
.itemdiv > .user > img{
 border-radius:120px;
 border:2px solid #5293C4;
 max-width:36px;
 position:relative;
}


.itemdiv:last-child > .body > .text {
 border-bottom:none;
}

.itemdiv > .body {
 margin-left:50px; padding-left:0;
 width:auto;
 margin-right:12px;

 position:relative;
}

.itemdiv > .body > .time{
 display:block;
 font-size:11px;
 font-weight:bold;
 color:#666;
 
 position:absolute;
 right:9px; top:0;
}

.itemdiv > .body > .time [class*="icon-"]{
 font-size:14px;
 font-weight:normal;
}


.itemdiv > .body > .name {
 display:block;
 color:#999;
}
.itemdiv > .body > .name > b{
 color:#777;
}

.itemdiv > .body > .text {
 display:block;
 padding-bottom:19px; padding-left:7px; margin-top:2px;
 font-size:13px;
 position:relative;
}


.itemdiv > .body > .text:after {
 display:block; content:"";
 height:1px; font-size:0; overflow:hidden;
 position:absolute;
 left:16px; right:-12px; margin-top:9px;
 
 border-top:1px solid #E4ECF3;
}
.itemdiv > .body > .text > [class*="icon-quote-"]:first-child {
 color:#DCE3ED;
 margin-right:4px;
}

.itemdiv > .tools  , .itemdiv > .body > .tools {
 width:20px;
 position:absolute;
 right:4px; bottom:16px;
 display:none;
}
.itemdiv > .body > .tools {
 bottom:4px;
}
.itemdiv.commentdiv > .tools  , .itemdiv.commentdiv > .body > .tools {
 right:9px;
}


.itemdiv:hover > .tools , .itemdiv:hover > .body > .tools {
 display:inline-block;
}
.itemdiv > .tools .btn , .itemdiv > .body > .tools .btn{
 border-radius:36px;
 margin:1px 0;
}


.itemdiv-orange > .user > img{
 border-color:#E89537;
}
.itemdiv-orange:before {
 border-color:#E89537;
}
.itemdiv-orange:last-child:after {
 border-color:#E89537;
}

.itemdiv-red > .user > img{
 border-color:#D85B5B;
}
.itemdiv-red:before {
 border-color:#D85B5B;
}
.itemdiv-red:last-child:after {
 border-color:#D85B5B;
}

.itemdiv-green > .user > img{
 border-color:#8DCC6E;
}
.itemdiv-green:before {
 border-color:#8DCC6E;
}
.itemdiv-green:last-child:after {
 border-color:#8DCC6E;
}

.itemdiv-pink > .user > img{
 border-color:#D668C9;
}
.itemdiv-pink:before {
 border-color:#D668C9;
}
.itemdiv-pink:last-child:after {
 border-color:#D668C9;
}




.itemdiv.memberdiv {
 width:175px;
 padding:2px;
 margin:3px 0;
 float:left;
 border-bottom:1px solid #E8E8E8;
}
.itemdiv.memberdiv > .user > img {
 border-color:#DCE3ED;
}
.itemdiv.memberdiv > .body > .time {
 position:static;
}
.itemdiv.memberdiv > .body > .name {
 line-height:18px; height:18px;
 margin-bottom:0; 
}
.itemdiv.memberdiv > .body > .name > a{
 display:inline-block;
 max-width:100px; max-height:18px;
 overflow:hidden;
 text-overflow:ellipsis;
 word-break:break-all;
}



/* task list */
.item-list {
 margin:0;
 padding:0;
 list-style:none;
}

.item-list > li {
 border:1px solid #DDD; border-left-width:3px;
 padding:9px;
 background-color:#FFF;
 margin-top:-1px;
 position:relative;
}
.item-list > li.selected{
 color:#8090A0;
 background-color:#F4F9FC;
}
.item-list > li.selected label , .item-list > li.selected .lbl {
 text-decoration:line-through;
 color:#8090A0;
}

.item-list > li > .checkbox{
 display:inline-block;
}
.item-list > li.ui-sortable-helper {
 cursor:move;
}
.item-list.spaced > li , .item-list.spaced2 > li {
 margin:!inherit;
}



.item-list > li.item-orange {
 border-left-color:#ECCB71;
}
.item-list > li.item-red {
 border-left-color:#E05656;
}
.item-list > li.item-green {
 border-left-color:#9ECF6A;
}
.item-list > li.item-blue {
 border-left-color:#569ADD;
}
.item-list > li.item-pink {
 border-left-color:#DD56C0;
}
.item-list > li.item-black {
 border-left-color:#555;
}
.item-list > li.item-grey {
 border-left-color:#999;
}
.item-list > li.item-brown {
 border-left-color:brown;
}
.item-list > li.item-default {
 border-left-color:#ABBAC3;
}

.item-list > li > label.inline {
 display:inline-block;
}
.item-list > li label {
 font-size:13px;
}
.item-list > li .percentage {
 font-size:11px; font-weight:bold;
 color:#777;
}


/* when dragging around */
.ui-sortable-placeholder  , .ui-sortable-helper,
.ui-sortable-placeholder  > a, .ui-sortable-helper > a
{
 cursor:move !important;
}






































/* third party elements customization */
/* dataTables */
.dataTables_length {
 margin-left:8px;
}
.dataTables_filter {
 margin-right:8px;
 text-align:right;
}
.dataTables_info {
  margin:0 0 0 12px;
  font-size:14px;
}
.dataTables_paginate {
 text-align:right;
}
.dataTables_paginate.pagination {
 margin:0px 12px 0;
}

.dataTables_length select {
 width:70px;
 height:25px;
 padding:2px 3px;
}
.dataTables_filter input[type=text] {
 width:125px;
 height:18px; line-height:18px;
}

.dataTables_wrapper label {
 display:inline-block;
 font-size:13px;
}
.dataTables_wrapper input[type=text], .dataTables_wrapper select{
 margin-bottom:0 !important;
 margin:0px 4px;
}

.dataTables_wrapper .row-fluid:first-child {
 padding:12px 0 4px;
 background-color:#EFF3F8; 1border-bottom:1px solid #E2E2E2;
}
.dataTables_wrapper .row-fluid:last-child {
 border-top:1px solid #DDD;
 padding: 12px 0 6px;
 background-color:#EFF3F8;
 border-bottom:1px solid #DDD;
}

.dataTable {
 margin-bottom:0;
}

.dataTables_wrapper .row-fluid:first-child + .dataTable {
 border-top:1px solid #DDD;
 border-bottom:1px solid #DDD;
}

.dataTable thead th[class*=sort] {
 cursor:pointer;
}
.dataTable thead th[class*=sort]:hover {
}
.dataTable thead th[class*=sort]:after {
 color:#555;
 content:"\f0dc";
 display:inline-block;
 font-family:FontAwesome;
 font-size:13px;
 font-weight:normal;
 float:right;
 margin-right:4px;
 position:relative;
}

.dataTable thead th[class*=sorting_] {
 color:#307ECC;
}
.dataTable thead th.sorting_desc:after {
 content:"\f0dd";
 top:-6px;
}
.dataTable thead th.sorting_asc:after {
 content:"\f0de";
 top:4px;
}

.dataTable thead th.sorting_disabled {
 cursor:inherit;
}
.dataTable thead th.sorting_disabled:after {
 display:none;
}



/* scrollbar */
.slimScrollBar { border-radius:0 !important; }
.slimScrollRail { border-radius:0 !important; }






/* full calendar */
.fc-header-title > h2 {
 font-size:22px;
 color:#65A0CE;
}

.fc-widget-header,
.fc-widget-content {
	border: 1px solid #BCD4E5;
}
	
.fc-state-highlight {
	background: #FFC;
}
.fc-event-skin {
	border-color: #ABBAC3;     /* default BORDER color */
	background:none;
}

.label-yellow  .fc-event-skin{
	color:#996633;
}
.label-light  .fc-event-skin{
	color:#888;
}
	
.fc-grid .fc-day-number {
	color:#2E6589;
}

.fc-widget-header {
	background:#ECF2F7;
	color:#8090A0;
}

.fc-grid th  , th.fc-widget-header{
	height:28px;
	vertical-align:middle !important;
}

.fc-event-skin {
	background-color:#ABBAC3;
	border:none !important;
	padding:0 0 1px 2px;
}
[class*="label-"] > .fc-event-skin , [class*="label-"] > .fc-event-skin  > .fc-event-skin.fc-event-head{
	background-color: inherit;
}

.fc-event-hori, .fc-event-vert {
 border-radius:0 !important;
 border-color:transparent;
}


.fc-event-skin.ui-draggable-dragging {
	cursor:move;
}

.fc-event-skin.fc-event-vert ,
.fc-event-vert  > .fc-event-skin
{
	padding:0 0 1px;
}
.fc-event-vert .fc-event-content {
 padding-left:1px;
 padding-right:1px;
}
.fc-event-vert .fc-event-time {
 padding:0;
}


.fc-state-default, .fc-state-default .fc-button-inner {
 border:1px solid #8B9AA3;
 background-color:#ABBAC3;
 color:#FFF;
 background-image:none;
 box-shadow:none;
 text-shadow:none;
 
 border-radius:0 !important;
 margin-left:2px;
}
.fc-state-default{
 border:none;
}
.fc-state-default .fc-button-effect span {
 background-color:transparent;
}
.fc-state-disabled, .fc-state-disabled .fc-button-inner {
 opacity:0.75;
 color:#DDD;
}
.fc-state-default .fc-button-effect {
 display:none;
}


.fc-state-active, .fc-state-active .fc-button-inner {
 border-color:#4F99C6;
 background-color:#6FB3E0;
}
.fc-state-hover, .fc-state-hover .fc-button-inner {
 background-color:#8B9AA3;
}


.external-event {
 margin:6px 0;
 padding:0;
 
 cursor:default;
 display:block;
 
 color:#FFF;
 background-color:#ABBAC3;
 font-size:13px; line-height:28px;
}
.external-event:hover {
 opacity:1;
}

.external-event.ui-draggable-dragging {
 cursor:move;
}

.external-event  > [class*="icon-"]:first-child{
 display:inline-block; height:32px; width:32px;
 text-align:center;
 line-height:30px;
 margin-right:5px;
 
 font-size:15px;
 
 border-right:1px solid #FFF;
}


/* calendar inside widget-box --- not complete yet */
.widget-main > .fc {
 position:relative;
 top:-40px;
}
.widget-main > .fc > .fc-header {
 position:relative;
 z-index:10;
}
.widget-main .fc-header-title > h2 {
 font-size:18px;
 line-height:36px;
}
.widget-main  .fc-content {
 top:-14px;
 z-index:11;
}
.widget-main .fc-button-content {
 height:37px;
 line-height:36px;
}
.widget-main .fc .fc-header-space {
 padding-left:2px;
}





/* colorbox used in gallery page */
#colorbox:focus, #colorbox:active {
 outline:none;
}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxMiddleLeft, #cboxMiddleRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight
 {
 background:none !important;
 opacity:0;
}
#cboxContent {
 border:12px solid #000;
 background-color:#FFF;
 padding:7px;
}
#cboxOverlay {
 background:rgba(0,0,0,0.95);
 background:#000;
}
#cboxCurrent {
 left:61px;
 margin-bottom:5px;
}
#cboxTitle {
 margin-bottom:4px;
}

#cboxNext , #cboxPrevious , #cboxClose {
 background:none;
 text-indent:0;
 width:20px; height:20px; line-height:14px;
 padding:0 4px;
 text-align:center;
 
 border:2px solid #999;
 border-radius:16px;
 
 color:#666;
 font-size:12px;

 margin-left:7px;
 margin-bottom:7px;
}
#cboxNext:hover , #cboxPrevious:hover/* , #cboxClose:hover*/ {
 color:#333;
 border-color:#666;
}
#cboxContent {
 overflow:visible;
}
#cboxClose {
    background-color: #000000;
	color: #FFFFFF;
    border: 2px solid #FFFFFF;
    border-radius: 32px;
    
    font-size: 20px;
    height: 24px; width: 24px;
	padding-bottom: 2px;
	
	right: -14px;
    top: -14px;
    margin-left: 0;
}


#cboxLoadingOverlay {
 background:none !important;
}
#cboxLoadingGraphic {
 background:none !important;

 -moz-transform-origin:50% 50%;
 -o-transform-origin:50% 50%;
 -webkit-transform-origin:50% 50%;
 transform-origin:50% 50%;

 -moz-animation: spin 1.5s infinite linear;
 -o-animation: spin 1.5s infinite linear;
 -ms-animation: spin 1.5s infinite linear;
 -webkit-animation: spin 1.5s infinite linear;
 animation: spin 1.5s infinite linear;

 text-align:center;
}
#cboxLoadingGraphic:before {
 display:inline-block;
 content:"\f110";
 font-family:FontAwesome;
 font-size:24px;
 color:#FE7E3E;
 
 width:32px; height:32px;
 position:relative; top:48%;
 
 text-align:center;
 vertical-align:middle;
}









/* date & time picker */
.datepicker td, .datepicker th,
.daterangepicker .calendar th, .daterangepicker .calendar td {
 border-radius:0;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover,
.daterangepicker td.active, .daterangepicker td.active:hover {
 background:#2283C5 !important;
}

.datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
 background:#8B9AA3 !important;
}

.bootstrap-timepicker-widget table td a:hover {
 border-radius:0;
}




/* jquery gritter */
.gritter-item-wrapper {
	background-image:none !important;
	box-shadow:0 2px 10px rgba(50, 50, 50, 0.5);
	background:rgba(50,50,50,0.92);
}

.gritter-item-wrapper.gritter-info {
	background:rgba(49, 81, 133, 0.92);
}
.gritter-item-wrapper.gritter-error {
	background:rgba(153, 40, 18, 0.92);
}
.gritter-item-wrapper.gritter-success {
	background:rgba(89, 131, 75, 0.92);
}
.gritter-item-wrapper.gritter-warning {
	background:rgba(190, 112, 31, 0.92);
}

.gritter-item-wrapper.gritter-light {
	background:rgba(245,245,245,0.95);
	border:1px solid #BBB;
}
.gritter-info.gritter-light {
	background:rgba(232, 242, 255, 0.95);
}
.gritter-error.gritter-light {
	background:rgba(255, 235, 235, 0.95);
}
.gritter-success.gritter-light {
	background:rgba(239, 250, 227, 0.95);
}
.gritter-warning.gritter-light {
	background:rgba(252, 248, 227, 0.95);
}

.gritter-info.gritter-light .gritter-item{
	color:#4A577D;
}
.gritter-error.gritter-light .gritter-item{
	color:#894A38;
}
.gritter-success.gritter-light .gritter-item{
	color:#416131;
}
.gritter-warning.gritter-light .gritter-item {
	color:#946446;
}
 
.gritter-top ,
.gritter-bottom ,
.gritter-item 
 {
	background-image:none;
}

.gritter-close {
	left:auto; right:3px;
	
	background-image:none;

	width:18px;	height:18px; line-height:17px;
	text-align:center;
	border:2px solid transparent;
	border-radius:16px;

	color:#E17B67;
}
.gritter-close:before {
	font-family:FontAwesome;
	font-size:16px;
	content:"\f00d";
}

.gritter-info .gritter-close {
 color:#FFA500;
}
.gritter-error .gritter-close ,
.gritter-success .gritter-close ,
.gritter-warning .gritter-close {
 color:#FFEA07;
}
.gritter-close:hover{
 color:#FFF !important;
}

.gritter-title {
 text-shadow:none;
}

.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: none;
    color: #444;
}
.gritter-light .gritter-title {
    text-shadow: none;
}
.gritter-light .gritter-close:hover {
 color:#8A3104 !important;
}























/* custom animated icons */
.icon-animated-wrench {
  display: inline-block;
  -moz-animation: wrenching 2.5s 4 ease;
  -o-animation: wrenching 2.5s 4 ease;
  -webkit-animation: wrenching 2.5s 4 ease;
  -ms-animation: wrenching 2.5s 4 ease;
  animation: wrenching 2.5s 4 ease;
  
  -moz-transform-origin:90% 35%;
  -webkit-transform-origin:90% 35%;
  -o-transform-origin:90% 35%;
  -ms-transform-origin:90% 35%;
  transform-origin:90% 35%;
}

@-moz-keyframes wrenching {
  0% { -moz-transform: rotate(-12deg);}
  8% { -moz-transform: rotate(12deg);}

  10% { -moz-transform: rotate(24deg);}
  18% { -moz-transform: rotate(-24deg);}

  20% { -moz-transform: rotate(-24deg);}
  28% { -moz-transform: rotate(24deg);}

  30% { -moz-transform: rotate(24deg);}
  38% { -moz-transform: rotate(-24deg);}

  40% { -moz-transform: rotate(-24deg);}
  48% { -moz-transform: rotate(24deg);}

  50% { -moz-transform: rotate(24deg);}
  58% { -moz-transform: rotate(-24deg);}

  60% { -moz-transform: rotate(-24deg);}
  68% { -moz-transform: rotate(24deg);}

  75% { -moz-transform: rotate(0deg);}
}

@-webkit-keyframes wrenching {
  0% { -webkit-transform: rotate(-12deg);}
  8% { -webkit-transform: rotate(12deg);}

  10% { -webkit-transform: rotate(24deg);}
  18% { -webkit-transform: rotate(-24deg);}

  20% { -webkit-transform: rotate(-24deg);}
  28% { -webkit-transform: rotate(24deg);}

  30% { -webkit-transform: rotate(24deg);}
  38% { -webkit-transform: rotate(-24deg);}

  40% { -webkit-transform: rotate(-24deg);}
  48% { -webkit-transform: rotate(24deg);}

  50% { -webkit-transform: rotate(24deg);}
  58% { -webkit-transform: rotate(-24deg);}

  60% { -webkit-transform: rotate(-24deg);}
  68% { -webkit-transform: rotate(24deg);}

  75% { -webkit-transform: rotate(0deg);}
}

@-o-keyframes wrenching {
  0% { -o-transform: rotate(-12deg);}
  8% { -o-transform: rotate(12deg);}

  10% { -o-transform: rotate(24deg);}
  18% { -o-transform: rotate(-24deg);}

  20% { -o-transform: rotate(-24deg);}
  28% { -o-transform: rotate(24deg);}

  30% { -o-transform: rotate(24deg);}
  38% { -o-transform: rotate(-24deg);}

  40% { -o-transform: rotate(-24deg);}
  48% { -o-transform: rotate(24deg);}

  50% { -o-transform: rotate(24deg);}
  58% { -o-transform: rotate(-24deg);}

  60% { -o-transform: rotate(-24deg);}
  68% { -o-transform: rotate(24deg);}

  75% { -o-transform: rotate(0deg);}
}

@-ms-keyframes wrenching {
  0% { -ms-transform: rotate(-12deg);}
  8% { -ms-transform: rotate(12deg);}

  10% { -ms-transform: rotate(24deg);}
  18% { -ms-transform: rotate(-24deg);}

  20% { -ms-transform: rotate(-24deg);}
  28% { -ms-transform: rotate(24deg);}
  
  30% { -ms-transform: rotate(24deg);}
  38% { -ms-transform: rotate(-24deg);}

  40% { -ms-transform: rotate(-24deg);}
  48% { -ms-transform: rotate(24deg);}

  50% { -ms-transform: rotate(24deg);}
  58% { -ms-transform: rotate(-24deg);}

  60% { -ms-transform: rotate(-24deg);}
  68% { -ms-transform: rotate(24deg);}

  75% { -ms-transform: rotate(0deg);}
}

@keyframes wrenching {
  0% { transform: rotate(-12deg);}
  8% { transform: rotate(12deg);}

  10% { transform: rotate(24deg);}
  18% { transform: rotate(-24deg);}
    
  20% { transform: rotate(-24deg);}
  28% { transform: rotate(24deg);}
 
  30% { transform: rotate(24deg);}
  38% { transform: rotate(-24deg);}

  40% { transform: rotate(-24deg);}
  48% { transform: rotate(24deg);}

  50% { transform: rotate(24deg);}
  58% { transform: rotate(-24deg);}

  60% { transform: rotate(-24deg);}
  68% { transform: rotate(24deg);}

  75% { transform: rotate(0deg);}
}




.icon-animated-bell {
  display: inline-block;
  -moz-animation: ringing 2.0s 5 ease 1.0s;
  -ms-animation: ringing 2.0s 5 ease 1.0s;
  -webkit-animation: ringing 2.0s 5 ease 1.0s;
  animation: ringing 2.0s 5 ease 1.0s;
  
  -moz-transform-origin:50% 0%;
  -webkit-transform-origin:50% 0%;
  -ms-transform-origin:50% 0%;
  transform-origin:50% 0%;

}

@-moz-keyframes ringing {
  0% { -moz-transform: rotate(-15deg);}
  2% { -moz-transform: rotate(15deg);}
  4% { -moz-transform: rotate(-18deg);}
  6% { -moz-transform: rotate(18deg);}
  8% { -moz-transform: rotate(-22deg);}
  10% { -moz-transform: rotate(22deg);}
  12% { -moz-transform: rotate(-18deg);}
  14% { -moz-transform: rotate(18deg);}
  16% { -moz-transform: rotate(-12deg);}
  18% { -moz-transform: rotate(12deg);}
  20% { -moz-transform: rotate(0deg);}
}

@-webkit-keyframes ringing {
  0% { -webkit-transform: rotate(-15deg);}
  2% { -webkit-transform: rotate(15deg);}
  4% { -webkit-transform: rotate(-18deg);}
  6% { -webkit-transform: rotate(18deg);}
  8% { -webkit-transform: rotate(-22deg);}
  10% { -webkit-transform: rotate(22deg);}
  12% { -webkit-transform: rotate(-18deg);}
  14% { -webkit-transform: rotate(18deg);}
  16% { -webkit-transform: rotate(-12deg);}
  18% { -webkit-transform: rotate(12deg);}
  20% { -webkit-transform: rotate(0deg);}
}

@-ms-keyframes ringing {
  0% { -ms-transform: rotate(-15deg);}
  2% { -ms-transform: rotate(15deg);}
  4% { -ms-transform: rotate(-18deg);}
  6% { -ms-transform: rotate(18deg);}
  8% { -ms-transform: rotate(-22deg);}
  10% { -ms-transform: rotate(22deg);}
  12% { -ms-transform: rotate(-18deg);}
  14% { -ms-transform: rotate(18deg);}
  16% { -ms-transform: rotate(-12deg);}
  18% { -ms-transform: rotate(12deg);}
  20% { -ms-transform: rotate(0deg);}
}

@keyframes ringing {
  0% { transform: rotate(-15deg);}
  2% { transform: rotate(15deg);}
  4% { transform: rotate(-18deg);}
  6% { transform: rotate(18deg);}
  8% { transform: rotate(-22deg);}
  10% { transform: rotate(22deg);}
  12% { transform: rotate(-18deg);}
  14% { transform: rotate(18deg);}
  16% { transform: rotate(-12deg);}
  18% { transform: rotate(12deg);}
  20% { transform: rotate(0deg);}
}



.icon-animated-vertical  {
  display: inline-block;
  -moz-animation: vertical 2.0s 5 ease 2.0s;
  -ms-animation: vertical 2.0s 5 ease 2.0s;
  -webkit-animation: vertical 2.0s 5 ease 2.0s;
  animation: vertical 2.0s 5 ease 2.0s;
}

@-moz-keyframes vertical {
  0% { -moz-transform: translate(0,-3px);}
  4% { -moz-transform: translate(0,3px);}
  8% { -moz-transform: translate(0,-3px);}
  12% { -moz-transform: translate(0,3px);}
  16% { -moz-transform: translate(0,-3px);}
  20% { -moz-transform: translate(0,3px);}
  22% { -moz-transform: translate(0,0);}
}
@-webkit-keyframes vertical {
  0% { -webkit-transform: translate(0,-3px);}
  4% { -webkit-transform: translate(0,3px);}
  8% { -webkit-transform: translate(0,-3px);}
  12% { -webkit-transform: translate(0,3px);}
  16% { -webkit-transform: translate(0,-3px);}
  20% { -webkit-transform: translate(0,3px);}
  22% { -webkit-transform: translate(0,0);}
}
@-ms-keyframes vertical {
  0% { -ms-transform: translate(0,-3px);}
  4% { -ms-transform: translate(0,3px);}
  8% { -ms-transform: translate(0,-3px);}
  12% { -ms-transform: translate(0,3px);}
  16% { -ms-transform: translate(0,-3px);}
  20% { -ms-transform: translate(0,3px);}
  22% { -ms-transform: translate(0,0);}
}
@keyframes vertical {
  0% { transform: translate(0,-3px);}
  4% { transform: translate(0,3px);}
  8% { transform: translate(0,-3px);}
  12% { transform: translate(0,3px);}
  16% { transform: translate(0,-3px);}
  20% { transform: translate(0,3px);}
  22% { transform: translate(0,0);}
}






/* a few small third party css files put here to reduce http file requests */

/* jquery.easy-pie-chart.css */
.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}




/* ie8/9 specific */
.navbar-inverse .navbar-inner , .navbar .btn-navbar{
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}

.dropdown-menu li > a,
.dropdown-submenu > a  {
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}

.btn {
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}

.progress , .progress .bar {
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}







/* Elements used for demo pages */
#spinner-preview {
 width:100px;
 height:100px;
 text-align:center;
 margin-top:60px;
}

.dropdown-preview {
 margin:0 5px;
 display:inline-block;
}
.dropdown-preview > .dropdown-menu {
 display: block;
 position: static;
 margin-bottom: 5px;
}