/* Font Import */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

::-webkit-input-placeholder { /* WebKit browsers */
    color:#919399;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#333843;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#333843 ;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#333843;
}


/* Reset */
html{
	font-size: 100%;
}
body { 
  color: #6f7b8a; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:13px;
  padding: 0px !important;
  margin: 0px !important;
  line-height: 1.5;
  font-style: normal;	
  font-weight: normal;
  background-color:#f2f4f6;  
  text-rendering: optimizeLegibility;
}
.main-wrapper{
	opacity:1;
}
body.pace-running .main-wrapper{
	opacity:0;
}
body.pace-done .main-wrapper{
	opacity:1;
}
.tableCell{
	vertical-align: top;
}


/* Typography */
h1, h2, h3, h4, h5, h6{
	margin:10px 0;
	text-rendering: optimizeLegibility;
}
h1{
	line-height:46px
}
h2{
	line-height:42px
}
h3{
	line-height:34px
}
h4{
	line-height:28px;
	font-size:16px;
}
h3 small, h4 small, h5 small {
 font-family: 'Open Sans';
  font-weight: 300;	
  color: #444;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small{
	color: #505458;
	font-size: 62%;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans';
  font-weight: 300;
  color:#505458;
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
  padding-bottom: 10px;
}

a {
  text-shadow: none !important;
  color: #0d638f;
  transition: color 0.1s linear 0s,background-color 0.1s linear 0s, opacity 0.1s linear 0s!important;
}

a,a:focus, a:hover, a:active {
  outline: 0;
  text-decoration:none;
}

label.inline{
	display:inline-block;
	position:relative;
	top:0px;
	font-size: 13px;
	
}

address{
	margin-bottom:0px;
}
blockquote{
	 padding: 0 0 0 18px;
	  border-left: 5px solid #EEEEEE;
}
blockquote p{
	font-size:16px
}
blockquote small:before{
	 content: "";
}
blockquote.pull-right small:after{
	content: "";
}
blockquote small{
	line-height: 29px;
	color:#8b91a0;
}
.logo{
	margin:18px 14px;
}

.normal{ 
	font-weight:normal;
}

.semi-bold{ 
	font-weight:600;
}

.bold{ 
	font-weight:bold;
}

.all-caps{
	text-transform:uppercase;
}
.light{
	font-weight:300 !important;
}

.small-text{
	font-size:12px !important;
}

.normal-text{
	font-size:13px !important;
}

.large-text{
	font-size:15px !important;
}

.center-text{
	text-align:center !important;
}
.muted {
	color:#b6bfc5;
}
/* Background Colors */
.bg-blue {
  background-color: #00acec !important;
}

.bg-red {
  background-color: #f35958 !important;
}

.bg-yellow {
  background-color: #00acec !important;
}

.bg-green {
  background-color: #0aa699 !important;
}

.bg-purple {
  color: #852b99 !important;
}

.bg-grey {
  color: #555555 !important;
}

/* Font Colors */

.text-black {
  color: #1b1e24 !important;
}

.text-white {
  color: #fff !important;
}

.text-success{
	color:#0AA699 !important;
}
.text-info{
	color:#0090D9 !important;
}
.text-warning{
	color:#fbb05e !important;
}
.text-error{
	color:#F35958 !important;
}

.text-right{
	text-align:right !important;
}

.text-left{
	text-align:left !important;
}

.text-center{
	text-align:center !important;
}

/* Color bands showcase used for demo */ 
.color-bands.green{
	background-color:#0aa699
}

.color-bands.purple{
	background-color:#a272b2
}

.color-bands.red{
	background-color:#f35958
}
.color-bands.blue{
	background-color:#14b9d6
} 

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}
/*** Fixes & Misc ***/
.middle > * {
  vertical-align: middle;
}
.hide {
  display: none !important;
}
.appear {
 visibility: hidden;
}
.v-align-bottom{
	vertical-align: bottom;
}
.v-align-top{
	vertical-align: top;
}
.v-align-middle{
	vertical-align: middle;	
}

.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}

.padding-10{
	padding:10px;
}
.padding-20{
	padding:20px;
}
/** Padding top **/
.p-t-10{
	padding-top:10px;
}
.p-t-20{
	padding-top:20px;
}
.p-t-30{
	padding-top:30px;
}
.p-t-40{
	padding-top:40px;
}
.p-t-50{
	padding-top:50px;
}
.p-t-60{
	padding-top:60px;
}
.p-t-70{
	padding-top:70px;
}
.p-t-80{
	padding-top:80px;
}
/** Padding Bottom **/
.p-b-10{
	padding-bottom:10px;
}
.p-b-20{
	padding-bottom:20px;
}
.p-b-30{
	padding-bottom:30px;
}
.p-b-40{
	padding-bottom:40px;
}
.p-b-50{
	padding-bottom:50px;
}
.p-b-60{
	padding-bottom:60px;
}
/** Padding Left **/
.p-l-10{
	padding-left:10px;
}
.p-l-20{
	padding-left:20px;
}
.p-l-30{
	padding-left:30px;
}
.p-l-40{
	padding-left:40px;
}
.p-l-50{
	padding-left:50px;
}
.p-l-50{
	padding-left:50px;
}
/** Padding Right **/
.p-r-10{
	padding-right:10px;
}
.p-r-20{
	padding-right:20px;
}
.p-r-30{
	padding-right:30px;
}
.p-r-40{
	padding-right:40px;
}
.p-r-50{
	padding-right:50px;
}
.p-r-60{
	padding-right:60PX;
}

/** Margins **/
.margin-10{
	margin:10px;
}
.margin-20{
	margin:20px;
}
/** Padding top **/
.m-t-10{
	margin-top:10px;
}
.m-t-20{
	margin-top:20px;
}
.m-t-30{
	margin-top:30px;
}
.m-t-40{
	margin-top:40px;
}
.m-t-50{
	margin-top:50px;
}
.m-t-60{
	margin-top:60px;
}
/** Padding Bottom **/
.m-b-10{
	margin-bottom:10px;
}
.m-b-20{
	margin-bottom:20px;
}
.m-b-30{
	margin-bottom:30px;
}
.m-b-40{
	margin-bottom:40px;
}
.m-b-50{
	margin-bottom:50px;
}
.m-b-60{
	margin-bottom:60px;
}
.m-b-70{
	margin-bottom:70px;
}
/** Padding Left **/
.m-l-10{
	margin-left:10px;
}
.m-l-20{
	margin-left:20px;
}
.m-l-30{
	margin-left:30px;
}
.m-l-40{
	margin-left:40px;
}

/** Padding Right **/
.m-r-10{
	margin-right:10px;
}
.m-r-20{
	margin-right:20px;
}
.m-r-30{
	margin-right:30px;
}
.m-r-40{
	margin-right:40px;
}
.inline{
	display:inline-block;
}
.custom-font{
	  font-family: 'Montserrat', sans-serif;
	  letter-spacing: 0.8px;
}
img.resize{
	max-width:100%;
	height:auto
}
.push-bottom{
	position:absolute;
	bottom:0;
}
.push-top{
	position:absolute;
	top:0;
}
/*** section **/
.section.relative{
	 position:relative;
}
.section.first{
	margin-top:68px;
}
.section.white{
	background-color:#fff;
}
.section.grey{
	background-color:#f2f4f6;
}
.section.dark-grey{
	background-color:#e5e9ec;
}
.section.black{
	background-color:#22262e;
}
.section.green{
	background-color:#0aa699;
}
.section.purple{
	background-color:#746487;
}
.section.red{
	background-color:#f35958;
}
.section.blue{
	background-color:#0090d9;
}
p {
margin: 0 0 10px;
line-height: 21px;
}
/** Buttons **/
.btn {
    display: inline-block;
    *display: inline;
     padding: 9px 12px;
	 padding-top:7px ;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #5e5e5e;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #d1dade;
    *border: 0;
    -webkit-border-radius: 3px;
     -webkit-border-radius: 3px;
     -webkit-border-radius: 3px; 
	background-image:none !important;
	border: none;
	text-shadow: none;
	box-shadow:none;	
    transition: all 0.12s linear 0s !important;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;	
}
.btn:focus{
	outline:none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #c1cace;
    *background-color: #c1cace;
}
.btn-cons{	
	margin-right: 5px;
	min-width: 120px;
	margin-bottom: 8px;
}
/* only for demonstration */
.btn-demo-space{
  margin-bottom: 8px;
}
.demo-placeholder{
	width:100%;
	height:250px;
}
/* */
.btn-social{
	font-size: 20px;
    margin: 10px;
	
}
.btn-social:hover, .btn-social:focus, .btn-social:active, .btn-social.active, .btn-social.disabled, .btn-social[disabled] {
	color:#2d8ebf;
	text-decoration:none;
}
.btn-primary{
	color: #fff;
    background-color: #0aa699;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #0b9c8f;
    *background-color: #0b9c8f;
}
.btn-success{
	color: #fff;
    background-color: #0090d9;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: #1285d1;
    *background-color: #1285d1;
}
.btn-info{
	color: #fff;
    background-color: #1f3853;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-color: #152639;
    *background-color: #152639;
}
.btn-warning{
	color: #fff;
    background-color: #FBB05E;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    background-color: #f8a142;
    *background-color: #f8a142;
}

.btn-danger{
	color: #fff;
    background-color: #f35958;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    background-color: #e94847;
    *background-color: #e94847;
}

.btn-danger-dark{
	color: #fff;
    background-color: #b94141;
}
.btn-danger-dark:hover, .btn-danger-dark:focus, .btn-danger-dark:active, .btn-danger-dark.active, .btn-danger-dark.disabled, .btn-danger-dark[disabled] {
    background-color: #e94847;
    *background-color: #e94847;
	color: #fff;
}
.btn-dark{
	color: #fff;
    background-color: #333a49;
}

.btn-transparent{
	color: #fff;
    background-color: rgba(0,0,0,0.27);
}
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active, .btn-transparent.active, .btn-transparent.disabled, .btn-transparent[disabled] {
	background-color: rgba(0,0,0,0.15);
}
.btn-purple{
	color: #fff;
    background-color: #746487;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .btn-purple.disabled, .btn-purple[disabled] {
	background-color: rgba(0,0,0,0.15);
}
.btn-white{
	color: #5e5e5e;
    background-color: #fff;
	border:1px solid #e5e9ec;
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white.disabled, .btn-white[disabled] {
    background-color: #fbfcfd;
    *background-color: #fbfcfd;
	border:1px solid #b4b9be;
}
.btn-link{
	color: #5e5e5e;
    background-color: transparent;
	border:none;
}
.btn-large {
    padding: 11px 19px;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.disabled, .btn-link[disabled] {
    background-color: transparent;
    *background-color: transparent;
}
.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
    margin-top: 4px;
}
.btn-small {
    padding:3px 12px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
    margin-top: 0;
}
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
    margin-top: -1px;
}
.btn-mini {
    padding:2px 9px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0b9c8f;
}
.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #fbc01e;
}
.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #e94847;
}
.btn-group.open .btn-success.dropdown-toggle {
    background-color: #0090d9;
}
.btn-group.open .btn-info.dropdown-toggle {
    background-color: #152639;
}
.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222;
}

.btn-group.open .btn-white.dropdown-toggle {
    background-color: #fbfcfd;
}
.btn-group > .btn + .dropdown-toggle{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	border-left:1px #f7f7f7 solid;
}
.btn-block + .btn-block {
	margin-top: 8px;
}
.btn .caret{
	margin-left: 3px;
}
.btn .caret.single{
	margin-left: 0px;
}
.btn-group > .dropdown-menu{
	font-size:13px;
}
.btn-group > .dropdown-menu li{
	 padding-left: 0px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
	-webkit-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.20);
	-moz-box-shadow:    0px 0px 5px rgba(86, 96, 117, 0.20);
	box-shadow:         0px 0px 5px rgba(86, 96, 117, 0.20);
  border:none;
  border-radius:3px;
  padding:0px;
  font-size: 13px;
}

.dropdown-menu .divider{
	background-color: #eaedf0;
	 height: 1px;
	 margin:3px 0;
	 border-bottom:0px
}
.dropdown-menu > li > a{
	 line-height: 25px;
	 color: #2a2e36;
	 margin:4px;
	 border-radius:3px;
	 text-align:left;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none;
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    color: #999;
}
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-group > .btn + .dropdown-toggle{
	 padding-right: 10px;
	 border-left: 1px solid #E5E9EC;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active{
	z-index:0;
}
.btn-group > .btn.btn-white:hover, .btn-group > .btn.btn-white:focus, .btn-group > .btn.btn-white:active, .btn-group > .btn.btn-white.active{
	 border: 1px solid #E5E9EC;
}
.btn-group > .btn.btn-mini  + .dropdown-toggle{
	padding-right: 8px;
}

/*** grids ***/
.grid  {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}

.grid:after, .grid:before {
  display: table;
  color: "";
}

.grid-title {  
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.grid-title h4 {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin-bottom: 7px; 
  width:60%;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid-title h4 i {
  font-size: 14px;
  margin-right: 5px;
  color: #666;
}

.grid-title .tools,
.grid-title .actions
 {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}

.grid-title .tools > a {
  display: inline-block;
  height: 16px;
  margin-left:5px;
}

.grid-title .dropdown-menu i {
  color: #000 ;
}

.grid-title .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-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;
  opacity:.6;  
  filter:'alpha(opacity=60)';
}

.grid-title .actions > .btn-group {
  margin-top: -12px;
}

.grid-title .actions > .btn {
  padding: 4px 10px;
  margin-top: -13px;
}

.grid-title .actions > .btn-group > .btn {
  padding: 4px 10px;
  margin-top: -1px;
}

.grid-title .actions > .btn.mini {
  margin-top: -12px;
  padding: 4px 10px;
}

.grid-title .pagination.pagination-small {
  float: right !important;
  display: inline-block !important;
  margin: 0px;
  margin-top: -2px;
}
.grid .solid .grid-title{
	color:#fff !important;
	border-bottom:1px solid #fff;
}
.grid-body {
  clear: both;  
  padding: 0;  
}

.grid-body.light-blue, .grid.light-blue {
  background-color: #bfd5fa  !important;
}

.grid-body.blue, .grid.blue {
  background-color: #58acf3 !important;
}

.grid-body.red, .grid.red {
  background-color: #f35958 !important;
}

.grid-body.yellow, .grid.yellow {
  background-color: #ffb848 !important;
}

.grid-body.green, .grid.green {
  background-color: #0aa699 !important;
}

.grid-body.purple, .grid.purple {
  background-color: #852b99 !important;
}

.grid-body.light-grey, .grid.light-grey {
  background-color: #fafafa !important;
}

.grid-body.dark-grey, .grid.dark-grey {
  background-color: #555555 !important;
}

.grid-body .btn-toolbar {
  margin: 0px !important;
  padding: 0px !important;
}

.grid-body .btn-group {
  margin: 0px !important;
  padding: 0px !important;
  margin-bottom: 10px
}

/*  draggable girds */

.sortable .grid .grid-title {
  cursor: move;
}
.ui-sortable{
	min-height:0px !important;
}
.ui-sortable-placeholder { 
    border: 1px dotted black; 
    visibility: visible !important; 
    height: 100% !important; 
	
}
  
.ui-sortable-placeholder * { 
  visibility: hidden; 
}

.sortable-box-placeholder {
  background-color: #f5f5f5;
  border: 1px dashed #DDDDDD;
  display: block;
  /* float: left;*/
  margin-top: 0px !important;
  margin-bottom: 24px !important;
}

.sortable-box-placeholder * {
  visibility:hidden;
}

/*** Solid colored grid ***/

.grid.solid .grid-title .tools {
  margin-top: 2px;
  border: 0px;
}

.grid.solid .grid-title {
  margin-bottom: 5px;
  border: 0px;
  padding:13px 15px 6px;
  border-bottom:1px solid rgba(255,255,255,0.35) !important; 

}
.grid.solid .grid-title h4{
	color:#fff;
}
.grid.solid .grid-body{
	color:#fff;
	padding:20px;
}
.grid.solid .grid-body h3{
	color:#fff;
}


/*** simple grid ***/

.grid.simple {
   padding:0px !important
   
}
.grid.simple .grid-title {  
   padding:14px 15px 7px 15px;
   border-bottom: 1px solid #eee;
   color: #282323 !important;
   background-color:#fff;
}

.grid.simple .grid-title > .actions > .btn > i {
  color: #fff !important;
}

.grid.simple .grid-title .tools {
  margin-top: 0px;  
  	position:relative;
}
 .grid.simple .grid-title .tools a,.grid.solid .grid-title .tools a{
  	position:relative;
	background: url('../img/icon/portlet-tray.png') no-repeat;
	transition: all 0.1s linear 0s;
}
.grid.simple .grid-title .tools > a.remove, 
.grid.solid .grid-title .tools > a.remove {
	background-position: -66px -38px;
	width: 10px;
	height: 10px;
	top: -5px;

}

.grid.simple .grid-title .tools > a.config,
.grid.solid .grid-title .tools > a.config {
	background-position: -3px -32px;
	width: 22px;
	height: 22px;
}

.grid.simple .grid-title .tools > a.reload,
.grid.solid .grid-title .tools > a.reload {
	background-position: -37px -38px;
	width: 12px;
	height: 10px;
	top: -5px;

}

.grid.simple .grid-title .tools > a.expand,
.grid.solid .grid-title .tools > a.expand {
	background-position: -123px -40px;
	width: 10px;
	height: 6px;
	top: -5px;

}

.grid.simple .grid-title .tools > a.collapse,
.grid.solid .grid-title .tools > a.collapse {
	background-position:-95px -40px;
	width: 9px;
	height: 7px;
	top: -5px;	
}
.grid.simple .form-actions{
	margin-right:-26px !important;
	margin-left:-26px !important;
	margin-bottom:-26px !important;}
/* grid buttons */

.grid.simple.transparent .grid-body {
	background-color:transparent !important;
	border:none;
}
.grid.simple.transparent.opacity .grid-body {
	background-color: rgba(0, 0, 0, 0.28) !important;
	border:none;
}
.grid.simple.more-padding .grid-body{
	padding:46px !important;
}
.grid.simple .grid-body {
  background-color: #fff;
  padding: 26px;
  border:1px solid #dddddd;
  color:#6f7b8a;  
}
.grid.simple .grid-body.no-padding{
  padding: 0px;
}
.grid.simple .grid-body .wrap-body{
  padding: 0 26px;
  padding-top:10px;
}
.grid.simple .grid-body.no-border{
  border:0px;
  padding-top:1px;
}
.grid.simple .grid-body h4{
	color:#282323;	
 }
.grid.simple .grid-body h3{
	color:#282323;	
 } 
.grid.simple .grid-title {  
  margin-bottom: 0px;
  border:1px solid #dddddd;
  border-bottom:0px;
}
.grid.simple .grid-title.no-border{ 
  border:0px;
  border-bottom:0px;
}
.grid.simple.transparent .grid-title {
   border:none;
   border-bottom:1px solid #D7DBE0;
   background-color:transparent;
} 
.grid.simple.vertical.green{
 border-left:4px solid #0aa699;
 border-top:none !important;
}

.grid.simple.horizontal.red .grid-title {
   border-top:4px solid #f35958;
} 

.grid.simple.horizontal.yellow .grid-title {
   border-top:4px solid #ffb848;
} 
.grid.simple.horizontal.green .grid-title {
   border-top:4px solid #0aa699;
} 

.grid.simple.horizontal.purple .grid-title {
   border-top:4px solid #852b99;
} 

.grid.simple.horizontal.grey .grid-title {
   border-top:4px solid #555555;
} 

.grid.simple.horizontal.light-grey .grid-title {
   border-top:4px solid #aaa;
} 

/*** Box grid ***/
.grid.box {
   padding:0px !important
}

.grid.box .grid-title {  
   padding:8px 10px 2px 10px;
   border-bottom: 1px solid #eee;
   color: #fff !important;
}

.grid.box .grid-title > .actions > .btn > i {
  color: #fff !important;
}

.grid.box .grid-title .tools {
  margin-top: 3px;
}
.grid.box .grid-title .tools a{
  background:url(../img/icon/portlet-tray.png) no-repeat;
  width:23px;
  height:23px
}

/* grid buttons */
.grid.box .grid-body {
  background-color: #fff;
  padding: 10px;
}

.grid.box .grid-title {  
  margin-bottom: 0px;
}

.grid.box.blue .grid-title {
  background-color: #58acf3;
} 

.grid.box.blue {  
   border: 1px solid #b4cef8;
   border-top: 0;
}

.grid.box.red .grid-title {
  background-color: #f35958;
} 

.grid.box.red {  
   border: 1px solid #f35958;
   border-top: 0;
}

.grid.box.yellow .grid-title {
  background-color: #ffb848;
} 

.grid.box.yellow {  
   border: 1px solid #fccb7e;
   border-top: 0;
}

.grid.box.green .grid-title {
  background-color: #0aa699;
} 

.grid.box.green {  
   border: 1px solid #0aa699;
   border-top: 0;
}

.grid.box.purple .grid-title {
  background-color: #852b99;
} 

.grid.box.purple {  
   border: 1px solid #af5cc1;
   border-top: 0;
}

.grid.box.grey .grid-title {
  background-color: #555555;
} 

.grid.box.grey {  
   border: 1px solid #9d9c9c;
   border-top: 0;
}

.grid.box.light-grey .grid-title {
  background-color: #aaa;
} 

.grid.box.light-grey {  
   border: 1px solid #eee;
   border-top: 0;
}


/*** Pricing table ***/

.pricing-holder{
	background-color:#fff;
	border-radius:4px;
	padding:15px 0;
		margin: 0 -9px;
}
.pricing-holder .title{
	font-size:24px;	
	padding:15px 20px;
	color:#000000;
}

.pricing-holder .price{
	color:#f35958;
}
.pricing-holder .desc{
	padding:0 20px;
}
.pricing-holder .inner{
	padding:0 10px;
}

.pricing-holder ul.items{
	list-style:none;
	padding-left:0;	
	margin: 0 8px;
	margin-top:14px;
	margin-bottom:17px;
}
.pricing-holder ul.items li{
	margin-bottom:5px;
	padding:13px 10px;
	border-radius:3px;	
	clear:both;
}
.pricing-holder ul.items li.available{
	background-color:#f2f4f5;	
}

.pricing-holder ul.items li .icon-holder{
	display:inline-block;
	vertical-align:top;
	font-size:18px;
	padding-left:13px;
	padding-top:3px;
}

.pricing-holder ul.items li .desc{
	display:inline-block;
	width:80%;
}
.pricing-holder ul.items li .checkbox label{
	padding-left: 2px;
	margin-bottom: 14px;
}
.pricing-holder ul.items li  label{
	cursor:pointer;
	margin-bottom: 0;
	font-size:13px;
}
.pricing-holder.highlighted{
	border:3px solid #0aa699;
	margin-top: -15px;
	padding-bottom: 28px;
	padding-top: 25px;
}

.pricing-holder .btn-block{
	margin: 0 8px;
	width:96%;
	margin-bottom: 14px;
}

.feature-item{
	margin:0 50px;
	text-align:center;
}
